/*
 Theme Name:   GeneratePress Child
 Template:     generatepress
*/

@import url("../generatepress/style.css");

/* --- ab hier dein eigenes CSS: --- */





/* 1. Grundstruktur des Headers */
.site-header {
  position: relative;
  background-color: #f9ae2b;  /* dein Orange */
  padding-top: 0px;          /* sorgt für genug Abstand nach oben */
  padding-bottom: 0px;       /* etwas Puffer unterhalb */
  overflow: visible !important;
}

/* 2. Tropfenform als SVG-Hintergrund, keine Maske mehr */
.site-header {
 height:240px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 200" preserveAspectRatio="none"><path fill="%23ffffff" d="M0,100 C60,150 120,50 180,100 C240,150 300,50 360,100 C420,150 480,50 540,100 C600,150 660,50 720,100 C780,150 840,50 900,100 C960,150 1020,50 1080,100 C1140,150 1200,50 1260,100 C1320,150 1380,50 1440,100 L1440,200 L0,200 Z"/></svg>');  
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  
}

/* 3. Logo nach vorne holen */
.site-logo,
.site-logo img {
  position: relative;
  z-index: 2;

}

.main-navigation {
  position: relative;
  z-index: 3; /* über der Wellenform */
  margin-top: -90px;
  background-color: transparent;
}

.footer-bar .copyright {
  display: none;
}