// Mobil
@include mobile {
    body,
    .highlighter {
      font-size: 0.9rem;
      line-height: 1.5rem;
    }
    .arrow-image {
      display: none;
    }
    h1,
    h2,
    h3,
    p {
      padding-bottom: 0px;
    }
    h1,
    h1 p {
      font-size: 1.875rem; //30px
    }
    .home .hero-body h1 {
      max-width: none;
    }
    .subtitle {
      padding: 35px;
      padding-top: 0;
    }
    .title.is-1 {
      font-size: 1.3rem;
      font-weight: 600;
    }
    .subtitle.is-4 {
      font-size: 1.1rem;
    }
    h2,
    h2 p,
    .highlighter h2 {
      font-size: 1.2rem;
    }
  
    h3 {
      font-weight: 600;
      font-size: 1.7rem;
    }
  
    h4 {
      font-size: 1rem;
    }
  
    h5 {
      font-size: 0.83rem;
    }
    .navbar {
      padding-top: 10px;
    }
    .navbar-brand img {
      margin: 1rem;
    }
    .hero.is-primary .title {
      padding-top: 35px;
    }
    .navbar-menu .button.is-dark {
      background-color: transparent;
      border-radius: 0;
      width: 100vw;
    }
    .navbar-menu {
      background-color: transparent;
    }
    a.navbar-link {
      background-color: $primary-dark;
    }
    a.navbar-item {
      background-color: $primary-dark !important;
      margin-left: 50px;
    }
    .navbar-item,
    .navbar-link {
      color: #fff;
      display: block;
      line-height: 2.5;
      padding: 0.9rem;
      position: relative;
    }
    .navbar-link:not(.is-arrowless)::after {
      border-color: #fff;
    }
    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
      background-color: #09443e !important;
    }
    .button {
      height: auto;
    }
    .button a,
    .button span {
      font-size: 0.8rem !important;
      font-weight: 600;
    }
    .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
      background-color: #09443e;
      color: #fff;
    }
    .buttons {
      // display: table-caption;
    }
    .hero-body .button,
    .content-wrapper .button {
      padding: 0.5rem !important;
    }
    .hero.is-medium .hero-body {
      padding: 5rem 1rem 4.5rem;
    }
    .navbar-menu .button {
      // Buttongröße aus Figma
      height: auto;
    }
    .story-slider,
    .content-wrapper img {
      border-radius: 25px !important;
    }
    .column.slider-image img {
      border-top-right-radius: 25px !important;
      border-bottom-left-radius: 0 !important;
      border-bottom-right-radius: 0 !important;
    }
    .slider-navigation-next,
    .slider-navigation-previous {
      top: 100% !important;
      width: 20px !important;
      height: 20px !important;
      margin-left: 80px;
      margin-right: 80px;
    }
    .card-content p {
      padding-left: 3rem;
    }
    .card {
      margin-top: 0;
    }
    .card-content {
      padding: 2.5rem;
    }
    .left.card-image {
      padding-left: 2.5rem;
      padding-right: 2.5rem;
    }
    .right.card-image {
      padding-bottom: 2.5rem;
    }
    .columns {
      margin-left: 0;
      margin-right: 0;
      margin-top: 0;
    }
    .two-columns p {
      column-count: 1;
      column-gap: 1rem;
    }
    .highlighter .is-round {
      padding: 10px;
      height: auto;
      width: auto;
    }
    .footer-logos .column {
      text-align: left !important;
    }
    .footer-logos img {
      height: 75px;
      margin-right: 15px;
      image-rendering: -webkit-optimize-contrast;
      padding-bottom: 15px;
    }
    //Searchbar
    .searchbar{
      height: 47px;
      width: auto;
      margin-right: 1rem;
      padding-top: 0 !important;
    }
  }