/* Base (0+) =================================================================================================================================*/

@media (min-width: 340px) and (max-width: 575.98px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: auto !important;
    /* background-color: red; */
  }

  /*=================================================================================================================================
MOBILE MENU
=================================================================================================================================*/
  .side-menu.side-menu-active {
    width: 75% !important;
  }
}
/* XS 576px =============================================================================================================================================================*/
/* XS ===================================================================================================================================================================*/
/* XS ===================================================================================================================================================================*/
/* XS 576px =============================================================================================================================================================*/

@media (min-width: 576px) and (max-width: 767.98px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: auto !important;
  }

  /*=================================================================================================================================
HEADER UND NAVBAR
=====================================================================================================================================*/
  header .navbar-brand img {
    max-width: 70px;
  }
  .justify-content-center {
    justify-content: left !important;
  }
  .btn-main {
    font-size: 8px;
    border: 1px solid #ffffff;
    padding: 3px 5px;
  }

  /*=================================================================================================================================
MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 55% !important;
  }

  .navbar-nav .nav-link {
    font-size: 25px;
    min-height: 35px;
  }

  /*================================================================================================================================
STIMMEN IM BUCH
====================================================================================================================================*/

  .testimonial-sec .review-carousel .padding-top {
    padding-top: 5px;
  }

  .testimonial-sec .heading-area.long-area {
    transform: translate(35%, 80%);
    position: absolute;
    width: 600px;
  }

  .testimonial-sec .heading {
    font-size: 39px;
  }

  .testimonial-sec .user-detail .user-name {
    font-size: 16px;
    font-weight: normal;
  }

  .testimonial-sec .review-detail .text {
    text-align: left;
  }

  .testimonial-sec .text {
    font-size: 14px;
  }
  .user-loc {
    font-size: 11px;
  }

  /*=================================================================================================================================
BLICK INS BUCH
===================================================================================================================================*/

  .portfolio-sec .padding-top-half {
    padding-top: 1px;
  }

  .portfolio-sec .heading-area.long-area {
    transform: translate(-21%, -45%);
    position: absolute;
    width: 450px;
  }

  .portfolio-sec .heading {
    font-size: 33px;
  }

  .portfolio-sec .justify-content-center {
    justify-content: center !important;
  }

  .portfolio-sec .btn-main {
    font-size: 18px;
    border: 1px solid #ffffff;
    padding: 10px 15px;
  }

  /*=================================================================================================================================
AUTOREN
===================================================================================================================================*/

  .services-sec .services-boxes .service-card {
    display: block;
  }
  /* .service-card .img-holder {
    margin-bottom: 20px;
  } */

  .services-sec .heading {
    font-size: 25px;
  }
  .services-sec .heading-area {
    transform: translate(0);
    margin: auto;
    margin-bottom: 0px;
    width: 90%;
  }

  .services-sec .text {
    font-size: 14px;
    font-weight: 400;
  }

  /*=================================================================================================================================
KONTAKT
===================================================================================================================================*/
  .contact-sec .heading-area {
    transform: translate(-22%, -50%);
    position: absolute;
    width: 500px;
    margin-bottom: 1px;
  }

  .contact-sec .heading {
    font-size: 23px;
  }

  .contact-sec .contact-inner {
    border: none;
    padding: 20px;
  }

  .contact-sec .contact-inner .contact-details ul li {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 14px;
    text-align: center;
  }

  .contact-sec .contact-form-sec .padding-top-half {
    padding-top: 0px;
  }
}

/*=================================================================================================================================
SOCIAL ICONS
=================================================================================================================================*/

.social-icons,
.copywrite {
  width: 100% !important;
  float: left;
}

.text-right {
  text-align: left !important;
}

/* SM (576 - 767.98)=====================================================================================================================================================*/
/* SM ===================================================================================================================================================================*/
/* SM ===================================================================================================================================================================*/
/* SM (576 - 767.98) ====================================================================================================================================================*/

@media (min-width: 576px) and (max-width: 767.98px) {
  /*=================================================================================================================================
MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 45% !important;
  }

  .navbar-nav .nav-link {
    font-size: 25px;
    line-height: 42px;
    min-height: 45px;
  }
}
/*=================================================================================================================================
AUTOREN
===================================================================================================================================*/

.services-sec .services-boxes .service-card {
  display: block;
}

/* MD (768 - 991.98) ====================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* MD (768 - 991.98) ====================================================================================================================================================*/

@media (min-width: 768px) and (max-width: 991.98px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: 70vh !important;
  }

  /*=================================================================================================================================
HEADER 
=================================================================================================================================*/
  header .navbar-brand img {
    max-width: 120px;
  }
  .justify-content-center {
    justify-content: right !important;
  }
  .btn-main {
    font-size: 12px;
    border: 1px solid #ffffff;
    padding: 10px 20px;
  }

  /*=================================================================================================================================
NAVBAR MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 46% !important;
  }

  .navbar-nav .nav-link {
    font-size: 37px;
    min-height: 37px;
  }

  /*=================================================================================================================================
STIMMEN IM BUCH
===================================================================================================================================*/

  .testimonial-sec .review-carousel .padding-top {
    padding-top: 1px;
  }

  .testimonial-sec .heading-area.long-area {
    transform: translate(35%, 80%);
    position: absolute;
    width: 300px;
  }

  .testimonial-sec .heading {
    font-size: 48px;
  }

  .testimonial-sec .user-detail .user-name {
    font-size: 22px;
    font-weight: normal;
  }

  /*=================================================================================================================================
BLICK INS BUCH
===================================================================================================================================*/

  .portfolio-sec .padding-top-half {
    padding-top: 1px;
  }

  .portfolio-sec .heading-area.long-area {
    transform: translate(0%, -45%);
    position: absolute;
    width: 500px;
  }

  .portfolio-sec .heading {
    font-size: 48px;
  }

  /*=================================================================================================================================
AUTOREN
===================================================================================================================================*/

  .services-sec .services-boxes .service-card {
    display: block !important;
  }

  .services-sec .heading {
    font-size: 36px;
  }

  /* .service-card .img-holder {
    margin-bottom: 20px;
  } */

  /*=================================================================================================================================
KONTAKT
===================================================================================================================================*/
  .contact-sec .heading-area {
    transform: translate(1%, -50%);
    position: absolute;
    width: 600px;
  }

  .contact-sec .heading {
    font-size: 48px;
  }

  .contact-sec .contact-inner {
    border: none;
    padding: 40px;
  }

  .contact-sec .contact-inner .contact-details ul li {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
  }
}

/* LG (992 - 1199.98) ===================================================================================================================================================*/
/* LG ===================================================================================================================================================================*/
/* LG ===================================================================================================================================================================*/
/* LG (992 - 1199.98) ===================================================================================================================================================*/

@media (min-width: 992px) and (max-width: 1199.98px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: 96vh !important;
    /* padding-bottom: 10vh; */
  }

  /*=================================================================================================================================
HEADER
=================================================================================================================================*/
  header .navbar-brand img {
    max-width: 120px;
  }
  .justify-content-center {
    justify-content: right !important;
  }
  .btn-main {
    font-size: 16px;
  }

  /*=================================================================================================================================
NAVBAR MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 48% !important;
  }

  .navbar-nav .nav-link {
    font-size: 45px;
    min-height: 60px;
  }

  /*=================================================================================================================================
STIMMEN IM BUCH
=================================================================================================================================*/

  .padding-top {
    padding-top: 5px;
  }

  .heading-area.long-area {
    transform: translate(35%, 80%);
    position: absolute;
    width: 300px;
  }

  /*=================================================================================================================================
BLICK INS BUCH
=================================================================================================================================*/

  .portfolio-sec .work-navigation {
    left: -145px;
    top: 55%;
  }
  .services-sec .services-boxes {
    padding: 15px 30px;
  }

  /*=================================================================================================================================
AUTOREN
=================================================================================================================================*/

  .services-sec .services-boxes .service-card {
    display: block !important;
  }

  /* .service-card img {
    width: 50%;
    margin-bottom: 20px;
  } */

  .services-sec .services-boxes .service-card.right {
    margin-top: 50px;
    margin-bottom: 50px;
    float: right;
    clear: right;
    width: 55%;
  }

  /* .service-card.right .img-holder {
    margin-bottom: 0;
  } */

  /* .services-sec .services-boxes .service-card {
    width: 68%;
    float: left;
    margin-top: 50px;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
 */
  .services-sec .services-boxes .service-card.left {
    margin-top: 40px;
  }

  /* .service-card.left .img-holder {
    margin-top: 20px;
  } */

  .heading {
    font-size: 44px;
  }

  /*=================================================================================================================================
KONTAKT
=================================================================================================================================*/
  .contact-sec .heading-area {
    transform: translate(25%, 15%);
    position: absolute;
    width: 400px;
  }

  .contact-sec .heading {
    font-size: 44px;
  }
}

/*=================================================================================================================================
SOCIAL ICONS
=================================================================================================================================*/

/* .social-icons, */
.copywrite {
  width: 59%;
  float: left;
}

/* XL (1200 - 1399.98) ==================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* MD (1200 - 1399.98) ==================================================================================================================================================*/

@media (min-width: 1200px) and (max-width: 1399.98px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: 99vh !important;
    /* padding-bottom: 10vh; */
  }

  /*=================================================================================================================================
NAVBAR MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 48% !important;
  }

  .navbar-nav .nav-link {
    font-size: 45px;
    min-height: 60px;
  }
}

/* XXL (1400+) ==========================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* MD ===================================================================================================================================================================*/
/* XXL (1400+) ==========================================================================================================================================================*/

@media (min-width: 1400px) and (max-width: 1700px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: 99vh !important;
  }

  /*=================================================================================================================================
NAVBAR MOBILE MENU
=================================================================================================================================*/
  .side-menu {
    width: 48% !important;
  }

  .navbar-nav .nav-link {
    font-size: 45px;
    min-height: 60px;
  }

  .contact-sec .heading-area {
    transform: translate(75%, -46%);
    width: 100%;
  }

  /*=================================================================================================================================
SLIDER
=================================================================================================================================*/

  .aw-slide-text {
    /* right: -4%;
    bottom: 12%;
    width: min(1200px, 80%); */
    width: min(1480px, 78%);

    h3 {
      /* max-width: 85%; */
      /* font-size: 30px !important; */
      line-height: 1.3 !important;

      font-size: clamp(24px, calc(24px + (31 - 24) * ((100vw - 1400px) / (1700 - 1400))), 31px);
    }
  }
}

/* xXXL (1700+) =========================================================================================================================================================*/
/* XXXL =================================================================================================================================================================*/
/* xXXL =================================================================================================================================================================*/
/* xXXL (1700+) =========================================================================================================================================================*/

@media (min-width: 1600px) {
  /*=================================================================================================================================
LAYOUT 
=================================================================================================================================*/

  .main {
    height: 110vh !important;
  }

  .side-menu .inner-wrapper {
    padding: 3.5rem 1.5rem;
    height: 100%;
    position: relative;
    overflow-y: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  /*=================================================================================================================================
SLIDER
=================================================================================================================================*/

  /* .aw-slide-text {
    right: -11cqw;
    bottom: 10cqw;
    width: min(1580px, 78%);
  } */
}

/* .hero {
  min-height: 100vh;
  min-height: 100svh;
  height: auto;
  padding: clamp(24px, 4vh, 64px) 0;
} */

/* @media (orientation: landscape) and (max-height: 500px) {
  .main {
    min-height: 730px;
  }
} */

/* @media (orientation: landscape) and (max-height: 500px) and (hover: none) and (pointer: coarse) {
  .main {
    height: auto !important;
    min-height: 100svh;
    overflow: visible !important;
  }

  .main [style*="vh"] {
    height: auto !important;
    max-height: none !important;
  }
} */

/* @media (orientation: landscape) and (min-width: 768px) and (max-height: 900px) and (hover: none) and (pointer: coarse) {
  .main {
    height: auto !important;
    min-height: 100svh;
    overflow: visible !important;
  }

  .main [style*="vh"] {
    height: auto !important;
    max-height: none !important;
  }
} */

@media (orientation: landscape) and (max-height: 500px) and (hover: none) and (pointer: coarse) {
  .main {
    height: auto !important;
    min-height: 100svh;
    overflow: visible !important;
  }

  .main [style*="vh"] {
    height: auto !important;
    max-height: none !important;
  }
}

@media (orientation: landscape) and (min-width: 768px) and (max-height: 900px) and (hover: none) and (pointer: coarse) {
  .main {
    height: auto !important;
    min-height: 100svh;
    overflow: visible !important;
  }

  .main [style*="vh"] {
    height: auto !important;
    max-height: none !important;
  }
}

/*=================================================================================================================================
IMPRESSUM / DATENSCHUUTZ
=================================================================================================================================*/