@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/SourceSansPro-Light.ttf') format('ttf'),
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/SourceSansPro-Regular.ttf') format('ttf'),
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/SourceSansPro-SemiBold.ttf') format('ttf'),
}

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/SourceSansPro-Bold.ttf') format('ttf'),
}




* {
  margin: 0px;
  padding: 0px;
  font-family: 'Source Sans Pro', sans-serif;
}

html {
  overflow-x: hidden;
}

h1 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
}

.sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
}

.main-navbar-nav.sticky a {
  color: #fff !important;
}

.main-navbar-nav.sticky .nav-item.active-item a {
  color: #000 !important;
  padding-left: 25px;
  padding-right: 25px;
}

.main-navbar-nav.sticky .nav-item.active-item a.active {
  color: #fff !important;
}

.download-btn-first {
  background: #f7f7f7;
}

.download-btn-first:hover {
  background: #234197;
  color: #000 !important;
}

.features-btn-first {
  font-weight: 700;
}

.features-btn-first:hover {
  background: #f7f7f7 !important;
  color: #234197 !important;
}

#fh5co-hero-wrapper {
  height: 990px;
  width: 100%;
  background: url("../img/banner-bg.png") no-repeat 0 0;
  border-radius: 0;
  padding-top: 40px;
}

.main-navbar-nav .navbar-brand {
  font-size: 38px;
  letter-spacing: 4px;
  position: relative;
  top: -5px;
  font-weight: 500;
}

.main-navbar-nav {
  color: #fff !important;
}

.main-navbar-nav li {
  color: #fff;
}

.main-navbar-nav .navbar-nav .nav-item:hover {
  color: #234197 !important;
  -webkit-transition: all .33s ease;
  -moz-transition: all .33s ease;
  -o-transition: all .33s ease;
  -ms-transition: all .33s ease;
  transition: all .33s ease;
  color: #fff !important;
  opacity: 1 !important;
  background: #f24256;
}

.main-navbar-nav .navbar-nav .nav-item:hover a {
  color: #fff !important;
}

.main-navbar-nav .active {
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: 0px 0px 1px #f24256;
  background: #f24256;
  border: 1px solid #fbafb8;
}

.main-navbar-nav a {
  color: #000 !important;
}

.main-navbar-nav .active a {
  color: #fff !important;
}

.main-navbar-nav .nav-item {
  margin: 0 10px;
  padding: 0px;
}

.main-navbar-nav .nav-link {
  opacity: 1 !important;
  margin: 0px;
  font-size: 20px;
  font-weight: 500;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.main-navbar-nav .nav-item.active-item {
  background: #fff;
  opacity: 1;
  box-shadow: 1px 1px 0px #c3c1c1;
}

.social-icons-header i {
  margin: 15px;
  font-size: 20px;
}

.social-icons-header a:hover i {
  opacity: .6;
  -webkit-transition: all .2s ease;
  -moz-transition: all .2s ease;
  -o-transition: all .2s ease;
  -ms-transition: all .2s ease;
  transition: all .2s ease;
}

.fh5co-hero-inner {
  margin-top: 0px;
  position: relative;
}

.fh5co-hero-inner h1 {
  width: 650px;
  color: #fff;
  font-weight: 700;
  font-size: 44px;
  text-transform: inherit;
}

.fh5co-hero-inner p.big-p-banner {
  width: 650px;
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  margin-top: 10px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
}

.big-p-banner span svg {
  height: 20px;
  width: 20px;
  fill: #fff;
  margin-right: 15px;
}

.fh5co-hero-inner p {
  width: 650px;
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
}

.fh5co-hero-inner .download-btn-first {
  font-size: 20px;
  padding: 8px 15px;
  font-weight: 700;
  background: #fff;
  border-radius: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
}

.fh5co-hero-inner .features-btn-first {
  font-size: 15px;
  padding: 8px 13px;
  font-weight: 400;
  background: #234197;
  color: #fff;
  margin-left: 10px;
}

.fh5co-hero-inner .fh5co-hero-smartphone {
  position: absolute;
  right: 35px;
  top: 314px;
  height: 650px;
}

.banner-text {
  float: left;
  margin: 200px 0 0 90px;
}

/* ==========================================================================================================
                    NAVIGATION
   ========================================================================================================== */

.logo {
  max-width: 320px;
}

.get-start-header {
  margin-left: 20px;
}

.get-start-header a {
  background: #000;
  border-radius: 20px;
  color: #fff !important;
  padding: 6px 20px;
  text-decoration: none;
  transition: .5s;
}

.get-start-header a:hover {
  background: #ffc909;
  transition: .5s;
  color: #000 !important;
}

.all-headings {
  text-align: center;
}

.all-headings hr {
  background: #ff0;
  width: 7%;
  margin: 0 auto;
}

#fh5co-reviews {
  position: relative;
  z-index: 0;
  margin-top: 100px;
}

.fh5co-reviews-inner {
  margin-top: 40px;
  padding-bottom: 70px;
}

.fh5co-bottom-outer small {
  font-size: 20px;
  font-weight: bold;
  display: block;
}

img.webky-l {
  width: 230px;
  margin: 10px 0 15px;
}

/* ==========================================================================================================
										ADVANTAGES
   ========================================================================================================== */

.overlay {
  /*background: #fff;
    padding: 16px 30px;*/
  margin-top: 40px;
}

.overlay img {
  width: 100%;
}

.overlay>.row>div {
  padding: 0;
}

/* ==========================================================================================================
										REVIEWS
   ========================================================================================================== */

.all-head hr {
  width: 50px;
  height: 1px;
  background: red;
  margin: 0 auto 7px auto;
}

.ref-head.all-head hr {
  background: #fff;
}

.ref-head.all-head {
  color: #fff;
}

/* ==========================================================================================================
                    APP FEATURES
   ========================================================================================================== */

.app-feat {
  margin-bottom: 35px
}

.app-feat img {
  width: 100%;
}

.app-feat h4 {
  font-size: 20px;
  font-weight: bold;
}

.app-feat p {
  font-size: 18px;
  color: #355d6a;
  line-height: normal;
}

.app-main img {
  width: 100%;
  margin-left: 38px;
}



/* ==========================================================================================================
										Deine Vorteile
   ========================================================================================================== */

.all-head-dtls h1 {
  color: #000;
}







/* ==========================================================================================================
										BOTTOM
   ========================================================================================================== */
.ref-head {
  text-align: center;
  margin: 140px 0 0 0;
}

.fh5co-bottom-outer {
  width: 100%;
  height: auto;
  background-color: #fafafa;
  background-image: url(../img/svg_dots_red.svg), url(../img/svg_dots_red.svg);
  background-position: 95% top, 5% bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 400px 400px;
  margin-top: -63px;
  position: relative;
  z-index: 2;
  padding: 100px 0 100px;
}

.fh5co-bottom-outer .fh5co-bottom-inner {
  margin-top: 270px;
}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 h1 {
  color: #fff;
  text-transform: uppercase;
  font-size: 30px;
  margin-bottom: 30px;
}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p {
  width: 350px;
  color: #fff;
  font-size: 14.5px;
  line-height: 1.85em;
}

.fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 img {
  margin-top: 25px;
}

.gallery-container {
  max-width: 1400px;
  margin: 0 auto;
}

/*---------------*/
/***** Roxy *****/
/*---------------*/
.effect-roxy {
  overflow: hidden;
}

.effect-roxy {
  background: -webkit-linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
  background: linear-gradient(45deg, #ff89e9 0%, #05abe0 100%);
}

.effect-roxy img {
  max-width: none;
  width: -webkit-calc(100% + 60px);
  width: calc(100% + 60px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-50px, 0, 0);
  transform: translate3d(-50px, 0, 0);
}

.effect-roxy figcaption::before {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  border: 1px solid #fff;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-20px, 0, 0);
  transform: translate3d(-20px, 0, 0);
}

.effect-roxy:hover img {
  opacity: 0.7;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.effect-roxy:hover figcaption::before {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.effect-roxy a {
  display: block;
  cursor: pointer;
  height: 100%;
}

.effect-roxy a img {
  object-fit: cover;
  height: 100%;
}

.effect-roxy:hover figcaption::before,
.effect-roxy:hover h2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.effect-roxy h2 {
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
}

.effect-roxy figcaption {
  padding: 3em;
  text-align: left;
}

.effect-roxy figcaption,
.effect-roxy figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.effect-roxy h2 {
  color: #fff;
  bottom: 0;
  height: 40px;
  position: absolute;
  width: 150px;
  border: 1px solid #de8518;
  font-size: 18px;
  text-align: center;
  line-height: 37px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 165, 0, 0.87);
}

.nav-main {
  height: 91px;
}

.nav-main.sticky {
  height: 91px;
  box-shadow: 6px 3px 23px #383838;
  background: rgba(239, 198, 62, 1);
  background: -moz-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239, 198, 62, 1)), color-stop(100%, rgba(233, 132, 69, 1)));
  background: -webkit-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -o-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -ms-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: linear-gradient(to bottom, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc63e', endColorstr='#e98445', GradientType=0);
}


/* ==========================================================================================================
                    Minimaler Zeitaufwand
   ========================================================================================================== */

#minimaler .ref-head.all-head {
  margin-top: 50px;
}

.minimaler .all-head h1 {
  color: #000;
}

.minimaler-right ul li {
  list-style: none;
  padding-left: 120px;
  margin-bottom: 50px;
}

.minimaler-right ul li h4 img {
  width: 87px;
  position: absolute;
  left: 0;
}

.minimaler-right p {
  color: #355d6a;
  font-size: 18px;
  line-height: normal;
}

.minimaler-right ul li h4 {
  font-size: 20px;
  margin: 0;
  font-weight: bold;
}

/* ==========================================================================================================
                    Auf 
   ========================================================================================================== */

.auf-left-detail h1 {
  color: #000;
}

.auf-rightimg img {
  float: left;
  width: 270px;
}

.auf-rightimg img:nth-child(2) {
  margin-top: 60px;
}

.auf-left-detail p {
  margin: 30px 0 20px;
  font-size: 18px;
  line-height: normal;
}
.price-offer{
  padding-top: 80px;
  padding-bottom: 220px;
}
.donate-block{
  border: 2px solid #f24256;
  border-radius: 8px;
  padding: 40px;
}
.donate-block .nav-link{
  border-radius: 40px;
}
.price-offer a,
.auf-jedem a {
  background: #f24256;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  width: auto;
  text-align: center;
  position: relative;
  z-index: 2;
}
.price-offer h2{
  font-size: 40px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.price-offer p{
  color: #fff;
}
.price-offer h3{
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.price-offer p.text-large{
  font-size: 22px;
  color: #fff;
}
.auf-btn {
  width: 150px;
  padding: 10px 0;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: none;
  cursor: pointer;
  background: rgba(231, 100, 34, 1);
  background: -moz-linear-gradient(left, rgba(231, 100, 34, 1) 0%, rgba(221, 135, 23, 1) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(231, 100, 34, 1)), color-stop(100%, rgba(221, 135, 23, 1)));
  background: -webkit-linear-gradient(left, rgba(231, 100, 34, 1) 0%, rgba(221, 135, 23, 1) 100%);
  background: -o-linear-gradient(left, rgba(231, 100, 34, 1) 0%, rgba(221, 135, 23, 1) 100%);
  background: -ms-linear-gradient(left, rgba(231, 100, 34, 1) 0%, rgba(221, 135, 23, 1) 100%);
  background: linear-gradient(to right, rgba(231, 100, 34, 1) 0%, rgba(221, 135, 23, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e76422', endColorstr='#dd8717', GradientType=1);
}

.auf-btn:hover {}

#auf-jedem {
  background: url("../img/auf-bg.png") no-repeat 0;
  padding: 50px 0;
}


/* ==========================================================================================================
                    warum-sollten 
   ========================================================================================================== */

#warum-sollten {
  background: url("../img/warum-bg.png") no-repeat 0 0;
  padding: 100px 0;
  background-size: cover;
}

.home-page-detail {
  float: left;
  margin: 70px 0;
  width: 100%;
}

.home-page-detail ul {
  float: left;
  margin: 0;
  background: #fff;
  width: 100%;
}

.home-page-detail ul li {
  list-style: none;
  margin-bottom: 30px;
  border-bottom: 1px solid #e1bc98;
  line-height: 35px;
  margin: 0;
  padding: 0 40px;
}

.home-page-detail ul li:first-child {
  background: #000;
  color: #ffc909;
  padding: 0px 37px;
  line-height: 70px;
  font-size: 20px;
}

.home-page-detail ul li {
  padding: 15px 40px;
}



.home-page-detail ul li span {
  border: 3px solid #ffc909;
  height: 50px;
  width: 50px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 44px;
  position: absolute;
  left: -11px;
  background: #fff;
  margin-top: -7px;
}

.home-page-detail ul li a {
  color: #000;
  text-decoration: none;
  font-size: 18px;
}

.home-page-detail ul li span img {
  width: 23px;
}

section#sales-manager {
  padding: 178px 0 200px;
  background: url(../img/line-left-side.png);
  background-size: cover;
  position: relative;
  z-index: 0;
  background-position-y: 0;
  margin-top: -200px;
}


section#kind-main {
  position: relative;
  z-index: 0;
}

#pakete .row .all-head {
  margin: 80px auto 0 auto;
  text-align: center;
}

.pak-list {
  float: left;
  width: 100%;
  margin: 60px 0 0 0;
}

.pak-list ul {
  float: left;
  width: 100%;
}

.pak-list ul li {
  float: left;
  list-style: none;
  width: 26%;
  margin-bottom: 20px;
  min-height: 100px;
  margin: 0 40px;
}

.pak-list ul li span img {
  width: 20px;
}

.pak-list ul li h1 {
  font-size: 20px;
}

.pak-list ul li span {
  border: 3px solid #ffc909;
  height: 40px;
  width: 40px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  background: #fff;
  position: absolute;
  margin-left: -51px;
}

/* ==========================================================================================================
                    kinderleichter 
   ========================================================================================================== */

.kinderleichter {
  background: url("../img/kinder-bg.png") no-repeat 0 0;
  padding: 50px 0 100px;
  background-size: cover;
}

.kinder-inner {
  margin: 70px 0 130px;
}


.no-list-img {
  width: 250px;
  height: 250px;
  border-radius: 50%;
  overflow: hidden;
  margin: 25px auto;
}

.no-list-name,
.no-list-detail {
  color: #fff;
  position: relative;
}

.no-list-detail p,
.no-list-name {
  margin-top: 100px;
}

.no-list-name span {
  position: absolute;
  font-size: 137px;
  color: #ff0012;
  left: 0px;
  top: -67px;
  z-index: 0;
  font-weight: bold;
}

.no-list-detail p {
  font-size: 18px;
  line-height: normal;
}

.no-list-name h4 {
  font-size: 38px;
  line-height: 43px;
  margin: 0 0 0 116px;
  position: relative;
  font-weight: bold;
}

.no-list-name.no-2 h4 {
  margin: 0;
}

.no-list-name.no-2 span {
  color: #87ae01;
  right: 10%;
  top: -78px;
  left: auto;
}

.no-list-name.no-3 span {
  color: #0084ff;
  top: -80px;
}

.no-list-img::before {
  content: "";
  background: url("../img/right-curved-aerow.png") no-repeat 0 0;
  position: absolute;
  right: 0px;
  width: 54px;
  height: 205px;
  top: 200px;
}

.kinder-inner .row div:nth-child(8) .no-list-img:last-child::before {
  content: none;
}

.kinder-inner .row div:nth-child(5) .no-list-img::before {
  content: "";
  background: url("../img/left-curved-aerow.png") no-repeat 0 0;
  position: absolute;
  left: 0px;
  width: 54px;
  height: 205px;
  top: 148px;
}


.price-offer {
  display: flex;
  vertical-align: middle;
  background-image: url(../images/donate-bg.jpg);
  background-position: center center;
  background-size: cover;
}


.left-col {
  width: 40%;
  background-image: url(../img/landing-sec4-bg.png);
  background-size: cover;
  padding-top: 349px;
  padding-bottom: 260px;
}

.left-col .offer-tag {
  width: 380px;
  height: 380px;
  background: #fff;
  border-radius: 50%;
  margin-left: auto;
  position: relative;
  right: -100px;
  border: 16px solid rgba(239, 198, 62, 0.5);
  box-shadow: 6px 3px 23px rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.left-col .offer-tag .from-text p {
  font-size: 24px;
  text-align: center;
}

.left-col .offer-tag .price-pm {
  font-size: 80px;
}


.right-col {
  width: 60%;
}

.col-right-content {
  width: 700px;
  margin-right: auto;
  padding-right: 15px;
  padding-left: 150pX;
}

.col-right-content .content-right .ref-head {
  text-align: left;
  margin-bottom: 30px;
}

.col-right-content .content-right .ref-head h2 {
  font-size: 40px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}





/* ==========================================================================================================
										SUB FOOTER
   ========================================================================================================== */
.img-float-left {
  float: left;
}

.img-float-right {
  float: right;
}

.footer-outer {
  width: 100%;
  padding: 20% 50px 50px 50px;
  height: auto;
  background: url("../img/footer-bg.png") no-repeat 0 0;
  position: relative;
  margin-top: -300px;
}

.footer-outer.pakete-footer {
  margin-top: 350px !important;
}

.footer-inner {
  margin-top: 190px;
}

.footer-cont span {
  background: #fff;
  display: inline-block;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  line-height: 70px;
  margin-bottom: 20px;
  text-align: center;
}

.footer-cont span img {
  width: 50px;
}

.footer-cont {
  text-align: center;
  font-size: 18px;
  color: #fff;
}

.footer-three-grid {
  margin: 50px 0 0;
}

.footer-inner p {
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 40px 0 0;
}

.footer-inner p a {
  font-size: 20px;
  color: #fff;
  margin: 0 18px;
}

.footer-cont p {
  margin: 0;
}

/*---------------------------------------------------------------------------------------------------------
footer new
---------------------------------------------------------------------------------------------------------------------*/

/**footer new**/



.container-footer {
  max-width: 1400px;
  margin: 0 auto;
}

.four-boxes {
  margin-top: 40px;
}

.cont-box {
  background: #fff;
  border-radius: 10px;
  padding: 13px;
  /*height: 120px;*/
  position: relative;
  box-shadow: 0px 0px 13px #667e86;
}

.footer-inner .cont-box p a.telnum {
  padding: 0 !important;
  margin: 0 !important;
}

.cont-box img {
  max-width: 64px;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.cont-det {
  margin-left: 85px;
}


.cont-det h3 {
  font-size: 20px;
  margin: 0;
  color: #355d6a;
}

.cont-det p {
  margin: 0;
  font-size: 18px;
  color: #000;
  text-align: left;
  line-height: 24px;
}

.cont-det a:hover {
  text-decoration: none;
}

.cont-det p a {
  color: #000;
}

.cont-det p a:hover {
  color: #e9282f;
}



/*---------------------------------------------------------------------------------------------------------
footer new
---------------------------------------------------------------------------------------------------------------------*/


/**footer new ends**/
/* ==========================================================================================================
                                       impressum styling
  ========================================================================================================== */

body#impressum footer {
  background-size: cover;
  margin-top: 0 !important;
}

/* ==========================================================================================================
                                       landing page styling
  ========================================================================================================== */

div#fh5co-hero-wrapper.landing-page {
  background: url(../img/landing-page-banner.jpg) no-repeat 0 0;
}

.landing-page .banner-text {
  float: none;
  margin: 60px auto 0 auto;
  max-width: 1100px;
  text-align: center;
  width: 100%;
}

.landing-page p {
  width: 100%;
  text-align: center;
}

.landing-page p.sub-p {
  font-size: 35px;
  line-height: normal;
  font-weight: normal;
  width: 80%;
  margin: 0 auto 50px auto;
}

.landing-page img.banner-smartphone {
  max-width: 991px;
  width: 100%;
}


.landing-sec2 .all-headings {
  width: 100%;
  margin-bottom: 20px;
  text-align: left;
}

.landing-sec2 .all-headings h1 {
  width: 100%;
  text-align: left;
}

.landing-sec2 .all-headings img {
  margin-left: 150px;
}

div#landing-sec2 {
  background: url(../img/line-left-side.png) no-repeat 0 0;
  padding: 140px 0;
  background-size: cover;
}

.landing-sec2 h4 {
  margin: 20px 0;
}


.landing-sec2 ul.deine-list li {
  list-style: none;
  font-size: 20px;
  margin: 0 0 10px;
  padding: 10px 0;
  color: #355d6a;
  background: url(../img/landing-list-icon.png) no-repeat 0 18px;
  background-size: 10px;
  padding-left: 20px;
}

/*.landing-sec2 ul.deine-list li:nth-child(2n) {
    background:#fff url(../img/landing-list-icon.png) no-repeat 13px 18px;
    background-size: 10px;
    padding-left: 35px;
}

.landing-sec2 ul.deine-list li:nth-child(2n+1)  {
    background:#f1f1f1 url(../img/landing-list-icon.png) no-repeat 13px 18px;
    background-size: 10px;
    padding-left: 35px;
}*/

.landing-mobile img {
  width: 100%;
  max-width: 350px;
}

div#landing-form {
  padding: 0;
  margin-bottom: 110px;
}

.landing-form-inner {
  background: #eaedef;
  padding: 50px;
  margin-top: 40px;
}

.landing-form .row>div {
  margin: 0 0 20px;
}

.landing-form-inner label {
  width: 25%;
  background: red;
  float: left;
  height: 40px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #fff;
  border-radius: 25px 0 0px 25px;
  background: rgba(239, 198, 62, 1);
  background: -moz-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239, 198, 62, 1)), color-stop(100%, rgba(233, 132, 69, 1)));
  background: -webkit-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -o-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: -ms-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  background: linear-gradient(to bottom, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc63e', endColorstr='#e98445', GradientType=0);
}

.landing-form-inner input[type="text"],
.landing-form-inner input[type="email"] {
  height: 40px;
  width: 75%;
  border-radius: 0 25px 25px 0;
  border: none;
}

/*button.cust-btn {
    width: 140px;
    height: 40px;
    border: none;
    border-radius: 50px;
    float: right;
    background: #e83b4f;
    color: #fff;
    font-size: 20px;
}*/

.abs-btn {
  width: 140px;
  height: 40px;
  border: none;
  border-radius: 50px;
  background: #e83b4f;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}

.landing-sec4-inner .ref-head.all-head {
  margin: 0;
}

.landing-sec4-inner {
  padding: 80px 0;
}

.landing-sec4-para {
  margin: 40px;
  background: rgba(255, 255, 255, 0.88);
  padding: 40px;
  outline: 1px solid #e98944;
  outline-offset: -20px;
}

div#fh5co-download.landing-sec4 {
  background: url(../img/landing-sec4-bg.png) no-repeat 0 0;
  height: auto;
  background-size: cover;
  padding: 0;
}

div#fh5co-download.landing-sec4 h4 {
  font-weight: bold;
}

div#fh5co-download.landing-sec4 p {
  color: #355d6a;
  line-height: 30px;
  font-size: 16px;
}

div#minimaler {
  padding: 70px 0px;
  background: url(../img/round-dotted.png) no-repeat 0 0;
  background-size: cover;
}

.land-se5 {
  text-align: center;
  margin: 50px 0;
}

.land-se5 img {
  width: 100px;
}

div#uber-uns {
  margin: 0px;
  background: url(../img/uber-uns-bg.jpg) no-repeat 0 0;
  padding: 0;
}



.uber-uns p {
  color: #fff;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  width: 80%;
  margin: 30px auto 0 auto;
}

.uber-uns .ref-head {
  margin: 0;
}

.uber-uns-inner {
  padding: 180px 0;
}

div#landing-form.landing-form-bottom {
  margin-bottom: 200px;
}

.landing-sec4 img {
  width: 100%;
  height: auto;
  margin: -1px 0;
}

.all-head img {
  width: auto !important;
}

.uber-uns img {
  width: 100%;
}

.uber-uns>img {
  margin: -1px 0;
}

div#landing-sec-befor3 {
  background: url(../img/line-left-side.png) no-repeat 0 0;
  padding: 0;
  background-size: cover;
}

div#landing-sec-befor3 .ref-head {
  margin: 0 0 30px;
}

.landing-sec2 ul li {
  list-style: none;
  font-size: 20px;
  margin: 0 0 10px;
  color: #355d6a;
  background: url(../img/landing-list-icon.png) no-repeat 0 18px;
  background-size: 10px;
  padding: 10px 20px;
}

#impressum .fh5co-hero-inner .fh5co-hero-smartphone {
  top: 370px;
  margin-top: 0;
}

.impressum {
  padding-bottom: 100px;
}

.impressum ul {
  list-style: none;
  padding-left: 20px;
}

.impressum ul li {
  margin-top: 6px;
  margin-bottom: 6px;
}

#impressum,
#datenschutz {
  padding-top: 100px;
}

.sales-inner {
  margin: 30px 0 0 0;
  text-align: center;
}

.sales-inner h3 {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 35px;
}

.sales-inner ul li {
  list-style: none;
  margin-bottom: 10px;
  background: url(../img/landing-list-icon.png) no-repeat 0 8px;
  background-size: 8px;
  padding-left: 20px;
}

section#pakete {
  width: 100%;
  float: left;
}

.demo-wrap {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  padding-top: 2em;
  width: 100%;
}

.demo-header {
  padding-right: 1em;
  padding-left: 1em;
  text-align: center;
}

.demo-header h1,
.demo-header p {
  margin-bottom: 0;
}

.demo-header p {
  font-size: 1.5rem;
}



/*uber uns style*/

#inner-hero-wrapper {
  height: 500px;
  width: 100%;
  background-image: url("../img/banner-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 0;
  padding-top: 40px;
  position: relative;
}

.fh5co-hero-inner-page {
  height: 100%;
}

.inner-banner-text {
  position: absolute;
  width: 100%;
  bottom: 50px;
}

.inner-banner-text h1 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}

.page-t-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.page-t-icon img {
  width: 100%
}

.r-i-l-t {
  background-color: #fafafa;
  background-image: url(../img/svg_dots_red.svg);
  background-position: 80% top;
  background-repeat: no-repeat;
  background-size: 400px 400px;
  padding-top: 120px;
  padding-bottom: 0px;
}

.r-i-l-t .left-text {
  background: #fff;
  padding: 50px;
}

.r-i-l-t .left-text h2 {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 20px;
}

.r-i-l-t .left-text p {
  font-size: 24px;
}

.right-img img,
.left-img img {
  width: 100%;
}


.l-i-r-t {
  background-color: #fafafa;
  background-image: url(../img/svg_dots_yellow.svg);
  background-position: 20% bottom;
  background-repeat: no-repeat;
  background-size: 400px 400px;
  padding-top: 0px;
  padding-bottom: 120px;

}

.l-i-r-t .right-text {
  background: #fff;
  padding: 50px;
}

.l-i-r-t .right-text h2 {
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 20px;
}

.l-i-r-t .right-text p {
  font-size: 24px;
}

.left-img {}



.values-sec {
  padding-top: 120px;
  padding-bottom: 120px;
  background-image: url(../img/valu-bg.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.values-sec .value {
  background: #fff;
  padding: 30px;
  border-radius: 10px;
  height: 100%;
  box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.3);
}

.values-sec .value .value-icon {
  margin-bottom: 15px;
}

.values-sec .value .value-icon img {
  width: 80px;
}

.values-sec .value h3 {
  font-weight: 600;
  font-size: 24px;
}

.history {
  padding-top: 100px;
  padding-bottom: 320px;
  background-color: #fafafa;
  background-image: url(../img/bg-1.svg);
  background-position: 10% center;
  background-repeat: no-repeat;
}

.history-img img {
  width: 100%;
}

.history-text {
  padding: 50px;
  background: #fff;
}

.archiv {
  padding-top: 100px;
  padding-bottom: 200px;
  background-color: rgba(239, 198, 62, 1);
  background-image: url(../img/svg_dots_red.svg);
  background-position: 20% top;
  background-repeat: no-repeat;
  background-size: 400px 400px;
}

.archiv .content {
  background: #fff;
  padding: 50px;
  border-radius: 14px;
}

.archiv .content p {
  font-size: 22px;
}


@media (min-width: 62em) {
  .demo-wrap {
    padding-top: 0;
    height: 100vh;
  }
}

/* --- Pricing Plans --- */
.pricing-plans {
  padding: 2em 0;
  width: 100%;
}

.pricing-tables {
  display: flex;
  flex-flow: column;
  padding-top: 1em;
}

.pricing-plan {
  background-color: #f6f6f6;
  border: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
  display: block;
  padding: 1em 0;
  text-align: center;
  width: 100%;
}

.pricing-plan:first-child,
.pricing-plan:last-child {
  background-color: #EEE;
}

.pricing-plan:first-child {
  border-bottom: 0;
}

.pricing-plan:last-child {
  border-top: 0;
}

.pricing-plan:nth-child(2) {
  border-bottom: 0;
}

.no-flexbox .pricing-plan {
  float: left;
}

.plan-title {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0.75em 1em 1.25em;
  text-transform: uppercase;
}

.plan-cost {
  background-color: white;
  color: #fd8524;
  font-size: 1.25em;
  font-weight: 700;
  padding: .8em 0em;
  text-transform: uppercase;
}

.plan-cost span {
  display: none;
}

.plan-price {
  font-size: 3em;
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 0;
}

.plan-type {
  color: #999;
  display: inline-block;
  font-size: 1.5em;
  margin: 0;
  padding: 0;
  width: auto;
  text-decoration: line-through;
}

.plan-features {
  margin: 0;
  padding: 2em 1em 1em;
}

.plan-features li {
  list-style-type: none;
  border-bottom: 1px solid #DDD;
  margin-bottom: 0.5em;
  padding-bottom: 0.75em;
  color: #555;
  display: block;
  font-size: 1.0em;
  font-weight: normal;
  line-height: 1.3;
}

.plan-features li span {
  color: #BBB;
}

.plan-features li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.plan-features i {
  font-size: 1.5em;
}

.plan-features i.icon-ok-squared {
  color: #3aa14d;
}

.plan-features i.icon-cancel-circled {
  color: darkRed;
}

.btn-plan {
  background-color: #1B8DC8;
  color: white;
  max-width: 12em;
}

.cta {
  background-color: #6cb507;
}

.featured-plan {
  background-color: #eef7fc;
  border-top: 5px solid #fd8524;
  border-right: 0 solid transition parent;
  border-bottom: 5px solid #fd8524;
  border-left: 0 solid transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  position: relative;
  transition: -webkit-transform 400ms ease;
  transition: transform 400ms ease;
  transition: transform 400ms ease, -webkit-transform 400ms ease;
  */
}

.featured-plan .plan-title {
  color: #fc5934;
}

.featured-ribbon {
  width: 200px;
  background: #1B8DC8;
  position: absolute;
  top: 15px;
  left: -60px;
  text-align: center;
  line-height: 35px;
  letter-spacing: 0.01em;
  font-size: 0.65em;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  /* Custom styles */
  /* Different positions */
}

.featured-ribbon.sticky {
  position: fixed;
}

.featured-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.featured-ribbon.top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.featured-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.featured-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.featured-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.btn-mehr {
  text-align: center;
  margin-top: 30px;
}

.btn-mehr a {
  background: #f24256;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  max-width: 240px;
  text-align: center;
  height: 45px;
  line-height: 45px;
  text-decoration: none;
  width: 100%;
  outline: 1px dashed #ffd7d7;
  outline-offset: -5px;
  text-transform: uppercase;
}


.curved-img {
  overflow: hidden;
}

.gal-item {
  display: none;
}

#loadMore,
#loadLess {
  background: #f24256;
  display: inline-block;
  color: #fff;
  font-size: 20px;
  line-height: 50px;
  width: 200px;
  height: 50px;
  text-align: center;
  margin: 0 auto;
}

#loadMore:hover,
#loadLess:hover {
  text-decoration: none;
}


.eyeGqa,
.jBwaff {
  height: 100%;
}

.swiper-container-autoheight .swiper-slide {
  height: 250px !important;
}

.swiper-container-autoheight .swiper-slide [class^="CarouselItem_"] {
  height: 250px !important;
}

.swiper-container-autoheight .swiper-slide [class^="Classic__ClassicContainer"] {
  height: 250px !important;
}



/* cookie style */
.cookie-consent {
  z-index: 99;
  position: fixed;
  max-width: 340px;
  right: 25px;
  bottom: 25px;
}


.cookie-consent .cookie-popin {
  z-index: 99;
  position: relative;
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2);
  border-radius: 0.5rem;
  background: #fff;
  padding: 1rem 1.4rem;
  transform: scale(0);
  transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);
}

.cookie-consent .cookie-popin .title {
  font-weight: 800;
  font-size: 18px;
  color: #000;
}

.cookie-consent .cookie-popin .description {
  font-size: 14px;
  margin-bottom: 10px;
  color: #000;
}

.cookie-consent .cookie-popin .description a {
  color: #FE9030;
}

.cookie-consent .cookie-popin .user-choice .auth-button {
  width: 100%;
  user-select: none;
  text-align: center;
  text-transform: uppercase;
  background-color: #FE9030;
  color: #fff;
  border-radius: 0.2rem;
  display: inline-block;
  cursor: pointer;
  box-shadow: 0 0.18rem 0.3rem 0.05rem rgba(0, 0, 0, 0.2);
  font-size: 12px;
  line-height: 30px;
  padding: 0;
  margin-top: 5px;
}

.cookie-consent .cookie-popin .user-choice .auth-button-light {
  background-color: #fff;
  color: #FE9030;
}

.cookie-consent.-deploy .cookie-button {
  transform: scale(1) rotate(0);
}

.cookie-consent.-deploy .cookie-popin {
  transform: scale(1);
}



@media (min-width: 400px) {
  .pricing-plans {
    padding-right: 2em;
    padding-left: 2em;
    width: 100%;
  }

  .featured-plan {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
}

@media (min-width: 33.75em) {
  .pricing-plans .module-title {
    margin-bottom: 1em;
  }

  .pricing-tables {
    flex-flow: row wrap;
  }

  .pricing-plan {
    flex-grow: 1;
    width: 50%;
  }

  .pricing-plan:first-child {
    border-right: 0;
    border-bottom: 0;
  }

  .featured-plan {
    margin-top: 0.6em;
    order: 0;
  }

  .pricing-plan:last-child {
    border-top: 2px solid #DDD;
    border-left: 0;
  }

  .no-flexbox .pricing-plan {
    width: 48%;
  }

  .plan-title {
    font-size: 2.5em;
    font-weight: bold;
    padding: 0;
    color: #fd8524;
  }

}

@media (min-width: 48em) {
  .no-flexbox .pricing-plan {
    width: 24%;
  }

  .plan-type {
    font-size: 1.5em;
    margin: 0;
    padding-bottom: 0;
    border: 0;
    width: 100%;
    padding: 0;
  }

  .featured-ribbon {
    font-size: 0.65em;
  }
}

@media (min-width: 62em) {
  .pricing-tables {
    padding-top: 3em;
  }

  .pricing-plan {
    flex-grow: 1;
    width: 25%;
  }

  .featured-plan {
    margin-top: 0;
    order: 0;
    background: rgba(239, 198, 62, 1);
    background: -moz-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239, 198, 62, 1)), color-stop(100%, rgba(233, 132, 69, 1)));
    background: -webkit-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
    background: -o-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
    background: -ms-linear-gradient(top, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
    background: linear-gradient(to bottom, rgba(239, 198, 62, 1) 0%, rgba(233, 132, 69, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efc63e', endColorstr='#e98445', GradientType=0);
  }

  .featured-plan li {
    color: #fff;
  }

  .pricing-plan:first-child,
  .pricing-plan:nth-child(2n) {
    border-bottom: 2px solid #DDD;
  }

  .pricing-plan .plan-features span {
    display: block !important;
  }

  .plan-cost {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    font-size: 1em;
  }

  .plan-cost span {
    color: #BBB;
    font-size: 1.5em;
    font-weight: 400;
    padding-right: 0.15em;
    padding-left: 0.15em;
  }

  .plan-price {
    font-size: 2.25em;
    text-transform: lowercase;
  }

  .plan-cost.pc2 .plan-price {
    font-size: 2.5em;
  }


  .btn-plan {
    font-size: 0.875em;
  }

  .featured-ribbon {
    font-size: 0.45em;
    left: -68px;
    line-height: 25px;
  }
}

@media (min-width: 75em) {
  .plan-cost {
    font-size: 1em;
  }

  .plan-price small {
    font-size: 20px;
    font-weight: bold;
  }
}

@media (min-width: 100em) {
  .pricing-tables {
    margin: 0 0 50px;
    max-width: 75.00em;
  }
}

.pricing-bottom {
  float: left;
  width: 100%;
  margin: 0;
  text-align: center;
  font-size: 30px;
  background: url(../img/line-left-side.png);
  padding: 100px 0;
  background-size: 100% 100%;
}

.pricing-bottom p {
  margin: 0;
  font-weight: bold;
}

.pricing-bottom p span {
  color: #fff;
  font-size: 40px;
}

.p-inner {
  background: #fe8223 url(../img/footer-bg.png) repeat 0 0;
  max-width: 740px;
  padding: 30px 0 40px;
  outline: 2px dashed #fde0ce;
  outline-offset: -21px;
  margin: 0 auto;
  width: 100%;
  background-size: auto;
  box-shadow: 0 0 20px #777;
  border: 8px solid rgba(255, 255, 255, 0.83);
}

.price-pt-200 {
  padding-top: 200px;
}



.hero {
  width: 100%;
  height: 100vh;
  background-image: url(../img/hero-bg.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
  padding-top: 30px;
}

.hero-content {
  width: 1400px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
}

.hero-banner-text {
  padding-right: 10px;
  padding-bottom: 20px;
}

.hero-content .download-btn-first {
  font-size: 20px;
  padding: 8px 15px;
  font-weight: 700;
  background: #fff;
  border-radius: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: normal;
}

.hero-content h1 {
  /*width: 650px;*/
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  text-transform: inherit;
  margin-bottom: 40px;
}

.hero-content p.big-p-banner {
  /*width: 650px;*/
  font-size: 24px;
  font-weight: 400;
  color: #fff;
  margin-top: 10px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
}

.hero-content p {
  /*width: 650px;*/
  font-size: 20px;
  font-weight: 300;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  line-height: 30px;
  font-family: 'Source Sans Pro', sans-serif;
}

.hero-right-img {
  text-align: center;
  padding-left: 30px;
  height: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 30px;
}

.hero-right-img img {
  width: 90%;
}

.jJrWMi {
  margin: 0px !important;
}

.badges {
  margin-top: 30px;
  display: flex;
}

.badges {
  padding: 0 !important;
}

.badge.bdg-1 {
  background: #fff;
  border-radius: 12px;
  padding: 3px;
}

.review-sec {
  padding-bottom: 80px;
  background-image: url(../img/round-dotted.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.review-sec .all-head {
  color: #000;
  margin-bottom: 80px;
}

/* ==========================================================================================================
                                       RESPONSIVE STYLING
  ========================================================================================================== */

@media screen and (min-width: 1601px) {
  .footer-outer {
    background-size: 100%;
  }

  #fh5co-hero-wrapper {
    background-size: 100% 100%;
  }
}

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

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 500px;
  }

  section#sales-manager {
    padding: 150px 0 200px;
  }


}

@media screen and (max-width: 1499px) {
  .hero-content {
    width: 100%;

  }
}

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

  .footer-outer {
    margin-top: -172px !important;
  }

  section#sales-manager {
    padding: 0px 0 160px;
  }

}


@media screen and (max-width: 1440px) {
  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 440px;
  }

  .pricing-tables {
    padding: 0 0 60px;
  }

  .footer-outer {
    margin-top: -40px !important;
  }

  section#sales-manager {
    margin-top: 0;
  }

  body.pakete-page footer#footer {
    margin: 0 !important;
    float: left;
    width: 100%;
  }

}


@media screen and (max-width: 1421px) {
  section#sales-manager {
    margin-top: -200px;
  }
}

@media screen and (max-width: 1400px) {
  body {
    overflow-x: hidden;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    position: absolute;
    right: 50px;
    top: 420px;
    height: 420px;
  }
  .hero-content h1 {
    font-size: 31px;
}
.hero-right-img img {
  width: 85%;
}
  .curved-bg-div {
    background-position: 100% -20px;
  }

  .footer-outer .footer-three-grid {
    width: 100%;
  }

  .banner-text {
    float: left;
    margin: 240px 0 0 110px;
  }

  /*.curved-img {
    overflow: hidden;
    display: none;
}
*/
}


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

  .kinderleichter {
    padding: 82px 0 160px 0;
  }

  .kinderleichter .ref-head {
    text-align: center;
    margin: 210px 0 0px 0;
  }

  .no-list-name h4 {
    font-size: 38px;
  }

  .no-list-name span {
    left: 0;
  }

  .no-list-name.no-1 h4 {
    margin-left: 109px;
  }

  .kinderleichter {
    padding: 90px 0 160px 0;
  }

  .curved-img img {
    height: 92px;
    width: 100%;
  }

  section#sales-manager {
    padding: 0px 0 300px;
    background-position-y: -100px;
  }

  .pricing-tables {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .footer-outer {
    margin-top: -350px !important;
  }

  .banner-text {
    float: left;
    margin: 60px 0 0 110px;
  }

  .fh5co-hero-inner p {
    /*width: 530px;*/
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    top: 180px;
    height: 420px;
  }

  #fh5co-hero-wrapper {
    height: 657px;
    background-size: 100%;
  }

  .curved-img {
    overflow: hidden;
    display: none;
  }

  section#sales-manager {
    margin-top: 0;
  }

  .left-col {
    padding-top: 160px;
    padding-bottom: 300px;
  }

  .left-col .offer-tag {
    width: 300px;
    height: 300px;
  }

  .kinderleichter {
    background: url(../img/kinder-bg.png) no-repeat 0 0;
    padding: 50px 0 100px;
    background-size: inherit;
  }

  .main-navbar-nav .nav-item {
    margin: 0;
  }

  .logo {
    max-width: 270px;
  }


}

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

  .banner-text {
    float: left;
    margin: 30px 0 0 50px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 390px;
  }

  .footer-outer {
    margin-top: -280px !important;
}

  .curved-img img {
    height: 152px;
    width: 100%;
    margin: -130px 0 0;
    display: none;
  }

  section#sales-manager {
    /*  padding: 120px 0 0px;*/
  }

  section#sales-manager {
    padding: 120px 0 0px;
  }



}

@media screen and (min-width: 1200px) {
  .container.navbar {
    max-width: 1400px !important;
  }
}

@media screen and (max-width: 1200px) {
  body {
    overflow-x: hidden;
  }


  .fh5co-hero-inner .fh5co-hero-smartphone {
    right: -15px;
    top: 200px;
    height: 360px;
  }

  .pak-list ul li {
    width: 24%;
  }

  #fh5co-hero-wrapper {
    background-size: cover;
  }

  .cont-box img {
    max-width: 50px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .cont-det {
    margin-left: 54px;
  }

  .cont-det p {
    font-size: 16px;
  }

  .col-right-content {
    width: auto;
  }
  .hero-content h1 {
    font-size: 26px;
}

}

@media screen and (max-width: 1599px) and (min-width: 1366px) {
  .footer-outer {
    margin-top: -384px !important;
  }

  section#sales-manager {
    padding: 120px 0 400px !important;
  }
}



@media screen and (min-width: 1367px) and (max-width: 1441px) {

  section#sales-manager {
    padding: 160px 0 130px 0px !important;
  }

  .footer-outer {
    margin-top: -450px !important;
  }

  .footer-outer.pakete-footer {
    margin-top: 350px !important;
  }
  .price-offer {
    padding-bottom: 400px;
}

}

@media screen and (min-width: 1442px) and (max-width: 1599px) {


  section#sales-manager {
    padding: 120px 0 150px !important;
  }

  .footer-outer {
    margin-top: -254px !important;
  }

  .footer-outer.pakete-footer {
    margin-top: 320px !important;
  }

}



@media screen and (max-width: 1024px) and (min-width: 768px) {
  section#sales-manager {
    padding: 120px 0 40px;
  }

}

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


  #pakete .row .all-head {
    margin: 250px auto 0 auto;
    text-align: center;
  }

  .pak-list {
    margin: 40px 0 0 0;
  }

}





@media screen and (max-width: 1100px) and (min-width: 1001px) {
  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 302px;
  }
}


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

  .ref-head {
    margin: 75px 0 0 0;
  }

  .fh5co-bottom-outer {
    margin-top: -90px;
    padding: 10px 0 180px;
    height: auto;
  }

  .auf-rightimg img {
    float: left;
    width: 220px;
  }

  .kinderleichter {
    padding: 150px 0;
  }

  .no-list-img {
    width: 200px;
    height: 200px;
  }

  .no-list-img::before {
    right: 0;
    top: 151px;
  }

  .no-list-detail p,
  .no-list-name {
    margin-top: 118px;
  }

  .no-list-name h4 {
    font-size: 32px;
  }

  .no-list-name.no-2 span {
    left: 28%;
  }

  .plan-price small {
    font-size: 20px;
    font-weight: bold;
  }

}





@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .hero-content {
    padding-bottom: 50px;
  }

  .hero-content h1 {
    font-size: 26px;
  }

  .hero-content p.big-p-banner {
    font-size: 20px;
  }

  .big-p-banner span svg {
    height: 15px;
    width: 14px;
    margin-right: 6px;
  }

  .hero {
    padding-top: 60px;
  }


}



@media screen and (max-width: 1024px) {
  .banner-text {
    float: left;
    width: 379px
  }

  .fh5co-hero-inner p {
    width: 90%;
    margin: 0 auto;
  }

  #fh5co-hero-wrapper {
    padding-top: 10px;
    height: 1000px;
  }

  .kinderleichter .ref-head {
    margin: 0;
  }

  .banner-text {
    float: left;
    margin: 140px 0 0 39px;
  }

  .fh5co-hero-inner h1 {
    width: 100%;
    margin: 0 0 0px;
    font-size: 30px;
  }

  .fh5co-hero-inner p {
    width: 90%;
    margin: 0 0 20px;
    font-size: 18px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    right: 20px;
    top: 220px;
    height: 360px;
  }

  .auf-rightimg {
    text-align: center;
  }

  .auf-rightimg img {
    float: none;
    width: auto;
    height: 360px;
    display: inline-block;
  }
  .hero-right-img img {
    width: 100%;
}
.hero-content {
  padding-bottom: 0px;
}

  div#landing-sec2 {
    padding: 140px 0 30px;
  }

  div#landing-form {
    padding: 0;
    margin-bottom: 140px;
  }

  div#landing-form.landing-form-bottom {
    margin-bottom: 260px;
  }

  .pak-list ul li {
    width: 24%;
  }

  .curved-img {
    display: none;
  }

  .footer-cont p {
    margin: 0;
    padding: 0;
    line-height: normal;
  }

  .footer-inner p {
    font-size: 14px;
  }

  .hero-banner-text {
    padding-right: 10px;
    padding-bottom: 20px;
  }

  .hero-content h1 {
    font-weight: 700;
    line-height: 30px;
    font-size: 24px;
    text-transform: inherit;
    margin-bottom: 30px;
  }

  .hero-content p.big-p-banner {

    font-size: 18px;
  }

  .hero-content p {
    font-size: 18px;
    line-height: 25px;
  }

  .big-p-banner span svg {
    height: 16px;
    width: 16px;
    fill: #fff;
    margin-right: 5px;
  }

  .badge {
    transform: scale(0.7);
    transform-origin: 0 0;
  }

  .badge.bdg-2 {
    transform-origin: -190px 0;
    ;
  }

  .badge.bdg-2 {
    transform-origin: -130px 0;
  }


}

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

  .banner-text {
    float: left;
    margin: 100px 0 0 50px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 330px;
  }

  .fh5co-hero-inner p {
    width: 460px;
  }

  .plan-cost {
    padding: .1em 0em;
  }

  .plan-price {
    font-size: 2em;
  }

  .footer-cont {
    margin-bottom: 30px;
  }

  .hero {
    padding-top: 0px;
  }


}

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

  body {
    overflow-x: hidden;
  }

  div#fh5co-hero-wrapper.landing-page {
    background-size: cover;
  }

  .fh5co-hero-inner p {
    width: 100%;
    line-height: normal;
  }

  .landing-page p.sub-p {
    font-size: 30px;
    line-height: normal;
    font-weight: normal;
    width: 90%;
    margin: 0 auto 50px auto;
  }


  .landing-page img.banner-smartphone {
    max-width: 991px;
    width: 67%;
  }

  .land-se5 h4 {
    font-size: 20px;
  }

  .land-se5 p {
    font-size: 15px;
  }
  .hero-right-img img {
    width: 40%;
}

  /*#fh5co-hero-wrapper {
    height: 100%;
  }*/

  .fh5co-hero-inner {
    margin-top: 30px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: 270px;
    height: 460px;
    margin-top: 110px;
  }

  .fh5co-advantages-outer {
    margin-top: 50px;
    padding-bottom: 0;
  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-image {
    width: 60px;
    float: none;
    display: block;
    margin: 0 auto;
    padding-right: 0px;
    margin-bottom: 20px;
    position: relative;
    top: 1px;
  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-title {
    float: none;
    text-align: center;
  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns .col-sm-4 .grid-desc {
    float: none;
    width: 100%;
    text-align: center;
  }

  .fh5co-slider-outer .fh5co-slider-outer {
    margin-top: 0px;
  }

  .fh5co-features-outer {
    margin-top: -100px;
  }

  .fh5co-features-outer .sm-6-content p {
    width: 100%;
  }

  .footer-outer .footer-nav ul li {
    margin: 0 10px;
  }

  .footer-outer .social-icons-footer i {
    margin: 15px 10px;
    font-size: 20px;
  }

  .home-page-detail ul li {
    line-height: normal;
    height: 70px;
  }

  .home-page-detail ul li span {
    margin-top: -6px;
  }

  .fh5co-bottom-outer {
    width: 100%;
    height: 865px;
  }

  .no-list-name h4 {
    font-size: 30px;
    font-weight: bold;
  }

  .no-list-img {
    width: 160px;
    height: 160px;
  }

  .kinderleichter {
    padding: 110px 0;
  }

  .no-list-detail p,
  .no-list-name {
    margin-top: 44px;
  }

  .banner-text {
    text-align: center;
    width: 100%;
    margin: 0;
  }

  .fh5co-hero-inner p {
    width: 100%;
  }

  .ref-head {
    margin: 40px 0 0 0;
  }

  .fh5co-bottom-outer .ref-head {
    margin: 120px 0 0 0;
  }

  .no-list-name h4 {
    font-size: 35px;
  }

  .no-list-name h4 {
    font-size: 30px;
    font-weight: bold;
  }

  .kinder-inner .row div:nth-child(5) .no-list-img::before {
    left: -19px;
    top: 120px;
  }

  .kinderleichter {
    padding: 180px 0;
  }

  .no-list-img::before {
    right: -17px;
    top: 87px;
  }

  .fh5co-features-grid-columns .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
    text-align: center;
  }

  .fh5co-features-outer .col-sm-6 .col-sm-image-container {
    position: relative;
    width: 295px !important;
    text-align: center;
    margin: 15px auto 0;
  }

  .no-float {
    float: none !important;
  }

  .fh5co-slider-outer .carousel-right-arrow {
    position: absolute;
    right: -70px;
    bottom: 250px;
    font-size: 60px;
    color: #ececec;
  }

  .fh5co-slider-outer .carousel-left-arrow {
    position: absolute;
    left: -70px;
    bottom: 250px;
    font-size: 60px;
    color: #ececec;
  }

  .img-float-right {
    float: none;
  }

  .img-float-left {
    float: none;
  }

  .fh5co-features-outer .col-sm-6 .span-percent,
  .fh5co-features-outer .col-sm-6 .span-free {
    left: -15px;
    bottom: 140px;
  }

  .fh5co-features-outer .col-sm-6 .span-new {
    right: -10px;
  }

  .fh5co-features-outer .col-sm-6 .span-data {
    right: -15px;
  }

  .fh5co-features-outer .col-sm-6 .circle {
    position: static;
    display: inline-block;
    margin: 25px 5px;
  }

  .fh5co-advantages-outer .second-title {
    margin-top: 60px;
  }

  .fh5co-features-grid-columns {
    display: flex;
    flex-direction: column;
  }

  .fh5co-features-grid-columns .in-order-4 {
    order: 1;
  }

  .fh5co-features-grid-columns .in-order-3 {
    order: 2;
  }

  .fh5co-reviews-outer {
    padding: 0;
  }

  .navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: #c7c7c7 !important;
  }

  .navbar-light .navbar-nav .nav-link {
    margin: 0;
    width: 100%;
  }

  .social-icons-header i:first-of-type {
    margin-right: 10px !important;
    margin-left: 0 !important;
    font-size: 30px;
  }

  #fh5co-reviews {
    position: relative;
    z-index: -1;
    margin-top: 80px;
  }

  .no-list-name.no-1 h4 {
    margin-left: 67px;
  }

  .no-list-name span {
    left: 0;
  }


  .main-navbar-nav.sticky a {
    color: #000 !important;
  }

  .main-navbar-nav.sticky a.active {
    color: #fff !important;
  }

  /*.main-navbar-nav .nav-item {
    background: #fff;
    opacity: 1;
}*/

  .main-navbar-nav .active a {
    color: #000 !important;
  }

  .navbar-collapse {
    z-index: 2;
    background: #f5f4f2;
    box-shadow: 0px 10px 13px #a7a7a7;
    padding-bottom: 10px;
  }

  .all-headings h1 {
    word-break: break-word;
  }

  .pak-list ul li {
    width: 38%;
  }

  .cont-box {
    margin-bottom: 15px;
  }

}

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

  .no-list-name h4 {
    font-size: 23px;
    font-weight: bold;
  }

  .pak-list ul li {
    width: 38%;
  }

  .app-feat img {
    width: auto;
    display: inline-block;
  }

  .app-feat {
    margin-bottom: 35px;
    text-align: center;
  }


}

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

  .land-se5 img {
    width: 70px;
  }

 

  section#sales-manager {
    margin-top: 0;
  }

  .fh5co-hero-inner>h1 {
    color: #fff;
    font-weight: 300;
    font-size: 45px;
    letter-spacing: 2px;
  }

  #fh5co-hero-wrapper {
    height: 800px;
  }

  .fh5co-advantages-outer .fh5co-advantages-grid-columns {
    margin-top: 40px;
  }

  .fh5co-advantages-grid-columns .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
    margin: 30px auto;
    text-align: center;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 420px;
    top: 310px;
  }

  .fh5co-advantages-outer .second-title {
    margin-top: 60px;
  }

  .fh5co-bottom-outer {
    margin-top: 40px;
    overflow: hidden;
  }

  .fh5co-bottom-outer .fh5co-bottom-inner {
    margin-top: 50px;
  }

  .fh5co-slider-outer {
    padding: 0;
  }

  .fh5co-slider-outer .carousel-left-arrow {
    left: 50px;
    font-size: 50px;
    bottom: 190px;
  }

  .fh5co-slider-outer .carousel-right-arrow {
    right: 50px;
    font-size: 50px;
    bottom: 190px;
  }

  .fh5co-reviews-inner .col-sm-5 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
    margin: 30px auto;
    text-align: center;
  }

  .fh5co-slider-outer .item img {
    height: 300px;
  }

  .fh5co-reviews-outer {
    height: auto;
  }

  .fh5co-reviews-outer .fh5co-reviews-inner {
    margin-top: 50px;
  }

  .fh5co-bottom-outer {
    background-position: center bottom;
    overflow: hidden;
    height: auto;
    padding-bottom: 190px;
  }

  .fh5co-bottom-inner {
    overflow: hidden;
    padding-bottom: 50px;
    text-align: center;
  }

  .overlay {
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 0.6);*/
    overflow-x: hidden;
  }

  .fh5co-bottom-outer .fh5co-bottom-inner .col-sm-6 p {
    width: 90%;
    margin: 0 auto;
  }


  .footer-outer .column-1-3 {
    width: 100%;
    float: none;
    height: auto;
    padding-top: 30px;
  }

  .footer-outer .column-2-3 {
    width: 100%;
    float: none;
    height: auto;
  }

  .footer-outer .column-3-3 {
    width: 100%;
    float: left;
    height: auto;
    margin: 15px 0;
  }

  .footer-outer .copyright {
    margin-top: 30px;
    padding: 10px 0;
  }

  .footer-outer .border-bottom-footer {
    height: 1px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid #434769;
    display: block;
    margin-top: 100px;
  }

  .app-feat img {
    width: auto;
  }

  #fh5co-reviews {
    position: relative;
    z-index: 0;
    margin-top: 60px;
  }

  .app-feat {
    text-align: center;
  }

  .fh5co-bottom-outer .ref-head {
    margin: 270px 0 0 0;
  }

  #warum-sollten {
    background-size: cover;
  }

  .no-list-img::before {
    right: -25px;
    top: 87px;
  }

  .pak-list {
    float: left;
    width: 100%;
    margin: 80px 0 0 0;
  }

  .pak-list ul li {
    width: 38%;
    margin-bottom: 20px;
    min-height: 100px;
    margin: 0 40px;
  }

  section#sales-manager {
    padding: 120px 0 50px;
  }

}

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

  #fh5co-hero-wrapper {
    height: 670px;
  }

  .landing-page .banner-text {
    margin: 0px auto 0 auto;
  }



  .landing-page p.sub-p {
    font-size: 22px;
  }

  .fh5co-bottom-outer .ref-head {
    margin: 100px 0 0 0;
  }

  .kinderleichter .ref-head {
    margin: 0;
  }

  .fh5co-hero-inner p {
    width: 80%;
    margin: 20px auto;
  }

  .four-boxes {
    padding: 0 20px;
  }

  .hero-right-img {
    padding-left: 100px;
    padding-right: 100px;
  }

  .container.navbar {
    max-width: 100% !important;
  }


}

@media screen and (max-width: 767px) {
  .fh5co-hero-inner p {
    width: 100% !important;
  }

  .pricing-bottom {
    font-size: 30px;
  }
  .hero-right-img img{
width: 90%;
}

  .pak-list ul li {
    width: 100%;
  }

  .plan-price {
    font-size: 2em;
  }

  .uber-uns>img {
    margin: -1px 0;
  }

  img.before-img {
    margin-top: -9px;
  }

  div#landing-form.landing-form-bottom {
    margin: 70px 0 270px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 330px;
    top: 310px;
  }

  .footer-cont span {
    margin-bottom: 10px;
    text-align: center;
  }

  .footer-inner p {
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: normal;
    text-indent: 0;
    text-align: left;
  }


  .no-list-detail p,
  .no-list-name {
    text-align: center;
    font-size: 22px;
    margin-top: 0;
  }

  .no-list-img {
    margin: 40px auto;
  }

  .no-list-name span {
    font-size: 137px;
    top: -67px;
    left: 90px;
  }

  .no-list-name h4 {
    font-size: 53px;
    font-weight: bold;
  }

  .no-3.no-list-name {
    margin-top: 170px;
  }

  .no-list-img::before {
    right: 0px;
    top: 0px;
  }

  .kinder-inner .row div:nth-child(5) .no-list-img::before {
    left: 0;
    top: 0;
  }

  .home-page-detail {
    width: 100%;
  }

  .home-page-detail ul {
    width: 100%;
  }

  .fh5co-bottom-outer {
    padding: 60px 0 180px;
    background-size: cover;
  }

  .footer-cont {
    margin-bottom: 30px;
  }

  section#kind-main {
    position: relative;
    z-index: 1;
  }

  .price-offer {
    position: relative;
    top: -40px;
    z-index: 0;
  }

  .left-col .offer-tag {
    width: 280px;
    height: 280px;
    right: -27px;
    border: 10px solid rgba(239, 198, 62, 0.5);
  }

  .col-right-content {
    width: 100%;
    margin-right: auto;
    padding-right: 15px;
    padding-left: 57pX;
  }

  .col-right-content .content-right {
    padding-top: 80px;
  }

  .hero-content h1 {
    line-height: 36px;
    font-size: 30px;
  }

}

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

  .fh5co-bottom-outer .ref-head {
    margin: 350px 0 0 0;
  }

}


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

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 330px;
    top: 360px;
  }

  section#sales-manager {
    padding: 120px 0 50px;
  }

}


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

  .pricing-bottom {
    font-size: 25px;
    margin: 39px 0;
  }


  .app-feat {
    margin-bottom: 35px;
    text-align: center;
  }

  .app-feat img {
    width: auto;
    display: inline-block;
  }


  #warum-sollten {
    background-size: cover;
  }

  .home-page-detail ul {
    width: 100%;
  }

  .home-page-detail {
    float: none;
    margin: 30px auto;
    width: 80%;
  }

  .home-page-detail ul li span {
    left: 45px;
  }

  .no-list-name h4 {
    font-size: 38px;
    font-weight: bold;
  }

  .minimaler-right ul li {
    list-style: none;
    padding-left: 0;
    margin-bottom: 50px;
    text-align: center;
  }

  .minimaler-right ul li h4 img {
    width: 87px;
    position: relative;
    left: 0;
  }

  h1 {
    font-size: 30px;
  }

  .app-feat h4 {
    font-size: 20px;
    font-weight: bold;
  }

  .app-feat p {
    font-size: 16px;
    color: #355d6a;
  }

  .fh5co-bottom-outer .ref-head {
    margin: 270px 0 0px 0;
  }

  .pak-list ul li {
    width: 85%;
  }

  .pricing-bottom p span {
    font-size: 30px;
  }

  .pricing-bottom p span {
    font-size: 30px;
  }


  .price-offer {
    display: block;
    top: -66px;
  }


  .left-col {
    width: 100%;
    padding-top: 130px;
    padding-bottom: 50px;
  }

  .left-col .offer-tag {
    position: inherit;
    margin: 0 auto;
  }

  .right-col {
    width: 100%;
  }

  .col-right-content {
    padding-right: 15px;
    padding-left: 15px;
  }

  .col-right-content .content-right {
    padding-top: 10px;
    padding-bottom: 122px;
    text-align: center;
  }

  .col-right-content .content-right .ref-head {
    text-align: center;
    margin-bottom: 30px;
  }

  .hero-right-img {
    padding-left: 40px;
    padding-right: 40px;
  }

  .hero-content h1 {
    line-height: 32px;
    font-size: 26px;
  }
}


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

  div#fh5co-hero-wrapper.landing-page {
    background-position: 32% 0%;
    background-size: cover;
  }

  .fh5co-hero-inner p {
    width: 100%;
    font-size: 22px;
    line-height: normal;
  }

  .landing-page p.sub-p {
    font-size: 25px;
    line-height: normal;
    font-weight: normal;
    width: 100%;
    margin: 0 auto 50px auto;
  }

  .landing-form-inner {
    padding: 18px;
  }

  div#landing-form {
    padding: 0;
    margin-bottom: 0;
  }

  div#landing-sec2 {
    padding: 0px;
    background-size: contain;
  }

  #fh5co-hero-wrapper {
    height: 680px;
  }

  .land-se5 {
    text-align: center;
    margin: 20px 0;
  }

  .fh5co-hero-inner>h1 {
    font-size: 40px;
  }

  .fh5co-hero-inner>p {
    width: 100%;
  }

  .fh5co-hero-inner {
    text-align: center;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: auto;
    top: 420px;
    margin-top: 70px;
    width: 86%;
  }

  .social-icons-header i:first-of-type {
    font-size: 22px;
  }

  .fh5co-slider-outer .carousel-left-arrow {
    left: 0;
  }

  .fh5co-slider-outer .carousel-right-arrow {
    right: 0;
  }

  .fh5co-slider-inner {
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .fh5co-reviews-inner .col-sm-5 {
    -ms-flex: 0 0 90%;
    flex: 0 0 90%;
    width: 90%;
    max-width: 90%;
    margin: 30px auto;
    text-align: center;
  }

  .fh5co-advantages-outer .span-perfect {
    margin-top: 80px;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
    width: 100%;
    text-align: center;
  }

  .fh5co-advantages-outer .span-features {
    font-size: 24px;
    display: block;
    width: 100%;
    text-align: center;
  }

  .home-page-detail ul li span {
    left: 29px;
  }

  .home-page-detail ul li a {
    word-break: break-all;
  }

  .fl-rich-text h4 {
    word-break: break-word;
  }

  .curved-img img {
    display: none;
  }

  #pakete .row .all-head {
    margin: 150px auto 0 auto;
    text-align: center;
  }

}

@media screen and (max-width: 414px) {
  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 230px;
    top: 420px;
    margin-top: 250px;
  }

  .hero-content h1 {
    line-height: 26px;
    font-size: 22px;
  }

  .hero-content p {
    margin-bottom: 8px;
  }

  .hero-content .download-btn-first {
    font-size: 15px;
    color: #000;
  }

  .hero-banner-text {
    padding-right: 0;
    padding-bottom: 0px;
  }

  .logo {
    max-width: 240px;
  }

  .footer-outer {
    padding: 20px 0;
  }

  #pakete .row .all-head {
    margin: 300px auto 0 auto;
    text-align: center;
  }


  .plan-title {
    font-size: 2em;
  }


  .pricing-bottom p {
    margin: 0;
    font-size: 20px;
  }

  .pricing-bottom p span {
    font-size: 23px;
    display: block;
  }

}

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

  .curved-img img {
    display: none;
  }

  .logo {
    max-width: 190px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 222px;
    top: 420px;
    margin-top: 70px;
  }

  .pak-list {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
  }

  .badges {
    margin-top: 10px;
  }

  .hero-content h1 {
    line-height: 24px;
    font-size: 20px;
    margin-bottom: 15px;
  }

}

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


  .cont-box {
    box-shadow: none;
    border-radius: 0px;
    margin-top: 15px;
  }

  .plan-title {
    font-size: 2em;
  }

  #pakete .row .all-head {
    margin: 90px auto 0 auto;
    text-align: center;
  }

  .fh5co-hero-inner p {
    font-size: 28px;
    line-height: 40px;
  }

  .fh5co-hero-inner .fh5co-hero-smartphone {
    height: 200px;
    margin-top: 70px;
  }

  .no-list-name h4 {
    font-size: 30px;
  }

  .home-page-detail ul li span {
    left: 20px;
    word-break: break-all;
  }

  section#sales-manager {
    padding: 120px 0 50px;
  }

}