:root {
  --white: white;
  --blue-dark: #0b0e19;
  --magenta: #ff00f6;
  --black: black;
  --cyan: #0ef;
  --plum-2: #ff92de;
  --663399: #741d94;
  --seven-gold: #ad9951;
  --pale-turquoise: #01edff;
  --slate-blue: #5154ad;
  --midnight-blue: #0f022b;
  --silver: #c0bdbd;
  --gold2: #a89d76;
  --orange-red: #ff5e00;
  --firebrick: #ca0003;
  --medium-purple: #9969c5;
  --dark-green: #2b6b00;
  --pale-green: #ceffae;
  --light-coral: #fd7777;
  --business: #c6b198;
  --seven-business-khaki: #bba97c;
  --grey: #333;
  --yellow: #fff700;
  --lime-green: #5ae000;
  --plum: #ddbaff;
  --dark-blue: #00028a;
  --khaki: #ebe789;
  --violet: #ff94f4;
  --boxi: #d2ff00;
  --hello: var(--orange-red);
  --seven-new-business: var(--black);
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.start-image-video-section {
  z-index: 0;
  background-color: var(--white);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 95vh;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.first-info-section {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.div-block-2 {
  z-index: 22;
  background-color: var(--blue-dark);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  display: none;
  position: static;
  inset: 0% 0% auto;
}

.selection-section {
  z-index: 22;
  background-color: var(--white);
  width: 100%;
  height: auto;
  color: var(--white);
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  background-attachment: scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-3 {
  background-color: #fff;
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 70vh;
  margin-bottom: 0;
  display: flex;
}

.columns {
  height: 100%;
  display: none;
}

.column, .column-2, .column-3 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-7 {
  color: #0000;
  background-color: #0000;
  border: 5px solid #0df;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin-bottom: 22px;
  padding: 0;
  display: flex;
  position: relative;
}

.link {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  position: static;
  top: 30px;
}

.footer {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: auto;
  position: static;
}

.link-2 {
  color: var(--white);
  text-transform: uppercase;
  margin-left: 10px;
  padding-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.link-3 {
  color: var(--white);
  text-transform: uppercase;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.text-block {
  color: #000;
  text-transform: none;
  background-color: #0000;
  border-radius: 20px;
  width: 100%;
  height: auto;
  min-height: 20vh;
  margin-bottom: 0;
  padding: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.link-4, .link-5 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  line-height: 18px;
}

.div-block-10 {
  z-index: 333;
  border: 6px solid var(--magenta);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 60px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.button {
  width: 120px;
  height: 120px;
  color: var(--magenta);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-size: 64px;
  font-weight: 400;
  display: flex;
}

.columns-2 {
  align-items: center;
  width: 100%;
  height: 80vh;
  margin-top: 10vh;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.column-5 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
}

.column-6 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.slider-2 {
  width: 100%;
  height: 75vh;
  padding-bottom: 0;
  display: flex;
}

.news-section {
  z-index: 1;
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.html-embed {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.button-2 {
  background-color: var(--cyan);
  width: auto;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  position: static;
  inset: auto 0% 0%;
}

.div-block-17-copy {
  background-image: url('../images/Seven-Stones-Single-Apartment-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.div-block-19 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.slider-3 {
  background-color: #0000;
  width: 90%;
  height: 100vh;
  display: none;
}

.icon-3, .icon-4 {
  color: var(--black);
}

.div-block-20 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.text-block-5 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.text-block-6 {
  width: 100%;
  color: var(--plum-2);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.body {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.map-section {
  z-index: 1;
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  padding-bottom: 20px;
  display: flex;
  position: relative;
}

.div-block-27 {
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100%;
  display: flex;
  position: relative;
}

.single-2 {
  background-image: url('../images/Seven-Stones-Single-Apartment-2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.single-3 {
  background-image: url('../images/Seven-Stones-Single-Apartment-Bad.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.kitchen1 {
  background-image: url('../images/IMG_4295.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  width: 85%;
  height: 80%;
  display: flex;
  overflow: hidden;
}

.kitchen2 {
  background-image: url('../images/IMG_4294.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 80%;
}

.laundry1 {
  background-image: url('../images/IMG_4298.jpeg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  width: 85%;
  height: 80%;
  display: flex;
  overflow: hidden;
}

.heading {
  color: var(--blue-dark);
  text-transform: uppercase;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
}

.heading-copy {
  color: var(--white);
  text-transform: uppercase;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.heading-copy-copy {
  color: var(--white);
  text-transform: uppercase;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  line-height: 1.5vw;
}

.laundry-text {
  background-color: var(--663399);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.kitchentext {
  background-color: #01913f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33%;
  height: 100%;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-en {
  z-index: 22;
  background-color: var(--blue-dark);
  background-image: none;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  padding-left: 60px;
  padding-right: 60px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.div-block-29 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.nav-impressum {
  color: var(--white);
  margin-left: 0;
  margin-right: 40px;
  font-family: Montserrat, sans-serif;
}

.nav-wohnen-de {
  color: var(--seven-gold);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-business-de {
  color: var(--pale-turquoise);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-business-de.w--current {
  color: var(--slate-blue);
}

.nav-quartier-de {
  color: var(--cyan);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-kontakt-de {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-datenschutz {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.kitchen3 {
  background-image: url('../images/AdobeStock_190807846_Preview.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 80%;
}

.text-block-11, .text-block-12 {
  color: var(--white);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  position: absolute;
  inset: auto 0% 5%;
}

.footer-2 {
  background-color: var(--midnight-blue);
  text-align: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.footer-logo-link {
  background-image: url('../images/Seven-Logo-Front_1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  width: 20%;
  min-width: 60px;
  height: 100px;
  max-height: none;
}

.footer-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.5;
}

.footer-link {
  color: var(--white);
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  display: block;
}

.footer-link:hover {
  text-decoration: underline;
}

.slider-5 {
  background-color: var(--blue-dark);
  width: 80vw;
  height: 80vh;
}

.lagnuage-set-up {
  z-index: 333;
  border: 6px solid var(--magenta);
  border-radius: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-top: 60px;
  margin-left: 60px;
  margin-right: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.link-20 {
  color: var(--magenta);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-21 {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.event-section {
  z-index: 1;
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 100px;
  display: none;
  position: relative;
}

.quartier-main-info-section {
  background-color: var(--blue-dark);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: relative;
}

.text-block-21 {
  color: var(--magenta);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 8vw;
  line-height: 7vw;
}

.text-block-22 {
  color: var(--magenta);
  text-transform: uppercase;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-size: 8vw;
  line-height: 7vw;
}

.button-3 {
  border: 1px solid var(--cyan);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.right-arrow-3, .left-arrow-3 {
  display: none;
}

.div-block-64 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 60vh;
  display: flex;
}

.body-2 {
  background-color: #0000;
}

.sevenbusinessapartmentssection-copy {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.partner-section {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 0;
  display: flex;
}

.column-35 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
}

.column-36 {
  border-left: 2px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
}

.div-block-69 {
  border: 5px solid var(--blue-dark);
  background-color: var(--pale-turquoise);
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vh;
  height: 70vh;
  display: flex;
  position: relative;
}

.text-block-43 {
  color: var(--blue-dark);
  text-align: center;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 4vw;
  font-weight: 800;
  line-height: 3.5vw;
}

.body-3 {
  background-color: #0000;
  border: 1px solid #0000;
}

.seven-stones-das-quartier-info-section {
  border: 1px solid var(--black);
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.button-2-copy-copy {
  background-color: var(--blue-dark);
  text-transform: uppercase;
  background-color: var(--blue-dark);
  text-transform: uppercase;
  border-radius: 20px;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
}

.text-block-46 {
  color: var(--white);
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 14px;
}

.div-block-77 {
  background-color: var(--pale-turquoise);
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.nav-working-de {
  color: var(--orange-red);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  display: none;
}

.columns-19 {
  width: 100%;
}

.column-43, .column-44 {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  display: flex;
}

.seven-guide {
  color: var(--firebrick);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
  display: none;
}

.nav-studenten-de {
  color: var(--medium-purple);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.button-7 {
  border: 1px solid var(--blue-dark);
  width: auto;
  color: var(--blue-dark);
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.div-block-87 {
  justify-content: center;
  align-items: center;
  margin-bottom: 15%;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-89 {
  border: 20px solid #0000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 150vh;
  height: 150vh;
  display: flex;
}

.div-block-90 {
  border: 20px solid var(--white);
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 110vh;
  height: 110vh;
  display: flex;
}

.div-block-92 {
  border: 20px solid var(--white);
  background-color: #0000;
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vh;
  height: 50vh;
  display: flex;
}

.div-block-93 {
  background-color: #0000;
  border-radius: 1000px;
  width: auto;
  height: auto;
}

.column-52 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-block-55 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 800;
  line-height: 1.8vw;
}

.heading-10 {
  color: var(--blue-dark);
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.text-block-57 {
  color: var(--blue-dark);
  text-align: left;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  font-weight: 200;
  line-height: 14px;
}

.partner-column-4 {
  border-right: 2px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 30vh;
  display: flex;
}

.partner-column4 {
  width: 100%;
  height: 30vh;
  margin-bottom: 5vh;
  display: none;
}

.heading-copy {
  color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
}

.text-block-79 {
  color: var(--blue-dark);
  font-family: montserrat, sans-serif;
  font-weight: 400;
}

.text-block-80, .text-block-82, .text-block-83, .text-block-84, .text-block-85, .text-block-86 {
  color: var(--blue-dark);
  font-family: montserrat, sans-serif;
}

.section-11 {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.bold-text {
  font-weight: 400;
}

.body-4 {
  background-color: #0000;
}

.slide-nav-5 {
  justify-content: center;
  display: none;
}

.utility-page-wrap {
  background-color: var(--blue-dark);
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 30%;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body-6 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image {
  color: var(--white);
}

.heading-14 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.div-block-131 {
  color: var(--white);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.div-block-132 {
  background-color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-133 {
  width: 60%;
  padding-top: 20vh;
  padding-bottom: 20vh;
  font-family: Montserrat, sans-serif;
}

.text-block-114 {
  color: var(--white);
  font-family: montserrat, sans-serif;
  font-weight: 400;
}

.div-block-134 {
  width: 100%;
}

.div-block-135 {
  width: 100vh;
}

.impressum-text {
  color: var(--white);
  font-family: montserrat, sans-serif;
  font-weight: 400;
}

.link-21-quarter-deutsch {
  color: var(--magenta);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-21-quarter-deutsch.w--current {
  color: var(--magenta);
}

.link-20-quarter-english, .link-21-german-home {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-21-german-home.w--current {
  color: var(--magenta);
}

.link-20-german-englisch-home, .wohnungen-link-en {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.wohnungen-link-de-de {
  color: var(--magenta);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10, .bold-text-11 {
  font-weight: 100;
}

.bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.bold-text-16 {
  font-weight: 100;
}

.bold-text-17 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.bold-text-18 {
  font-weight: 100;
}

.bold-text-19 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-29, .link-30 {
  text-decoration: none;
}

.link-31, .bold-text-20 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-32 {
  text-decoration: none;
}

.bold-text-21 {
  color: var(--white);
  font-weight: 100;
}

.bold-text-22 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-33 {
  text-decoration: none;
}

.bold-text-23 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-34 {
  text-decoration: none;
}

.bold-text-24 {
  font-weight: 100;
}

.bold-text-25 {
  font-weight: 100;
  text-decoration: none;
}

.link-35 {
  color: var(--white);
  text-decoration: none;
}

.bold-text-26 {
  font-weight: 100;
}

.bold-text-27 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-36 {
  text-decoration: none;
}

.bold-text-28 {
  font-weight: 100;
}

.bold-text-29 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-37 {
  text-decoration: none;
}

.bold-text-30 {
  font-weight: 100;
  text-decoration: none;
}

.link-38 {
  color: var(--white);
  text-decoration: none;
}

.bold-text-31 {
  font-weight: 100;
}

.bold-text-32 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-39 {
  text-decoration: none;
}

.bold-text-33 {
  font-weight: 100;
}

.bold-text-34 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-40, .link-41 {
  text-decoration: none;
}

.bold-text-35 {
  color: var(--white);
  font-weight: 100;
}

.link-42, .link-43, .link-44 {
  text-decoration: none;
}

.bold-text-36 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-45 {
  text-decoration: none;
}

.bold-text-37 {
  font-weight: 100;
}

.bold-text-38 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-46 {
  text-decoration: none;
}

.bold-text-39 {
  font-weight: 100;
}

.bold-text-40 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-47 {
  text-decoration: none;
}

.bold-text-41 {
  font-weight: 100;
}

.bold-text-42 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-48 {
  text-decoration: none;
}

.bold-text-43 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-49 {
  text-decoration: none;
}

.bold-text-44 {
  font-weight: 100;
}

.bold-text-45 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-50 {
  text-decoration: none;
}

.bold-text-46 {
  font-weight: 100;
}

.bold-text-47 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-51 {
  text-decoration: none;
}

.bold-text-48 {
  font-weight: 100;
}

.bold-text-49 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-52 {
  text-decoration: none;
}

.bold-text-50 {
  font-weight: 100;
}

.bold-text-51 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-53 {
  text-decoration: none;
}

.bold-text-52 {
  font-weight: 100;
}

.bold-text-53 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-54 {
  text-decoration: none;
}

.bold-text-54 {
  font-weight: 100;
}

.bold-text-55 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-55 {
  text-decoration: none;
}

.bold-text-56 {
  font-weight: 100;
}

.bold-text-57 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-56 {
  text-decoration: none;
}

.bold-text-58 {
  font-weight: 100;
}

.bold-text-59 {
  color: var(--white);
  font-weight: 100;
}

.bold-text-60 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-57 {
  text-decoration: none;
}

.bold-text-61 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-58 {
  text-decoration: none;
}

.bold-text-62 {
  font-weight: 100;
}

.bold-text-63 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-59 {
  text-decoration: none;
}

.bold-text-64 {
  font-weight: 100;
}

.bold-text-65 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-60 {
  text-decoration: none;
}

.bold-text-66 {
  font-weight: 100;
}

.bold-text-67 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-61 {
  text-decoration: none;
}

.bold-text-68 {
  font-weight: 100;
}

.bold-text-69 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-62 {
  text-decoration: none;
}

.bold-text-70 {
  font-weight: 100;
}

.bold-text-71 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-63 {
  text-decoration: none;
}

.bold-text-72 {
  font-weight: 100;
}

.bold-text-73 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-64 {
  text-decoration: none;
}

.bold-text-74 {
  font-weight: 100;
}

.bold-text-75 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-65 {
  text-decoration: none;
}

.bold-text-76 {
  font-weight: 100;
}

.bold-text-77 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-66 {
  text-decoration: none;
}

.bold-text-78 {
  font-weight: 100;
}

.bold-text-79 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.bold-text-80 {
  font-weight: 100;
}

.link-67 {
  text-decoration: none;
}

.bold-text-81 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.bold-text-82, .bold-text-83, .bold-text-84, .bold-text-85, .bold-text-86, .bold-text-87, .bold-text-88 {
  font-weight: 100;
}

.link-68 {
  text-decoration: none;
}

.bold-text-89 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-69 {
  text-decoration: none;
}

.bold-text-90 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-70 {
  text-decoration: none;
}

.bold-text-91 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-71 {
  text-decoration: none;
}

.bold-text-92 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-72 {
  text-decoration: none;
}

.bold-text-93 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-73 {
  text-decoration: none;
}

.bold-text-94 {
  font-weight: 100;
}

.bold-text-95 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-74 {
  text-decoration: none;
}

.bold-text-96 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-75 {
  text-decoration: none;
}

.bold-text-97 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-76 {
  text-decoration: none;
}

.bold-text-98 {
  font-weight: 100;
}

.bold-text-99 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-77 {
  text-decoration: none;
}

.bold-text-100 {
  font-weight: 100;
}

.bold-text-101 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-78 {
  text-decoration: none;
}

.bold-text-102 {
  font-weight: 100;
}

.bold-text-103 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-79 {
  text-decoration: none;
}

.bold-text-104 {
  font-weight: 100;
}

.bold-text-105 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-80 {
  text-decoration: none;
}

.bold-text-106 {
  font-weight: 100;
}

.bold-text-107 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-81 {
  text-decoration: none;
}

.bold-text-108 {
  font-weight: 100;
}

.bold-text-109 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-82 {
  text-decoration: none;
}

.bold-text-110 {
  font-weight: 100;
}

.bold-text-111 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-83 {
  text-decoration: none;
}

.bold-text-112 {
  font-weight: 100;
}

.bold-text-113 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-84 {
  text-decoration: none;
}

.bold-text-114 {
  font-weight: 100;
}

.bold-text-115 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-85 {
  text-decoration: none;
}

.bold-text-116, .bold-text-117, .bold-text-118, .bold-text-119 {
  font-weight: 100;
}

.bold-text-120 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-86 {
  text-decoration: none;
}

.bold-text-121, .bold-text-122 {
  color: var(--white);
  font-weight: 100;
  text-decoration: none;
}

.link-87, .link-88 {
  text-decoration: none;
}

.studenten-de-de {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.studenten-de-de.w--current {
  color: var(--magenta);
}

.div-block-141 {
  width: 100%;
  margin-bottom: 0;
}

.div-block-142 {
  justify-content: center;
  width: 100%;
  height: 80vh;
  margin-bottom: 60px;
  display: flex;
}

.slider-9 {
  background-color: #0000;
  width: 80%;
  height: 100%;
}

.div-block-143 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-144 {
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 70%;
  display: flex;
}

.image-4, .image-4-copy {
  height: 100%;
}

.columns-36 {
  width: 100%;
  color: var(--orange-red);
  margin-bottom: 60px;
  display: flex;
}

.tabs-2 {
  border: 0px solid var(--medium-purple);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: flex;
}

.tabs-menu-2 {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.tabs-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  display: flex;
}

.tab-pane-tab-1-2 {
  width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.tab-pane-tab-2 {
  width: 100%;
  height: 100%;
}

.div-block-153 {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
}

.div-block-154 {
  background-color: var(--white);
  border-radius: 13px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-7-copy {
  border: 5px solid var(--seven-gold);
  color: #0000;
  background-color: #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin-bottom: 22px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-7-copy-copy {
  border: 5px solid var(--medium-purple);
  color: #0000;
  background-color: #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin-bottom: 22px;
  padding: 0;
  display: flex;
  position: relative;
}

.button-2-copy-copy {
  background-color: var(--medium-purple);
  width: auto;
  color: var(--white);
  text-transform: uppercase;
  background-color: var(--cyan);
  width: auto;
  text-transform: uppercase;
  inset: auto 0% 0%;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  position: static;
  inset: auto 0% 0%;
}

.button-2-copy-copy-copy {
  background-color: var(--cyan);
  width: auto;
  color: var(--white);
  text-transform: uppercase;
  background-color: var(--medium-purple);
  width: auto;
  text-transform: uppercase;
  inset: auto 0% 0%;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  position: static;
  inset: auto 0% 0%;
}

.button-2-copy-copy-copy-copy {
  background-color: var(--dark-green);
  width: auto;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  position: static;
  inset: auto 0% 0%;
}

.button-2-copy-copy {
  background-color: var(--seven-gold);
  width: auto;
  color: var(--white);
  text-transform: uppercase;
  border-radius: 6px;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Montserrat, sans-serif;
  position: static;
  inset: auto 0% 0%;
}

.column-4-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-7-copy-copy-copy {
  border: 5px solid var(--dark-green);
  color: #0000;
  background-color: #0000;
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 220px;
  height: 220px;
  margin-bottom: 22px;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-156 {
  border: 2px solid var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 14px 0;
  display: flex;
  position: relative;
}

.div-block-157 {
  border: 0px solid var(--white);
  background-color: #0000;
  flex-direction: column;
  width: 95%;
  padding: 10px 0;
  display: flex;
}

.div-block-158 {
  border: 1px solid var(--white);
  background-color: var(--blue-dark);
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 10px;
  display: flex;
}

.div-block-160 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.div-block-161 {
  background-image: url('../images/Business-Single.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 75vh;
}

.tab-link-tab-2-2 {
  background-color: var(--medium-purple);
}

.tab-link-tab-2-2.w--current {
  background-color: var(--white);
}

.tab-link-tab-1-2 {
  background-color: var(--medium-purple);
  font-family: Montserrat, sans-serif;
}

.tab-link-tab-1-2.w--current {
  background-color: var(--white);
}

.text-block-122 {
  color: var(--black);
  font-family: montserrat, sans-serif;
}

.text-block-123 {
  font-family: montserrat, sans-serif;
}

.heading-copy {
  color: var(--blue-dark);
  text-transform: uppercase;
  margin-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
}

.tab-link-tab-3-2 {
  background-color: var(--medium-purple);
}

.tab-link-tab-3-2.w--current {
  background-color: var(--white);
}

.tab-pane-tab-3 {
  width: 100%;
  height: 100%;
}

.columns-37 {
  background-image: url('../images/Flowers-gold-blue-1.png');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: none;
}

.column-105 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: auto;
  display: none;
}

.column-106 {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80%;
  padding: 20px;
  display: flex;
}

.div-block-169 {
  background-color: var(--blue-dark);
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  padding: 20px;
  display: flex;
}

.link-89, .link-90, .link-91, .link-92, .link-93, .link-94 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.link-95 {
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  display: none;
}

.div-block-170 {
  background-color: var(--white);
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.div-block-171 {
  background-image: url('../images/Seven-Quartier.png');
  background-position: 0 0;
  background-size: cover;
  width: 250px;
  height: 250px;
  margin-bottom: 20px;
  display: none;
}

.div-block-172 {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 20px;
  display: none;
}

.heading-19 {
  text-align: center;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.div-block-174 {
  border: 1px solid var(--cyan);
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-125 {
  width: 300px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
}

.seven-living-div-start {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-175 {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.div-block-8-copy {
  z-index: 22;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  margin-bottom: 0;
  display: flex;
  position: absolute;
}

.div-block-172-copy {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 20px;
  display: none;
}

.columns-39 {
  width: 100%;
}

.div-block-199 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 35vh;
  height: 100%;
  padding: 20px 20px 20px 0;
  display: flex;
}

.text-block-134 {
  color: var(--blue-dark);
  text-align: left;
  font-family: montserrat, sans-serif;
  font-weight: 300;
  display: block;
}

.nav-klimaschutz-de {
  color: var(--pale-green);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.link-perspektive {
  color: var(--white);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
}

.div-block-204 {
  border: 0px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.start-text {
  width: 100%;
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.quartier-text {
  width: 100%;
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.div-block-216 {
  background-color: var(--white);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 22vw;
  height: 22vw;
  display: none;
}

.text-block-149-copy {
  color: var(--midnight-blue);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
}

.text-block-151-copy {
  color: var(--midnight-blue);
  margin-top: 5px;
  line-height: 14px;
  display: flex;
}

.footer-students {
  background-color: var(--medium-purple);
  text-align: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-start {
  background-color: var(--blue-dark);
  text-align: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 40px;
}

.footer-business-living {
  background-color: var(--gold2);
  text-align: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 40px;
}

.div-block-91-copy {
  border: 20px solid var(--cyan);
  border-radius: 1000px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80vh;
  height: 80vh;
  display: flex;
}

.div-block-226 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.circle-center {
  border: 1px solid var(--midnight-blue);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 95%;
  display: flex;
}

.div-block-227 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 100px;
  display: flex;
}

.columns-47 {
  border-bottom: 0px solid var(--white);
  width: 95%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.column-120 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  min-height: auto;
  display: flex;
}

.column-121 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.text-block-152 {
  color: var(--cyan);
  -webkit-text-stroke-color: var(--cyan);
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-size: 6vw;
  font-weight: 900;
  line-height: 6vw;
}

.div-block-228 {
  border-bottom: 1px solid var(--blue-dark);
  width: 100%;
  color: var(--blue-dark);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.text-block-57-copy {
  color: var(--blue-dark);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 200;
  line-height: 1.5vw;
  display: none;
}

.div-block-229 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: none;
}

.div-block-230 {
  width: 60%;
}

.slide-nav-7 {
  display: none;
}

.business-apartments-label-div {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  display: flex;
}

.business-apartments-circle-div {
  border: 1px solid var(--blue-dark);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 95%;
  display: flex;
}

.business-apartments-text1 {
  color: var(--blue-dark);
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 30px;
}

.business-apaprtment-text-2 {
  color: var(--blue-dark);
  line-height: 14px;
}

.div-block-235 {
  z-index: -10;
  border: 0px solid var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 90vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: fixed;
  overflow: hidden;
  transform: translate(.001px);
}

.das-quartier-div {
  border-style: solid;
  border-width: 1.5px 0;
  border-color: var(--blue-dark) var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  padding: 20px;
  display: flex;
}

.studenten-en-en-copy, .link-impressum {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-impressum.w--current {
  color: var(--magenta);
}

.link-impress, .link-impressum-en {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-impress-en, .link-datenschutz {
  color: var(--magenta);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-privacy, .link-datenschutz-en {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.link-privacy-en {
  color: var(--magenta);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.gesundheit-link {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.gesundheit-link.w--current {
  color: var(--magenta);
}

.health-link {
  color: var(--silver);
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.nav-quartier-en {
  color: var(--cyan);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-home-en {
  color: var(--white);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-wohnen-en {
  color: var(--seven-gold);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-studenten-en {
  color: var(--medium-purple);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-working-enen {
  color: var(--pale-turquoise);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-working-de-copy-copy-copy-copyen {
  color: var(--dark-green);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-impressum-en {
  color: var(--white);
  margin-left: 0;
  margin-right: 40px;
  font-family: Montserrat, sans-serif;
}

.nav-datenschutz-en {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.nav-de {
  display: none;
}

.nav-perspektive {
  color: var(--dark-green);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2vw;
  text-decoration: none;
}

.nav-business-apartments {
  color: var(--silver);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 700;
  line-height: 2vw;
  text-decoration: none;
}

.icon-7 {
  color: #000;
}

.div-block-246 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  width: 75%;
  height: 75%;
}

.div-block-247 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.hersteller-logo-div {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 40%;
  height: 40%;
  display: none;
}

.div-block-248 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.columns-49 {
  width: 95%;
  margin-bottom: 5vh;
}

.div-block-249 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.div-block-250 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 95%;
  height: 80%;
}

.div-block-251 {
  width: 75%;
  height: auto;
  overflow: visible;
}

.div-block-252 {
  width: 95%;
  height: 80vh;
}

.heading-20 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
}

.column-124 {
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.div-block-254 {
  z-index: -10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
}

.div-block-57-copy-copy-copy {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 90%;
  margin-bottom: 2vh;
  position: static;
}

.column-125 {
  height: 50vh;
}

.div-block-255 {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-256 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 90%;
  margin-bottom: 2vh;
  position: static;
}

.collection-list {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: block;
}

.column-126 {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-57-copy-copy {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 90%;
  margin-bottom: 2vh;
  position: static;
}

.column-127 {
  align-items: center;
  height: 100%;
  padding-right: 0;
  display: flex;
}

.collection-item-2 {
  margin-right: 10px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 10px;
  line-height: 10px;
}

.slider-14 {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.text-block-160 {
  color: #fff;
  text-align: center;
  width: 80%;
  padding-right: 0%;
  font-family: Montserrat, sans-serif;
  font-size: .7vw;
  position: static;
  inset: auto 0% 0%;
}

.div-block-257 {
  background-color: #fff;
  justify-content: center;
  width: 100%;
  height: 75vh;
  display: flex;
}

.div-block-258 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.columns-50 {
  height: 100%;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.div-block-259 {
  background-color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: montserrat, sans-serif;
  display: flex;
}

.div-block-260 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
}

.collection-list-wrapper {
  width: auto;
  display: flex;
}

.div-block-57-copy-2 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 90%;
  margin-bottom: 2vh;
  position: static;
}

.div-block-52 {
  width: 95%;
  height: 80%;
  display: none;
}

.column-128 {
  align-items: center;
  height: 100%;
  padding-left: 0;
  padding-right: 10px;
  display: flex;
}

.text-block-161 {
  color: #fff;
  text-align: center;
  width: 80%;
  font-family: montserrat, sans-serif;
  font-size: 22px;
  line-height: 22px;
}

.rich-text-block-2 {
  color: var(--black);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 16px;
}

.div-block-262 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 90%;
  display: flex;
  position: static;
  top: 0;
}

.div-block-263 {
  width: 75%;
  height: auto;
  margin-top: 18px;
  margin-bottom: 18px;
}

.text-block-162 {
  padding-left: 0;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 12px;
}

.text-block-163 {
  width: 75%;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

.div-block-264 {
  width: 75%;
}

.link-99, .link-100 {
  color: var(--black);
  margin-right: 10px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.link-101 {
  color: var(--black);
  font-family: montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.div-block-265 {
  background-image: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  display: flex;
  position: relative;
}

.div-block-268 {
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  border-radius: 0%;
  width: 80%;
  height: auto;
}

.collection-item-4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-269 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.text-block-166 {
  color: var(--midnight-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 200px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 2px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 300;
  line-height: 14px;
}

.text-block-167 {
  color: var(--blue-dark);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.text-block-168 {
  color: var(--blue-dark);
  font-family: montserrat, sans-serif;
  font-size: 10vw;
  line-height: 14vw;
}

.collection-list-2 {
  padding-top: 0;
  padding-bottom: 20px;
}

.collection-list-wrapper-3 {
  color: var(--white);
  background-color: #0000;
  flex-direction: row;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: static;
  top: 0;
}

.collection-list-3 {
  justify-content: space-around;
  width: 100%;
  display: flex;
}

.div-block-272 {
  width: 90%;
}

.collection-item-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-106 {
  color: var(--blue-dark);
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.link-107 {
  color: var(--blue-dark);
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-273 {
  background-color: #0000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  min-height: 20vh;
  margin-bottom: 40px;
  display: flex;
}

.collection-list-wrapper-4 {
  width: 100%;
}

.collection-list-4 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.body-10 {
  background-image: url('../images/Stripes-turkis_Zeichenfläche-1.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
}

.text-block-169 {
  color: var(--magenta);
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 4vw;
  line-height: 4vw;
}

.empty-state {
  background-color: var(--midnight-blue);
  justify-content: center;
  align-items: center;
  height: 50vh;
  display: flex;
}

.div-block-274 {
  background-image: url('../images/Seven-Logo-Front_1.png');
  background-position: 50%;
  background-size: cover;
  width: 30vh;
  height: 30vh;
  margin-bottom: 10px;
}

.text-block-170 {
  color: var(--white);
  font-family: montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 500;
  line-height: 2vw;
}

.columns-51 {
  width: 100%;
}

.column-129 {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 60vh;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.column-130 {
  height: 60vh;
}

.div-block-275 {
  z-index: 222;
  background-color: var(--white);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 10vh;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.schriftzug {
  color: var(--blue-dark);
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}

.language {
  color: var(--blue-dark);
  text-align: right;
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

.div-block-276 {
  background-color: var(--blue-dark);
  width: 100%;
  height: auto;
  color: var(--black);
}

.column-131, .column-132, .column-133 {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 35vh;
  display: flex;
}

.div-block-277 {
  background-color: var(--blue-dark);
  width: 95%;
  height: auto;
}

.div-block-279 {
  background-color: var(--white);
  width: 95%;
  height: auto;
  margin-bottom: 100px;
}

.text-block-177 {
  color: var(--light-coral);
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 0;
  font-family: montserrat, sans-serif;
  font-size: 10vw;
  font-weight: 400;
  line-height: 12vw;
}

.div-block-281 {
  background-color: #fff;
  width: 100%;
  height: auto;
  display: none;
}

.div-block-282 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  display: none;
  position: relative;
}

.div-block-282-events {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.start-info-div-2 {
  color: #0000;
  background-color: #0000;
  border: 0 solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 40px;
  display: flex;
}

.text-block-182 {
  color: var(--white);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 28px;
}

.start-text-2 {
  width: auto;
  color: var(--white);
  text-align: left;
  text-transform: none;
  font-family: montserrat, sans-serif;
  font-weight: 300;
  line-height: 18px;
}

.div-block-274-small {
  background-image: url('../images/Seven-Logo-Front_1.png');
  background-position: 50%;
  background-size: cover;
  width: 24vh;
  height: 24vh;
  margin-bottom: 10px;
}

.text-block-170-small {
  color: var(--white);
  font-family: montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 2vw;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  width: 85%;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-link {
  color: #1a1b1f;
  text-align: center;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
  display: flex;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-list.shadow-three.mobile-shadow-hide {
  border-radius: 0;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.text-block-183, .text-block-184 {
  font-family: montserrat, sans-serif;
  font-weight: 600;
}

.link-block {
  color: var(--black);
  text-decoration: none;
}

.link-block-2 {
  text-decoration: none;
}

.div-block-288 {
  background-color: #0000;
  background-image: url('../images/Seven-Stones-Business-Apartments-Bochum-Home.png');
  background-position: 50% 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 90vh;
  margin-bottom: 60px;
  display: flex;
}

.div-block-295 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.body-11 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-list-wrapper-5 {
  width: 100%;
}

.div-block-296 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  display: flex;
}

.collection-item-7 {
  justify-content: center;
  margin-bottom: 0;
  display: flex;
}

.collection-list-wrapper-6 {
  width: 95%;
  margin-bottom: 60px;
}

.div-block-298 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 75%;
  height: 50vh;
  display: flex;
}

.div-block-299 {
  background-color: var(--white);
  width: 100%;
  height: 1.5px;
}

.div-block-300 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0%;
  width: 100%;
  height: 33vh;
}

.text-block-188 {
  text-align: center;
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-weight: 700;
}

.text-block-189 {
  text-align: center;
  max-width: none;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.div-block-301 {
  background-image: url('../images/kantine-insta-eins-quadrat.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 60vh;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.div-block-302-center {
  background-color: var(--blue-dark);
  width: 100%;
  height: 1.5px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.div-block-279-copy {
  background-color: var(--white);
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.button-20 {
  color: var(--blue-dark);
  background-color: #0000;
  margin-bottom: 20px;
  padding: 0;
  font-family: Montserrat, sans-serif;
  display: none;
}

.guide-1 {
  color: var(--blue-dark);
  text-align: center;
  text-transform: uppercase;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 0;
  font-family: montserrat, sans-serif;
  font-size: 7vw;
  font-weight: 400;
  line-height: 12vw;
}

.div-block-308 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-309 {
  width: 100%;
  height: auto;
}

.div-block-310 {
  justify-content: center;
  width: 95%;
  height: auto;
  display: flex;
}

.div-block-311 {
  width: 100%;
  height: auto;
}

.div-block-312 {
  background-image: url('../images/Cloud.png');
  background-position: 42% 45%;
  background-repeat: no-repeat;
  background-size: 60%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.columns-54 {
  width: 100%;
  margin-bottom: 40px;
}

.column-143 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.div-block-312-energy {
  background-image: url('../images/Blitz.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.heading-24 {
  color: var(--blue-dark);
  text-align: center;
  margin-bottom: 40px;
  font-family: montserrat, sans-serif;
  font-size: 6vw;
  font-weight: 500;
  line-height: 6vw;
  display: flex;
}

.column-144 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.column-145 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.column-146 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-right: 0;
  display: flex;
}

.div-block-312-komfort {
  background-image: url('../images/Komfort.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 60%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-artenschutz {
  background-image: url('../images/Biene.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.quartier-nachhaltigkeit {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: auto;
  margin-bottom: 20px;
  display: flex;
}

.div-block-312-mobility {
  background-image: url('../images/9999773635_bdf3b6751a_b.jpg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 35vh;
  height: 35vh;
}

.div-block-313 {
  background-color: var(--blue-dark);
  width: 100%;
  height: 1.5px;
  margin-bottom: 20px;
}

.text-block-192 {
  width: 35vh;
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-weight: 500;
  line-height: 14px;
}

.grafik-klima {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 5vh;
  margin-bottom: 60px;
  display: none;
  position: relative;
}

.div-block-314 {
  background-image: url('../images/Seven-Business-Projects-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 220px;
  height: 220px;
  margin-bottom: 10px;
}

.text-block-193 {
  color: var(--medium-purple);
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.columns-54-community {
  width: 100%;
  margin-bottom: 40px;
  display: none;
}

.columns-55 {
  width: 100%;
  margin-bottom: 5vh;
}

.div-block-315 {
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.text-block-194 {
  color: var(--blue-dark);
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-size: 20vw;
  font-weight: 600;
  line-height: 20vw;
}

.text-block-195 {
  width: 100%;
  color: var(--blue-dark);
  font-family: montserrat, sans-serif;
}

.div-block-316 {
  justify-content: center;
  align-items: center;
  min-height: 30vh;
  display: flex;
}

.div-block-317 {
  width: 95%;
  height: 20px;
  color: var(--silver);
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.link-109 {
  color: var(--silver);
  -webkit-text-stroke-color: var(--silver);
  font-family: montserrat, sans-serif;
  font-size: 12px;
  transform: translate(0);
}

.div-block-318 {
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
  display: flex;
}

.button-21 {
  background-color: var(--blue-dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  display: flex;
}

.collection-list-wrapper-3-start {
  color: var(--white);
  background-color: #0000;
  flex-direction: row;
  margin-bottom: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  display: none;
  position: static;
  top: 0;
}

.link-110, .link-111, .link-112, .link-113 {
  color: var(--silver);
  font-family: montserrat, sans-serif;
  font-size: 12px;
}

.foto-mobility {
  background-color: #0000;
  background-image: url('../images/stadtbahn_bogestra_tango_ruhruniversitaet_foto_bogestra_deutscher_300.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 5vh;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.div-block-312-mobility-1 {
  background-color: #fff;
  background-image: url('../images/Verkehr-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mobility-2 {
  background-color: #fff;
  background-image: url('../images/Bahn.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mobility-3 {
  background-image: url('../images/Laden.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 35%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mobility-4 {
  background-image: url('../images/Bike.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 65%;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.nachhaltigkeit {
  background-color: #0000;
  background-image: url('../images/Streuobstwiesen-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 5vh;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.div-block-319 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-320-copy {
  background-image: url('../images/Seven-Health-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 180px;
  height: 180px;
  margin-bottom: 10px;
}

.div-block-297-news {
  background-color: var(--blue-dark);
  width: 100%;
  height: 1.5px;
}

.div-block-321 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.background-video-14 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.play-pause-button-2 {
  position: static;
}

.background-video-15 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.play-pause-button-3 {
  position: static;
}

.div-block-322 {
  justify-content: center;
  width: 100%;
  height: 100vh;
  margin-bottom: 40px;
  display: flex;
}

.div-block-323 {
  background-image: url('../images/kantine-insta-eins-quadrat.JPG');
  background-position: 50%;
  background-size: cover;
  width: 95%;
  height: 100%;
  overflow: hidden;
}

.background-video-17 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 110%;
  display: flex;
}

.play-pause-button-5 {
  position: static;
}

.single-room-div {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: auto;
  display: flex;
}

.single-room-info-text {
  width: 100%;
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  margin-bottom: 40px;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.column-151, .column-152 {
  padding-left: 0;
  padding-right: 0;
}

.foto-single-room {
  width: 100%;
  height: auto;
}

.background-video-18 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  display: flex;
}

.play-pause-button-6 {
  position: static;
}

.slide-3 {
  height: 100%;
  overflow: hidden;
}

.div-block-325 {
  width: 100%;
  height: 75vh;
  margin-bottom: 40px;
}

.slider-lounge {
  background-color: #0000;
  width: 100%;
  height: 75vh;
  margin-top: 0;
  padding-bottom: 0;
  display: flex;
}

.kitchen-1 {
  background-image: url('../images/Seven-Stones-kitchen-2.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.kitchen-2 {
  background-image: url('../images/Seven-Stones-Kitchen-Table.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.kitchen-3 {
  background-image: url('../images/Seven-Stones-Bochum-Studentapartments-Kueche.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.double-1 {
  background-image: url('../images/Seven-Stones-Double-Apartment.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.double-2a {
  background-image: url('../images/Seven-Stones-Double-Apartment-3.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lounge-1 {
  background-image: url('../images/Seven-Stones-Studenten-Apartments-Lounge.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.lounge-2 {
  background-image: url('../images/Seven-Stones-Lounge-Eat.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.lounge-3 {
  background-image: url('../images/Seven-Stones-Lounge-full.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.safety-1 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.safety-2, .safety-3 {
  width: 100%;
  height: 100%;
}

.columns-36cook, .columns-36-lounge {
  width: 100%;
  color: var(--orange-red);
  margin-bottom: 60px;
  display: none;
}

.text-block-6-business-apartemtns {
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.text-block-193-businessapartments {
  color: var(--seven-gold);
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.text-block-6-ba {
  width: 100%;
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

._63qm-ba {
  background-image: url('../images/Seven-Stones-Quartier-Wohnen-Bochum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

._63-ba-2 {
  background-image: url('../images/Seven-Stones-Bochum-exklusive-Wohnung-kueche.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._63-ba-3 {
  background-image: url('../images/Seven-Stones-Quartier-Bochum-Wohnungen-Schlafzimmer.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.news-section-studenten {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  height: auto;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.text-block-118--studenten {
  color: var(--medium-purple);
  text-align: center;
  margin-bottom: 40px;
  padding-left: 0;
  font-family: montserrat, sans-serif;
  font-size: 10vw;
  font-weight: 400;
  line-height: 9vw;
}

.button-21-copy-studenten {
  background-color: var(--medium-purple);
  color: var(--white);
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
}

.guide-1-studenten {
  color: var(--medium-purple);
  text-align: center;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-left: 0;
  font-family: montserrat, sans-serif;
  font-size: 10vw;
  font-weight: 400;
  line-height: 12vw;
}

.text-block-186-community {
  color: var(--blue-dark);
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.text-block-187-community {
  color: var(--blue-dark);
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
}

.button-19-community {
  color: var(--blue-dark);
  -webkit-text-stroke-color: var(--blue-dark);
  background-color: #0000;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}

.cell, .cell-2 {
  align-items: center;
}

.community-short {
  width: 100%;
  color: var(--white);
  text-align: center;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.cell-3 {
  align-items: center;
}

.div-block-326 {
  background-image: url('../images/Seven-Stones-Students-Leben.png');
  background-position: 50% 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 75vh;
  display: flex;
}

.quick-stack {
  width: 90%;
}

.text-block-194-student-short {
  color: var(--white);
  font-family: montserrat, sans-serif;
  font-size: 10vw;
  font-weight: 600;
  line-height: 10vw;
}

.div-block-282-studenten {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-308-studenten {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 60px;
  display: flex;
}

.div-block-327 {
  flex-direction: column;
  align-items: center;
  width: 95%;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.ba-benefits-text {
  width: 100%;
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.newbuilding {
  background-color: var(--white);
  background-image: url('../images/Seven-Stones-Bochum-Hof.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.start-text-mobilit-t {
  width: auto;
  color: var(--blue-dark);
  text-align: left;
  text-transform: none;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.mehranlieben {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.mehranleben {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-top: 5vh;
  margin-bottom: 60px;
  display: none;
  position: relative;
}

.div-block-312-mehr1 {
  background-image: url('../images/Seven-Stones-Bochum-Central-Park-Joggen.jpeg');
  background-size: cover;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mehr2 {
  background-image: url('../images/Seven-Stones-Arbeit-Leben-Balanz.jpeg');
  background-size: cover;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mehr3 {
  background-image: url('../images/Seven-Stones-Bochum-Zuhause-Familie.jpeg');
  background-size: cover;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.div-block-312-mehr4 {
  background-image: url('../images/AdobeStock_296012659_Preview.jpeg');
  background-size: cover;
  border: 1.5px solid #000;
  border-radius: 100%;
  width: 15vw;
  height: 15vw;
}

.button-22 {
  background-color: var(--seven-gold);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  display: flex;
}

.button-22-studenten {
  background-color: var(--medium-purple);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  display: flex;
}

.preistag {
  width: 100%;
  color: var(--medium-purple);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.text-block-6-studenten {
  width: 100%;
  color: var(--medium-purple);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.preistag-ba {
  width: 100%;
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.text-block-6-ba-copy {
  width: 100%;
  color: var(--gold2);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  width: 100%;
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.background-video-19 {
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 100%;
  display: flex;
}

.play-pause-button-7 {
  position: static;
}

.div-block-329 {
  width: auto;
}

.column-153, .column-154, .column-155, .column-156 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: auto;
  display: flex;
}

.etagen-unten {
  border-bottom: 1px solid var(--blue-dark);
  width: 100%;
  color: var(--blue-dark);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 10px;
  display: flex;
}

.div-block-330 {
  width: 95%;
  height: auto;
}

.nexmed-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.text-block-6-doc {
  width: 100%;
  color: var(--cyan);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.xlethik-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.button-23 {
  background-color: var(--cyan);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
}

.cichon-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.daiwa-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: none;
}

.zentrum-section, .dorthe-section, .kent-section, .hygiene-section {
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.link-block-5, .link-block-6, .link-block-7, .link-block-9 {
  text-decoration: none;
}

.link-block-10 {
  text-transform: none;
  text-decoration: none;
}

.link-block-11, .link-block-12, .link-block-13, .link-block-14, .link-block-15, .link-block-16 {
  text-decoration: none;
}

.div-block-331 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.div-block-333 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.text-block-196 {
  color: var(--cyan);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 4vw;
  font-weight: 700;
  line-height: 4vw;
}

.text-block-197 {
  text-align: center;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.hygiene1 {
  background-image: url('../images/Seven-Stones-Studenten-Apartments-Lounge.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.hygiene2 {
  background-image: url('../images/Seven-Stones-Lounge-Eat.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.hygiene3 {
  background-image: url('../images/Seven-Stones-Lounge-full.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.kent2 {
  background-image: url('../images/DrKent.104.Empfang.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.nexmed1 {
  background-image: url('../images/Wartebereich_01.jpg');
  background-position: 50%;
  background-size: cover;
  align-items: center;
  width: 95vw;
  height: 100%;
  display: flex;
}

.nexmed2 {
  background-image: url('../images/Empfang_01.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.nexmed3 {
  background-image: url('../images/nexmed-markenshooting-597.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.sebastian1 {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100%;
  display: flex;
}

.sebastian2 {
  background-image: url('../images/_DSC7112.jpg.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.cichon1 {
  background-image: url('../images/DrDirkCichonBochum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.cichon2 {
  background-image: url('../images/DrDirkCichonBochumWarteraum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.cichon3 {
  background-image: url('../images/DrChichonBochumBehandlungsraum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.daiwa1 {
  background-image: url('../images/modular-construction.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.daiwa2 {
  background-image: url('../images/Keramus_1200x500.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.daiwa3 {
  background-image: url('../images/Wasa-student-village_1200x500.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.dorthe-1 {
  background-image: url('../images/cropped-IMG_9687-scaled-1.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.text-block-193-intro {
  color: var(--black);
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.text-block-6-intro {
  width: 100%;
  color: var(--blue-dark);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.div-block-325-cichon {
  justify-content: center;
  width: 100%;
  height: 75vh;
  margin-bottom: 40px;
  display: flex;
}

.text-block-6-business {
  width: 100%;
  color: var(--business);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.text-block-193-business {
  color: var(--business);
  -webkit-text-stroke-color: var(--business);
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.div-block-317-business {
  width: 95%;
  height: 20px;
  color: var(--silver);
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.div-block-334-circles {
  background-color: var(--gold2);
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 75vh;
  margin-bottom: 60px;
  display: none;
  overflow: hidden;
}

.div-block-335 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75vh;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.text-block-198 {
  color: var(--business);
  text-transform: uppercase;
  margin-bottom: 60px;
  font-family: montserrat, sans-serif;
  font-size: 5.8vw;
  font-weight: 700;
  line-height: 6vw;
}

.suchen-text {
  width: auto;
  color: var(--white);
  text-align: left;
  text-transform: none;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-weight: 400;
  line-height: 18px;
}

.button-24 {
  background-color: var(--business);
  margin-bottom: 60px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
}

._63-living {
  background-image: url('../images/Seven-Stones-Quartier-Wohnen-Bochum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

._63-living-2 {
  background-image: url('../images/Seven-Stones-Bochum-exklusive-Wohnung-kueche.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

._63-living-3 {
  background-image: url('../images/Seven-Stones-Quartier-Bochum-Wohnungen-Schlafzimmer.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.benefits-1 {
  background-image: url('../images/kantine-insta-eins-quadrat.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.living-90 {
  background-image: url('../images/Seven-Stones-Wohnung-Bochum-Terrasse.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.living-90-2 {
  background-image: url('../images/Seven-Stones-Wohnungen-Bochum-Flur.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-323-studenten {
  width: 95%;
  height: 100%;
  overflow: hidden;
}

.div-block-338 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  display: flex;
}

.kantine-logo-black {
  background-image: url('../images/Kantine-Logo_Schwarz.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 300px;
  height: 50px;
  margin-bottom: 10px;
}

.kantine-schrift {
  color: var(--plum-2);
  text-align: center;
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.kantine-column {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.column-6-kantine {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.columns-2-kantine {
  align-items: center;
  width: 100%;
  padding-left: 14px;
  padding-right: 14px;
  display: flex;
}

.background-video-20 {
  width: 100%;
  height: 75vh;
}

.div-block-8-copy-copy {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 100%;
  margin-bottom: 0;
  display: none;
}

.backgroundvideobusiness-copy {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 110%;
  display: flex;
}

.div-block-323business {
  width: 95%;
  height: 100%;
  overflow: hidden;
}

.div-block-339 {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  padding-top: 0;
}

.div-block-340 {
  background-color: var(--plum-2);
  justify-content: center;
  width: 100%;
  margin-top: 27px;
  display: flex;
}

.link-114 {
  color: var(--white);
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: montserrat, sans-serif;
  font-weight: 600;
}

.kantine-div, .kantine-bestell-div {
  border-style: solid;
  border-width: 1.5px 0 0;
  border-color: var(--blue-dark) var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 95%;
  padding: 20px;
  display: flex;
}

.div-block-338-order {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.div-block-343 {
  background-image: url('../images/Lageplan-5.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 100%;
  height: 80vh;
}

.div-block-344 {
  width: 100%;
  height: auto;
  margin-bottom: 60px;
}

.button-25 {
  color: var(--blue-dark);
  background-color: #0000;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

.column-159 {
  display: none;
}

.columns-56, .columns-57 {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 10vh;
  display: flex;
}

.column-162 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.columns-58 {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 10vh;
  display: flex;
}

.column-164 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns-59 {
  border-bottom: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.column-165 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns-60 {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 10vh;
  display: flex;
}

.columns-61 {
  border-bottom: 1px solid #fff;
  justify-content: center;
  align-items: center;
  height: 10vh;
  display: flex;
}

.columns-62 {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 10vh;
  display: flex;
}

.div-block-345 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.columns-63 {
  width: 80%;
}

.button-26 {
  background-color: var(--black);
  width: 30px;
  height: 30px;
  color: var(--white);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border: 0 solid #0ef;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  font-family: Montserrat, sans-serif;
  display: flex;
}

.column-179 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns-64 {
  border-bottom: 1px solid #fff;
  align-items: center;
  height: 10vh;
  display: flex;
}

._90-living-2a {
  background-image: url('../images/Seven-Stones-Wohnung-Bochum-Wohnraum.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

._90-living-2b {
  background-image: url('../images/Seven-Stones-Wohnung-Bochum-90-Bad.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.penthouse-108-a {
  background-image: url('../images/Seven-Stones-Quartier-Bochum-Eingang-Wohnungen.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.div-block-320-business {
  background-image: url('../images/Seven-Business-Projects-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 180px;
  height: 180px;
  margin-bottom: 10px;
}

.b-rofl-chen {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
}

.praxisfl-chen {
  background-image: url('../images/Praxisflaechen-Bochum.jpeg');
  background-position: 0%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.kanzleien {
  background-image: url('../images/Rechtsanwaltskanzlei-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.bildung {
  background-image: url('../images/Institut-Bildung-Wissenschaft-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.blumenladen {
  background-image: url('../images/Blumeladen-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.kiosk {
  background-image: url('../images/Kiosk-Minimarkt-Bochum.jpeg');
  background-position: 100%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.model-den {
  background-image: url('../images/Modeladen-Flaechen-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.galerien {
  background-image: url('../images/Galerie-Flaechen-Bochum.jpeg');
  background-position: 100%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.fitnessstudio {
  background-image: url('../images/Gym-Flaechen-Bochum.jpeg');
  background-position: 100%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.reiseb-ro {
  background-image: url('../images/Reisebuero-Flaechen-Bochum.jpeg');
  background-position: 0%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.ihreidee {
  background-color: var(--business);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18vw;
  height: 18vw;
  display: flex;
}

.text-block-200 {
  color: var(--white);
  text-align: left;
  text-transform: none;
  font-family: montserrat, sans-serif;
  font-size: 5vh;
  font-style: normal;
  font-weight: 400;
  line-height: 5vh;
}

.link-115, .link-116 {
  color: var(--black);
  font-family: montserrat, sans-serif;
}

.grundriss-double {
  background-image: url('../images/Business-Double.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 75vh;
}

.single-business {
  background-image: url('../images/Business-Single-Room-Bochum.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.business-single-2 {
  background-image: url('../images/Seven-Stones-Single-Apartment-Bad.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.business-single-grundriss {
  background-image: url('../images/Business-Single.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.business-double {
  background-image: url('../images/Business-Double-Room.png');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.business-double-2 {
  background-image: url('../images/Business-Double-Room-Bochum.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.business-double-grundriss {
  background-image: url('../images/Business-Double.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.business-kantine {
  background-image: url('../images/kantine-insta-eins-quadrat.JPG');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.business63-grundriss {
  background-image: url('../images/Business-Apartment-Bochum.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
}

.div-block-350 {
  background-image: url('../images/königsberger.jpeg');
  background-position: 0 0;
  background-size: cover;
  width: 70vh;
  height: 70vh;
}

.kantine-slogan-div {
  border-style: solid;
  border-width: 0;
  border-color: var(--blue-dark) var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  padding: 20px;
  display: flex;
}

.text-block-6-kantine-slogan {
  width: auto;
  color: var(--plum-2);
  text-align: center;
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 22px;
}

.text-block-201 {
  text-align: center;
  align-items: center;
  max-width: none;
  font-family: montserrat, sans-serif;
  font-size: 3.5vw;
  font-weight: 300;
  line-height: 3.5vw;
  display: block;
}

.div-block-353 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.asian-kantine {
  background-image: url('../images/suppe.jpeg');
  background-position: 0%;
  background-size: cover;
  width: 70vh;
  height: 70vh;
}

.columns-65 {
  width: 95%;
  margin-top: 0;
}

.column-184 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 40vh;
  padding-left: 30px;
  display: flex;
}

.column-185 {
  justify-content: flex-end;
  align-items: center;
  height: 40vh;
  padding-right: 30px;
  display: flex;
}

.text-block-202 {
  font-family: montserrat, sans-serif;
}

.text-block-203 {
  font-family: montserrat, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 24px;
}

.link-117 {
  color: var(--black);
  font-family: montserrat, sans-serif;
}

.studentenapartments-headline {
  width: 100%;
  color: var(--medium-purple);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.button-archiv-community {
  background-color: var(--white);
  color: var(--blue-dark);
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.community-text-student-main-copy {
  width: auto;
  color: var(--light-coral);
  text-align: center;
  letter-spacing: 5px;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 100px;
  font-family: montserrat, sans-serif;
  font-size: 9vw;
  font-weight: 500;
  line-height: 8vw;
  display: flex;
  position: static;
}

.link-seven-students {
  color: var(--medium-purple);
  text-align: center;
  -webkit-text-stroke-color: var(--pale-green);
  font-family: montserrat, sans-serif;
  font-weight: 600;
  line-height: 14px;
}

.link-seven-health {
  color: var(--pale-turquoise);
  text-align: center;
  -webkit-text-stroke-color: var(--pale-turquoise);
  font-family: montserrat, sans-serif;
  font-weight: 600;
  line-height: 14px;
}

.quartier-community, .quartier-mehrwerte, .quartier-mobility {
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: auto;
  margin-bottom: 60px;
  display: flex;
}

.text-block-173-businessliving {
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--seven-gold);
  font-family: montserrat, sans-serif;
  font-weight: 600;
  line-height: 14px;
}

.div-block-360, .div-block-361, .div-block-362, .div-block-363, .div-block-364 {
  width: 100%;
}

.div-block-353-mobile {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}

.kantine-frisch-mobil {
  display: none;
}

.sicherheit-div {
  width: 100%;
  height: 75vh;
  margin-bottom: 40px;
  display: none;
}

.text-block-head-student {
  width: 100%;
  color: var(--medium-purple);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.button-21-studenten--event-archiv {
  background-color: var(--medium-purple);
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.div-studenten-community {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.seven-student-logo {
  background-image: url('../images/Seven-Student-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 220px;
  height: 220px;
  margin-bottom: 15px;
}

.div-students-info-one {
  border: 0px solid var(--white);
  background-color: #0000;
  flex-direction: column;
  width: 95%;
  padding: 10px;
  display: flex;
}

.sicherheit-lernzimmer {
  border: 2px solid var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 14px 0;
  display: none;
}

.div-block-317-students {
  width: 95%;
  height: 20px;
  color: var(--silver);
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  display: flex;
}

.div-block-282-events-students-all {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.business-apartments-kontakt {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  margin-bottom: 60px;
  display: flex;
}

.div-block-356-pg {
  background-image: url('../images/PG-SevenStones.jpeg');
  background-position: 50%;
  background-size: cover;
  border-radius: 100%;
  width: 40vh;
  height: 40vh;
}

.nexmed4 {
  background-image: url('../images/nexmed-markenshooting-260.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.kent-3 {
  background-image: url('../images/DrKent.007.Besprechung.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.kent-4 {
  background-image: url('../images/DrKent.023.Implantologie.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.div-block-325-dhi {
  width: 100%;
  height: 75vh;
  margin-bottom: 40px;
  display: none;
}

.wagener-seng {
  background-image: url('../images/Praxis-Wagener-Seng.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  height: 100%;
}

.link-block-17 {
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
}

.link-block-18 {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.nav-business-projects {
  color: var(--pale-turquoise);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.intro-quartier {
  border: 0px solid var(--white);
  background-color: #0000;
  flex-direction: column;
  width: 95%;
  padding: 10px;
  display: flex;
}

.div-block-369, .div-block-370, .div-block-371, .div-block-372 {
  width: 100%;
}

.div-block-86 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 10vh;
  display: flex;
}

.div-block-375 {
  color: #000;
  background-image: url('../images/Aufsicht2023.png');
  background-position: 0 0;
  background-size: cover;
  width: 95%;
  height: 100vh;
  font-family: montserrat, sans-serif;
}

.div-block-376 {
  background-image: url('../images/Seven-Logo-Black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 250px;
  height: 250px;
  margin-bottom: 10px;
}

.text-block-158 {
  color: #000;
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
}

.column-27 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.text-block-206 {
  color: #000;
  background-color: #0000;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.heading-6 {
  color: #000;
  font-family: montserrat, sans-serif;
}

.div-block-88 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  margin-top: 10vh;
  display: flex;
}

.column-26 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.div-block-377 {
  background-color: #fff;
  width: 95%;
  height: 80vh;
}

.text-block-207 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.div-block-378 {
  border-top: 1.5px solid var(--black);
  border-bottom: 1.5px solid #000;
  width: 85%;
}

.section-2 {
  width: 80%;
}

.column-187 {
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.text-block-208 {
  color: #fff;
  font-family: montserrat, sans-serif;
}

.text-block-209 {
  color: #000;
  text-align: center;
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  inset: auto 0% 0%;
}

.column-30 {
  border-left: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.div-block-121 {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  margin-bottom: 40px;
  display: flex;
}

.div-block-95-wanted {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
  display: flex;
}

.columns-9 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  margin-bottom: 10px;
}

.italic-text {
  font-family: montserrat, sans-serif;
  font-style: normal;
}

.text-block-163-white {
  color: #000;
  text-align: center;
  font-family: montserrat, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.text-block-165 {
  color: #000;
  text-align: center;
  margin-bottom: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  position: absolute;
  inset: auto 0% 0%;
}

.column-31 {
  border-left: 1px solid var(--black);
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.button-13 {
  background-color: #000;
  font-family: montserrat, sans-serif;
}

.div-block-379 {
  width: 80%;
}

.text-block-210 {
  color: #fff;
  font-family: montserrat, sans-serif;
  font-size: 32px;
  line-height: 32px;
}

.div-block-95 {
  background-color: var(--blue-dark);
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: 40vh;
  display: flex;
}

.column-188 {
  background-image: url('../images/B793.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 80vh;
}

.heading-25 {
  color: #000;
  font-family: montserrat, sans-serif;
}

.text-block-211 {
  color: #fff;
  font-family: montserrat, sans-serif;
}

.div-block-125 {
  background-color: #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 32vh;
  height: 32vh;
  min-height: auto;
  display: flex;
}

.columns-9-copy {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  margin-bottom: 10px;
}

.text-block-212 {
  color: #fff;
  font-family: montserrat, sans-serif;
}

.text-block-165-black-visualisierung {
  color: #fff;
  text-align: center;
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 12px;
  position: absolute;
  inset: auto 0% 0%;
}

.button-27 {
  color: #000;
  background-color: #fff;
  margin-left: 20px;
  margin-right: 20px;
  font-family: montserrat, sans-serif;
}

.div-block-95-copyblue-grey {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: auto;
  margin-bottom: 40px;
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
  display: flex;
}

.heading-6-nachhaltigkeit {
  color: #000;
  justify-content: center;
  align-items: center;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-size: 3.5vh;
  line-height: 4.5vh;
  display: flex;
}

.text-block-213 {
  color: #fff;
  font-family: montserrat, sans-serif;
}

.div-block-95-white {
  background-color: var(--blue-dark);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 60vh;
  margin-bottom: 100px;
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
  display: flex;
}

.column-33 {
  border-right: 1px solid var(--black);
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.text-block-164 {
  color: #fff;
  text-align: right;
  font-family: montserrat, sans-serif;
}

.section {
  justify-content: center;
  align-items: center;
  width: 80%;
  display: flex;
}

.text-block-164-white {
  color: #000;
  text-align: center;
  font-family: montserrat, sans-serif;
}

.div-block-126 {
  border: 1px solid #fff;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 34vh;
  height: 34vh;
  display: flex;
}

.div-block-95-copyblue {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 95%;
  height: auto;
  padding-top: 7.5vh;
  padding-bottom: 7.5vh;
  display: flex;
}

.columns-34 {
  width: 90%;
}

.text-block-214 {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-family: montserrat, sans-serif;
  font-size: 42px;
  line-height: 42px;
}

.text-block-180 {
  color: #fff;
  text-align: left;
  max-width: 75%;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
}

.text-block-163-white-text {
  color: #000;
  text-align: center;
  font-family: montserrat, sans-serif;
  font-size: 24px;
  line-height: 24px;
}

.button-28 {
  color: #000;
  background-color: #fff;
  margin-left: 20px;
  margin-right: 20px;
  font-family: montserrat, sans-serif;
}

.div-block-117 {
  background-image: url('../images/Bildschirmfoto-2023-04-05-um-16.19.03.png');
  background-position: 50%;
  background-size: cover;
  width: 90%;
  height: 60vh;
}

.div-block-380 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.column-32 {
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.text-block-215 {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
}

.column-189 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vh;
  display: flex;
}

.column-101 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 80vh;
  display: flex;
}

.button-29 {
  background-color: var(--blue-dark);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  font-family: montserrat, sans-serif;
  display: flex;
}

.text-block-216 {
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: montserrat, sans-serif;
  font-size: 4vw;
  line-height: 4vw;
}

.link-block-24 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.language-de-en-home {
  color: var(--blue-dark);
  text-align: right;
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-decoration: none;
}

.friseur {
  background-image: url('../images/Friseur-Flaechen-Bochum.jpeg');
  background-position: 50%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

.link-117-pg {
  color: var(--black);
  font-family: montserrat, sans-serif;
}

.div-block-156-zukunft {
  border: 2px solid var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  padding: 14px 0;
  display: flex;
}

.columns-54-zukunft {
  width: 100%;
  margin-bottom: 40px;
}

.nav-link-en {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-en:hover {
  color: #1a1b1fbf;
}

.nav-link-en:focus-visible, .nav-link-en[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-en-business {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-en-business:hover {
  color: #1a1b1fbf;
}

.nav-link-en-business:focus-visible, .nav-link-en-business[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-be-part {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-be-part:hover {
  color: #1a1b1fbf;
}

.nav-link-be-part:focus-visible, .nav-link-be-part[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.div-block-314-seven-quarter, .div-block-314-quarter {
  background-image: url('../images/Seven-Logo-Black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: 220px;
  margin-bottom: 10px;
}

.logo-business-apartments {
  background-image: url('../images/Seven-BusinessLiving-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 220px;
  height: 220px;
  margin-bottom: 10px;
}

._1text-block-6-ba-copy-copy, .text-block-6-ba-copy-copy11 {
  width: 100%;
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.button-22-copy {
  background-color: var(--seven-gold);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  line-height: 16px;
  display: flex;
}

.column-30-mobility {
  border-left: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-31-daten {
  border-left: 1px solid var(--black);
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-32-bewohner {
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-33-facility, .column-33-garagen {
  border-right: 1px solid var(--black);
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-32-police {
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-31-fit {
  border-left: 1px solid var(--black);
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-30-sport {
  border-left: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-33-campus {
  border-right: 1px solid var(--black);
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-32-health {
  border-left: 1px solid #000;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-31-living {
  border-left: 1px solid var(--black);
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.column-30-students {
  border-left: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 25vh;
  display: flex;
}

.button-22-warteliste {
  background-color: var(--gold2);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  display: flex;
}

.living {
  background-image: url('../images/Seven-Logo-Black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 220px;
  height: 220px;
  margin-bottom: 10px;
}

.text-block-193-living {
  color: var(--seven-gold);
  -webkit-text-stroke-color: var(--gold2);
  text-transform: uppercase;
  font-family: montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

.text-block-6-living {
  color: var(--gold2);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.preistag-ba-living {
  width: 100%;
  color: var(--gold2);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
}

.text-block-6-ba-living {
  width: 100%;
  color: var(--gold2);
  -webkit-text-stroke-color: var(--blue-dark);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: montserrat, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 26px;
}

.nav-dropdown-link-health-center {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-health-center:focus-visible, .nav-dropdown-link-health-center[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-english {
  z-index: 22;
  background-color: var(--blue-dark);
  background-image: none;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 50vh;
  padding-left: 60px;
  padding-right: 60px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}

.nav-quartier-english {
  color: var(--cyan);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-studenten-english {
  color: var(--medium-purple);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-business-apartments-english {
  color: var(--silver);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-business-projects-english, .nav-health-english {
  color: var(--pale-turquoise);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-wohnen-english {
  color: var(--seven-gold);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.nav-project-development {
  color: var(--dark-green);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
  line-height: 2vw;
  text-decoration: none;
}

.div-block-10-english {
  z-index: 333;
  border: 6px solid var(--magenta);
  border-radius: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 65px;
  height: 65px;
  margin-top: 60px;
  margin-left: 0;
  margin-right: 60px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.button-english {
  width: 120px;
  height: 120px;
  color: var(--magenta);
  background-color: #0000;
  justify-content: center;
  align-items: center;
  font-size: 64px;
  font-weight: 400;
  display: flex;
}

.column-5-kantine {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 60vh;
  display: flex;
}

.div-block-317-quartier {
  width: 95%;
  height: 20px;
  color: var(--silver);
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  font-family: montserrat, sans-serif;
  display: flex;
}

.div-block-317-quarter {
  width: 95%;
  height: 20px;
  color: var(--silver);
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Montserrat, sans-serif;
  display: none;
}

.heading-6-english {
  color: #000;
  font-family: montserrat, sans-serif;
}

.column-194, .column-195 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.columns-68 {
  margin-bottom: 60px;
}

.ruhr-park {
  background-color: #0000;
  background-image: url('../images/64244af3b92700cc55b1cc1c_Ruhrpark_Okt17_D_Schaefer_02.jpg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  min-height: 20vh;
  margin-bottom: 40px;
  display: flex;
}

.link-107-ruhrpark {
  color: var(--blue-dark);
  margin-bottom: 5px;
  font-family: montserrat, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.div-block-273-padelworld {
  background-color: #0000;
  background-image: url('../images/64244af3b927002f31b1cc2c_Padel-Tennis-Bochum.jpg');
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  min-height: 20vh;
  margin-bottom: 40px;
  display: flex;
}

.button-31, .button-31-padelworld {
  background-color: #000;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
}

.text-block-167-c {
  color: var(--blue-dark);
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
}

.text-block-221 {
  color: #fff7f7;
  text-align: center;
  width: 80%;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.cookie-aktivieren {
  background-color: #000;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 200px;
  display: flex;
  position: absolute;
}

.das-quartier-interview {
  border-style: solid;
  border-width: 1.5px 0;
  border-color: var(--blue-dark) var(--white);
  background-color: var(--white);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 95%;
  padding: 20px;
  display: flex;
}

.div-block-323-toto {
  background-image: url('../images/277439626_505006597760249_6006100649289526038_n.jpeg');
  background-position: 50%;
  background-size: cover;
  width: 95%;
  height: 100%;
  overflow: hidden;
}

.div-block-403 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-323-cichon {
  background-image: url('../images/Cichon.png');
  background-position: 50%;
  background-size: cover;
  width: 95%;
  height: 100%;
  overflow: hidden;
}

.video-5 {
  width: 80%;
  height: auto;
}

.text-block-222, .text-block-223 {
  font-family: montserrat, sans-serif;
}

.div-block-319-copy {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-224, .text-block-225 {
  font-family: montserrat, sans-serif;
}

.nav-impressum-en-de {
  color: var(--white);
  margin-left: 0;
  margin-right: 40px;
  font-family: Montserrat, sans-serif;
}

.nav-datenschutz-en-de {
  color: var(--white);
  font-family: Montserrat, sans-serif;
}

.slide-4, .slide-5 {
  overflow: hidden;
}

.html-embed-3 {
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.empty-state-2 {
  display: none;
}

.datenschutz, .impressum {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  text-decoration: none;
  position: static;
  inset: auto 0% 0% auto;
}

.div-block-404 {
  justify-content: center;
  align-items: center;
}

.div-block-405 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 10vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.div-block-406 {
  background-image: url('../images/the-seven-apartments.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 60vh;
  height: 60vh;
  margin-bottom: 20px;
}

.icon-8 {
  inset: auto 0% 2.5%;
}

.div-block-137 {
  z-index: 22;
  text-align: center;
  background-color: #9969c5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 400px;
  margin-left: 0;
  padding: 60px 40px 80px;
  display: flex;
  position: relative;
}

.hero-heading-right {
  background-color: #fff0;
  border-bottom: 0 solid #e4ebf3;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 0 30px;
  display: flex;
  position: relative;
}

.seven-bau-2 {
  background-image: url('../images/Seven-Bochum-Student-Apartments-Gruen.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.icon-9 {
  inset: auto 0% 2.5%;
}

.button-primary {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #9969c5;
  border: 1px solid #000;
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px 25px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  position: static;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.div-block-136-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  height: 75vh;
  display: flex;
}

.seven-bau-1 {
  background-image: url('../images/Seven-Bochum-Student-Apartment-Lounge.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-136 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50vh;
  margin-left: -5%;
  display: flex;
}

.heading-26 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 32px;
  position: static;
}

.slider-15 {
  width: 100%;
  height: 100%;
}

.slider-16 {
  width: 100%;
  height: 75vh;
}

.icon-10 {
  inset: auto 0% 2.5%;
}

.div-block-136-co22-copy-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50vh;
  margin-left: 0%;
  margin-right: -7%;
  display: flex;
}

.hero-heading-right-3 {
  background-color: #fff0;
  border-bottom: 0 solid #e4ebf3;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin-top: 80px;
  margin-bottom: 120px;
  padding: 0 30px;
  display: flex;
  position: relative;
}

.heading-12 {
  color: var(--black);
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: montserrat, sans-serif;
  font-size: 32px;
  line-height: 32px;
  position: static;
}

.div-block-137-copy {
  z-index: 22;
  background-color: var(--seven-business-khaki);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0%;
  padding: 60px 40px 80px;
  display: flex;
  position: relative;
}

.div-block-137-copy-copy {
  z-index: 22;
  text-align: center;
  background-color: #9969c5;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0%;
  padding: 60px 40px 80px;
  display: flex;
  position: relative;
}

.icon-11 {
  inset: auto 0% 2.5%;
}

.quartier-1 {
  background-image: url('../images/Luftansicht-Seven.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-136-copy-2 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 67%;
  height: auto;
  display: flex;
}

.button-primary-2 {
  background-color: var(--seven-business-khaki);
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #000;
  padding: 12px 25px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  position: static;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.quartier-2 {
  background-image: url('../images/Seven-Stones-Ansicht-Strasse-2.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-136-co22-copy-copy-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80vh;
  margin-left: 0%;
  margin-right: -7%;
  display: none;
}

.button-33, .button-34 {
  background-color: #000;
}

.text-block-226 {
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.text-block-228 {
  width: 400px;
  margin-bottom: 20px;
  font-family: montserrat, sans-serif;
}

.button-the-seven-students {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #9969c5;
  border: 1px solid #000;
  margin-left: 10px;
  margin-right: 10px;
  padding: 8px 25px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  position: static;
}

.button-the-seven-students:hover {
  color: #fff;
  background-color: #32343a;
}

.button-the-seven-students:active {
  background-color: #43464d;
}

.button-the-seven-business {
  background-color: var(--seven-business-khaki);
  color: var(--black);
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 1px solid #000;
  padding: 12px 25px;
  font-family: montserrat, sans-serif;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
  position: static;
}

.button-the-seven-business:hover {
  color: #fff;
  background-color: #32343a;
}

.button-the-seven-business:active {
  background-color: #43464d;
}

.health-link-unten, .health-link2 {
  background-color: var(--cyan);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 40px;
  padding: 5px 10px;
  font-family: montserrat, sans-serif;
}

.div-block-413 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-320-studenten-link {
  background-image: url('../images/Seven-Student-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 180px;
  height: 180px;
  margin-bottom: 10px;
}

.div-block-320-business-link {
  background-image: url('../images/Seven-BusinessLiving-Logo.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 120%;
  width: 180px;
  height: 180px;
  margin-bottom: 10px;
}

.column-196 {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 35vh;
  display: flex;
}

.link-block-26 {
  text-decoration: none;
}

.div-block-3-a {
  background-color: #fff;
  background-image: none;
  background-size: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  margin-bottom: 0;
  display: flex;
}

.link-block-26-de {
  text-decoration: none;
}

.link-block-24-de {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.link-seven-business-de, .link-seven-business-en {
  color: var(--business);
  text-align: center;
  -webkit-text-stroke-color: var(--pale-green);
  font-family: montserrat, sans-serif;
  font-weight: 600;
  line-height: 14px;
  text-decoration: none;
}

.slider-17 {
  width: 100%;
  height: 100%;
}

.slide-nav-8 {
  display: none;
  overflow: visible;
}

.div-block-414-quartier {
  background-image: url('../images/Luftansicht-Seven.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-414-newbuildings {
  background-image: url('../images/Frontalperspektive.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-414-ansicht-strasse {
  background-image: url('../images/Seven-Stones-Ansicht-Strasse.png');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.div-block-415 {
  background-image: url('../images/Frontalperspektive.jpg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 80vh;
  margin-bottom: 60px;
}

.bueroflaechen {
  background-image: url('../images/Praxisflaechen-Bochum.jpeg');
  background-position: 0%;
  background-size: cover;
  border-top-left-radius: 0%;
  border-top-right-radius: 0%;
  width: 18vw;
  height: 18vw;
}

@media screen and (min-width: 1440px) {
  .div-block-276 {
    height: auto;
  }

  .column-131 {
    justify-content: center;
    align-items: center;
    height: 50vh;
  }

  .column-132 {
    height: 50vh;
  }

  .column-133 {
    justify-content: center;
    align-items: center;
    height: 50vh;
  }

  .div-block-320-copy, .div-block-320-business {
    width: 180px;
  }

  .link-block-17, .link-block-18 {
    width: auto;
  }

  .link-block-24 {
    flex-flow: column;
    width: auto;
    text-decoration: none;
  }

  .div-block-383 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .hero-heading-right {
    margin-top: 60px;
  }

  .heading-26 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .hero-heading-right-3 {
    margin-top: 60px;
  }

  .heading-12 {
    font-size: 3vw;
    line-height: 3vw;
  }

  .div-block-136-copy-2 {
    height: 60vh;
  }

  .div-block-412, .div-block-413 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-320-studenten-link, .div-block-320-business-link {
    width: 180px;
  }

  .columns-71 {
    height: 50vh;
  }

  .column-196 {
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    display: flex;
  }

  .link-block-26, .link-block-26-de {
    text-decoration: none;
  }

  .link-block-24-de {
    flex-flow: column;
    width: auto;
    text-decoration: none;
  }

  .link-seven-business-de, .link-seven-business-en {
    text-decoration: none;
  }

  .bueroflaechen {
    background-image: url('../images/Bueroflaechen-Bochum.jpeg');
    background-position: 50%;
  }
}

@media screen and (max-width: 991px) {
  .selection-section {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .div-block-3 {
    height: auto;
  }

  .column, .column-2, .text-block {
    margin-bottom: 20px;
  }

  .div-block-10 {
    border-width: 4px;
    border-color: var(--black);
    color: #000;
    width: 45px;
    height: 45px;
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
  }

  .button {
    color: var(--black);
    -webkit-text-stroke-color: var(--black);
    font-size: 32px;
  }

  .nav-en {
    background-color: var(--black);
    display: none;
  }

  .div-block-29 {
    height: 50px;
  }

  .nav-impressum {
    font-size: 10px;
    line-height: 10px;
  }

  .nav-datenschutz {
    font-size: 10px;
    line-height: 0;
  }

  .footer-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-46 {
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-156 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-157 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-199 {
    width: auto;
    padding-right: 0;
  }

  .div-block-216 {
    width: 50vw;
    height: 50vw;
  }

  .footer-students, .footer-start, .footer-business-living {
    padding-left: 20px;
    padding-right: 20px;
  }

  .das-quartier-div {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-quartier-en {
    color: var(--white);
    font-weight: 400;
    text-decoration: underline;
  }

  .nav-quartier-en.w--current {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-weight: 400;
  }

  .nav-home-en {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-decoration: none;
  }

  .nav-wohnen-en, .nav-studenten-en, .nav-working-enen, .nav-working-de-copy-copy-copy-copyen {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-decoration: underline;
  }

  .nav-impressum-en {
    font-family: montserrat, sans-serif;
    font-size: 10px;
    line-height: 10px;
  }

  .nav-datenschutz-en {
    font-family: montserrat, sans-serif;
    font-size: 10px;
  }

  .nav-de {
    display: none;
  }

  .div-block-268 {
    height: 33vh;
  }

  .language {
    display: none;
  }

  .div-block-282 {
    margin-bottom: 0;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: none;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .collection-list-wrapper-6 {
    margin-bottom: 0;
  }

  .div-block-312 {
    width: 20vw;
    height: 20vh;
  }

  .div-block-312-energy, .div-block-312-komfort, .div-block-312-artenschutz {
    width: 20vw;
    height: 20vw;
  }

  .div-block-313 {
    width: auto;
  }

  .text-block-192 {
    width: auto;
    font-size: 12px;
  }

  .div-block-317 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .foto-mobility {
    margin-bottom: 20px;
  }

  .div-block-312-mobility-1, .div-block-312-mobility-2, .div-block-312-mobility-3, .div-block-312-mobility-4 {
    width: 20vw;
    height: 20vw;
  }

  .div-block-320-copy {
    width: 100px;
    height: 100px;
  }

  .div-block-312-mehr1, .div-block-312-mehr2, .div-block-312-mehr3, .div-block-312-mehr4 {
    width: 20vw;
    height: 20vw;
  }

  .text-block-6-ba-copy {
    color: var(--seven-gold);
  }

  .column-154, .column-155, .column-156 {
    padding-top: 40px;
  }

  .suchen-text {
    font-size: 8px;
    line-height: 8px;
  }

  .kantine-logo-black {
    background-position: 50%;
    width: 250px;
    margin-bottom: 0;
  }

  .columns-63 {
    width: 100%;
  }

  .div-block-320-business {
    width: 100px;
    height: 100px;
  }

  .praxisfl-chen, .kanzleien, .bildung, .blumenladen, .kiosk, .model-den, .galerien, .fitnessstudio, .reiseb-ro, .ihreidee {
    width: 20vw;
    height: 20vw;
  }

  .text-block-200 {
    font-size: 3vh;
    line-height: 3vh;
  }

  .div-block-350, .asian-kantine {
    width: 100%;
    height: 50vh;
  }

  .button-archiv-community {
    display: none;
  }

  .link-seven-students, .link-seven-health {
    font-size: 12px;
  }

  .quartier-mehrwerte, .quartier-mobility {
    margin-bottom: 0;
  }

  .text-block-173-businessliving {
    font-size: 12px;
  }

  .div-block-360, .div-block-361, .div-block-362, .div-block-363, .div-block-364 {
    width: 100%;
  }

  .div-students-info-one {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .sicherheit-lernzimmer {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-317-students {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .link-block-17 {
    width: auto;
  }

  .nav-business-projects {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-weight: 400;
    text-decoration: underline;
  }

  .intro-quartier {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-86 {
    position: relative;
  }

  .div-block-375 {
    height: 85vh;
    position: static;
  }

  .div-block-376 {
    width: 150px;
    height: 150px;
  }

  .text-block-158 {
    font-size: 14px;
    line-height: 14px;
  }

  .column-27 {
    height: auto;
    min-height: auto;
  }

  .heading-6 {
    margin-top: 0;
    font-size: 22px;
    line-height: 22px;
  }

  .div-block-88 {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .column-26 {
    height: 100%;
    min-height: 50vh;
  }

  .div-block-377 {
    height: auto;
  }

  .text-block-207 {
    width: 100%;
    max-width: none;
  }

  .div-block-378 {
    width: 85%;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 20px;
  }

  .section-2 {
    width: 90%;
  }

  .column-187 {
    min-height: 50vh;
  }

  .text-block-209 {
    font-size: 12px;
    line-height: 12px;
  }

  .column-30 {
    height: 20vh;
  }

  .div-block-121 {
    height: auto;
  }

  .text-block-163-white {
    font-size: 24px;
    line-height: 24px;
  }

  .text-block-165 {
    font-size: 12px;
    line-height: 12px;
  }

  .column-31 {
    height: 20vh;
  }

  .text-block-210 {
    font-size: 24px;
    line-height: 24px;
  }

  .column-188 {
    height: auto;
    min-height: 60vh;
  }

  .heading-25 {
    margin-top: 0;
    font-size: 22px;
    line-height: 22px;
  }

  .div-block-125 {
    width: 30vw;
    height: 30vw;
  }

  .div-block-95-copyblue-grey {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .heading-6-nachhaltigkeit {
    font-size: 22px;
    line-height: 22px;
  }

  .column-33 {
    height: 20vh;
  }

  .section {
    width: 90%;
  }

  .text-block-164-white {
    font-size: 12px;
    line-height: 12px;
  }

  .div-block-126 {
    width: 32vw;
    height: 32vw;
  }

  .text-block-214 {
    text-align: center;
  }

  .text-block-180 {
    margin-bottom: 0;
  }

  .text-block-163-white-text {
    font-size: 18px;
    line-height: 18px;
  }

  .column-32 {
    height: 20vh;
  }

  .text-block-215 {
    width: 100%;
    max-width: none;
  }

  .column-189 {
    min-height: 50vh;
  }

  .column-101 {
    height: auto;
    min-height: 60vh;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .link-block-24 {
    flex-flow: column;
    width: auto;
    text-decoration: none;
  }

  .link-118, .link-119, .text-block-218 {
    color: #fff;
    font-family: montserrat, sans-serif;
  }

  .language-de-en-home {
    display: none;
  }

  .friseur {
    width: 20vw;
    height: 20vw;
  }

  .div-block-383, .div-block-384, .div-block-385 {
    width: 100%;
  }

  .div-block-156-zukunft {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-en, .nav-link-en-business, .nav-link-be-part {
    padding-left: 5px;
    padding-right: 5px;
  }

  .div-block-389, .div-block-390, .div-block-391, .div-block-392, .div-block-393, .div-block-394, .div-block-395, .div-block-396, .div-block-397 {
    width: 100%;
  }

  ._1text-block-6-ba-copy-copy {
    color: var(--seven-gold);
  }

  .column-30-mobility, .column-31-daten, .column-32-bewohner, .column-33-facility, .column-33-garagen, .column-32-police, .column-31-fit, .column-30-sport, .column-33-campus, .column-32-health, .column-31-living, .column-30-students {
    height: 20vh;
  }

  .text-block-6-ba-living {
    color: var(--seven-gold);
  }

  .nav-english {
    display: none;
  }

  .nav-quartier-english {
    color: var(--white);
    font-weight: 400;
  }

  .nav-quartier-english.w--current, .nav-studenten-english, .nav-business-apartments-english, .nav-business-projects-english, .nav-health-english, .nav-wohnen-english, .nav-project-development {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-weight: 400;
  }

  .div-block-10-english {
    border-width: 4px;
    border-color: var(--black);
    color: #000;
    width: 45px;
    height: 45px;
    margin-top: 20px;
    margin-right: 20px;
    display: flex;
  }

  .button-english {
    color: var(--black);
    -webkit-text-stroke-color: var(--black);
    font-size: 32px;
  }

  .div-block-317-quartier, .div-block-317-quarter {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-6-english {
    margin-top: 0;
    font-size: 22px;
    line-height: 22px;
  }

  .das-quartier-interview {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .de-en-mobile, .div-block-382-mobile-en {
    display: flex;
  }

  .nav-impressum-en-de {
    font-family: montserrat, sans-serif;
    font-size: 10px;
    line-height: 10px;
  }

  .nav-datenschutz-en-de {
    font-family: montserrat, sans-serif;
    font-size: 10px;
  }

  .div-block-320-studenten-link, .div-block-320-business-link {
    background-size: auto 110%;
    width: 100px;
    height: 100px;
  }

  .column-196 {
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 35vh;
    display: flex;
  }

  .div-block-3-a {
    height: auto;
  }

  .link-block-24-de {
    flex-flow: column;
    width: auto;
    text-decoration: none;
  }

  .link-seven-business-de, .link-seven-business-en {
    font-size: 12px;
  }

  .bueroflaechen {
    width: 20vw;
    height: 20vw;
  }
}

@media screen and (max-width: 767px) {
  .start-image-video-section {
    position: static;
  }

  .first-info-section {
    height: auto;
    padding-bottom: 60px;
  }

  .div-block-10 {
    margin-top: 10px;
  }

  .column-6 {
    height: auto;
  }

  .nav-en {
    display: none;
  }

  .div-block-29 {
    height: 50px;
  }

  .nav-impressum, .nav-datenschutz {
    font-size: 10px;
    line-height: 10px;
  }

  .footer-2 {
    padding: 40px 20px;
  }

  .footer-logo-link {
    height: 300px;
  }

  .div-block-133 {
    width: 90%;
  }

  .footer-students, .footer-start, .footer-business-living {
    padding: 40px 20px;
  }

  .nav-datenschutz-en {
    font-size: 10px;
    line-height: 10px;
  }

  .nav-de {
    display: none;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .column-6-kantine {
    height: auto;
  }

  .nav-link-en, .nav-link-en-business, .nav-link-be-part {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-english {
    display: none;
  }

  .nav-datenschutz-en-de {
    font-size: 10px;
    line-height: 10px;
  }

  .hero-heading-right, .hero-heading-right-3 {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .start-image-video-section {
    background-size: cover;
    justify-content: center;
    height: 100vh;
    position: static;
  }

  .first-info-section {
    height: auto;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .selection-section {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-3 {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 2vh 10px;
  }

  .column, .column-2, .column-3 {
    height: auto;
    margin-bottom: 5vh;
  }

  .div-block-7 {
    width: 200px;
    height: 200px;
  }

  .link {
    font-size: 18px;
    line-height: 18px;
  }

  .text-block {
    font-size: 4vw;
    line-height: 5vw;
  }

  .div-block-10 {
    border-width: 4px;
    width: 35px;
    height: 35px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .button {
    width: 30px;
    height: 30px;
    font-size: 25px;
  }

  .columns-2 {
    flex-direction: column;
    height: auto;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .column-5 {
    flex-direction: column;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 60px;
  }

  .column-6 {
    align-items: center;
    height: auto;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .slider-2 {
    width: 100%;
    height: 50vh;
  }

  .news-section {
    padding-bottom: 0;
  }

  .html-embed {
    width: 100%;
    height: 50vh;
    margin-bottom: 0;
  }

  .text-block-6 {
    font-size: 22px;
    line-height: 22px;
  }

  .map-section {
    height: 60vh;
    margin-bottom: 0;
  }

  .div-block-27 {
    width: 95%;
    height: 80%;
  }

  .heading {
    font-size: 6vw;
    line-height: 5vw;
  }

  .nav-en {
    background-color: var(--black);
    justify-content: flex-end;
    align-items: center;
    height: 80vh;
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
  }

  .div-block-29 {
    justify-content: space-between;
    padding-left: 8%;
    padding-right: 8%;
  }

  .nav-impressum {
    font-weight: 300;
  }

  .nav-wohnen-de, .nav-business-de, .nav-quartier-de, .nav-kontakt-de {
    font-size: 7vw;
    line-height: 8vw;
  }

  .nav-datenschutz {
    font-weight: 300;
  }

  .footer-2 {
    background-color: var(--blue-dark);
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    flex-direction: column;
  }

  .footer-logo-link {
    width: 100%;
    min-width: auto;
    height: 200px;
    margin-bottom: 40px;
  }

  .footer-heading {
    margin-top: 20px;
  }

  .slider-5 {
    height: auto;
  }

  .lagnuage-set-up {
    border-width: 4px;
    width: 50px;
    height: 50px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .link-20, .link-21 {
    font-size: 10px;
    line-height: 15px;
  }

  .event-section {
    height: 100vh;
  }

  .quartier-main-info-section {
    background-position: 50%;
    background-size: cover;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .text-block-21 {
    font-size: 11vw;
    line-height: 11vw;
  }

  .text-block-22 {
    margin-bottom: 5vw;
    font-size: 11vw;
    line-height: 11vw;
  }

  .button-3 {
    font-size: 4vw;
    line-height: 4vw;
  }

  .right-arrow-3, .left-arrow-3 {
    display: none;
  }

  .div-block-64 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .partner-section {
    padding-bottom: 0;
  }

  .column-36 {
    border-left-width: 0;
  }

  .div-block-69 {
    width: 30vh;
    height: 30vh;
  }

  .text-block-43 {
    font-size: 6vw;
    line-height: 6vw;
  }

  .text-block-46 {
    color: var(--white);
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
  }

  .div-block-77 {
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: auto;
    height: 75vh;
  }

  .nav-working-de {
    font-size: 7vw;
    line-height: 8vw;
  }

  .column-43, .column-44 {
    align-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .seven-guide, .nav-studenten-de {
    font-size: 7vw;
    line-height: 8vw;
  }

  .button-7 {
    padding: 5px 10px;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-89 {
    width: 100vh;
    height: 100vh;
  }

  .div-block-90 {
    width: 80%;
    height: 80vh;
  }

  .div-block-92 {
    width: 40vh;
    height: 40vh;
  }

  .column-52 {
    height: 50vh;
  }

  .text-block-55 {
    font-size: 6vw;
    line-height: 6vw;
  }

  .heading-10 {
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 20px;
    text-decoration: underline;
  }

  .text-block-57 {
    font-size: 14px;
    line-height: 14px;
  }

  .partner-column-4 {
    border-right-width: 0;
  }

  .partner-column4 {
    height: auto;
  }

  .text-block-85, .text-block-86 {
    font-family: montserrat, sans-serif;
  }

  .section-11 {
    height: auto;
  }

  .right-arrow-10, .left-arrow-10, .slide-nav-5 {
    display: none;
  }

  .utility-page-content {
    width: 75%;
  }

  .div-block-133 {
    width: 90%;
  }

  .link-21-quarter-deutsch.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-20-quarter-english {
    font-size: 12px;
    line-height: 12px;
  }

  .link-21-german-home, .link-21-german-home.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-20-german-englisch-home, .wohnungen-link-en {
    font-size: 12px;
    line-height: 12px;
  }

  .wohnungen-link-de-de {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .studenten-de-de.w--current {
    width: auto;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .div-block-142 {
    height: 50vh;
  }

  .slider-9 {
    width: 95%;
  }

  .div-block-144 {
    width: 90%;
  }

  .image-4, .image-4-copy {
    height: auto;
  }

  .columns-36 {
    flex-direction: column;
    width: 100%;
    margin-bottom: 40px;
  }

  .tabs-2 {
    width: 100%;
    height: auto;
  }

  .tabs-menu-2 {
    flex-direction: column;
  }

  .tabs-content {
    height: auto;
  }

  .div-block-153 {
    width: 160px;
    height: 160px;
  }

  .div-block-7-copy, .div-block-7-copy-copy {
    width: 200px;
    height: 200px;
  }

  .column-4-copy {
    height: auto;
  }

  .div-block-7-copy-copy-copy {
    width: 200px;
    height: 200px;
  }

  .div-block-156 {
    padding: 0;
  }

  .div-block-157 {
    justify-content: center;
    align-items: center;
    width: 95%;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-160 {
    height: auto;
  }

  .div-block-161 {
    background-size: 80%;
    height: 50vh;
  }

  .left-arrow-11, .right-arrow-11 {
    display: none;
  }

  .heading-copy {
    font-size: 6vw;
    line-height: 5vw;
  }

  .column-106 {
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-169 {
    width: 100%;
  }

  .heading-19 {
    font-size: 24px;
    line-height: 30px;
  }

  .div-block-8-copy {
    width: 100%;
  }

  .columns-39 {
    height: auto;
  }

  .div-block-199 {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .text-block-134 {
    padding-left: 0;
    padding-right: 0;
    font-family: montserrat, sans-serif;
    font-weight: 400;
    line-height: 18px;
  }

  .nav-klimaschutz-de {
    font-size: 7vw;
    line-height: 8vw;
  }

  .div-block-204 {
    border-width: 0;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 0;
    display: none;
  }

  .start-text {
    width: 100%;
    margin-bottom: 50px;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .quartier-text {
    width: 100%;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    line-height: 16px;
  }

  .div-block-216 {
    width: 250px;
    height: 250px;
  }

  .footer-students, .footer-start, .footer-business-living {
    background-color: var(--blue-dark);
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-91-copy {
    width: 60vh;
    height: 60vh;
  }

  .div-block-226 {
    height: auto;
    margin-top: 10vh;
  }

  .div-block-227 {
    padding-bottom: 40px;
  }

  .columns-47 {
    border-bottom-width: 0;
    margin-bottom: 0;
    padding-bottom: 20px;
  }

  .column-120 {
    min-height: auto;
  }

  .column-121 {
    height: auto;
    margin-bottom: 20px;
  }

  .text-block-152 {
    margin-top: 40px;
    margin-bottom: 20px;
    font-size: 100px;
    line-height: 100px;
  }

  .div-block-228 {
    border-bottom-width: 0;
  }

  .text-block-57-copy {
    font-size: 12px;
    line-height: 14px;
  }

  .das-quartier-div {
    width: 100%;
    padding: 30px 0;
  }

  .studenten-en-en-copy {
    font-size: 12px;
    line-height: 12px;
  }

  .link-impressum {
    font-size: 10px;
    line-height: 15px;
  }

  .link-impressum.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-impress {
    font-size: 12px;
    line-height: 12px;
  }

  .link-impressum-en {
    font-size: 10px;
    line-height: 15px;
  }

  .link-impressum-en.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-impress-en {
    font-size: 10px;
    line-height: 15px;
  }

  .link-impress-en.w--current {
    font-size: 12px;
    line-height: 12px;
  }

  .link-datenschutz {
    font-size: 10px;
    line-height: 15px;
  }

  .link-datenschutz.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-privacy {
    width: auto;
    font-size: 12px;
    line-height: 12px;
  }

  .link-datenschutz-en {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .link-privacy-en {
    font-size: 10px;
    line-height: 15px;
  }

  .link-privacy-en.w--current {
    font-size: 12px;
    line-height: 12px;
  }

  .gesundheit-link.w--current {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 12px;
  }

  .health-link {
    font-size: 12px;
    line-height: 12px;
  }

  .nav-quartier-en {
    width: 90%;
    color: var(--white);
    border-bottom: 1px solid #fff;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
    text-decoration: none;
  }

  .nav-quartier-en.w--current {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }

  .nav-home-en {
    border-bottom: 1px solid #fff;
    width: 90%;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
  }

  .nav-home-en.w--current {
    font-size: 7vw;
    line-height: 8vw;
  }

  .nav-wohnen-en, .nav-studenten-en, .nav-working-enen, .nav-working-de-copy-copy-copy-copyen {
    width: 90%;
    color: var(--white);
    border-bottom: 1px solid #fff;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
    text-decoration: none;
  }

  .nav-impressum-en {
    font-weight: 300;
  }

  .nav-datenschutz-en {
    font-weight: 300;
    display: flex;
  }

  .nav-de {
    display: none;
  }

  .nav-perspektive, .nav-business-apartments {
    font-size: 7vw;
    line-height: 7vw;
  }

  .div-block-246 {
    width: 95%;
  }

  .div-block-247 {
    justify-content: flex-start;
  }

  .div-block-249 {
    height: auto;
    margin-bottom: 20px;
  }

  .div-block-250 {
    height: 50vh;
  }

  .div-block-251 {
    width: 95%;
  }

  .div-block-252 {
    height: auto;
  }

  .heading-20 {
    font-size: 16px;
    line-height: 18px;
  }

  .column-125 {
    margin-bottom: 20px;
  }

  .column-126 {
    height: 50vh;
  }

  .column-127 {
    height: 50vh;
    margin-bottom: 20px;
    padding-left: 0;
  }

  .div-block-257 {
    height: auto;
  }

  .div-block-258 {
    height: 50vh;
    margin-bottom: 20px;
  }

  .columns-50 {
    height: auto;
  }

  .div-block-260 {
    height: 60vh;
  }

  .rich-text-block-2 {
    font-size: 14px;
  }

  .div-block-263, .text-block-163, .div-block-264 {
    width: 95%;
  }

  .div-block-265 {
    height: 75vh;
  }

  .div-block-268 {
    background-image: none;
    background-size: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    display: flex;
  }

  .div-block-269 {
    width: 100%;
    min-height: 20vh;
  }

  .text-block-166 {
    width: 100%;
    margin-bottom: 5px;
  }

  .text-block-167 {
    text-align: center;
    width: 80%;
  }

  .text-block-168 {
    color: var(--white);
    text-align: center;
    margin-bottom: 0;
    font-size: 44px;
    line-height: 42px;
  }

  .collection-list-2 {
    padding: 0;
  }

  .collection-list-wrapper-3 {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .collection-list-3 {
    flex-direction: row;
    display: block;
  }

  .collection-item-5 {
    width: 50%;
    display: flex;
  }

  .div-block-273 {
    background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-size: cover;
    width: 95%;
    height: 35vh;
  }

  .collection-list-wrapper-4 {
    flex-direction: column;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .collection-item-6 {
    width: 100%;
  }

  .text-block-169 {
    font-size: 8vw;
    line-height: 8vw;
  }

  .div-block-274 {
    width: 60vw;
    height: 60vw;
  }

  .text-block-170 {
    font-size: 5vw;
    line-height: 5vw;
  }

  .column-129 {
    height: auto;
    padding-bottom: 0;
  }

  .column-130 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
    display: none;
  }

  .language {
    display: none;
  }

  .div-block-276 {
    height: auto;
  }

  .column-131, .column-132, .column-133 {
    height: 25vh;
  }

  .div-block-279 {
    margin-bottom: 60px;
  }

  .div-block-282, .div-block-282-events {
    overflow: hidden;
  }

  .start-info-div-2 {
    align-items: flex-start;
    padding: 30px 10px;
  }

  .text-block-182 {
    font-size: 22px;
    line-height: 22px;
  }

  .start-text-2 {
    width: 100%;
    font-size: 14px;
    line-height: 14px;
  }

  .text-block-170-small {
    font-size: 18px;
    line-height: 18px;
  }

  .nav-menu-two {
    flex-direction: column;
    align-content: center;
    width: 100%;
    display: none;
    position: fixed;
  }

  .div-block-295 {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .collection-list-wrapper-6 {
    margin-bottom: 40px;
  }

  .div-block-298 {
    justify-content: center;
    width: 100%;
    height: auto;
  }

  .div-block-299 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .div-block-300 {
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
  }

  .div-block-301 {
    height: 50vh;
  }

  .div-block-302-center {
    width: 100%;
  }

  .div-block-279-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .guide-1 {
    margin-top: 40px;
  }

  .div-block-309 {
    margin-bottom: 40px;
  }

  .div-block-312 {
    width: 60vw;
    height: 60vw;
  }

  .columns-54 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-143 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-312-energy {
    width: 60vw;
    height: 60vw;
  }

  .heading-24 {
    font-size: 32px;
    line-height: 32px;
  }

  .column-144, .column-145 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-146 {
    padding-left: 0;
  }

  .div-block-312-komfort, .div-block-312-artenschutz {
    width: 60vw;
    height: 60vw;
  }

  .quartier-nachhaltigkeit {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-192 {
    font-size: 14px;
  }

  .grafik-klima {
    height: auto;
  }

  .text-block-194 {
    margin-bottom: 50px;
    font-size: 80px;
    line-height: 80px;
  }

  .text-block-195 {
    padding-left: 10px;
    padding-right: 10px;
    font-family: montserrat, sans-serif;
    line-height: 18px;
  }

  .div-block-317 {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .link-109 {
    font-family: montserrat, sans-serif;
    line-height: 24px;
  }

  .div-block-318 {
    margin-bottom: 0;
  }

  .button-21 {
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    display: flex;
  }

  .collection-list-wrapper-3-start {
    flex-flow: row;
    justify-content: center;
    display: none;
  }

  .link-110, .link-112, .link-113 {
    font-family: montserrat, sans-serif;
    line-height: 24px;
  }

  .foto-mobility {
    height: 50vh;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-312-mobility-1, .div-block-312-mobility-2, .div-block-312-mobility-3 {
    width: 60vw;
    height: 60vw;
    margin-bottom: 30px;
  }

  .div-block-312-mobility-4 {
    width: 60vw;
    height: 60vw;
  }

  .nachhaltigkeit {
    height: 50vh;
    margin-bottom: 40px;
  }

  .div-block-320-copy {
    background-size: cover;
    width: 120px;
    height: 120px;
  }

  .div-block-322 {
    height: auto;
    margin-bottom: 20px;
  }

  .background-video-17 {
    width: 95%;
    height: 50vh;
    margin-top: 0;
    padding-left: 0;
  }

  .single-room-info-text {
    width: 100%;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .background-video-18, .div-block-325 {
    height: 50vh;
  }

  .slider-lounge {
    width: 100%;
    height: 50vh;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-36cook, .columns-36-lounge {
    width: 100%;
    margin-bottom: 10px;
  }

  .text-block-6-business-apartemtns, .text-block-6-ba {
    font-size: 22px;
    line-height: 22px;
  }

  .news-section-studenten {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-118--studenten {
    margin-top: 40px;
  }

  .quick-stack {
    aspect-ratio: auto;
    text-align: center;
    flex: 0 auto;
    order: 1;
  }

  .text-block-194-student-short {
    font-size: 10vw;
  }

  .div-block-282-studenten {
    overflow: hidden;
  }

  .div-block-327 {
    padding-left: 0;
    padding-right: 0;
  }

  .ba-benefits-text {
    width: 100%;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    line-height: 18px;
  }

  .start-text-mobilit-t {
    width: 100%;
    font-family: montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
  }

  .mehranleben {
    height: 50vh;
  }

  .div-block-312-mehr1, .div-block-312-mehr2, .div-block-312-mehr3 {
    width: 60vw;
    height: 60vw;
    margin-bottom: 30px;
  }

  .div-block-312-mehr4 {
    width: 60vw;
    height: 60vw;
  }

  .preistag {
    font-size: 22px;
    line-height: 22px;
  }

  .text-block-6-studenten {
    margin-top: 20px;
    font-size: 22px;
    line-height: 22px;
  }

  .preistag-ba, .text-block-6-ba-copy, .text-block-6-ba-copy, .text-block-6-ba-copy {
    font-size: 22px;
    line-height: 22px;
  }

  .background-video-19 {
    height: 50vh;
  }

  .div-block-329 {
    width: 95%;
  }

  .etagen-unten {
    border-bottom-width: 0;
  }

  .text-block-6-doc {
    font-size: 22px;
    line-height: 22px;
  }

  .button-23 {
    margin-bottom: 0;
  }

  .div-block-333 {
    padding-top: 0;
  }

  .text-block-196 {
    font-size: 24px;
    line-height: 24px;
  }

  .text-block-197 {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    font-family: montserrat, sans-serif;
    line-height: 18px;
  }

  .text-block-6-intro {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 22px;
  }

  .div-block-325-cichon {
    height: 50vh;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-6-business {
    font-size: 22px;
    line-height: 22px;
  }

  .suchen-text {
    text-align: center;
    width: 100%;
    margin-top: 5px;
    font-size: 10px;
    line-height: 10px;
  }

  .div-block-323-studenten {
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .kantine-logo-black {
    width: 280px;
    margin-bottom: 0;
  }

  .kantine-column {
    flex-direction: column;
    height: auto;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .column-6-kantine {
    align-items: center;
    height: auto;
    margin-bottom: 5vh;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
  }

  .columns-2-kantine {
    flex-direction: column;
  }

  .backgroundvideobusiness-copy {
    height: 90vh;
  }

  .div-block-339 {
    margin-bottom: 40px;
  }

  .kantine-div, .kantine-bestell-div {
    width: 100%;
    padding: 30px 10px;
  }

  .div-block-343 {
    background-position: 50%;
    background-size: cover;
    height: 33vh;
  }

  .button-25 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .column-158, .column-159 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-56 {
    height: 5vh;
    display: flex;
  }

  .column-160 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-57 {
    height: 5vh;
  }

  .column-161, .column-163 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-58 {
    height: 5vh;
    display: flex;
  }

  .column-164 {
    flex-direction: row;
    justify-content: center;
  }

  .columns-59, .columns-60, .columns-61 {
    height: 5vh;
    display: flex;
  }

  .column-166 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-62 {
    height: 5vh;
    display: flex;
  }

  .column-167, .column-168 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .column-169, .column-170 {
    align-items: center;
    display: flex;
  }

  .column-171 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-172 {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .columns-63 {
    width: 100%;
  }

  .column-173 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    display: flex;
  }

  .column-174 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-175 {
    align-items: center;
    display: flex;
  }

  .column-176, .column-177, .column-178 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-180 {
    display: flex;
  }

  .columns-64 {
    height: 5vh;
    display: flex;
  }

  .column-181 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-182, .column-183 {
    align-items: center;
    display: flex;
  }

  .div-block-320-business {
    background-size: cover;
    width: 120px;
    height: 120px;
  }

  .b-rofl-chen {
    height: auto;
  }

  .praxisfl-chen, .kanzleien {
    width: 30vh;
    height: 30vh;
    margin-bottom: 30px;
  }

  .bildung {
    width: 30vh;
    height: 30vh;
  }

  .blumenladen, .kiosk, .model-den {
    width: 30vh;
    height: 30vh;
    margin-bottom: 30px;
  }

  .galerien {
    width: 30vh;
    height: 30vh;
  }

  .fitnessstudio, .reiseb-ro {
    width: 30vh;
    height: 30vh;
    margin-bottom: 30px;
  }

  .ihreidee {
    width: 200px;
    height: 200px;
  }

  .text-block-200 {
    font-size: 32px;
    line-height: 30px;
  }

  .grundriss-double {
    background-size: 80%;
    height: 50vh;
  }

  .div-block-350 {
    width: 95%;
    height: 50vh;
  }

  .kantine-slogan-div {
    margin-bottom: 5vh;
    padding: 0 10px;
  }

  .text-block-6-kantine-slogan {
    font-size: 30px;
    line-height: 34px;
  }

  .text-block-201 {
    font-size: 14px;
    line-height: 14px;
  }

  .div-block-353 {
    display: none;
  }

  .asian-kantine {
    width: 95%;
    height: 50vh;
  }

  .column-184 {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .column-185 {
    justify-content: center;
    height: auto;
  }

  .studentenapartments-headline {
    font-size: 22px;
    line-height: 22px;
  }

  .community-text-student-main-copy {
    letter-spacing: 0;
    font-size: 12vw;
    line-height: 11vw;
  }

  .link-seven-students {
    font-size: 12px;
  }

  .link-seven-health {
    font-size: 12px;
    text-decoration: none;
  }

  .quartier-mehrwerte {
    margin-bottom: 0;
  }

  .quartier-mobility {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-173-businessliving {
    text-align: center;
    font-size: 12px;
  }

  .div-block-353-mobile {
    margin-bottom: 5vh;
    display: flex;
  }

  .kantine-frisch-mobil {
    flex-direction: column;
    margin-bottom: 5vh;
    display: flex;
  }

  .text-block-head-student {
    font-size: 22px;
    line-height: 22px;
  }

  .div-studenten-community {
    overflow: hidden;
  }

  .div-students-info-one {
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .sicherheit-lernzimmer {
    padding: 30px 0;
  }

  .div-block-317-students {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
    margin-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .div-block-282-events-students-all {
    overflow: hidden;
  }

  .cell-4, .cell-5 {
    align-items: center;
  }

  .div-block-365, .div-block-366, .div-block-367 {
    width: 95%;
  }

  .div-block-368 {
    width: 95%;
    font-family: Montserrat, sans-serif;
  }

  .div-block-356-pg {
    width: 200px;
    height: 200px;
    margin-bottom: 20px;
  }

  .div-block-325-dhi {
    height: 50vh;
  }

  .link-block-17 {
    width: 80%;
  }

  .link-block-18 {
    width: auto;
  }

  .nav-business-projects {
    width: 90%;
    color: var(--white);
    border-bottom: 1px solid #fff;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
    text-decoration: none;
  }

  .intro-quartier {
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .div-block-369, .div-block-370, .div-block-371, .div-block-372 {
    width: 95%;
  }

  .div-block-375 {
    height: 50vh;
  }

  .div-block-376 {
    width: 200px;
    height: 200px;
  }

  .text-block-158 {
    font-size: 16px;
    line-height: 16px;
  }

  .column-27 {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .columns-14 {
    background-color: #fff;
    width: 100%;
  }

  .div-block-88 {
    height: auto;
    padding-top: 0;
  }

  .column-26 {
    height: 50vh;
  }

  .div-block-377 {
    background-color: #fff;
    height: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-378 {
    width: 90%;
    padding-right: 0;
  }

  .column-30 {
    border: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-121 {
    background-color: #fff;
    height: auto;
  }

  .columns-9 {
    border: 0 solid #000;
  }

  .column-31 {
    border: 1px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-379 {
    width: 100%;
  }

  .div-block-95 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .column-188 {
    height: 50vh;
    min-height: auto;
  }

  .div-block-125 {
    width: 70vw;
    height: 70vw;
  }

  .columns-9-copy {
    border: 0 solid #000;
  }

  .button-27 {
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif;
  }

  .column-33 {
    border: 1px solid var(--white);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .div-block-126 {
    width: 75vw;
    height: 75vw;
  }

  .text-block-214 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 24px;
    line-height: 26px;
  }

  .div-block-99 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .text-block-180 {
    max-width: 90%;
  }

  .button-28 {
    text-align: center;
    width: 100%;
  }

  .div-block-117 {
    height: 50vh;
  }

  .column-32 {
    border: 1px solid var(--white);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .column-101 {
    min-height: auto;
    padding: 20px 0;
  }

  .text-block-216 {
    text-align: center;
    font-size: 32px;
    line-height: 32px;
  }

  .link-block-24 {
    width: 100%;
  }

  .div-block-382 {
    margin-top: 60px;
    display: flex;
  }

  .link-118 {
    color: var(--white);
    font-family: montserrat, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
  }

  .link-119 {
    color: #fff;
    font-family: montserrat, sans-serif;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
  }

  .text-block-218 {
    color: #fff;
    margin-left: 10px;
    margin-right: 10px;
    font-family: montserrat, sans-serif;
    font-size: 18px;
    line-height: 18px;
  }

  .language-de-en-home {
    display: none;
  }

  .friseur {
    width: 30vh;
    height: 30vh;
    margin-bottom: 30px;
  }

  .div-block-383, .div-block-384, .div-block-385 {
    width: 100%;
  }

  .div-block-156-zukunft {
    padding: 0;
  }

  .columns-54-zukunft {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-388 {
    background-image: url('../images/Seven-Health-Logo.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 33vh;
    display: flex;
  }

  .div-block-389, .div-block-390, .div-block-391, .div-block-392, .div-block-393, .div-block-394, .div-block-395, .div-block-396, .div-block-397 {
    width: 100%;
  }

  .div-block-398 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 50vh;
    display: flex;
  }

  ._1text-block-6-ba-copy-copy, .text-block-6-ba-copy-copy11 {
    font-size: 22px;
    line-height: 22px;
  }

  .button-22-copy {
    text-align: center;
    line-height: 16px;
  }

  .column-30-mobility, .column-31-daten {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .column-32-bewohner {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .column-33-facility, .column-33-garagen {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .column-32-police {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .column-31-fit, .column-30-sport, .column-33-campus {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .column-32-health {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 0;
  }

  .column-31-living {
    border: 1px solid var(--black);
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .column-30-students {
    border: 1px solid #000;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text-block-6-living, .preistag-ba-living, .text-block-6-ba-living {
    font-size: 22px;
    line-height: 22px;
  }

  .nav-english {
    background-color: var(--black);
    justify-content: flex-end;
    align-items: center;
    height: 80vh;
    padding-top: 10%;
    padding-left: 5%;
    padding-right: 5%;
    display: none;
  }

  .nav-quartier-english {
    width: 90%;
    color: var(--white);
    border-bottom: 1px solid #fff;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
  }

  .nav-quartier-english.w--current {
    font-size: 6.5vw;
    line-height: 7.5vw;
  }

  .nav-studenten-english, .nav-business-apartments-english, .nav-business-projects-english, .nav-health-english, .nav-wohnen-english, .nav-project-development {
    width: 90%;
    color: var(--white);
    border-bottom: 1px solid #fff;
    font-size: 6.5vw;
    font-weight: 400;
    line-height: 7.5vw;
  }

  .div-block-10-english {
    border-width: 4px;
    width: 35px;
    height: 35px;
    margin-top: 15px;
    margin-right: 10px;
  }

  .button-english {
    width: 30px;
    height: 30px;
    font-size: 25px;
  }

  .column-5-kantine {
    flex-direction: column;
    height: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-317-quartier, .div-block-317-quarter {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 95%;
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .ruhr-park {
    background-image: url('../images/64244af3b92700cc55b1cc1c_Ruhrpark_Okt17_D_Schaefer_02.jpg');
    background-size: cover;
    width: 95%;
    height: 35vh;
  }

  .div-block-273-padelworld {
    background-image: url('../images/64244af3b927002f31b1cc2c_Padel-Tennis-Bochum.jpg');
    background-size: cover;
    width: 95%;
    height: 35vh;
  }

  .text-block-167-c {
    text-align: center;
    width: 80%;
  }

  .das-quartier-interview {
    width: 100%;
    padding: 30px 0;
  }

  .de-en-mobile, .div-block-382-mobile-en {
    margin-top: 60px;
    display: flex;
  }

  .nav-impressum-en-de {
    font-weight: 300;
  }

  .nav-datenschutz-en-de {
    font-weight: 300;
    display: flex;
  }

  .div-block-404 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-406 {
    width: 300px;
    height: 300px;
  }

  .icon-8 {
    inset: 5% 2% auto auto;
  }

  .div-block-137 {
    width: 90%;
    padding: 40px 20px;
  }

  .hero-heading-right {
    flex-flow: column;
    height: auto;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .icon-9 {
    inset: 5% auto auto 2%;
  }

  .button-primary {
    text-align: center;
    width: 90%;
  }

  .div-block-136-copy {
    width: 100%;
    height: 50vh;
  }

  .div-block-136 {
    height: auto;
    margin-top: -9%;
    margin-left: 0%;
  }

  .slide-nav {
    display: none;
    inset: 0% 0% auto;
  }

  .heading-26 {
    text-align: center;
    margin-top: 0;
    font-size: 24px;
    line-height: 26px;
  }

  .icon-10 {
    inset: 5% auto auto 2%;
  }

  .div-block-136-co22-copy-copy {
    width: 90%;
    height: auto;
    margin-top: -10%;
    margin-right: 0%;
    display: none;
  }

  .hero-heading-right-3 {
    flex-flow: column;
    height: auto;
    margin-top: 0;
    margin-bottom: 40px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .heading-12 {
    text-align: center;
    margin-top: 0;
    font-size: 32px;
    line-height: 34px;
  }

  .div-block-137-copy {
    display: none;
  }

  .div-block-137-copy-copy {
    background-color: #bba97c;
    padding: 40px 20px;
  }

  .icon-11 {
    inset: 5% 2% auto auto;
  }

  .div-block-136-copy-2 {
    width: 100%;
    height: 50vh;
  }

  .button-primary-2 {
    text-align: center;
    width: 90%;
  }

  .div-block-136-co22-copy-copy-copy {
    width: 90%;
    height: auto;
    margin-top: -10%;
    margin-right: 0%;
    display: flex;
  }

  .div-block-407 {
    flex-flow: column;
    display: flex;
  }

  .button-33 {
    text-align: center;
    width: 300px;
    margin-bottom: 10px;
  }

  .button-34 {
    text-align: center;
  }

  .button-the-seven-students, .button-the-seven-business {
    text-align: center;
    width: 90%;
  }

  .health-link-unten, .health-link2 {
    margin-bottom: 0;
  }

  .div-block-320-studenten-link, .div-block-320-business-link {
    background-size: cover;
    width: 120px;
    height: 120px;
  }

  .column-196 {
    height: 25vh;
  }

  .link-block-26 {
    text-decoration: none;
  }

  .div-block-3-a {
    width: 100%;
    height: auto;
    margin-bottom: 0;
    padding: 2vh 10px;
  }

  .link-block-26-de {
    text-decoration: none;
  }

  .link-block-24-de {
    width: 100%;
  }

  .link-seven-business-de, .link-seven-business-en {
    font-size: 12px;
  }

  .div-block-415 {
    height: 50vh;
  }

  .left-arrow-14, .right-arrow-14 {
    display: none;
  }

  .bueroflaechen {
    width: 30vh;
    height: 30vh;
    margin-bottom: 30px;
  }
}