feat: use new breakpoints

Felix Boerner

04.06.2024 748797f3eb797181b28d18d921c584817422f102

feat: use new breakpoints

 assets/scss/_content.scss

@@ -164,7 +164,7 @@
  object-fit: cover;
}

@media screen and (max-width: 991px) {
@media screen and (max-width: $bp-smallish) {
  .leftcontent {
    display: block;
    -o-object-position: 50% 0%;
@@ -209,7 +209,7 @@
  }
}

@media screen and (max-width: 767px) {
@media screen and (max-width: $bp-tablet) {
  .name {
    margin-bottom: 20px;
  }
@@ -219,7 +219,7 @@
  }
}

@media screen and (max-width: 479px) {
@media screen and (max-width: $bp-mobile) {
  .bold-text {
    font-size: 42px;
    line-height: 42px;

 assets/scss/_webflow.scss

@@ -592,7 +592,7 @@
.w-hidden-main {
  display: none !important;
}
@media screen and (max-width: 991px) {
@media screen and (max-width: $bp-smallish) {
  .w-container {
    max-width: 728px;
  }
@@ -644,7 +644,7 @@
    right: auto;
  }
}
@media screen and (max-width: 767px) {
@media screen and (max-width: $bp-tablet) {
  .w-hidden-main {
    display: inherit !important;
  }
@@ -701,7 +701,7 @@
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
@media screen and (max-width: $bp-mobile) {
  .w-container {
    max-width: none;
  }
@@ -1127,7 +1127,7 @@
.w-dropdown-link:focus {
  outline: 0;
}
@media screen and (max-width: 767px) {
@media screen and (max-width: $bp-tablet) {
  .w-nav-brand {
    padding-left: 10px;
  }
@@ -1704,7 +1704,7 @@
.w--nav-dropdown-list-open {
  position: static;
}
@media screen and (max-width: 991px) {
@media screen and (max-width: $bp-smallish) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }
@@ -1712,7 +1712,7 @@
    display: block;
  }
}
@media screen and (max-width: 767px) {
@media screen and (max-width: $bp-tablet) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }
@@ -1723,7 +1723,7 @@
    padding-left: 10px;
  }
}
@media screen and (max-width: 479px) {
@media screen and (max-width: $bp-mobile) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }
@@ -1778,7 +1778,7 @@
.w--tab-active {
  display: block;
}
@media screen and (max-width: 479px) {
@media screen and (max-width: $bp-mobile) {
  .w-tab-link {
    display: block;
  }

 assets/scss/split.scss

@@ -11,9 +11,9 @@
$color-tagline      : #CCCCCC;

// Breakpoints
$bp-smallish        : 1200px;
$bp-tablet          : 800px;
$bp-mobile          : 500px;
$bp-smallish        : 991px;
$bp-tablet          : 767px;
$bp-mobile          : 479px;

// Image
$image-background   : {{ if .Site.Params.visual.image.enable }}url('../{{ .Site.Params.visual.image.file | default "images/background.jpg" }}'){{ else }}none{{ end }};