/*
Theme Name: Bubenmuehle
Template: twentytwentyfive
Version: 1.0
*/

.salbei-sektion {
    position: relative;
    overflow: hidden;
}
.salbei-sektion::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: var(--wp--preset--color--sonnendot);
    opacity: 0.3;
    bottom: -60px;
    right: -60px;
}


@media (max-width: 781px) {
    .footer-spalten > .wp-block-column:not(:last-child) {
        margin-bottom: 2.5rem;
    }
}

.kontakt-overlay {
  position: absolute;
  right: -40px !important; 
  width: 32%;          
  
  bottom: -150px;   
  
  background: rgba(205, 228, 238, 0.15) !important; 
  
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 15px 30px;
  z-index: 10;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}

.kontakt-overlay p,
.kontakt-overlay h1,
.kontakt-overlay h2,
.kontakt-overlay h3,
.kontakt-overlay h4 {
  margin-bottom: 10px !important;
  margin-top: 0 !important;
}

.kontakt-overlay,
.kontakt-overlay * {
  color: #1a1a1a !important;
}


.kontakt-overlay-mobile {

  
  background: rgba(205, 228, 238, 0.15) !important; 
  
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  padding: 15px 30px;
  z-index: 10;
  box-shadow: 0 8px 30px rgba(0,0,0,0.15);
}


@media (max-width: 781px) {
  .kontakt-overlay {
    position: static;
    width: 100%;
  }
}

.gelber-punkt {
  position: relative;
}

.gelber-punkt::before {
  content: "";
  position: absolute;
  left: -85px;
  top: -35px;
  width: 120px;
  height: 120px;
  background: #d4e04a;  
  border-radius: 50%;
  z-index: -1;        
}

@media (max-width: 781px) {
  .wp-block-image.alignright {
    float: none !important;
    margin: 0 !important;
  }
  .wp-block-image.alignright img {
    margin-left: 0 !important;
    margin-right: auto !important;
    display: block !important;
  }
}

@media (max-width: 781px) {
  .heading-arrow {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
}

.spacer-h3 {
  height: 1.5rem !important;
}

.wp-block-columns {
  position: relative;
}

.schmale-abstaende img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

@media (min-width: 769px) {
    .overlap-heading {
        white-space: nowrap !important;
        position: relative;
        z-index: 99 !important; 
    }
}

@media (max-width: 781px) {
    .pfeil-mobile {
        position: relative;
        
        /* Mit diesen beiden Werten musst du jetzt spielen: */
        top: 60px; /* Verschiebt den Pfeil nach unten auf Höhe der zweiten Zeile */
        left: -20px; /* Verschiebt den Pfeil nach rechts oder links (z.B. 20px oder -10px) */
        
        z-index: 10; /* Stellt sicher, dass der Pfeil sichtbar bleibt */
    }
}

.heading-mobile{
  margin-left: 50px;
}

.wort-umbruch {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}