@media (min-width: 1199px) {
  .container {
    max-width: 1304px
  }
}
@media (min-width: 1500px){
.hero-right h1,
.hero-right p,
.hero-sec.trust-sec .hero-right h1,
.trust-sec .hero-right p,
.contact-wrapper h2,
.contact-wrapper p,
.contact-wrapper h2,
.contact-wrapper p {
    max-width: 100%;
}
.hero-right h1 br{
  display: none;
}
}

@media (max-width: 1199px) {
  .faq-list {
    gap: 8px;
    margin-top: 14px;
    margin-bottom: 20px;
  }

  .number-box {
    padding: 19px;
  }

  .faq-btn {
    padding: 16px 20px;
    font-size: 14px;
    line-height: 18px;
  }

  .navbar-nav {
    grid-gap: 12px;
  }

  .faq-body-inner {
    padding-right: 21px;
    padding-bottom: 12px;
    padding-left: 21px;
    font-size: 14px;
    line-height: 20px;
  }

  .navbar-brand img {
    height: 55px;
  }

  .hero-right h1 {
    font-size: 40px;
    line-height: 50px;
  }

  .h-full {
    height: 100%;
  }

  .h-full img {
    height: 100%;
    object-fit: Cover;
    object-position: Center;
  }

  .practice-card h4 {
    font-size: 20px;
    line-height: 30px;
    margin: 16px 0px 16px;
  }

  .contact-wrapper {
    padding: 36px 46px;
  }
}

@media (max-width: 991px)
{
	
	.width-svg
	{
		width:28px;
	}
	
	.contact-detail h6
	{
		font-size:15px;
	}
	
	.contact-detail a
	{
		font-size:13px;
	}
	
	.bg-kanzlei
	{
	  background-color: #022C22;
	  background-image:
		radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0) 35%),
		linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
	  background-size:
		100% 100%,
		32px 32px,
		32px 32px;
	  background-position:
		center,
		center,
		center;
	}
	
.extra-margin-hero
{
	margin-top:0px !important;
}
	
	header .navbar {
    padding: 12px 0px;
  }
  
.btn-default {
        width: fit-content;
        margin: 0 auto 20px !important;
    }
  
  .navbar-nav {
    padding: 20px;
  }

  .navbar-collapse {
	z-index:1;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    top: 68px;
    border-radius: 10px;
    text-align: center;
    margin: 10px 0 0 0;
  }
	
  .navbar-toggler {
    padding: 0px;
    border: 0px;
  }

  .cta-box {
    margin-bottom: 20px;
  }

  .hero-inner {
    grid-template-columns: 6fr;
  }

  .mb-24 {
    margin-bottom: 24px !important;
  }

  .practice-card-wrapper {
    grid-template-columns: 4fr 4fr;
    margin: 40px 0px;
  }

  .grid-row {
    flex-wrap: wrap;
  }

  .expect-card-wrapper {
    grid-template-columns: 6fr;
  }

  .w-40,
  .w-60 {
    width: 100%;
  }

  .mt-32 {
    margin-top: 32px;
  }

  .images-wrapper {
    max-width: 475px;
    margin: 0 auto;
  }

  .contact-details-wrapper {
    flex-wrap: wrap;
  }
  
  .svg-mobile
  {
	  width:50px !important;
  }
  
  .hero-right
  {
	  padding-top:0px !important;
	  text-align: center !important;
  }
  
}

@media (max-width: 767px)
{
    .mobile-extra-margin {
        margin-top: 1rem;
    }
	
	.practice-card.wow,
	.expect-card.wow
	{
		visibility: visible !important;
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
	
	
	.mb-extra-40
	{
		margin-bottom:40px !important;
	}
	
	.button-extra 
	{
		text-align:center;
	}
	
	.testimonails-box .goggle-box img
	{
		width:64px;
	}
	
	.termin-badge
	{
		font-size:10px;
	}
	
	.footer-bottom p
	{
		text-align:center;
	}
	
	.expect-right-box p
	{
		font-size:14px;
	}
	
	.expect-right-box
	{
		padding-left: 20px;
		padding-right: 15px;
	}
	
	.testimonails-sec h3
	{
		font-size:30px;
		line-height:2rem;
	}
	
	.team-sec h4
	{
		font-size:30px;
		line-height:2rem;
	}
	
	.team-sec p 
	{
		font-size:14px;
	}
	
	.swiper-pagination
	{
		margin-top: 20px;
	}
	
	.font-size-opt
	{
		font-size: 14px;
	}
	
	.area-sec.vorteile-sec .practice-card p
	{
		font-size:14px;
	}
	
	.contact-wrapper p
	{
		font-size:14px;
	}
	
	.practice-card p
	{
		font-size:14px;
	}
	
	.title-wrapper p
	{
		font-size:14px;
	}
	
  .practice-card-wrapper {
    grid-template-columns: 12fr;
  }
    .navbar-nav .nav-item .dropdownMenu.active {
        display: block;
    }    .dropdownMenu {
        width: 100%;
        margin: 10px auto;
        position: static;
        opacity: 1;
        visibility: visible;
        display: none;
    }
  .hero-sec.hero-sec2 .subtitle h6 {
    font-size: 10px;
  }
.py-60 {
  padding: 60px 0px;
}
  .hero-sec.hero-sec2 .hero-right p {
    font-size: 14px;
  }

  .imprint-hero-sec {
    padding: 78px 0px 140px;
  }

  .imprint-hero-sec h1 {
    font-size: 25px;
    line-height: 56px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }

  .calendar-box p {
    line-height: 24px;
	font-size:16px;
  }

  .contact-sec .subtitle {
    justify-content: start;
  }

  .hero-right {
    padding: 60px 14px;
    text-align: center;
  }

  .contact-sec h4 {
	font-size: 30px;
	line-height: 2rem;
    margin-bottom: 20px;
  }

  .logo-wrapper ul {
    flex-wrap: wrap;
  }

  .contact-sec .btn-primary,
  .calendar-box .btn-primary,
  .hero-sec.hero-sec2 .btn-primary {
    width: fit-content;
  }

  .navbar-brand img {
    height: 48px;
  }

  .subtitle {
    /*justify-content: center;*/
  }

  .hero-sec .subtitle h6 {
    font-size: 14px;
  }

  .hero-right h1 {
    font-size: 28px;
    line-height: 44px;
    margin: 12px 0px;
  }

  header .navbar {
    padding: 12px 0px;
  }

  .hero-img-holder {
    margin: 0px 0px;
  }

  .container {
    padding-right: 16px;
    padding-left: 16px;
  }

  .hero-right p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 24px;
  }


  .logo-wrapper {
    margin-top: 48px;
    padding-bottom: 0px;
  }

  .logo-wrapper h2 {
    font-size: 16px;
    line-height: 20.88px;
    margin-bottom: 10px;
    text-align: start;
  }
.area-sec,
.team-sec {
    padding:60px 0px;
}
  .logo-wrapper li svg {
    height: 38px;
    max-width: 115px;
  }

  .title-wrapper h2 {
    font-size: 30px;
  }

  .practice-card h4 {
    font-size: 20px;
    line-height: 31px;
    margin: 24px 0px 16px;
  }

  .hero-sec.trust-sec .hero-right h1 {
    text-align: start;
    font-size: 32px;
    line-height: 44px;
  }

  .trust-sec .hero-right .trust-list {
    margin-bottom: 24px;
  }

  .hero-sec.trust-sec .hero-right p {
    text-align: start;
  }

  .practice-card p {
    margin-bottom: 24px;
  }

  .-mx-16 {
    margin: 0px -14px;
  }

  .area-sec.vorteile-sec .title-wrapper h2 {
    font-size: 30px;
  }

  .area-sec.vorteile-sec .practice-card {
    padding: 44px 24px 44px 24px;
  }

  .contact-wrapper {
    padding: 60px 14px;
  }

  .contact-wrapper h2 {
    font-size: 30px;
    line-height: 2rem;
	font-weight:500;
    /*margin-bottom: 12px;*/
    margin-top: 12px;
  }

  .grid-row .box h6 {
    font-size: 14px;
    line-height: 20px;
  }

  .grid-row .box span {
    font-size: 11px;
    display: block;
    line-height: 14px;
  }

  .grid-row .box {
    padding: 11px;
    bottom: 50px;
    left: 17px;
  }
  
  .grid-row .box-right h6 {
    font-size: 14px;
    line-height: 20px;
  }

  .grid-row .box-right span {
    font-size: 11px;
    display: block;
    line-height: 14px;
  }

  .grid-row .box-right {
    padding: 11px;
    bottom: 50px;
    right: 20px;
  }

  .contact-wrapper .btn-primary {
    margin-top: 25px;
  }
/*
  .contact-wrapper .btn-primary {
    font-size: 14px;
    line-height: 20px;
    padding: 20px 32px;
  }
*/
  .faq-sec .btn-primary {
    font-size: 14px;
  }

  .contact-wrapper ul {
    grid-gap: 8px;
    margin-top: 48px;
    justify-content: center;
  }

  .team-sec p {
    margin-bottom: 0px;
  }

  .team-card-wrapper {
    grid-template-columns: 4fr;
    grid-gap: 34px;
    margin-bottom: 32px;
  }

  .team-card img {
    width: 100%;
  }

  .team-card h4 {
    font-size: 26px;
    line-height: 30px;
    margin: 34px 0px 3px;
  }

  .testimonails-sec {
    padding: 60px 0px;
  }

  .carousel-inner {
    padding-top: 105px;
  }

  .testimonails-box {
    padding: 1px 46px 49px;
  }

  .testimonails-box p {
    font-size: 16px;
    margin: 27px 0px;
    line-height: 24px;
	min-height:280px;
  }

  .testimonails-box .goggle-box {
    margin-bottom: 27px;
  }

  .area-sec.expect-sec .title-wrapper h2 {
    font-size: 30px;
    line-height: 2rem;
    margin: 24px 0px 15px;
  }

  .faq-sec {
    padding: 60px 0px;
  }

  .faq-sec .subtitle {
    justify-content: start;
  }

  .faq-sec h2 {
    font-size: 26px;
	line-height:2rem;
    margin-bottom: 40px;
  }

  .number-box h4 {
    font-size: 33px;
    line-height: 33px;
    margin-bottom: 5px;
  }

  .number-box p {
    font-size: 10px;
    line-height: 13px;
  }

  .number-box {
    padding: 24px;
  }

  .images-wrapper {
    grid-gap: 8px;
  }

  .faq-list {
    gap: 16px;
    margin-top: 16px;
    /*margin-bottom: 40px;*/
  }

  .faq-img2 {
    max-height: 397px;
    width: 100%;
  }

  .number-box {
    margin-top: 8px;
  }

  .faq-btn {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 24px;
  }

  .faq-body-inner {
    padding-bottom: 16px;
    padding-left: 24px;
    font-size: 13px;
    line-height: 22px;
    padding-right: 38px;
  }

  footer {
    padding: 44px 0px;
  }

  .footer-logo {
    height: 66px;
  }

  .contact-details-wrapper {
	 justify-content:flex-start;
    grid-gap: 51px 20px;
    margin: 32px auto;
	margin-left:20%;
  }
/*
  .contact-detail {
    max-width: 185px;
    min-width: 184px;
  }
*/
  .footer-bottom {
    padding: 12px;
	padding-top:30px;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 35px;
  }

  .footer-bottom ul {
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 12px;
    text-align: center;
  }

  .footer-bottom ul li a {
    display: block;
    line-height: 20px;
  }

  .footer-bottom ul li {
    width: 100%;
  }

  header .navbar {
    padding: 12px 0px;
  }

  .navbar-collapse {
	z-index:1;
    position: absolute;
    left: 0;
    width: 100%;
    background: #fff;
    top: 68px;
    border-radius: 10px;
    text-align: center;
    margin: 10px 0 0 0;
  }
.btn-default{
  width: fit-content;
  margin: 0 auto 20px !important;
}
  .navbar-nav {
    padding: 20px;
  }

  header .btn-default {
    margin: 0px 20px 20px;
  }

  .content-body br {
    height: 15px;
  }

  .content-body h5,
  .content-body h4,
  .content-body h2 {
    font-size: 17px;
    line-height: normal;
    margin-bottom: 5px;
  }
  
    .content-body p
	{
    font-size: 14px;
    line-height: normal;
	}

  .content-body {
    margin-top: -84px;
    margin-bottom: 60px;
	padding: 50px 32px;
  }.expect-right-box h4 {
    word-break: break-word;
}
      .practice-card ,
      .expect-card{
        position: sticky;
        top: 20px;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    }
        .practice-card:nth-child(2) ,
              .expect-card:nth-child(2){
        top: 50px;
    }.expect-right-box h4 {
    margin: 12px 0px 6px;
}
     .practice-card:nth-child(3) ,
      .expect-card:nth-child(3){
        top: 80px;
    }
     .practice-card:nth-child(4),
      .expect-card:nth-child(4) {
        top: 110px;
    }
     .practice-card:nth-child(5) {
        top: 140px;
    }
     .practice-card:nth-child(6) {
        top: 170px;
    }
}

@media (max-width: 374px) {
    .title-wrapper h2 {
        font-size: 31px;
    }
}

@media (min-width: 2200px) {
  .hero-right h1 {
    font-size: 68px;
    line-height: 1.05;
  }

  .hero-right p {
    font-size: 20px;
    line-height: 30px;
  }
  
  .logo-wrapper h2
  {
	  font-size:20px;
  }

  .btn-primary {
    font-size: 16px;
    line-height: 22px;
    padding: 16px 44px;
  }

  .logo-marquee img {
    height: 26px;
    width: auto;
  }
  
	.contact-wrapper h2
	{
		font-size: 50px;
	}
	
	.contact-wrapper p
	{
		font-size: 18px;
		line-height: 30px;
	}
	
	.subtitle h6
	{
		font-size:15px;
	}
}

@media (min-width: 2560px) {
  .hero-right h1 {
    font-size: 76px;
    line-height: 1.03;
  }

  .hero-right p {
    font-size: 22px;
    line-height: 32px;
  }
  
  .logo-wrapper h2
  {
	  font-size:22px;
  }

  .btn-primary {
    font-size: 18px;
    line-height: 24px;
    padding: 18px 48px;
  }

  .logo-marquee img {
    height: 32px;
    width: auto;
  }
  
	.contact-wrapper h2
	{
		font-size: 60px;
		line-height: 1.03;
	}
	
	.contact-wrapper p
	{
		font-size: 18px;
		line-height: 32px;
	}
  
}