/*---------------------
|TABLE OF content     |
|1.Global CSS         |
|2.Header             |
|3.Intro              | 
|4.Problem            |
|5.Product            |
|6.Get                |
|7.Why You Get        |
|8.How Much           |
|9.FAQ                |
|10.CTA 1             |
|11.About             |
|12.Title Video       |
|13.Video             |
|14.Testimoni         |
|15.CTA 2             |
|16.Footer            |
|17.Header Oto 1      |
|18.Get Oto 1         |
|19.How Much Oto 1    |
|20.FAQ Oto 1         |
|21.CTA Oto 1         |
|22.Footer Oto 1      |
|23.Media Query       |
----------------------*/

.wplus_spdisclaimer, .wplus_spdisclaimer strong , .wplus_spdisclaimer em{
  font-size: 14px;
  font-family: 'Poppins', sans-serif;
  line-height: 18px!important;
  color: white;
}

/*1.Global CSS*/
h1, h2, h3, h4, h5 {
	font-family: 'Poppins', sans-serif;
	font-weight: bold;
}
p, li {
	font-size: 18px;
	font-family: 'Poppins', sans-serif;
}
html, .root {
  font-size: 16px;
  line-height: 22px;
}
body, .article {
  font-family: sans-serif;
  font-size: 18px;
  line-height: 22px;
/*  max-width: 560px;*/
  margin: auto;
}
h1, .h1 {
  font-size: 68px;
  line-height: calc(1.500rem + 3vw);
  /*line-height: 88px;*/
  margin-top: 22px;
  margin-bottom: 44px;
}
h2, .h2 {
  font-size: 42px;
  line-height: 44px;
  margin-top: 22px;
  margin-bottom: 22px;
}
h3, .h3 {
  font-size: 26px;
  line-height: 44px;
  margin-top: 22px;
  margin-bottom: 0px;
}
h4, .h4 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 22px;
  margin-bottom: 0px;
}
h5, .h5 {
  font-size: 16px;
  line-height: 22px;
  margin-top: 22px;
  margin-bottom: 0px;
}
p, ul, ol, pre, table, blockquote {
  margin-top: 0px;
  margin-bottom: 22px;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0px;
  margin-bottom: 0px;
}
.text-small {
  font-size: 14px;
}

/* Let's make sure all's aligned */
hr, .hr {
  border: 1px solid;
  margin: -1px 0;
}
a, b, i, strong, em, small, code {
  line-height: 70px;
}
sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
.styleku-font-color-red {
	color: #ff0000;
}
.styleku-font-color-pink {
  color: #ed3275;
}
.styleku-font-color-light-purple {
  color: #8549eb;
}
.styleku-ul-none {
	list-style-type: none;
}
.styleku-padding-text-li {
	padding-right: 12px;
}
.styleku-pl-text-li {
	padding-left: 50px;
}
.styleku-color-x {
	color: #9b0b0b;
}
.styleku-color-v-red {
  color: #ed2328;
}
.styleku-color-v-pink {
  color: #ed3275;
}
.styleku-color-v-blue {
	color: #425ee5;
}
.styleku-color-v-green {
	color: #00e24b;
}
.styleku-color-v-yellow {
  color: #fdef02;
}
.styleku-color-v-lightgreen {
  color: #acc357;
}
.styleku-filter-shadow {
	filter: drop-shadow(8px 8px 10px gray);
}
.styleku-button {
	box-shadow: 6px 6px 6px 6px #f2d2b6;
  	border-radius: 0px 35px 35px 35px;
}
.dot {
  height: 35px;
  width: 35px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}
.styleku-color-button-orange {
	background-image: linear-gradient(to bottom right, #f98d0b, #dd590d);
}
.styleku-color-button-orange:hover {
	background-image: linear-gradient(to bottom right, #feab4b, #de580b);
}

.styleku-bg-kuning {
  background-color: #fff000;
}
.styleku-bg-pink {
  background-color: #ed3275;
}
.styleku-bg-lightblue {
  background-color: #f1fcff;
}
.styleku-bg-lightgray {
  background-color: #f8f8f8;
}
.styleku-bg-cream {
  background-color: #fff6ed;
}
.styleku-bg-gray {
  background-color: #d7d7d7;
}
.styleku-size-img {
	width: 200px;
}
.styleku-padding-top-30 {
  padding-top: 30px;
}
.styleku-filter-shadow-img {
  /*filter: drop-shadow(8px 8px 10px #297535);*/
  filter: drop-shadow(8px 8px 10px #b7b7b7);
}
.styleku-font-size-h1 {
  font-size: calc(1.500rem + 3vw)
}
.styleku-mb-nondesktop-d-fe {
  margin-bottom: 10px;
}
.styleku-mb-nondesktop-d {
  margin-bottom: 10px;
}
.styleku-mb-cta-a-fe {
  margin-bottom: 10px;
}
.styleku-mb-cta-fe {
  margin-bottom: 0px;
}
.styleku-mb-nondesktop-a-fe {
  margin-bottom: 40px;
}
.styleku-mb-nondesktop-a {
  margin-bottom: 10px;
}
.styleku-mb-nondesktop {
  margin-bottom: 20px;
}
.styleku-mb-nondesktop-b {
  margin-bottom: 80px;
}
.styleku-mb-nondesktop-b2 {
  margin-bottom: 60px;
}
.styleku-mb-nondesktop-c {
  margin-bottom: 60px;
}
.styleku-mb-nondesktop-av {
  margin-bottom: 20px;
}
.styleku-mb-nondesktop-dv {
  margin-bottom: 10px;
}
.styleku-mb-f3 {
  margin-bottom: 20px;
}
.styleku-border-radius {
  border-radius: 50px;
}
.styleku-margin {
  margin-bottom: -40px;
}
.styleku-mb-a1 {
  margin-bottom: 60px;
}
.styleku-mb-fo3a {
    margin-bottom: 60px;
}
.styleku-mb-fa1 {
    margin-bottom: 40px;
}
/*2.Header*/
.styleku-header-bg {
  background-image: url('../images/fe/bg3.png');
  background-repeat: repeat;
}
.text-shadow-1 {
  text-shadow: 2px 2px #000000;
}
/*3.Intro*/
/*4.Problem*/
/*5.Product*/
#styleku-area-product .styleku-bg-text {
  background: rgb(253, 239, 2, 0.8);
}
/*6.Get*/
#styleku-area-get .styleku-bg-title {
  background: rgb(247,136,11);
  background: linear-gradient(180deg, rgba(247,136,11,1) 33%, rgba(221,89,13,1) 73%);
}
/*7.Why You Get*/
/*8.How Much*/
/*9.FAQ*/
#styleku-area-faq .styleku-pt-img, #styleku-area-faq-oto1 .styleku-pt-img {
  padding-top: 400px;
}
/*10.CTA 1*/
/*11.About*/
/*12.Title Video*/
/*13.Video*/
#styleku-area-video .styleku-size {
  width: 1500px;
  height: 500px;
}
/*14.Testimoni*/
#styleku-area-testi{
}
#styleku-area-testi .styleku-profile-img {
  width: 270px;
}
#styleku-area-testi .styleku-img-jarak {
  margin-top: -40px;
}
#styleku-area-testi .styleku-img-bg {
 background-color: #d4d2d2;
}
#styleku-area-testi .item {
  height: 200px;
}
/*15.CTA 2*/
/*16.Footer*/
/*AREA OTO 1*/
/*17.Header Oto 1*/
/*18.Get Oto 1*/
/*19.How Much Oto 1*/
/*20.FAQ Oto 1*/
/*21.CTA Oto 1*/
/*22.Footer Oto 1*/

/*JV Page*/
.styleku-red {
  color:#CC0000;
}
.styleku-blue {
  color:#0000ff;
}
.styleku-white {
  color: #fff;
}
.styleku-bg-lightgreen-jv {
  /*background-color: #dfe45b;*/
  background-color: #6bc279;
  padding: 50px 0px;
}
.styleku-bg-lightgray-jv {
  background-color: #f8f8f8;
  padding: 50px 0px;
}
.styleku-bg-brown-jv {
  background-color: #d07f47;
  padding: 20px 0px;
}

.stylejo-form-box {
    background-color: #535353;
}

.stylejo-form-box .stylejo-btn-box {
    display: inline-block;
}

.stylejo-form-box .stylejo-btn-box > .btn-primary {
    border: 1px solid #886439;
    padding-top: 13px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding-bottom: 13px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.4);
    background: #fe9900; /* Old browsers */
    background: -moz-linear-gradient(top, #fe9900 0%, #ff8500 49%, #ff6d00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fe9900 0%,#ff8500 49%,#ff6d00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fe9900 0%,#ff8500 49%,#ff6d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9900', endColorstr='#ff6d00',GradientType=0 ); /* IE6-9 */
}

.stylejo-form-box .stylejo-btn-box > .btn-primary:hover,
.stylejo-form-box .stylejo-btn-box > .btn-primary:focus {
    background: #FF6400;
    text-shadow: none;
}

.stylejo-form-box > label {
    background-color: #1449b0;
    width: 100%;
    color: #fff;
    height: 75px;
}

.stylejo-form-box > label > i {
    font-style: normal;
    font-weight: bold;
    font-size: 50px;
    float: left;
    background: #FF6400;
    width: 80px;
    height: 75px;
    text-align: center;
}

.stylejo-form-box > label > span {
    font-size: 20px;
    font-weight: 600;
    padding: 10px 10px;
    float: left;
    width: 80%;
    line-height: 1.3;
}

.stylejo-form-box > label > span > b {
    padding: 8px;
    display: block;
}

.stylejo-form-box .form-group > .form-control {
    background-color: #404040;
    border: 0;
    color: #fff;
    padding: 10px 15px;
}

.stylejo-form-box .form-group > .form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.stylejo-form-box .form-group > .form-control:-ms-input-placeholder {
   color: #fff;
}

.stylejo-form-box .form-group > .form-control::-ms-input-placeholder {
   color: #fff;
}

.stylejo-form-box .stylejo-desc-box {
    padding: 20px 50px;
}

.stylejo-form-box .stylejo-desc-box p {
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    background-color: #404040;
    padding: 20px;
    line-height: 1.3;
}

#stylejo-why-should-mail h3 {
    margin-bottom: 80px;
    font-weight: bold;
}

#stylejo-why-should-mail hr {
    background: #fff;
    margin-top: 80px;
    margin-bottom: 80px;
}

#stylejo-why-should-mail p {
    text-align: left;
}

#stylejo-why-should-mail .stylejo-img > h3 {
    font-size: 23px;
    font-weight: 600;
    margin-top: 20px;
}

#stylejo-why-should-mail .stylejo-list {
    color: #fff;
}

#stylejo-why-should-mail .stylejo-list > li {
    font-size: 16px;
    font-weight: 600;
}

stylejo-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    font-size: 20px;
    text-align: left;
}

.stylejo-list > li {
    list-style: none;
    position: relative;
    font-size: 19px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #000;
}

.stylejo-list > li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
}

.stylejo-list.stylejo-checklist1 > li,
.stylejo-list.stylejo-checklist2 > li,
.stylejo-list.stylejo-checklist3 > li,
.stylejo-list.stylejo-checklist8 > li {
    padding-left: 60px;
}

.stylejo-list.stylejo-checklist4 > li,
.stylejo-list.stylejo-checklist5 > li,
.stylejo-list.stylejo-checklist6 > li,
.stylejo-list.stylejo-checklist10 > li {
    padding-left: 30px;
}

.stylejo-list.stylejo-checklist7 > li {
    padding-left: 33px;
}

.stylejo-list.stylejo-checklist9 > li {
    padding-left: 43px;
}

.stylejo-list.stylejo-checklist1 > li::before {
    background: url("../images/checklist1.png") no-repeat 0 0 transparent;
    width: 46px;
    height: 46px;
    top: -10px;
}

.stylejo-list.stylejo-checklist2 > li::before {
    background: url("../images/checklist2.png") no-repeat 0 0 transparent;
    width: 46px;
    height: 46px;
    top: -10px;
}

.stylejo-list.stylejo-checklist3 > li::before {
    background: url("../images/checklist3.png") no-repeat 0 0 transparent;
    width: 46px;
    height: 46px;
    top: -10px;
}

.stylejo-list.stylejo-checklist4 > li::before {
    background: url("../images/checklist4.png") no-repeat 0 0 transparent;
    width: 16px;
    height: 14px;
}

.stylejo-list.stylejo-checklist5 > li::before {
    background: url("../images/checklist5.png") no-repeat 0 0 transparent;
    width: 16px;
    height: 14px;
}

.stylejo-list.stylejo-checklist6 > li::before {
    background: url("../images/checklist6.png") no-repeat 0 0 transparent;
    width: 16px;
    height: 14px;
}

.stylejo-list.stylejo-checklist7 > li::before {
    background: url("../images/checklist7.png") no-repeat 0 0 transparent;
    width: 19px;
    height: 15px;
}

.stylejo-list.stylejo-checklist8 > li::before {
    background: url("../images/checklist8.png") no-repeat 0 0 transparent;
    width: 46px;
    height: 46px;
    top: -10px;
}

.stylejo-list.stylejo-checklist9 > li::before {
    background: url("../images/checklist9.png") no-repeat 0 0 transparent;
    width: 34px;
    height: 34px;
    top: -5px;
}

.stylejo-list.stylejo-checklist10 > li::before {
    background: url("../images/jvpg/checklist10.png") no-repeat 0 0 transparent;
    width: 19px;
    height: 19px;
}

/*23.Media Query*/
@media (max-width: 1024px) {
  .styleku-floatleft {
    float: left;
    padding-right: 15px;
  }
  .styleku-mb-nondesktop {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-fe {
    margin-bottom: 20px;
  }
  .styleku-mb-nondesktop-b {
    margin-bottom: 80px;
  }
  .styleku-mb-nondesktop-c {
    margin-bottom: 60px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 10px;
  }
  .styleku-mb-cta-a-fe {
    margin-bottom: 0px;
  }
  .styleku-faq-o {
    margin-bottom: 60px;
  }
  .styleku-faq-a-o {
    margin-bottom: 100px;
  }
  .styleku-faq-a-o2 {
    margin-bottom: 40px;
  }
  .styleku-faq-b-o3 {
    margin-bottom: 40px;
  }
  .styleku-b-fe {
    margin-bottom: 60px;
  }
  .styleku-c-fe {
    margin-bottom: 120px;
  }
  .styleku-d-fe {
    margin-bottom: 140px;
  }
  .styleku-floatleft-c-fe {
    float: left;
  }
  .styleku-faq-o1 {
    margin-bottom: 85px;
  }
}

@media (max-width: 768px) {
  .styleku-mb-nondesktop-b {
    margin-bottom: 120px;
  }
  .styleku-mb-nondesktop-a {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-d {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-d-fe {
    margin-bottom: 60px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 20px;
  }
  .styleku-floatleft {
    float: left;
    padding-right: 15px;
  }
  .styleku-mb-cta-a-fe {
    margin-bottom: 20px;
  }
  .styleku-mb-fe-b-1 {
    margin-bottom: 40px;
  }
  .styleku-faq-o {
    margin-bottom: 100px;
  }
  .styleku-faq-a-o {
    margin-bottom: 200px;
  }
   .styleku-how-a-o2 {
    margin-bottom: 20px;
  }
  .styleku-faq-a-o2 {
    margin-bottom: 60px;
  }
  .styleku-faq-b-o2 {
    margin-bottom: 160px;
  }
  .styleku-floatleft-o3 {
    float: left;
    padding-right: 15px;
  }
  .styleku-faq-b-o3 {
    margin-bottom: 80px;
  }
  .styleku-floatleft-a-fe {
    float: left;
  }
  .styleku-a-fe {
    margin-bottom: 40px;
  }
  .styleku-c-fe {
    margin-bottom: 180px;
  }
  .styleku-d-fe {
    margin-bottom: 180px;
  }
  .styleku-mb-a2 {
    margin-bottom: 80px;
  }
  .styleku-mb-a3 {
    margin-bottom: 80px;
  }
  .styleku-mb-fo3 {
    margin-bottom: 40px;
  }
  .styleku-mb-fo3a {
    margin-bottom: 100px;
  }
  .styleku-faq-o1 {
    margin-bottom: 125px;
  }
  .styleku-mb-fa1 {
    margin-bottom: 110px;
  }
}
@media (max-width: 767px) {}
@media (max-width: 667px) {}
@media (max-width: 414px) {
  .styleku-font-size-h {
    font-size: calc(1.500rem + 3vw)
  }
  .styleku-mb-nondesktop-b {
    margin-bottom: 100px;
  }
  .styleku-mb-nondesktop-dv {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop-cta {
    margin-bottom: 20px;
  }
  .styleku-mb-nondesktop-av {
    margin-bottom: 80px;
  }
  .styleku-mb-nondesktop-d-fe {
    margin-bottom: 50px;
  }
  .styleku-mb-nondesktop-d2-fe {
    margin-bottom: 40px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 60px;
  }
   .styleku-mb-cta-a-fe {
    margin-bottom: 60px;
  }
  .styleku-faq-o {
    margin-bottom: 60px;
  }
  .styleku-faq-a-o {
    margin-bottom: 120px;
  }
  .styleku-how-a-o2 {
    margin-bottom: 60px;
  }
  .styleku-cta-o2 {
    margin-bottom: 40px;
  }
  .styleku-faq-b-o3 {
    margin-bottom: 60px;
  }
  .styleku-c-fe {
    margin-bottom: 160px;
  }
  .styleku-d-fe {
    margin-bottom: 170px;
  }
  .styleku-floatleft-d-fe {
    float: left;
  }
  .styleku-e-fe {
    margin-bottom: 60px;
  }
  .styleku-mb-fo3 {
    margin-bottom: 20px;
  }
  .styleku-faq-o1 {
    margin-bottom: 85px;
  }
  .styleku-mb-fa1 {
    margin-bottom: 90px;
  }
}
@media (max-width: 375px) {
  .styleku-font-size-h {
    font-size: calc(1.500rem + 3vw)
  }
  .styleku-font-size-h320 {
    font-size: calc(1.200rem + 3vw)
  }
  .styleku-mb-nondesktop-b {
    margin-bottom: 120px;
  }
  .styleku-mb-nondesktop-a {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop-dv {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop-cta {
    margin-bottom: 20px;
  }
  .styleku-mb-nondesktop-av {
    margin-bottom: 100px;
  }
  .styleku-mb-nondesktop-d {
    margin-bottom: 60px;
  }
  .styleku-mb-cta-a-fe {
    margin-bottom: 60px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 80px;
  }
  .styleku-floatleft {
    float: left;
    padding-right: 15px;
  }
  .styleku-mb-fe-a-2 {
    margin-bottom: 80px;
  }
  .styleku-faq-o {
    margin-bottom: 80px;
  }
  .styleku-faq-a-o {
    margin-bottom: 180px;
  }
  .styleku-how-o2 {
    margin-bottom: 40px;
  }
  .styleku-how-a-o2 {
    margin-bottom: 60px;
  }
  .styleku-how-c-o2 {
    margin-bottom: 60px;
  }
  .styleku-faq-b-o2 {
    margin-bottom: 180px;
  }
  .styleku-cta-o2 { 
    margin-bottom: 60px;
  }
  .styleku-how-o {
    margin-bottom: 40px;
  }
  .styleku-h-fe {
    margin-bottom: 40px;
  }
  .styleku-floatleft-b-fe {
    float: left;
  }
  .styleku-c-fe {
    margin-bottom: 180px;
  }
  .styleku-d-fe {
    margin-bottom: 170px;
  }
  .styleku-f-fe {
    margin-bottom: 50px;
  }
  .styleku-g-fe {
    margin-bottom: 100px;
  }
  .styleku-mb-aa {
    margin-bottom: 20px;
  } 
  .styleku-how-1 {
    margin-bottom: 40px;
  }
  .styleku-faq-o1 {
    margin-bottom: 120px;
  }
}
@media (max-width: 360px) {
  .styleku-font-size-h1 {
    font-size: calc(1.500rem + 3vw)
  }
  .styleku-font-size-h320 {
    font-size: calc(1.200rem + 3vw)
  }
  .styleku-floatleft-fe {
    float: left;
    padding-right: 15px;
  }
  .styleku-mb-nondesktop-d {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-cta {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-dv {
    margin-bottom: 80px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 80px;
  }
  .styleku-mb-cta-fe-2 {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop-fe {
    margin-bottom: 40px;
  }
  .styleku-how-o {
    margin-bottom: 20px;
  }
  .styleku-faq-o {
    margin-bottom: 100px;
  }
  .styleku-faq-a-o {
    margin-bottom: 200px;
  }
  .styleku-how-o2 {
    margin-bottom: 40px;
  }
  .styleku-how-a-o2 {
    margin-bottom: 60px;
  }
  .styleku-how-c-o2 {
    margin-bottom: 60px;
  }
  .styleku-faq-b-o2 {
    margin-bottom: 180px;
  }
   .styleku-cta-o2 {
    margin-bottom: 60px;
  }
  .styleku-faq-b-o3 {
    margin-bottom: 80px;
  }
  .styleku-g-fe {
    margin-bottom: 120px;
  }
  .styleku-floatleft-bb {
    float: left;
  }
}
@media (max-width: 320px) {
  .styleku-font-size-h320 {
    font-size: calc(1.200rem + 3vw)
  }
  .styleku-floatleft-fe {
    float: left;
    padding-right: 15px;
  }
  .styleku-mb-nondesktop {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop2 {
    margin-bottom: 80px;
  }
  .styleku-mb-nondesktop-b {
    margin-bottom: 170px;
  }
  .styleku-mb-nondesktop-c {
    margin-bottom: 80px;
  }
  .styleku-mb-nondesktop-d {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-cta {
    margin-bottom: 60px;
  }
  .styleku-mb-nondesktop-av {
    margin-bottom: 160px;
  }
  .styleku-mb-nondesktop-dv {
    margin-bottom: 100px;
  }
  .styleku-mb-fe-a-1 {
    margin-bottom: 60px;
  }
  .styleku-mb-fe-a-2 {
    margin-bottom: 80px;
  }
  .styleku-mb-fe-2 {
    margin-bottom: 60px;
  }
  .styleku-mb-howmuch-2v-fe {
    margin-bottom: 40px;
  }
  .styleku-mb-nondesktop-a-fe {
    margin-bottom: 60px;
  }
  .styleku-mb-cta-fe {
    margin-bottom: 120px;
  }
  .styleku-mb-cta-a-fe {
    margin-bottom: 80px;
  }
  .styleku-mb-nondesktop-fe {
    margin-bottom: 60px;
  }
  .styleku-how-a-o {
    margin-bottom: 20px;
  }
  .styleku-how-o {
    margin-bottom: 40px;
  }
  .styleku-faq-o {
    margin-bottom: 160px;
  }
  .styleku-faq-a-o {
    margin-bottom: 260px;
  }
  .styleku-faq-b-o {
    margin-bottom: 80px;
  }
  .styleku-how-o2 {
    margin-bottom: 40px;
  }
  .styleku-how-a-o2 {
    margin-bottom: 60px;
  }
  .styleku-how-c-o2 {
    margin-bottom: 60px;
  }
  .styleku-faq-a-o2 {
    margin-bottom: 100px;
  }
  .styleku-faq-b-o2 {
    margin-bottom: 220px;
  }
  .styleku-cta-o2 {
    margin-bottom: 100px;
  }
  .styleku-h-a-fe {
    margin-bottom: 60px;
  }
  .styleku-h-b-fe {
    margin-bottom: 100px;
  }
   .styleku-faq-b-o3 {
    margin-bottom: 100px;
  }
  .styleku-a-fe {
    margin-bottom: 60px;
  }
  .styleku-b-fe {
    margin-bottom: 100px;
  }
  .styleku-c-fe {
    margin-bottom: 220px;
  }
  .styleku-d-fe {
    margin-bottom: 230px;
  }
  .styleku-g-fe {
    margin-bottom: 160px;
  }
  .styleku-h-fe {
    margin-bottom: 20px;
  }
   .styleku-e-fe {
    margin-bottom: 80px;
  }
  .styleku-mb-a2 {
    margin-bottom: 120px;
  }
  .styleku-mb-a3 {
    margin-bottom: 100px;
  }
  .styleku-float-320 {
    float: left;
  }
  .styleku-mb-fo3 {
    margin-bottom: 60px;
  }
  .styleku-mb-fo3a {
    margin-bottom: 160px;
  }
  .styleku-mb-foab {
    margin-bottom: 180px;
  }
  .styleku-how-1 {
    margin-bottom: 60px;
  }
  .styleku-faq-o1 {
    margin-bottom: 145px;
  }
  .styleku-mb-fa1 {
    margin-bottom: 130px;
  }
  .styleku-fq-fe {
    margin-bottom: 200px;
  }
}
/* Scroll-to-Top Button */
#scrollTopBtn {
  display: none;             /* Unsichtbar bis Scroll */
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99;
  font-size: 22px;
  border: none;
  outline: none;
  background-color: #ff6600;
  color: #fff;
  cursor: pointer;
  padding: 14px 18px;
  border-radius: 50%;        /* Rund */
  box-shadow: 0 4px 6px rgba(0,0,0,0.3);
  transition: 0.3s;
}

#scrollTopBtn:hover {
  background-color: #e65c00; /* dunkler bei Hover */
}
<head>
  <meta charset="UTF-8">
  <title>Meine Webseite</title>
  <style>
}
.bilder-galerie {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-items: center;
 
}

.bilder-galerie figure {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 250px;       /* gleiche Breite wie das Bild */
  margin: 0;
  text-align: center;
  word-wrap: break-word; /* Text umbrechen, falls lang */
 
}

.bilder-galerie img {
  width: 250px;  /* Bildbreite */
  height: auto;
  border: 8px solid #fff;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.25);
  background: #fff;
  
}

..bilder-galerie figcaption {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
 
}


/* Responsive: kleiner auf engen Bildschirmen */
@media (max-width: 900px) {
  .bilder-galerie {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .bilder-galerie {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .bilder-galerie img {
    max-width: 90%;
  }
}