/*
 Theme Name:  UnderStrap Child
 Author:      HILK.media
 Template:    understrap-main         
 Version:     1.0.0
 Text Domain: understrap-child
*/

    :root{
      --brand-green:#4d6a3a;
      --brand-beige:#fbf6d8; 
      --brand-accent:#40602d;
    }


    html{scroll-behavior:smooth;}
    body{
      font-family:'Montserrat',system-ui,sans-serif;
      background:var(--brand-beige);
      color:var(--brand-accent);
    }
    h1,h2,h3,.logo-script{font-family:'AlegreyaSans',cursive;font-weight:700;}
    .lineart{filter:contrast(120%) sepia(10%);max-width:120px;}
    /* Hero */
    #hero{
      background:url('https://rund-um-loens.de/wp-content/uploads/2025/06/gartenservice.jpg') center/cover no-repeat;
      color:var(--brand-accent);
      position:relative;min-height:90vh;display:flex;align-items:center;text-align:center;
    }
    #hero::before{content:'';position:absolute;inset:0;background:rgba(251,246,216,.6);}
    #hero .container{position:relative;z-index:1;}
    .starburst{
      background:var(--brand-accent);color:var(--brand-beige);
      padding:1rem 1.7rem;border-radius:50%;font-weight:700;text-transform:uppercase;
      box-shadow:0 0 0 4px var(--brand-beige);display:inline-block;transform:rotate(-10deg);
    }   
    .btn-brand{background:var(--brand-green);color:var(--brand-beige);border:none;}
    .btn-brand:hover{background:var(--brand-accent);color:var(--brand-beige);}
    section{padding:4rem 0;}
    .offer-badge{background:var(--brand-beige);border:4px dashed var(--brand-green);padding:2rem;text-align:center;}
    footer{background:var(--brand-green);color:var(--brand-beige);padding:2rem 0 1rem;}
    footer a{color:var(--brand-beige);text-decoration:underline;}
    #topBtn{position:fixed;bottom:2rem;right:2rem;display:none;z-index:999;}
    @media(max-width:575.98px){#hero h1{font-size:2.2rem;}#hero h2{font-size:1.3rem;}}



  /* Stoerer-Starburst */
        .starburst-badge {
      /* Größe anpassen nach Bedarf */
      width: 150px;
      height: 150px;

      /* Deine selbst erstellte Starburst-Grafik */
      background: url('https://rund-um-loens.de/wp-content/uploads/2025/06/starburst.png') no-repeat center center;
      background-size: contain;

      /* Flexbox zentriert Text vertikal & horizontal */
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      /* Optional: leichte Rotation für den leicht schiefen Look */
      transform: rotate(-15deg);
    }
    .starburst-badge .badge-text {
      /* Schriftart und Farbe anpassen */
      font-family: sans-serif;
      font-weight: bold;
      font-size: 1.25rem;
      color: #4d6a3a;
      line-height: 1.1;
    }



/* Globale Ausblendung aller Seitentitel */
.page .entry-title,
.single .entry-title {
  display: none !important;
}

.entry-footer {
  display: none!important;
}


.wrapper {
    padding: 0rem 0!important;
}

/* Section-Scroll-offset */
[id] {
  scroll-margin-top: 25vh;
}

/*Profilbild */

  .profile-img {
    width: 100%;          
    max-width: 400px;     
    aspect-ratio: 1 / 1; 
    object-fit: cover;  
    border-radius: 50%; 
  }