/*//////////////////////////////////////////////////////////////////// 
//  12 - Media Queries
////////////////////////////////////////////////////////////////////*/

:root {
  --fluid-typography-ratio: 1.6;
}

  @media screen and (max-width: 1366px) and (orientation: landscape) {

      .slick-prev                             { left: 8px; background-color: hsla(0, 0%, 0%, 0.4); }
      .slick-next                             { right: 8px; background-color: hsla(0, 0%, 0%, 0.4); }    
    }

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

      #mobile-site-navigation       { display: block; z-index: 99999; }
  
  
      /* Company infos */
      #site_header,
      .header_inner_wrapper         { height: 70px; max-height: 70px; }
      .hb_company_logo              { width: 110px; height: 110px; margin-left: 20px; margin-top: 10px; }
      .hb_logo                      { height: 70px!important; top: 20px!important; left: 19px!important; }
      .hb_business_name             { margin: 30px 0 0 0; }
      .is_sticky~.header-image      { margin-top: 70px; }
  
      /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
      /* Mobile Navigation */
      /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
  
      .nav_wrapper                              { width: 50px; height: 50px; margin-top: 10px; }
  
      .hamburger                                { cursor: pointer; position: absolute; width: 50px; height: 50px; transition: all 0.25s; z-index: 7250; }
      .hamburger__top-bun,
      .hamburger__bottom-bun                    { content: ''; display: block; position: absolute; left: 12px; width: 25px; height: 2px; background: #3a3a3a; transform: rotate(0); transition: all 0.25s; }
      .hamburger:hover [class*="-bun"]          { background: #000; }
      .hamburger.active:hover [class*="-bun"]   { background: #e2e3d7; }
      .hamburger__top-bun                       { top: 23px; transform: translateY(-3px); }
      .hamburger__bottom-bun                    { bottom: 19px; transform: translateY(3px); }
      .hamburger.active                         { width: 50px; height: 50px; transform: rotate(90deg); border-radius: 50%; border: 1px solid #fff; }
      .hamburger.active .hamburger__top-bun     { transform: rotate(45deg) translateY(0px); background: #fff; top: 23px; left: 9px; width: 30px; height: 1px; }
      .hamburger.active .hamburger__bottom-bun  { transform: rotate(-45deg) translateY(0px); background: #fff; bottom: 24px; left: 9px; width: 30px; height: 1px; }
  
      #closebt-container                        { position: absolute!important; width: 100%; height: 50px; z-index: 8000!important; }
      .closebt                                  { float: right; margin: 30px 30px 0 0; width: 30px; height: 30px; opacity: .5; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; cursor: pointer; }
      .closebt:hover                            { transform: rotate(90deg); }
      .md-trigger                               { cursor: pointer; }
  
      .circles                                  { height: 50px!important; width: 50px!important; }
     
      /* Navigation */
      .menu-mobilemenu-container                { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; overflow: auto; }
  
      #mobile-page-menu ul                      { list-style: none; padding: 0; margin: 0 auto; display: flex; flex-direction: column; text-align: center; align-items: center; }
      #mobile-page-menu ul li                   { width: 100%; display: block; position: relative; opacity: 0; margin: 20px 0 0 0; }
      #mobile-page-menu ul li a 					      { font-size: calc(var(--para) + 6px); display: block; text-transform: uppercase; position: relative; color: #fff; text-decoration: none; overflow: hidden; }
      #mobile-page-menu ul li a:hover           { color: var(--active-color); }
      #mobile-page-menu li.active a             { color: var(--active-color); }
  
      #mobile-page-menu ul ul                   { height: 0; visibility: hidden;  }
      #mobile-page-menu ul li:hover > ul        { visibility: visible; height: 100%; display: table; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
  
      #mobile-page-menu li.menu-item-has-children > a::before { content: "\f107"; font-family: "Heimat", sans-serif; width: 0; height: 0; color: #fff; margin-right: 10px; position: relative; }
      #mobile-page-menu li.menu-item-has-children > a { position: relative; left: -10px; }
  
      #mobile-page-menu ul li.menu-item-button  { width: fit-content; }
      #mobile-page-menu .menu-item-button a     { background-color: #fe4716!important; padding: 0 10px; line-height: 40px; border-radius: 24px; color: #fff; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
  
      /* SUBITEMS */
  
      .mobile_header_subitems                   { width: 100%; height: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; position: absolute; bottom: 0; }
      .mobile_header_subitems .button-item.mobile-darkmode-toggle { margin-right: 24px; }
      .mobile_header_subitems .button-item.search { margin-left: 24px; }
      .mobile_header_subitems .button-item.social-items { margin-right: 20px; }
      .mobile_header_subitems .button-item.social-items:last-child { margin-right: 0; }
      .mobile_header_subitems .button-item.social-items { margin-right: 0; }
  
      .mobile_header_subitems                   { height: 100px; }
      .button-item                              { width: 30px; height: 30px; }
      .button-item i,
      .button-item a                            { background-size: 30px 30px; width: 30px; height: 30px; }
  
      .button-item.darkmode-toggle              { margin: 0 0; }
      .subitems_wrapper                         { width: 100%; display: flex; justify-content: space-around; padding: 0 20px; }
  
      /* OVERLAY */
      .overlay 						                      { position: fixed; background: #3a3a3a; top: 0; left: 0; width: 100%; height: 0%; opacity: 0; visibility: hidden; -webkit-transition: opacity .35s, visibility .35s, height .35s; transition: opacity .35s, visibility .35s, height .35s; overflow: hidden; z-index: 7200!important; }
      .overlay.open 						                { opacity: .9; visibility: visible; height: 100%; }
      .overlay.open li 					                { border: none; -webkit-animation: fadeInRight .5s ease forwards; animation: fadeInRight .5s ease forwards; -webkit-animation-delay: .35s; animation-delay: .35s; }
      .overlay.open li:nth-of-type(2) 		      { -webkit-animation-delay: .4s; animation-delay: .4s; }
      .overlay.open li:nth-of-type(3) 		      { -webkit-animation-delay: .45s; animation-delay: .45s; }
      .overlay.open li:nth-of-type(4)		        { -webkit-animation-delay: .50s; animation-delay: .50s; }
  
      .overlay nav 					                    { display: flex; place-content: center center; position: relative; height: 100%; top: 0; font-weight: 200;  }
  
      /* Headings */
      .hb_references .heading_wrapper,
      .hb_carousel .heading_wrapper { margin-left: 0; }
      .heading_wrapper { margin-left: 20px; }
      .hb_header_wrapper { padding: 20px 20px 0 20px; max-width: 100%; }
  
  
      /* Carousel */
      .hb_carousel                  { padding-left: 20px; }
      .hb_carousel .slick-initialized .slick-slide     { width: 236px!important; margin-right: 20px!important; }
  
      .hb_carousel .hb_carousel_image,
      .hb_carousel .hb_carousel_image img,
      .hb_carousel .hb_carousel_bkg_col { max-width: 210px!important; max-height: 270px!important; }
      .hb_carousel .slick-arrow { display: none!important; }
  
      /* Blocks */
      .hb_teaser_wrapper,
      .hb_block_wrapper             { padding: 0 20px; }
      .hb_shop_teaser .hb_block_wrapper { padding: 0 0; }
      .hb_references .hb_block_wrapper { padding: 60px 20px!important; }
  
      /* Tabellen */
  
      .dataTables_wrapper           { overflow: auto; }

      .language-switch a {
        font-size: 20px;
      }
  
    }  
   
  
  @media screen and (max-width: 1024px) {

    /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
    /* CONTENT */
    /* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


    /* Headings */
    .hb_references .heading_wrapper,
    .hb_carousel .heading_wrapper { margin-left: 0; }
    .heading_wrapper              { margin-left: 20px; }
    .hb_header_wrapper            { position: static !important; transform: none; background-color: transparent !important; padding: 20px 20px 0 20px; max-width: 100%; text-align: left !important;}
    .hb_header_wrapper>h1,
    .hb_header_wrapper>div        { color: #000 !important; }
    .hb_header_wrapper>h1         { margin-bottom: 20px; }


    /* Carousel */
    .hb_carousel                  { padding-left: 20px; }
    .hb_carousel .slick-initialized .slick-slide     { width: 236px!important; margin-right: 20px!important; }

    .hb_carousel .hb_carousel_image,
    .hb_carousel .hb_carousel_image img,
    .hb_carousel .hb_carousel_bkg_col { max-width: 210px!important; max-height: 270px!important; }
    .hb_carousel .slick-arrow     { display: none!important; }

    /* Blocks */
    .hb_teaser_wrapper,
    /*.hb_block_wrapper             { padding: 0 20px; }*/
    .hb_shop_teaser .hb_block_wrapper { padding: 0 0; }
    .hb_references .hb_block_wrapper { padding: 60px 20px!important; }

    .hb_suggestions               { padding: 50px 60px; }

  }

  @media only screen and (min-width : 1024px) and (max-width: 1366px) and (orientation: portrait) { 
    

    p                             { -webkit-hyphens: none; -ms-hyphens: none; -moz-hyphens: none; hyphens: none; }

    /* Company infos */
    #site_header,
    .header_inner_wrapper         { height: 70px; max-height: 70px; }
    .hb_company_logo              { width: 110px; height: 110px; margin-left: 20px; margin-top: 10px; }
    .hb_logo                      { height: 70px!important; top: 20px!important; left: 19px!important; }
    .hb_business_name             { margin: 30px 0 0 0; }

    /* Naviagtion */
    .nav_wrapper                  { margin-top: 10px; }
    .circles                      { height: 50px!important; width: 50px!important; }
    
    /* .overlay-menu ul li 					{ height: 10%; } */
    .overlay-menu ul li a 				{ font-size: 46px; line-height: 56px; }
    #mobile-page-menu .menu-item-button a { line-height: 56px; }

    .mobile_header_subitems       { height: 100px; }
    .mobile_header_subitems .button-item.social-items { margin-right: 0; }
    .button-item.darkmode-toggle  { margin: 0 0; }
    .subitems_wrapper             { width: 100%; display: flex; justify-content: space-around; padding: 0 60px; }

    .button-item                  { width: 40px; height: 40px; }
    .button-item i,
    .button-item a                { background-size: 30px 30px; width: 30px; height: 30px; }

    /* Carousel */
    .hb_carousel                  { padding-left: 20px; }
    .hb_carousel .slick-initialized .slick-slide     { width: 236px!important; margin-right: 20px!important; }

    .hb_carousel .hb_carousel_image,
    .hb_carousel .hb_carousel_image img,
    .hb_carousel .hb_carousel_bkg_col          { max-width: 210px!important; max-height: 270px!important; }

    /* Blocks */
    .hb_block_wrapper             { padding: 0 20px; }
    .hb_shop_teaser .hb_block_wrapper { padding: 0 0; }
    .hb_references .hb_block_wrapper { padding: 60px 20px!important; }


  }

  @media only screen and (min-width : 834px) and (max-width: 1112px) and (orientation: landscape) {

    /* Company infos */
    #site_header,
    .header_inner_wrapper         { height: 70px; max-height: 70px; }
    .hb_company_logo              { width: 110px; height: 110px; margin-left: 20px; margin-top: 10px; }
    .hb_logo                      { height: 70px!important; top: 20px!important; left: 19px!important; }
    .hb_business_name             { margin: 30px 0 0 0; }

    /* Naviagtion */
    .nav_wrapper                  { margin-top: 10px; }
    .circles                      { height: 50px!important; width: 50px!important; }
   
    .overlay-menu ul li 					{ height: 10%; }
    .overlay-menu ul li a 				{ font-size: 46px; line-height: 56px; }
    #mobile-page-menu .menu-item-button a { line-height: 56px; }

    .mobile_header_subitems       { height: 100px; }
    .button-item                  { width: 30px; height: 30px; }
    .button-item i,
    .button-item a                { background-size: 30px 30px; width: 30px; height: 30px; }

    .mobile_header_subitems .button-item.social-items { margin-right: 0; } 
    .button-item.darkmode-toggle  { margin: 0 0; }
    .subitems_wrapper             { width: 100%; display: flex; justify-content: space-around; padding: 0 20px; }

    /* Carousel */
    .hb_carousel                  { padding-left: 20px; }
    .hb_carousel .slick-initialized .slick-slide     { width: 236px!important; margin-right: 20px!important; }

    .hb_carousel .hb_carousel_image,
    .hb_carousel .hb_carousel_image img,
    .hb_carousel .hb_carousel_bkg_col          { max-width: 210px!important; max-height: 270px!important; }

    /* Blocks */
    .hb_block_wrapper             { padding: 0 20px; }
    .hb_shop_teaser .hb_block_wrapper { padding: 0 0; }
    .hb_references .hb_block_wrapper { padding: 60px 20px!important; }

    
  }

  @media only screen and (min-width : 768px) and (max-width : 1024px)  {

  }
  
  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

  }

  @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) { 
    
  }

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

    h2 { font-size: calc(var(--h2) - var(--fluid-typography-ratio) * 1.3vw); line-height: var(--h2); }
    h3 { font-size: calc(var(--h3) - var(--fluid-typography-ratio) * 0vw); line-height: calc(var(--h3) + 6px); }
    h4 { font-size: calc(var(--h4) - var(--fluid-typography-ratio) * 0vw); line-height: calc(var(--h4) + 4px); }
    h5 { font-size: calc(var(--h5) - var(--fluid-typography-ratio) * 0vw); line-height: calc(var(--h5) + 3px); }
    h6 { font-size: calc(var(--h6) - var(--fluid-typography-ratio) * 0vw); line-height: calc(var(--h6) + 2px); }

    .hb_h1_subheadline            { font-size: calc(var(--h1) - var(--fluid-typography-ratio) * 1vw - 10px); line-height: 120%;}

    /* Navigation */
    #hb_site_navigation           { display: none; }
    #mobile-site-navigation       { display: block; z-index: 99999; }

    .header_inner_wrapper         { padding: 0 20px 0 0; }

    .is_sticky~.header-image      { margin-top: 70px; }

    .theme_darkmode .button-item  { filter: invert(0)!important; }


    /* Company infos */
    #site_header,
    .header_inner_wrapper         { height: 70px; max-height: 70px; }
    .hb_company_logo              { width: 94px; height: 94px; margin-left: 20px; margin-top: 10px; }
    .hb_logo                      { height: 60px!important; top: 20px!important; left: 19px!important; }
    .hb_business_name             { margin: 30px 0 0 0; }

    /* Navigation */

    .mobile_header_subitems       { height: 70px; }
    .button-item                  { width: 20px; height: 20px; }
    .button-item i,
    .button-item a                { background-size: 20px 20px; width: 20px; height: 20px; }
    
    /* BREADCRUMB */
    .hb_top_note                  { flex-direction: column; }
    .hb_nav_breadcrumb            { margin-bottom: 10px;}
    .hb_nav_breadcrumb .vincent   { height: 30px; min-width: 70px; background-size: 100px!important; background-position: -30px 5px!important; }
    .hb_nav_breadcrumb .breadcrumbs { margin-right: 20px; display: flex; flex-wrap: nowrap; white-space: nowrap; }
    .hb_nav_breadcrumb .breadcrumbs a { margin-left: 5px; margin-right: 5px; }
    .hb_nav_breadcrumb .breadcrumbs a:first-child { margin-left: 0; }
    .hb_nav_breadcrumb .breadcrumbs a:last-child { margin-right: 0; }

    .breadcrumb                                     { margin-bottom: 10px;}
    .breadcrumb .vincent                            { height: 30px; min-width: 70px; background-size: 100px!important; background-position: -30px 5px!important; }
    .breadcrumb .rank-math-breadcrumb               { margin-right: 20px; display: flex; overflow: auto; flex-wrap: nowrap; white-space: nowrap; }
    .breadcrumb .rank-math-breadcrumb a             { margin-left: 5px; margin-right: 5px; }
    .breadcrumb .rank-math-breadcrumb a:first-child { margin-left: 0; }
    .breadcrumb .rank-math-breadcrumb a:last-child  { margin-right: 0; }

    .hb_addon                     { justify-content: space-between !important; width: 100%; padding: 0 20px; border-bottom: 1px dashed; flex-wrap: wrap;}

    .hb_author_note,
    .hb_comments_note             { flex-grow: 0 !important; margin: 0 1rem 0 0; }

    .hb_top_note                  { flex-direction: column-reverse !important; margin: 0 0 40px 0; }

    .hb_nav_breadcrumb            { margin-top: 10px; }
    .hb_addon                     { padding-bottom: 10px; }

    /* Carousel */
    .slick-initialized .slick-slide     { width: 205px!important; margin-right: 20px!important; }

    .hb_carousel_image,
    .hb_carousel_image img,
    .hb_carousel_bkg_col          { max-width: 190px!important; max-height: 239px!important;}

    /* CONTENT */

    .hb_block_wrapper             { padding: 0 0; }

    .hb_shop_teaser               { padding: 30px 0!important; }
    .hb_shopteasing_wrapper .heading_wrapper { margin-left: 0; }
    .hb_shopteasing_wrapper       { padding: 0 40px!important; }
    img.hb_heading_image          { width: 160px; height: auto; }
    .hb_slider_image              { padding: 0!important; }

    .hb_about_author .hb_author_info { padding: 110px 40px 12px 40px; }

    .hb_page_inner_content        { padding: 0; }
    .hb_page_inner_content.has_sidebar { padding: 0; }
    .hb_page_inner_content.has_sidebar .col_sidebar { display: flex; position: fixed; max-width: 1024px; bottom: 0; z-index: 98000;}


  }

  /*layouts smaller than 736px, iPhone and mobiles*/

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

    h1 { font-size: calc(var(--h1) - var(--fluid-typography-ratio) * 1vw - 6px); line-height: var(--h1); }
    /* #hb_site_navigation           { display: none; }
    #mobile-site-navigation       { display: block; } */

    /* Header */
    .heading_wrapper              { margin-bottom: 40px!important; display: block; width: fit-content; }
    .heading_wrapper h2           { display: inline; }

    .has_table_of_content .hb_page_column h2            { margin-left: 40px; }
    .has_table_of_content .hb_page_column h2::before    { margin: 0 0 0 -40px; } 

    /* .hb_heading::before           { content: ""; height: 30px; width: 96%; border-bottom: 2px solid #9bab9a; border-right: 2px solid #9bab9a; position: absolute; top: 16px; right: -16px; } */

    /* .heading_wrapper,
    .hb_carusel_wrapper           { margin-left: 20px; }

    .slick-initialized .slick-slide     { width: 205px!important; height: 270px!important; margin-right: 20px!important; }

    .hb_carousel_image,
    .hb_carousel_image img,
    .hb_carousel_bkg_col          { max-width: 190px!important; max-height: 239px!important;} */

    /* CONTENT */

    .col_sidebar { max-width: 100%; background: rgb(44,44,44); }
    .col_sidebar > div { margin: 0; padding: 0; display: flex; flex: 1; justify-content: center; align-items: center; }
    .col_sidebar > div > button,
    .col_sidebar > div > a { background: rgb(44,44,44); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; margin: 0; padding: 1rem; border: none; border-right: 1px dotted #fff; }
    .col_sidebar > div:last-child > button,
    .col_sidebar > div:last-child > a { border-right: none; }
    .col_sidebar > div > button > span,
    .col_sidebar > div > a > span { display: none; }
    .col_sidebar > div > * > .icon,
    .col_sidebar > div > * > i { margin: 0; }
    .col_sidebar > div > * > i::before { margin: 0!important; }

    .hb_page_inner_content.has_sidebar { flex-direction: column; }
    .hb_page_inner_content .col_content { padding: 0 20px; margin-left: 0; }

    .hb_color_section { padding: 0 20px; }
    .hb_color_section .wp-block-columns { flex-direction: column; margin-bottom: 0; }
    .hb_color_section .wp-block-columns .wp-block-column { padding: 0 20px 0 0; }

    .hb_comments_title            { flex-direction: column; align-items: start;}
    .hb_comments_title .title     { margin-bottom: 1rem;}
    .hb_comments_title .title h2  { margin-bottom: 0;}

    /* BREADCRUMB */
    .hb_nav_breadcrumb .vincent   { height: 30px; min-width: 70px; background-size: 100px; background-position: -30px 5px; }
    .hb_nav_breadcrumb .breadcrumbs { margin-right: 20px; display: flex; flex-wrap: nowrap; white-space: nowrap; }
    .hb_nav_breadcrumb .breadcrumbs a { margin-left: 5px; margin-right: 5px; }
    .hb_nav_breadcrumb .breadcrumbs a:first-child { margin-left: 0; }
    .hb_nav_breadcrumb .breadcrumbs a:last-child { margin-right: 0; }

    .hb_advertising,
    .hb_comments_note,
    .hb_author_note               { line-height: 30px; align-items: center; justify-content: center; margin: 0 1rem 0 0; }

    .hb_author_note a             { line-height: 16px; }

    /* BLOCKS */
    .hb_column_grid_wrap { display: block!important; }
    .hb_block_layout_column figure { margin-block-end: 1em; margin-inline-start: 20px; margin-inline-end: 20px; }

    .hb_about_author .hb_author_info { padding: 110px 20px 12px 20px; }

    .byuser,
    .posted-by-admin { padding-left: 30px; }


  }

  @media only screen and (min-width : 768px) and (orientation : landscape) {

    /* #hb_site_navigation           { display: none; } */
    
    /* Header */
    .hb_branding                  { margin-left: 20px; }

  }

  @media only screen and (max-width : 736px) and (orientation : portrait) {

    /* Navigation */
    /* #hb_site_navigation           { display: none; }
    #mobile-site-navigation       { display: block; z-index: 99999; } */
    /* .hamburger                    { right: 20px; } */

    /* Company infos */
    /* #site_header,
    .header_inner_wrapper         { height: 70px; max-height: 70px; }
    .hb_company_logo              { width: 94px; height: 94px; margin-left: 20px; margin-top: 10px; }
    .hb_logo                      { height: 60px!important; top: 20px!important; left: 19px!important; }
    .hb_business_name             { margin: 30px 0 0 0; } */

    /* Worldmap */
    .hb_mega_inner_wrapper        { display: block; max-width: 100%; }
    .hb_map_wrapper               { margin-top: 80px; margin-right: 0; margin-bottom: 50px; }
    #hb_worldmap                  { margin: 0 auto; }

    /* MegaMenu */
    .hb_column                    { margin-right: 20px; }
    .hb_column:last-child         { margin-right: 0; }

    .hb_column_heading            { font-size: 16px!important; }
    .hb_mm_subnav li a            { font-size: 13px!important; }

    /* Searchform */
    #searchform input[type="text"] { font-size: 1rem; }
    .hb_suggestions .hb_suggestion_heading { font-size: 1rem; line-height: 20px; }
    .hb_suggestions               { padding: 50px 40px!important; }
    .hb_block_spacer::before      { left: 49.5%; }

    /* List */

    li.hb-check                   { margin-left: 20px; margin-bottom: 10px; }

    [class^="hb-"]:before,
    [class*=" hb-"]:before        { margin-left: -20px; }

    /* Button */
    .wp-block-columns .hb_btn_wrapper               { margin-bottom: 30px; }

    /* Color Section */
    .hb_color_section img         { margin-bottom: 30px; }

    /* Article Teaser */
    .hb_teaser_wrapper            { display: block!important; }
    .hb_teaser                    { margin-right: 0!important; margin-bottom: 20px; padding: 0 0; }
    .is_align_right               { justify-content: flex-start; }
    .is_align_right h3            { right: 0; }

    /* Grid */
    /*.hb_gridrow                   { display: block!important; margin-bottom: 0!important; }*/

    .one_one_one_one,
    .two_one_one,
    .one_one_two,
    .one_three,
    .three_one,
    .one_two_one,
    .two_two                      { margin-right: 0!important; padding: 0; }

    .hb_1col,
    .hb_2col,
    .hb_3col                      { margin-bottom: 20px; }

    .hb_2col .hb_block_link,
    .hb_3col .hb_block_link       { left: 50%!important; transform: translate(-50%); }

    /* Testimonial */
    .testimonial_inner.content_left { flex-direction: column!important; align-items: center; }
    .content_left .hb_testimonial_image_wrapper { margin-bottom: 30px; }
    .content_right .hb_testimonial_image_wrapper { margin-bottom: 0; }
    .testimonial_wrapper          { padding: 0 16px!important; }

    /* Shop Teaser */
    .heading_wrapper.is_align_right { justify-content: center!important; margin-left: 0; }
    .hb_shop_teaser .block_is_left,
    .hb_shop_teaser .block_is_right { flex-direction: column!important;}
    .hb_slider_wrapper            { width: 300px!important; margin: 0 auto; }
    .hb_slider_wrapper.slick-initialized .slick-slide { width: 300px!important; }
    .hb_shopteasing_wrapper       { width: 100%!important; }
    .block_is_left .hb_slider_wrapper { order: 2; }
    .block_is_left .hb_shopteasing_wrapper { order: 1; margin-bottom: 50px; }
    .block_is_right .hb_slider_wrapper { order: 1; }
    .block_is_right .hb_shopteasing_wrapper { order: 2; }

    /* Referenzen */
    /* .heading_wrapper.is_align_center { margin-left: 0; } */
    .hb_ref_inner { width: 100%; flex: none!important; margin-right: 0!important; }



  }

  @media only screen and (min-device-width : 667px) and (max-width : 1280px) {

    .hb_header_image .hb_image_wrapper { height: 420px; }
    
  }
  
  @media only screen and (max-width : 667px) and (orientation : portrait) {

    .hb_header_image .hb_image_wrapper { height: 320px; }
    
  }

  
  @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {  

    #mobile-site-navigation       { display: block; z-index: 99999; }
  
  }

  @media only screen and (max-width: 320px) and (orientation : portrait) {

    .hb_header_image .hb_image_wrapper { height: 420px; }

    /* Navigation */
    .nav_wrapper                  { margin-top: 16px; }
    /* Company infos */
    .hb_company_logo              { width: 90px; height: 90px; margin-left: 10px; margin-top: 10px; }
    .hb_logo                      { height: 50px!important; top: 22px!important; left: 20px!important; }
    .hb_business_name             { margin: 33px 0 0 0; }
    .hb_business_name a           { font-size: 16px; }

    /* Searchform */
    #searchform .searchicon { width: 40px; margin-right: 10px; }
    #searchform input[type="text"] { font-size: 15px; }

    .hb_suggestions .hb_suggestion_heading { font-size: 16px; line-height: 20px; }
    .hb_suggestions { padding: 50px 40px!important; }
    .hb_suggestions ul li::before { left: -5px; }
    .hb_suggestions ul { font-size: 14px; }

    .hb_block_spacer::before { left: 49.5%; }

    /* MegaMenu */
    .hb_mega_inner_wrapper        { padding: 0 10px; }

    .hb_heading_wrapper           { text-align: center; }

    .hb_column                    { margin-right: 10px; }
    .hb_column:last-child         { margin-right: 0; }

    .hb_column_heading            { font-size: 14px!important; }
    .hb_mm_subnav li a            { font-size: 11px!important; }

    .mobile_header_subitems       { height: 60px; }

  }



@media (max-width: 767px) {

  .hb_grid_wrapper {
    width: 100vw !important;
    display: flex;
    flex-direction: row;
    scroll-snap-type: x mandatory;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 16px;
    margin: 0 -16px;
    padding: 0 16px;
    scroll-padding-inline: 16px
  }
  .hb_gridrow {
    display: contents !important;
  }
  .hb_1col, .hb_2col {
    width: 100%;
    margin: 0 !important;
    flex: 0 0 85vw;
    scroll-snap-align: center;
  }
  .hb_grid_wrapper::-webkit-scrollbar { display: none; }

  .hb_travelreports_grid {
    flex-direction: column;
  }
  .hb_travelreports_highlight {
    width: 100% !important;
    position: relative;
  }
}