/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 6,000+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.13.6.1783605773
Updated: 2026-07-09 16:02:53

*/

@import url('https://fonts.googleapis.com/css2?family=Qwigley&family=Poppins:wght@400;500;600;700&display=swap');

body, p, li, a, span, input, textarea, button {
	font-family: 'Poppins', sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.elementor-heading-title {
	font-family: 'Qwigley', cursive !important;
}


.ast-article-single,
.ast-separate-container .ast-article-single,
body.ast-separate-container #primary,
body.ast-separate-container .site-content > .ast-container,
.single .entry-content,
.page .entry-content {
	background: transparent !important;
	box-shadow: none !important;
	color: #E8E8E8 !important;
}

.entry-content, .entry-content p, .entry-content li, .entry-content span {
	color: #E8E8E8 !important;
}

.entry-content a {
	color: #C99A4B !important;
}

.entry-title, .entry-title a {
	color: #C99A4B !important;
}


/* Footer weiterhin ausgeblendet (eigener Footer via Elementor) */
#colophon,
.site-footer,
footer.site-footer,
.site-below-footer-wrap,
.site-above-footer-wrap {
	display: none !important;
}



/* Globaler Verlaufs-Hintergrund (links #000000 -> rechts #737373), site-weit */
html, body {
	background: linear-gradient(90deg, #000000 0%, #737373 100%) fixed !important;
}

/* Alle Elementor-Sections/Container transparent, damit der Verlauf durchscheint */
.elementor-section,
.elementor-container,
.e-con,
.e-con-inner,
.elementor-widget-wrap {
	background-color: transparent !important;
	background-image: none !important;
}


/* Logo-Zeile und Demo-Social-Icons im Header hart ausblenden, nur Menü-Zeile bleibt */
.ast-above-header-wrap,
.ast-header-social-1-wrap,
.ast-header-social-2-wrap {
	display: none !important;
}


/* Astra-Header: Farbe global überall, kompakte Höhe, rechtsbündiges Menü, 16px Schrift */
#masthead,
.site-header,
header.site-header,
.ast-main-header-wrap,
.main-header-bar,
.main-header-bar-wrap,
.site-above-header-wrap,
.site-below-header-wrap {
	background-color: #282e49 !important;
	background-image: none !important;
	border-bottom: none !important;
}

.main-header-bar {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	min-height: 0 !important;
}

.ast-container {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.main-header-menu {
	justify-content: flex-end !important;
}

.main-header-menu .menu-item a,
.ast-header-navigation-elements a {
	color: #FFFFFF !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
}

.main-header-menu .menu-item a:hover {
	color: #C99A4B !important;
}


/* Feste Mindesthöhe der Header-Builder-Reihe entfernen */
.site-primary-header-wrap,
.ast-builder-grid-row-container,
.ast-builder-grid-row {
	min-height: 0 !important;
}


/* Header-Container komplett breit, Menü bis an den Browser-Rand rechts */
.main-header-bar .ast-container,
.site-header .ast-container {
	max-width: 100% !important;
	width: 100% !important;
	padding-right: 30px !important;
}


/* Folgen-Kacheln (Post Grid): kompakt, schwarzer Hintergrund, ohne Meta/Read-More, einheitliche Größe */
.eael-grid-post-holder {
	background-color: #000000 !important;
	border-radius: 6px;
	overflow: hidden;
}

.eael-entry-footer,
.eael-post-elements-readmore-btn,
.eael-grid-post-excerpt {
	display: none !important;
}

.eael-entry-header {
	padding: 15px !important;
}

.eael-entry-header .entry-title,
.eael-entry-header .entry-title a {
	font-size: 18px !important;
	color: #FFFFFF !important;
	font-family: 'Poppins', sans-serif !important;
	line-height: 1.3 !important;
}

.eael-entry-thumbnail img {
	aspect-ratio: 1 / 1 !important;
	object-fit: cover !important;
	width: 100% !important;
	height: 100% !important;
}


/* Einheitliche Kachelhöhe erzwingen, Titel auf 2 Zeilen begrenzen */
.eael-grid-post-holder {
	display: flex !important;
	flex-direction: column !important;
	height: 480px !important;
}

.eael-entry-media {
	flex-shrink: 0;
}

.eael-entry-header .entry-title {
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}


/* Kachel-Titel: 13px, keine Unterstreichung, Hover in globaler Standard-Textfarbe statt Underline */
.eael-entry-header .entry-title,
.eael-entry-header .entry-title a,
.eael-grid-post .entry-title,
.eael-grid-post .entry-title a {
	font-size: 13px !important;
	text-decoration: none !important;
}

.eael-entry-header .entry-title a:hover,
.eael-grid-post .entry-title a:hover {
	color: #E8E8E8 !important;
	text-decoration: none !important;
}


/* KORREKTUR: richtige Klasse eael-entry-title (nicht entry-title) */
.eael-entry-title,
.eael-entry-title a {
	font-size: 13px !important;
	color: #FFFFFF !important;
	font-family: 'Poppins', sans-serif !important;
	line-height: 1.3 !important;
	text-decoration: none !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
}

.eael-entry-title a:hover {
	color: #E8E8E8 !important;
	text-decoration: none !important;
}


/* Einheitliche Überschriftgröße (30px) für echte WP-Seitentitel auf Unterseiten (Folgen, Impressum, Datenschutz etc.) */
.entry-title,
.page-title,
.entry-title a {
	font-size: 55px !important;
	font-family: 'Qwigley', cursive !important;
}


/* Überschriftfarbe Unterseiten */
.entry-title,
.entry-title a,
.page-title {
	color: #D9D9D9 !important;
}


/* Kommentarbereich site-weit ausblenden (kein Kommentarfeld gewünscht) */
#comments,
.comments-area,
.ast-comment-list,
.comment-respond {
	display: none !important;
}

/* Sicherheitsnetz: falls doch mal ein Standard-Link auftaucht, unsere Farbe statt Blau/Lila */
.entry-content a:not(.share-icon):not([class*="podcast-meta"]) {
	color: #C99A4B !important;
}


/* Caveat als Google Font laden */
@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;600;700&display=swap');

/* Unterseiten (Folgen, Archiv): keine Unterstreichung bei Links, überall */
.entry-content a,
.site-content a,
.eael-post-grid a,
.podcast-meta-download,
.podcast-meta-new-window,
.share-icon {
	text-decoration: none !important;
}

/* Caveat als eigene Überschriftschrift NUR für Unterseiten (Folgen-Titel, Archiv-Titel, Impressum/Datenschutz) */
.entry-title,
.entry-title a,
.page-title {
	font-family: 'Qwigley', cursive !important;
}


/* Autor/Datum-Zeile unter Beitragstiteln entfernen (irrelevant) */
.entry-meta {
	display: none !important;
}


/* "Datei herunterladen" / "In neuem Fenster abspielen"-Zeile unter dem Player entfernen */
.podcast-meta-download,
.podcast-meta-new-window,
.podcast-meta {
	display: none !important;
}


/* Navigation sticky - bleibt beim Scrollen oben angepinnt */
.site-header,
#masthead {
	position: sticky !important;
	top: 0 !important;
	z-index: 999 !important;
}


/* Ratscherei - Spacing Feinschluff Startseite (Hero + Hauptsections) */
.elementor-element-453868e {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.elementor-element-0bd9608,
.elementor-element-3bef7e2b,
.elementor-element-4f2ef38f,
.elementor-element-6194aad6,
.elementor-element-4234d5d3 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}


/* Ratscherei - Feiner Rahmen fuer Get in Tatsch + Footer Kontakt-Box */
.elementor-element-458c82c8 {
  border: 1px solid #444444 !important;
  padding: 40px !important;
}
.elementor-element-7e5bd76b > .e-con-inner {
  border: 1px solid #444444 !important;
}


/* Ratscherei - Rahmen-Boxen buendig mit Hero-Breite (kompensiert 20px Section-Padding) */
.elementor-element-ae9bee0,
.elementor-element-e227ec7,
.elementor-element-20328a11,
.elementor-element-66a2350c,
.elementor-element-458c82c8 {
  width: calc(100% + 40px) !important;
  max-width: calc(100% + 40px) !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.elementor-element-7e5bd76b > .e-con-inner {
  width: calc(100% + 40px) !important;
  max-width: calc(100% + 40px) !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}


/* Ratscherei - 3 Spalten im Zentraler-Kontakt-Bereich mit feinem Rahmen */
.elementor-element-7e5bd76b > .e-con-inner {
  flex-wrap: nowrap !important;
}
.elementor-element-433e13ad,
.elementor-element-134e58c8,
.elementor-element-29e79541 {
  border: 1px solid #444444 !important;
  padding: 20px !important;
  box-sizing: border-box !important;
  width: 33.333% !important;
  flex: 0 0 33.333% !important;
  max-width: 33.333% !important;
}


/* Ratscherei - Rahmen weiss->schwarz Verlauf, 2px, alle Boxen der Startseite */
.elementor-element-ae9bee0,
.elementor-element-e227ec7,
.elementor-element-20328a11,
.elementor-element-66a2350c,
.elementor-element-458c82c8,
.elementor-element-7e5bd76b > .e-con-inner,
.elementor-element-433e13ad,
.elementor-element-134e58c8,
.elementor-element-29e79541 {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: transparent !important;
  border-image: linear-gradient(to right, #ffffff, #000000) 1 !important;
}

/* Ratscherei - Abstand aussen/innen im Zentraler-Kontakt-Bereich */
.elementor-element-7e5bd76b > .e-con-inner {
  padding: 20px !important;
  gap: 20px !important;
}

/* Ratscherei - Ueberschriften in den 3 Kontakt-Spalten etwas groesser */
.elementor-element-55fc0c81 .elementor-heading-title,
.elementor-element-75861b9b .elementor-heading-title,
.elementor-element-0ddc8aa .elementor-heading-title {
  font-size: 21px !important;
}


/* Ratscherei - Korrektur: Verlauf hellgrau statt weiss, Spaltenbreite an 20px Gap angepasst */
.elementor-element-ae9bee0,
.elementor-element-e227ec7,
.elementor-element-20328a11,
.elementor-element-66a2350c,
.elementor-element-458c82c8,
.elementor-element-7e5bd76b > .e-con-inner,
.elementor-element-433e13ad,
.elementor-element-134e58c8,
.elementor-element-29e79541 {
  border-image: linear-gradient(to right, #D9D9D9, #000000) 1 !important;
}
.elementor-element-433e13ad,
.elementor-element-134e58c8,
.elementor-element-29e79541 {
  width: calc((100% - 40px) / 3) !important;
  flex: 0 0 calc((100% - 40px) / 3) !important;
  max-width: calc((100% - 40px) / 3) !important;
}


/* Ratscherei - Rahmen um Hero-Titelbild und Aktuelle-Folgen-Grid */
.elementor-element-453868e,
.elementor-element-45fccbe {
  border-style: solid !important;
  border-width: 2px !important;
  border-color: transparent !important;
  border-image: linear-gradient(to right, #D9D9D9, #000000) 1 !important;
  box-sizing: border-box !important;
}
.elementor-element-45fccbe {
  padding: 30px !important;
}


/* Ratscherei - Aktuelle-Folgen-Grid auf volle Hero-Breite ausgleichen */
.elementor-element-45fccbe {
  width: calc(100% + 40px) !important;
  max-width: calc(100% + 40px) !important;
  margin-left: -20px !important;
  margin-right: -20px !important;
}


/* Ratscherei - Hero-Rahmen exakt auf Bildhoehe + 30px weiter nach unten */
.elementor-element-453868e {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 30px !important;
}


/* Ratscherei - Fett bei Qwigley-Ueberschriften auf Unterseiten deaktivieren */
.entry-title,
.entry-title a,
.page-title {
  font-weight: 400 !important;
}


/* Ratscherei - Konsistenz der Startseiten-Ueberschriften: Groesse, Gewicht, Farbe */
.elementor-element-55fc0c81 .elementor-heading-title,
.elementor-element-75861b9b .elementor-heading-title,
.elementor-element-0ddc8aa .elementor-heading-title {
  font-size: 40px !important;
  font-weight: 400 !important;
}
.elementor-element-8b79a72 .elementor-heading-title,
.elementor-element-47197d84 .elementor-heading-title {
  color: #C99A4B !important;
}