@media only screen and (max-width:1550px) {

  .content_block>:only-child,
  .max-size-wrapper,
  .nav_breadcrumb,
  h1 {
    width: calc(100% - 3rem);
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0
  }
}

@media only screen and (max-width:1380px) {
  header {
    margin: 0;
    padding: 0;
    background-color: var(--white);
    top: 0
  }

  header>* {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100% !important
  }

  header>*>* {
    margin: 1rem auto auto
  }

  nav.menu_main:after,
  nav.menu_main:before {
    content: none
  }

  nav.menu_main {
    margin-right: 0
  }

  nav.menu_main ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }

  .meta_panel {
    width: 100%
  }

  .h1,
  h1 {
    font-size: 3rem
  }

  .h2,
  h2 {
    font-size: 2.5rem
  }

  body {
    line-height: 1.8
  }
}

@media only screen and (max-width:1080px) {
  .only_mobile {
    display: block !important
  }

  .only_desktop {
    display: none !important
  }

  .box {
    padding: 1em
  }

  .news_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }

  .news_box .teaserimage,
  .news_box .teaserimage img {
    width: 100%
  }

  .news_box .content-wrapper {
    padding: 1em 1em 2em
  }

  .news_date {
    float: none;
    text-align: right
  }

  .tooltip .tooltiptext{
    right: 0;
    left: unset!important;
  }

  .tooltip .tooltiptext::after{right: 5px;    left: unset!important;}
}

@media only screen and (max-width:768px) {
  .logo img {
    max-width: 40vw
  }
  /* .headerslider,
  .headerslider img{
    height: 40vh;
    object-fit: cover;
  } */


  .block .flexbox>*{
    width: 100%;
  }
  .block .content h2{
    hyphens: auto;
  }
  .h1,
  h1 {
    font-size: 2rem
  }

  .h2,
  h2 {
    font-size: 1.75rem
  }

  .h3,
  h3 {
    font-size: 1.5rem
  }

  [data-type="after"],
  [data-type="before"] {
    margin: auto;
    width: 100%;
    line-height: 1.3
  }

  .button_block .flexbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
  }

  .button_block .flexbox>:not(:first-child) {
    margin-top: 2rem
  }

  [data-type=after] .button,
  [data-type=before] .button {
    width: 100%;
    display: block;
    text-align: center;
    padding: 0 3em
  }
}