/* Changing color of top bar to blue */
.top-bar {
    background-color: #002f6b;
}

/* Adjusting the hero section width for tablets and larger screens */
@media screen and (min-width: 768px) {
    .site-header .size-karuna-hero {
        max-width: 100%;
			max-height: 80vh;
    height: 80vh;
        object-fit: cover; /* optional, falls das Bild gestreckt wird */
    }
}

/* Setting the background color of dropdown menus */
.main-navigation ul ul {
    background-color: #002f6b;
}

/* Changing the text color of dropdown menus across all screen sizes */
.main-navigation ul ul a, 
.main-navigation ul ul a:visited {
    color: #fff;
}

/* Extending width of primary menu */
@media screen and (min-width: 768px) {
    .main-navigation {
        width: 100%;
        margin-left: -5%;
        margin-right: -10%;
    }
    .site-branding {
        margin-right: 0;
    }
    .site-branding-wrapper {
        padding: 0 2%;
    }
}

/* Removing footer, "Proudly powered by WordPress" */
.site-info {
    display: none;
}

/* Removing default featured image in the pages "Fitness tips" and "Health tips" */
.page-id-307 .site-header .size-karuna-hero,
.page-id-304 .site-header .size-karuna-hero {
    display: none;
}



.is-hidden {
  display: none !important;
}

.page-id-6 h1.entry-title {
    display: none;
}


.page-id-13615 h1.entry-title {
    display: none;
}

.wp-block-button__link {
  background-color: #002f6b !important; /* Blau */
  color: #ffffff !important;           /* Weiße Schrift */
  border: none;
  padding: 0.6em 1.2em;
  border-radius: 30px;
  text-decoration: none;
  display: inline-block;
  transition: background-color 0.2s ease;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus {
  background-color: #EB8E2B !important; /* Orange beim Hover/Fokus */
  color: #ffffff !important;
}
wp-block-button_ {
  background-color: #002f6b /* Blau */
  color: #ffffff;            /* Weiße Schrift */
  border: none;
  padding: 0.6em 1.2em;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color 0.2s ease;
}

button:hover,
.button:hover,
button:focus,
.button:focus {
  background-color: #EB8E2B; /* Orange beim Hover/Fokus */
  color: #ffffff;            /* Schrift bleibt weiß */
}

.jetpack-social-widget-list .jetpack-social-widget-item a {
  background-color: #002f6b;       /* Blau */
  color: #ffffff;                  /* Weiße Icons */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.6em;
  border-radius: 4px;
  transition: background-color 0.2s ease;
  text-decoration: none;
}

.jetpack-social-widget-list .jetpack-social-widget-item a:hover,
.jetpack-social-widget-list .jetpack-social-widget-item a:focus {
  background-color: #EB8E2B;       /* Orange beim Hover */
  color: #ffffff;
}

.jetpack-social-widget-list .jetpack-social-widget-item svg {
  width: 1.5em;
  height: 1.5em;
  fill: currentColor;              /* Wichtig, damit die Icon-Farbe auf `color` reagiert */
}

h1 {
  text-transform: uppercase !important;
}

.hover-zoom:hover {
  transform: scale(1.05);
  transition: transform 0.3s ease;
}

.site-content .full-width-widget-area .widget-title
{text-align:left;
font-size: 1.5rem;;}

/*Linkfarben anpassen */
a {
  color: #002f6b;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover-Farbe */
a:hover,
a:focus {
  color: #EB8E
}
		

/* Headerbilder auf allen Seiten außer der Startseite verkleinern */
/* Standard: Desktop (z. B. ≥ 1024px) */
body:not(.home) .site-header .size-karuna-hero {
  height: 65vh;
  max-height: 65vh;
  width: 100%;
  object-fit: cover;
	object-position: top center; /* oder z. B. center center, bottom center */
}

/* Tablet (zwischen 768px und 1023px) */
@media screen and (max-width: 1023px) {
  body:not(.home) .site-header .size-karuna-hero {
    height: 40vh;
    max-height: 40vh;
  }
}

/* Smartphone (unter 768px) */
@media screen and (max-width: 767px) {
  body:not(.home) .site-header .size-karuna-hero {
    height: 30vh;
    max-height: 30vh;
  }
}

.newsletter-button {
  display: inline-block;
  background-color: #002f6b;
  color: #ffffff !important;
  padding: 0.75rem 1.5rem;
  border-radius: 30px;
  text-decoration: none;
  font-weight: bold;
  transition: background-color 0.3s ease;
}

.newsletter-button:hover {
  background-color: #EB8E2B;
  color: #ffffff !important;
}

.footer-widgets {
    background-color: #ffffff;
    border-top: 2px solid #002f6b;
    padding: 20px;
}

.footer-widgets-wrapper {
    background-color: #ffffff;
}

.footer-widgets h2,
.footer-widgets p {
    color: #333333; /* mittleres Grau */
}