/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* =========================================================
   Child Theme – kompakte Zusatzstyles
   - Globale Schrift
   - Copyright-Leisten
   - Hero / Slides Layout
   ========================================================= */

/* 1) Globale Variablen */
:root {
  --font-primary:
    "Lucida Grande",
    "Lucida Sans Unicode",
    "Lucida Sans",
    Geneva,
    Verdana,
    sans-serif;

  --copyright-height: 28px;
  --copyright-padding-x: 10px;
  --copyright-font-size: 12px;
  --copyright-bg: rgba(56, 38, 113, 0.85);
}

/* 2) Globale Schrift */
body {
  font-family: var(--font-primary);
}


/* =========================================================
   3) Copyright-Leiste für normale Bilder / News-Bilder
   ========================================================= */

figure.wp-caption {
  position: relative;
  overflow: hidden;
}

figure.wp-caption .wp-caption-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: var(--copyright-height);
  padding: 0 var(--copyright-padding-x);

  display: flex;
  align-items: center;
  justify-content: flex-start;

  font-size: var(--copyright-font-size);
  line-height: 1;
  color: #ffffff;
  background: var(--copyright-bg);
}


/* =========================================================
   4) Copyright-Leiste für Container mit Hintergrundbild
   Voraussetzung:
   - Container: has-bg-image
   - Copyright-Widget: bg-copyright
   ========================================================= */

.has-bg-image {
  position: relative;
  overflow: hidden;
}

.has-bg-image .bg-copyright {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: var(--copyright-height);
  padding: 0 var(--copyright-padding-x);

  display: flex;
  align-items: center;
  justify-content: flex-start;

  font-size: var(--copyright-font-size);
  line-height: 1;
  color: #ffffff;
  background: var(--copyright-bg);
}

.has-bg-image .bg-copyright .elementor-widget-container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.has-bg-image .bg-copyright p,
.has-bg-image .bg-copyright span,
.has-bg-image .bg-copyright div {
  margin: 0;
  padding: 0;
}


/* =========================================================
   5) Hero Slider – Copyright pro Slide
   Voraussetzung:
   - Copyright steht im Beschreibungsfeld des Slides
   - Slides-Widget hat CSS-Klasse: hero-slides
   ========================================================= */

.hero-slides .elementor-slide-heading,
.hero-slides .elementor-slide-button {
  display: none;
}

.hero-slides .elementor-slide-content {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  max-width: 100%;
}

.hero-slides .elementor-slide-description {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 !important;

  height: var(--copyright-height);
  padding: 0 var(--copyright-padding-x) !important;

  display: flex;
  align-items: center;
  justify-content: flex-start;

  box-sizing: border-box;
  font-size: var(--copyright-font-size);
  line-height: 1;
  color: #ffffff;
  background: var(--copyright-bg);

  transform: none !important;
  animation: none !important;
}

.hero-slides .elementor-slide-description p,
.hero-slides .elementor-slide-description span,
.hero-slides .elementor-slide-description div {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1;
}

.hero-slides .swiper-slide {
  position: relative;
}

/* =========================================================
   6) Abstand wg. Sticky-Header: Startseite/News-Teaser -> Unterseite/News-ID
   ========================================================= */

[id^="news-"] {
  scroll-margin-top: 110px;
}