html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-track { background: #F1F1F1;}
::-webkit-scrollbar-thumb { background: #777;}
::-webkit-scrollbar-thumb:hover { background: #555;}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}

header, nav, section, article, aside, footer, hgroup {
  display: block;
}

* {
  box-sizing: border-box;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  text-decoration: none !important;
  color: #3CF;
}

a:hover {
	color: #999;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}

p {
  font-size: 14px;
  line-height: 25px;
  color: #2a2a2a;
}

img {
  width: 100%;
  overflow: hidden;
}

html,
body {
  background: #fff;
  font-family: 'Poppins', sans-serif;
}

@media (max-width: 991px) {
  html, body {
    overflow-x: hidden;
  }
  .mobile-top-fix {
    margin-top: 30px;
    margin-bottom: 0px;
  }
  .mobile-bottom-fix {
    margin-bottom: 30px;
  }
  .mobile-bottom-fix-big {
    margin-bottom: 60px;
  }
}

.float{ position: fixed; width: 50px; height: 50px; bottom: 50px; right: 30px; background-color:#25D366; color:#FFF; border-radius: 50px; text-align: center; font-size: 25px; z-index: 999; padding-top: 6px;}
.float:hover{ color: #FFF;}

.main-button-red a {
  color: #FFF;
  background-color: #000;
  padding: 15px 30px;
  display: inline-block;
  border-radius: 50px;
  font-size: 15px;
  font-weight: 600;
  font-family: Quicksand, sans-serif;
  transition: all .5s;
}

.main-button-yellow a {
  font-size: 13px;
  color: #fff;
  padding: 12px 30px;
  display: inline-block;
  border-radius: 22px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all .3s;
}

.main-button-yellow a:hover {
  opacity: 0.9;
}

.section-heading h2 {
  line-height: 50px;
  margin-top: 0px;
  margin-bottom: 50px; 
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(250,250,250,0.15);
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #FFF;
}

.sub-header {
  background-color: #FFF;
  position: relative;
  z-index: 1111;
}

.sub-header .left-content{
  padding-top: 10px;
  margin-left: -15px;
}

.sub-header .left-content a {
  padding: 0px 15px;
  color: #999;
  font-size: 13px;
  transition: all .3s;
  font-family: Quicksand, sans-serif;
  font-weight: bold;
}

.sub-header .right-icons {
  text-align: right;
  padding: 10px 0px;
}

.sub-header .right-icons ul li {
  display: inline-block;
  margin-left: 15px;
}

.sub-header .right-icons ul li a {
  color: #999;
  font-size: 13px;
  transition: all .3s;
  font-family: Quicksand, sans-serif;
  font-weight: bold;
}

.background-header {
  background-color: #fff!important;
  height: 80px!important;
  position: fixed!important;
  top: 0!important;
  left: 0;
  right: 0;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15)!important;
}

.background-header .main-nav .nav li a {
  color: #1e1e1e!important;
}

.background-header .logo,
.background-header .main-nav .nav li a {
  color: #000!important;
}

.background-header .main-nav .nav li:hover a {
  color: #fb5849!important;
}

.background-header .nav li a.active {
  color: #fb5849!important;
}

.header-area {
  background-color: rgba(0, 0, 0, 0.600);
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  z-index: 100;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.header-area .main-nav {
  min-height: 80px;
  background: transparent;
}

.header-area .main-nav .logo {
  padding-top: 2px;
  line-height: 100px;
  color: #FFF;
  font-size: 18px;
  font-weight: 600;
  font-family: Playwrite DE Grund, sans-serif;
  letter-spacing: 5px;
  float: left;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.background-header .main-nav .logo {
  line-height: 75px;
}

.background-header .nav {
  margin-top: 20px !important;
}

.header-area .main-nav .nav {
  float: right;
  margin-top: 30px;
  margin-right: 0px;
  background-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 999;
}

.header-area .main-nav .nav li {
  padding-left: 15px;
  padding-right: 15px;
}

.header-area .main-nav .nav li:last-child {
  padding-right: 0px;
}

.header-area .main-nav .nav li a {
  display: block;
  font-weight: bold;
  font-size: 14px;
  font-family: Quicksand, sans-serif;
  color: #FFF;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  height: 40px;
  line-height: 40px;
  border: transparent;
  letter-spacing: 1px;
}

.header-area .main-nav .nav li:hover a,
.header-area .main-nav .nav li a.active {
  color: #999!important;
}

.background-header .main-nav .nav li:hover a,
.background-header .main-nav .nav li a.active {
  color: #000!important;
  opacity: 1;
}

.header-area .main-nav .nav li.has-sub {
  position: relative;
  padding-right: 15px;
}

.header-area .main-nav .nav li.has-sub:after {
  font-family: FontAwesome;
  content: "\f107";
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 12px;
}

.background-header .main-nav .nav li.has-sub:after {
  color: #1e1e1e;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: absolute;
  width: 200px;
  box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.06);
  overflow: hidden;
  top: 40px;
  opacity: 0;
  transition: all .3s;
  transform: translateY(+2em);
  visibility: hidden;
  z-index: -1;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li {
  margin-left: 0px;
  padding-left: 0px;
  padding-right: 0px;
}

.header-area .main-nav .nav li.has-sub ul.sub-menu li a {
  opacity: 1;
  display: block;
  background: #f7f7f7;
  color: #2a2a2a!important;
  padding-left: 20px;
  height: 40px;
  line-height: 40px;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  position: relative;
  font-size: 13px;
  font-weight: 400;
  border-bottom: 1px solid #eee;
}

.header-area .main-nav .nav li.has-sub ul li a:hover {
  background: #fff;
  color: #f5a425!important;
  padding-left: 25px;
}

.header-area .main-nav .nav li.has-sub ul li a:hover:before {
  width: 3px;
}

.header-area .main-nav .nav li.has-sub:hover ul.sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.5s;
}

.header-area .main-nav .menu-trigger {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 20px;
  width: 32px;
  height: 40px;
  text-indent: -9999em;
  z-index: 99;
  right: 25px;
  display: none;
}

.background-header .main-nav .menu-trigger {
  top: 20px;
}

.header-area .main-nav .menu-trigger span,
.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #1e1e1e;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
}

.background-header .main-nav .menu-trigger span,
.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #000;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  background-color: #000;
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  left: 0;
  width: 75%;
}

.background-header .main-nav .menu-trigger span:before,
.background-header .main-nav .menu-trigger span:after {
  background-color: #000;
}

.header-area .main-nav .menu-trigger span:before,
.header-area .main-nav .menu-trigger span:after {
  content: "";
}

.header-area .main-nav .menu-trigger span {
  top: 15px;
}

.header-area .main-nav .menu-trigger span:before {
  -moz-transform-origin: 33% 100%;
  -ms-transform-origin: 33% 100%;
  -webkit-transform-origin: 33% 100%;
  transform-origin: 33% 100%;
  top: -10px;
  z-index: 10;
}

.header-area .main-nav .menu-trigger span:after {
  -moz-transform-origin: 33% 0;
  -ms-transform-origin: 33% 0;
  -webkit-transform-origin: 33% 0;
  transform-origin: 33% 0;
  top: 10px;
}

.header-area .main-nav .menu-trigger.active span,
.header-area .main-nav .menu-trigger.active span:before,
.header-area .main-nav .menu-trigger.active span:after {
  background-color: transparent;
  width: 100%;
}

.header-area .main-nav .menu-trigger.active span:before {
  -moz-transform: translateY(6px) translateX(1px) rotate(45deg);
  -ms-transform: translateY(6px) translateX(1px) rotate(45deg);
  -webkit-transform: translateY(6px) translateX(1px) rotate(45deg);
  transform: translateY(6px) translateX(1px) rotate(45deg);
  background-color: #000;
}

.background-header .main-nav .menu-trigger.active span:before {
  background-color: #000;
}

.header-area .main-nav .menu-trigger.active span:after {
  -moz-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -ms-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  -webkit-transform: translateY(-6px) translateX(1px) rotate(-45deg);
  transform: translateY(-6px) translateX(1px) rotate(-45deg);
  background-color: #000;
}

.background-header .main-nav .menu-trigger.active span:after {
  background-color: #000;
}

.header-area.header-sticky {
  min-height: 75px;
}

.header-area .nav {
  margin-top: 30px;
}

.header-area.header-sticky .nav li a.active {
  color: #000;
}

@media (max-width: 1200px) {

::-webkit-scrollbar { width: 0px; display: none;}

.header-area .main-nav .nav li {
  padding-left: 7px;
  padding-right: 7px;
}
.header-area .main-nav:before {
  display: none;
}

.sub-header{ display: none;}

}

@media (max-width: 767px) {

.header-area .main-nav .logo {
  color: #000;
}
.header-area.header-sticky .nav li a:hover,
.header-area.header-sticky .nav li a.active {
  color: #000!important;
  opacity: 1;
}
.header-area.header-sticky .nav li.search-icon a {
  width: 100%;
}
.header-area {
  background-color: #FFF;
  padding: 0px 15px;
  height: 50px;
  box-shadow: none;
  text-align: center;
  top: 0;
}
.header-area .container {
  padding: 0px;
}
.header-area .main-nav .logo {
  font-size: 14px;
  font-weight: 600;
  font-family: Quicksand, sans-serif;
  line-height: 70px;
}
.header-area .logo {
  margin-left: 10px;
}
.header-area .menu-trigger {
  display: block !important;
}
.header-area .main-nav {
  overflow: hidden;
}
.header-area .main-nav .nav {
  float: none;
  width: 100%;
  display: none;
  -webkit-transition: all 0s ease 0s;
  -moz-transition: all 0s ease 0s;
  -o-transition: all 0s ease 0s;
  transition: all 0s ease 0s;
  margin-left: 0px;
}
.header-area .main-nav .nav li:first-child {
  border-top: 1px solid #eee;
}
.header-area.header-sticky .nav {
  margin-top: 100px !important;
}
.header-area .main-nav .nav li {
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.header-area .main-nav .nav li a {
  height: 50px !important;
  line-height: 50px !important;
  padding: 0px !important;
  border: none !important;
  background: #f7f7f7 !important;
  color: #000 !important;
}
.header-area .main-nav .nav li a:hover {
  background: #EEE !important;
  color: #000!important;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu {
  position: relative;
  visibility: inherit;
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  top: 0px;
  width: 100%;
  box-shadow: none;
  height: 0px;
  transition: all 0s;
}
.header-area .main-nav .nav li.submenu ul li a {
  font-size: 12px;
  font-weight: 400;
}
.header-area .main-nav .nav li.submenu ul li a:hover:before {
  width: 0px;
}
.header-area .main-nav .nav li.has-sub ul.sub-menu {
  height: auto;
}
.header-area .main-nav .nav li.has-sub:after {
  color: #3B566E;
  right: 30px;
  font-size: 14px;
  top: 15px;
}
.header-area .main-nav .nav li.submenu:hover ul, .header-area .main-nav .nav li.submenu:focus ul {
  height: 0px;
}

}

@media (min-width: 767px) {

.header-area .main-nav .nav {
  display: flex !important;
}

}

.main-banner {
  position: relative;
  max-height: 100%;
  overflow: hidden;
  margin-bottom: -7px;
}

#bg-video {
  min-width: 100%;
  min-height: 83vh;
  max-width: 100%;
  max-height: 83vh;
  object-fit: cover;
  z-index: -1;
}

#bg-video::-webkit-media-controls {
  display: none !important;
}

.video-overlay {
  position: absolute;
  background-color: rgba(30, 40, 50, 0.500);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  min-height: 83vh;
  max-width: 100%;
  max-height: 83vh;
}

.main-banner .caption {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.main-banner .caption h6 {
  margin-top: 0px;
  font-size: 16px;
  font-weight: 600;
  font-family: Quicksand, sans-serif;
  color: #FFF;
  letter-spacing: 0.5px;
}

.main-banner .caption h2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: bold;
  font-family: Montserrat;
  color: #FFF;
  letter-spacing: 1px;
  text-shadow: #4E4E4E 0px 2px;
}

.main-banner .caption p {
  color: #FFF;
  font-size: 14px;
  max-width: 600px;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  letter-spacing: 0.5px;
}

.main-banner .caption .main-button-red {
  margin-top: 30px;
}

.main-banner .caption .main-button-red a{
  letter-spacing: 0.5px;
  font-style: italic;
}

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

#bg-video {
  min-width: 100%;
  min-height: 60vh;
  max-width: 100%;
  max-height: 60vh;
  object-fit: cover;
  z-index: -1;
}

.video-overlay {
  width: 100%;
  min-height: 60vh;
  max-width: 100%;
  max-height: 60vh;
}

.main-banner .caption {
  padding-left: 10px;
}

.main-banner .caption h6 {
  font-weight: bold;
}

.main-banner .caption h2 {
  font-size: 25px;
}

.main-banner .caption p {
  color: #FFF;
  font-size: 13px;
}


}

.sections-containers { margin: auto; padding: 5rem 1rem; max-width: 1250px;}

.header-content-containers { display: grid; gap: 2rem; text-align: center; margin-top: 100px;}
.header-content-containers h1 { font-weight: 600; font-family: Playwrite DE Grund, sans-serif; font-size: 35px; color: #000; letter-spacing: 1px;}
.header-content-containers-details p { margin-bottom: 2rem; color: #000; font-weight: 600; font-size: 15px; font-family: Quicksand, sans-serif; letter-spacing: 0.5px;}
.header-content-containers-details a { font-family: Quicksand, sans-serif; font-weight: 600; background: none; color: #000; border: #000 solid 1px; padding: 15px; transition: all 1s; text-decoration: none; cursor: pointer;}
.header-content-containers-details a:hover{ background-color: #000; color: #FFF; transition: all 1s;}

.header-image-containers { margin-top: 1rem; display: grid; grid-auto-rows: 400px; gap: 1rem;}
.header-image-containers img { width: 80%; height: 100%; object-fit: cover;}

@media (width < 768px) { 
    
.header-image-containers { display: block; grid-auto-rows: 0px; text-align: center;} 
.header-image-containers img { width: 75%; text-align: center; object-fit: cover;}

}

@media (width > 768px) {

.header-content-containers { grid-template-columns: repeat(2, 1fr); text-align: left; align-items: center;}
.header-image-containers { grid-template-columns: 2fr 1fr;}
.header-image-containers img:last-child { display: block;}

}

@media (width > 1024px) { .header-image-containers { gap: 2rem;}}

.index-content-title-inkasso{ width: 100%; height: auto; margin-top: 100px;}
.index-content-text-inkasso{ text-align: center;}
.index-content-text-inkasso h2{ font-family: Quicksand, sans-serif; font-weight: bold; color: #000;}
.index-content-text-inkasso p{ font-family: Quicksand, sans-serif; font-size: 16px; font-weight: bold; padding-top: 10px; color: #000;}

.faq{ width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; margin-top: 100px;}
.faq-container { width: 65%; background-color: #FFF;}
.faq-item { padding: 20px; border-bottom: 1px solid #DADADA; cursor: pointer; transition: background-color 0.5s ease-in-out; display: flex; justify-content: space-between; align-items: center;}
.faq-item:last-child { border-bottom: none;}
.faq-question { color: #000; font-size: 16px; font-family: Quicksand, sans-serif; font-weight: 600; padding-bottom: 10px; padding-top: 10px; letter-spacing: 0.5px;}
.faq-answer { font-size: 14px; font-family: Quicksand, sans-serif; font-weight: 600; letter-spacing: 0.5px; max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out; text-align: left; padding-left: 20px; padding-right: 20px;}
.faq-answer p{ padding-top: 25px; padding-bottom: 25px; color: #555;}
.faq-answer a{ color: #F90;}
.faq-answer.active { border-bottom: 1px solid #DADADA;}
.icon-container i { color: #000; font-size: 17px; cursor: pointer; transition: transform 0.5s ease-in-out;}
.icon-container i.active { transform: rotate(90deg);}

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

.index-content-title-inkasso h2{ width: 100%; height: auto; margin-top: 50px;}

.faq-container { width: 93%;} 
.faq-question { font-size: 14px; text-align: left;}
.faq-answer { color: #000; font-size: 13px; text-align: left;}
.container-fluid{ height: 150px;} 

}


.services-d{ width: 100%; height: 500px; text-align: center; margin-top: 100px;}

.services-d-left{ width: 50%; height: auto; float: left;}
.services-d-right{ width: 50%; height: auto; float: right; margin-top: 30px;}

.swiper { width: 800px; height: 500px; box-shadow:0 0px 5px rgba(0, 0, 0, 0.25);}
.swiper-slide { text-align: center; display: flex; justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}
  
.services-d-right-content-title{ padding-top: 50px;}
.services-d-right-content-title h2{ font-family: Playwrite DE Grund, sans-serif; font-weight: bold; color: #000; letter-spacing: 2px; text-align: center;}
.services-d-right-content-text p{ font-weight: 600; font-family: Quicksand, sans-serif; font-size: 15px; color: #999; line-height: 30px; padding-left: 50px; padding-right: 100px; padding-top: 50px; text-align: justify;}
.services-d-right-content-link{ padding-top: 75px;}
.services-d-right-content-link a{ font-family: Quicksand, sans-serif; font-weight: 600; color: #000; border: #000 solid 1px; padding: 15px; transition: all 1s;}
.services-d-right-content-link a:hover{ background-color: #000; color: #FFF; transition: all 1s;}

#feat-id-div{ margin-top: 100px;}
.section-head { margin-bottom: 50px;}
.section-head p.service_text{ color:#999 !important; font-size: 16px; line-height: 30px; text-align: center;}
.section-head p, p.awesome_line{ color:#818181; font-size: 16px; line-height: 30px; text-align:center;}
.extra-text { font-size:34px; font-weight: 700; color:#000; margin-bottom: 25px; position:relative; text-transform: none;}
.extra-text::before { content: ''; width: 50px; height: 3px; background: #FFF; position: absolute; left: 0px; bottom: -10px; right: 0; margin: 0 auto;}
.extra-text span { font-weight: 700; color:#FFF;}
.item { background: #FFF; text-align: center; padding: 35px 30px; -webkit-box-shadow:0 0px 5px rgba(0, 0, 0, 0.07); box-shadow: 0 0px 5px rgba(0, 0, 0, 0.10); border-radius: 50px; border: 5px solid rgba(0, 0, 0, 0.07); margin-bottom: 50px; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s;}
.item:hover{ background:#FFF; box-shadow:0 5px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s; cursor: pointer;}
.item:hover .item, .item:hover span.icon{ background:#FFF; -webkit-transition: all .5s ease 0; transition: all .5s ease 0; transition: all 0.5s ease 0s;}
.item .icon { font-size: 40px; margin-bottom: 25px; line-height: 85px;}
.item h5 { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #000;}
.item p{ font-family: Quicksand, sans-serif; font-weight: bold; font-size: 14px; color: #999; line-height: 30px;}

.index-content-title-1{ width: 100%; height: auto; margin-top: 75px;}
.index-content-text-1{ text-align: center;}
.index-content-text-1 h2{ font-family: Quicksand, sans-serif; font-weight: bold;}
.index-content-text-1 p{ font-family: Quicksand, sans-serif; font-size: 16px; font-weight: bold; padding-top: 10px;}

.index-content-title-2{ width: 100%; height: auto; margin-top: 100px;}
.index-content-text-2 { text-align: center;}
.index-content-text-2 h2{ font-family: Quicksand, sans-serif; font-weight: bold;}
.index-content-text-2 p{ font-family: Quicksand, sans-serif; font-size: 16px; font-weight: bold; padding-top: 10px;}

.contact-info{ width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px;}

.contact-info-card{ position: relative; flex: 1; max-width: 375px; height: 185px; border: #999 solid 1px; margin: 55px; cursor: pointer; display: flex; align-items: center; justify-content: center; border-radius: 50px;}
#icon-card-content{ font-size: 60px; color: #000; transition: .5s linear;}
.contact-info-card:hover #icon-card-content{ transform: scale(3); opacity: 0;}

.contact-info-card-content h3 { position: absolute; left: 50%; transform: translateX(-50%); font-size: 16px; opacity: 0; top: 25px; color: #000; font-family: Montserrat, sans-serif; font-weight: bold;}
.contact-info-card-content span{ position: absolute; left: 50%; transform: translateX(-50%); opacity: 0; width: 100%; text-align: center; bottom: 25px; color: #999; font-family: Quicksand, sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.5px;}
.contact-info-card-content span a{ color: #999; font-family: Montserrat, sans-serif; font-size: 14px; font-weight: 600; letter-spacing: 0.5px;}
.contact-info-card:hover h3{ opacity: 1; top: 50px; transition: .5s linear .5s;}
.contact-info-card:hover span{ opacity: 1; bottom: 50px; transition: .5s linear .5s;}

.contact-info-card-content a{ text-decoration: none; color: #999;}

@media screen and (max-width: 900px){ .contact-info-card{ flex: 100%; max-width: 400px;}}

@media (max-width: 1750px) {

.swiper { width: 95%; height: 500px;}

.services-d-right-content-title h1{ font-family: PlayWrite DE Grund, sans-serif; font-size: 30px; text-align: center;}
.services-d-right-content-text p{ font-weight: 500; font-family: Montserrat, sans-serif; padding-left: 25px; padding-right: 50px; padding-top: 50px; text-align: justify;}

}

@media (max-width: 1450px) {

.swiper { width: 90%; height: 500px;}

.services-d-right-content-title h1{ font-family: PlayWrite DE Grund, sans-serif; font-size: 25px; text-align: center;}
.services-d-right-content-text p{ font-weight: 500; font-family: Montserrat, sans-serif; padding-left: 25px; padding-right: 50px; padding-top: 50px; text-align: justify;}

}

@media (max-width: 1100px) {

.services-d{ width: 100%; height: 800px; text-align: center; margin-top: 50px;}

.services-d-left{ width: 100%; height: auto; float: none;}
.services-d-right{ width: 100%; height: auto; float: none;}

.swiper { width: 90%; height: 300px;}
.swiper-slide { text-align: center; font-size: 18px; background: #FFF; display: flex; justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover;}

.services-d-right-content-title h1{ font-family: PlayWrite DE Grund, sans-serif; font-size: 20px; text-align: center;}
.services-d-right-content-text p{ font-weight: 500; font-family: Montserrat, sans-serif; padding-left: 25px; padding-right: 25px; padding-top: 50px; text-align: justify;}

.index-content-title-1{ width: 100%; height: auto; margin-top: 50px;}
.index-content-title-2{ width: 100%; height: auto; margin-top: 50px;}

}

section.heading-page { background: #E6E6E4; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 200px; padding-bottom: 100px; text-align: center;}
section.heading-page h6 { margin-top: 0px; font-size: 15px; font-weight: 600; color: #000; font-family: Quicksand, sans-serif; font-weight: bold; letter-spacing: 0.5px;}
section.heading-page h2 { margin-top: 20px; margin-bottom: 20px; font-size: 40px; font-weight: 800; color: #000; font-family: PlayWrite DE Grund, sans-serif; font-weight: bold;   letter-spacing: 3px; text-shadow: #c1c1c1 0px 3px;}

.about { padding: 100px 0;}

.about .heading h2 { font-family: Montserrat, sans-serif; font-weight: bold; font-size: 22px; margin: 0; padding: 0;}
.about .heading p { font-family: Quicksand, sans-serif; font-size: 15px; font-weight: bold; color: #999; margin: 20px 0 15px; padding: 0; text-align: justify; line-height: 35px; padding-top: 25px;}
.about h3 { font-size: 25px; font-weight: 700; margin: 0; padding: 0;}
.about h4 { font-size: 15px; font-weight: 400; margin: 8px 0;}
.about h4 i { color: #000; margin-right: 10px;}

@media (max-width: 900px) {

.about { padding: 75px 0;}
.about .heading p{ padding-left: 15px; padding-right: 15px; line-height: 25px;}

#feat-id-div{ margin-top: 50px;}

}

@media (max-width: 750px) {

#feat-id-div{ margin-top: 200px;}
  
}

.about-top{ margin-top: 100px;}
.about-top h4 { font-family: Quicksand, sans-serif; font-size: 17px; font-weight: 600; margin: 25px 0px;}
.about-top h4 i { color: #F90; margin-right: 10px;}

.index-content-title-kontakt{ width: 100%; height: auto; margin-top: 100px;}
.index-content-text-kontakt{ text-align: center;}
.index-content-text-kontakt h2{ font-family: Montserrat, sans-serif; font-size: 22px; font-weight: bold;}
.index-content-text-kontakt p{ font-family: Quicksand, sans-serif; font-size: 15px; font-weight: bold; padding-top: 10px;}

#section3{ padding: 25px; background-color:#FFF; max-width: 1000px; margin: 0 auto; margin-top: 100px;}
#contactForm{ font-family: Quicksand, sans-serif; font-size: 15px; font-weight: 600;}
.form-wrapper .field-list { line-height: normal;}
.form-wrapper .field-list .field { position: relative; margin: 0 0 25px;}
.form-wrapper .field-list .fields { margin: 0 0 0 -2%;}
.form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields .description, .form-wrapper .field-list .fields .field, .form-wrapper .field-list .fields .field-error { margin-left: 2%;}
.form-wrapper .field-list .fields .field { float: left;}
.form-wrapper .field-list .fields.name .field { width: 50%;}
.form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 10px 0 4px; border: 1px solid #EEE; background: #FFF; font-size: 14px; font-weight: bold; line-height: normal; box-sizing: border-box;}
.form-wrapper .field-list .field .caption { font-size: 14px;}
fieldset{ border: none;}
#textarea textarea{ height: 300px;}
.form-wrapper .field-list legend { display: none;}
input:focus{ background-color:#FFF !important; cursor: auto;}
.form-button-wrapper{ text-align: center; padding-top: 25px;}
.form-button-wrapper button{ font-family: Quicksand, sans-serif; font-weight: 600; background: none; color: #000; border: #000 solid 1px; padding: 15px; transition: all 1s;}
.form-button-wrapper button:hover{ background-color: #000; color: #FFF; transition: all 1s;}

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

.index-content-title-inkasso{ width: 100%; height: auto; margin-top: 0px;}
.index-content-title-kontakt{ width: 100%; height: auto; margin-top: 0px;}
#section3{ padding: 25px; background-color:#FFF; max-width: 1000px; margin: 0 auto; margin-top: 100px;}

}

.form-after{ width: 100%; height: 350px; text-align: center; margin-top: 100px;}
.form-after-top{ padding-top: 50px;}
.form-after-center{ padding-top: 30px;}
.form-after-bottom{ padding-top: 50px;}

.form-after-top-title{ padding-left: 10px; padding-right: 10px;}
.form-after-center-title{ padding-left: 10px; padding-right: 10px;}
.form-after-bottom-link{ padding-left: 10px; padding-right: 10px;}

.form-after-top-title h1{ font-family: PlayWrite DE Grund, sans-serif; font-weight: bold; color: #000; line-height: 50px;}
.form-after-center-title p{ font-family: Quicksand, sans-serif; color: #000; font-size: 16px; font-weight: bold; letter-spacing: 0.5px;}
.form-after-bottom-link a{ font-family: Montserrat, sans-serif; font-weight: 500; border-radius: 50px; background-color: #25D366; color: #FFF; padding: 15px; letter-spacing: 0.5px; transition: 1s; text-decoration: none;}

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

.form-after-top-title{ padding-left: 25px; padding-right: 25px;}
.form-after-center-title{ padding-left: 25px; padding-right: 25px;}
.form-after-top-title h1{ font-size: 25px;}

}

footer{ bottom: 0; left: 0; right: 0; background: #333; background-size: cover; height: auto; width: 100%; padding-top: 50px; color: #FFF;}
.footer-content{ display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.footer-content h2{ font-family: Playwrite DE Grund, sans-serif; font-weight: bold; letter-spacing: 2px; line-height: 50px;}
.footer-content p{ font-family: Quicksand, sans-serif; font-weight: bold; font-size: 14px; color: #999; letter-spacing: 0.5px; max-width: 500px; margin: 15px auto; line-height: 25px;}

.socials{ list-style: none; display: flex; align-items: center; justify-content: center; margin: 1rem 0 3rem 0; padding-top: 20px;}
.socials li{ margin: 0 20px;}
.socials a{ text-decoration: none; color: #999; padding: 10px 13px; transition: 0.5s all;}
.socials a i{ font-size: 20px; font-weight: bold;}
 
.footer-bottom{ background: #000; width: 100%; padding: 20px 0; text-align: center;}
.footer-bottom p{ font-family: Quicksand, sans-serif; font-weight: bold; color: #999; word-spacing: 1px;}