@media only screen and (max-width:599px) and (min-width:0px) {
  body {
    --color-bg: #f2f2cf;
    --color-white: #fafae6;
    --color-black: #000000;
    --color-overlay: #92af4f;
    --f-16-20-300: 300 4vw/5.33333vw "Mulish", sans-serif;
    --f-16-22-300: 300 4vw/5.33333vw "Mulish", sans-serif;
    --f-16-24-300: 300 4vw/5.33333vw "Mulish", sans-serif;
    --f-34-40-300: 300 4.8vw/6.4vw "Mulish", sans-serif;
    --f2-34-40-700: 700 4.8vw/6.4vw "Tajawal", sans-serif;
  
    --a-120: 32vw;
    --a-60: 16vw;
    --a-40: 10.66667vw;
    --a-18: 4.8vw;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-bg);
    color: var(--color-black);
    font: var(--f-16-22-300);
    font-style: normal;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
    min-height: 100vh;
  }
  header { width: 100%; height: 21.33333vw;}
  .layoutHeaderInner img.apfel { position: absolute; top: 4.8vw; left: 5.06667vw; width: 12.8vw;}
  .layoutHeaderInner h1 { position: absolute; top: 6.13333vw; left: 26.66667vw; letter-spacing: 0.05333vw;}
  .layoutHeaderInner h1 span { display: block; margin-top: -1.33333vw;}
  main { display: block; width: 100vw; height: auto; position: relative; padding-top: 46vw; padding-bottom: 16vw; min-height: 100vh; max-width: 100vw; margin: 0 auto;}
main > div {
  padding-top: 0;
  padding-bottom: 0;
}
.w-1064, .w-1440 { width: 100%; max-width: 283.73333vw; margin: 0; padding: 0 5.33333vw;}
h2 + .text { margin-top: 5vw;}
.text {
  padding-right: 0px;
}
.block01Inner::before { content: ''; width: 26.66667vw; height: 26.66667vw; opacity: 0.4;}
.block01Inner.positionf2::before { top: 16vw; right: 0vw; left: auto;}
.block02Row {
  width: 100%;
  position: relative;
  top: unset;
}
.block02Row:before { content: ''; width: 26.66667vw; height: 26.66667vw; display: block; position: absolute; background-size: contain; top: -24vw; left: auto; right: 2.66667vw; opacity: 0.4; background-repeat: no-repeat;}
.block02Imgs { position: relative; width: 100vw; overflow: visible; max-width: 106.66667vw; margin: 5.33333vw auto 0;}
.section > div + div { margin-top: 17vw; padding-bottom: 0;}
h3 {
  font: 700 4vw / 5vw "Tajawal", sans-serif;
}
}