/*
Theme Name: mharms
Template: sunflower26
Version: 1.0
*/


.has-magenta-background-color{
  background:#e6007e!important;
}

.theme--default .stoerer {
  font-family: GrueneType Neue;
}
.theme--contrast .stoerer {
  font-family: GrueneType Neue;
}

.hero-page-content {
  width: 100%;
}

.footer-page-inner {
  max-width: 1400px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}


.hero-page-inner {
  max-width: 1250px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
}


.hero {
    top:140px;
    position: relative;
    width: 100%;
    min-height: 100%;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#002216;
}

.hero-overlay {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}


/* DESKTOP >1400px: Mittig zentriert */
@media (min-width: 1401px) {
  .hero-fullwidth { max-width: 2000px; height: 55vh;margin: 0 auto; }
  /*hero-bg { background-position: right center !important; }*/
  .hero-bg { background-position: 90% 50% !important; }
  .hero-overlay-image { width: 450px; height: 220px; }
}

/* 1000px-1400px: Stark nach links (Person rechts sichtbar) */
@media (min-width: 1000px) and (max-width: 1400px) {
  .hero-fullwidth { max-width: 2000px; height: 55vh; margin: 0 auto; }
  .hero-bg { background-position: 90% 50% !important; }
  .hero-overlay-image { width: 320px; height: 210px; }
  h2{padding-left:12px;}
}

/* TABLET 769px-999px: Rechter Teil */
@media (max-width: 999px) and (min-width: 769px) {
  .hero-fullwidth { max-width: 2000px; height: 55vh; margin: 0 auto; }
  .hero-bg { background-position: right center !important; }
  .hero-overlay-image { width: 280px; height: 180px; }
  h2{padding-left:12px;}
  
}

/* MOBILE ≤768px: Rechter Teil */
@media (max-width: 768px) {
  .hero-fullwidth { max-width: 100%; height: 50vh; margin: 0 auto; }
  .hero-bg { background-position: right center !important; }
  .hero-overlay-image { width: 220px; height: 150px; }
  h2{padding-left:12px;}
}

/* EXTRA KLEINE MOBILE */
@media (max-width: 480px) {
  .hero-fullwidth { height: 50vh; }
  .hero-overlay-image { width: 180px; height: 120px; }
  h2{padding-left:12px;}
}