@charset "UTF-8";
/*
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.8.1785506381
Updated: 2026-07-31 15:59:41

*/
@font-face {
  font-family: 'Roboto Condensed';
  src: url("fonts/RobotoCondensed-Regular.woff2") format("woff2"), url("fonts/RobotoCondensed-Regular.woff") format("woff"), url("fonts/Roboto_Condensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Roboto Condensed Bold';
  src: url("fonts/RobotoCondensed-Bold.woff2") format("woff2"), url("fonts/RobotoCondensed-Bold.woff") format("woff"), url("fonts/Roboto_Condensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Comic Neue';
  src: url("fonts/ComicNeue-Regular.woff2") format("woff2"), url("fonts/ComicNeue-Regular.woff") format("woff"), url("fonts/ComicNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
/* Mixin-Ersatz: gemeinsame Border-Eigenschaften per Custom Property */
:root {
  --border-color: transparent; }

body {
  font-family: 'Roboto Condensed', Arial, sans-serif;
  color: black;
  background-color: white;
  line-height: 1.9em; }

h1,
h2,
h3 {
  font-family: 'Roboto Condensed Bold', Arial, sans-serif; }

p:empty {
  display: none; }

.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
  padding: 0; }

/* Farbige Raender (Themen-Layout) ------------------------------------ */
/* Kontextabhängige Farben per body:has() */
body:has(#is_header_1),
body:has(#is_header_4) {
  --border-color: #dedc00; }

body:has(#is_header_2) {
  --border-color: #f9b334; }

body:has(#is_header_3) {
  --border-color: #8fd1e4; }

body:has(#is_header_5) {
  --border-color: #909f4a; }

/* Kontextabhängige Basis-Stile */
body:has(#is_header_1) .site-content h1, body:has(#is_header_1) .site-content h2, body:has(#is_header_1) .site-content h3, body:has(#is_header_1) .site-content p, body:has(#is_header_1) .site-content ul,
body:has(#is_header_2) .site-content h1,
body:has(#is_header_2) .site-content h2,
body:has(#is_header_2) .site-content h3,
body:has(#is_header_2) .site-content p,
body:has(#is_header_2) .site-content ul,
body:has(#is_header_3) .site-content h1,
body:has(#is_header_3) .site-content h2,
body:has(#is_header_3) .site-content h3,
body:has(#is_header_3) .site-content p,
body:has(#is_header_3) .site-content ul,
body:has(#is_header_4) .site-content h1,
body:has(#is_header_4) .site-content h2,
body:has(#is_header_4) .site-content h3,
body:has(#is_header_4) .site-content p,
body:has(#is_header_4) .site-content ul,
body:has(#is_header_5) .site-content h1,
body:has(#is_header_5) .site-content h2,
body:has(#is_header_5) .site-content h3,
body:has(#is_header_5) .site-content p,
body:has(#is_header_5) .site-content ul {
  border-left: 5vw var(--border-color) solid;
  border-right: 5vw var(--border-color) solid;
  background-color: white;
  margin-block: 0; }

/* Explizite Klassen (Pflanzn, Tiere, Umwelt, Jagd) */
.border_green_3, .border_orange_3, .border_blue_3, .border_oliv_3, .border_green, .border_orange, .border_blue, .border_oliv {
  border-left: 5vw solid;
  border-right: 5vw solid;
  background-color: white;
  margin-block: 0; }

.border_green_3, .border_orange_3, .border_blue_3, .border_oliv_3 {
  border-bottom: 5vw solid; }

.border_green {
  border-color: #dedc00; }

.border_orange {
  border-color: #f9b334; }

.border_blue {
  border-color: #8fd1e4; }

.border_oliv {
  border-color: #909f4a; }

.border_green_3 {
  border-color: #dedc00 !important; }

.border_orange_3 {
  border-color: #f9b334 !important; }

.border_blue_3 {
  border-color: #8fd1e4 !important; }

.border_oliv_3 {
  border-color: #909f4a !important; }

/* Ausnahmen: Spalten und Comics ohne Border */
.wp-block-column h1, .wp-block-column h2, .wp-block-column h3, .wp-block-column p, .wp-block-column ul,
.comic h1,
.comic h2,
.comic h3,
.comic p,
.comic ul {
  border: none !important;
  background: transparent !important; }

/* Die Links ------------------------------------------------------*/
a:focus,
a:active {
  outline: none !important;
  box-shadow: none !important; }
  a:focus .site-primary-footer-wrap[data-section="section-primary-footer-builder"],
  a:active .site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    background-color: #f9f9f9;
    background-image: none;
    border-style: solid;
    border-width: 0px;
    border-top-width: 1px;
    border-top-color: var(--ast-global-color-subtle-background, --ast-global-color-7); }

a {
  color: black;
  text-decoration: none !important; }

.sound_starter {
  position: absolute;
  right: 0;
  top: 0; }

.entry-content[data-ast-blocks-layout] > figure {
  margin-bottom: 0; }

.entry-content p {
  margin-bottom: 0; }

.illu_center {
  position: absolute; }

.comic,
.comic_l {
  font-family: 'Comic Neue', Arial, sans-serif;
  border: none !important; }

.indent {
  font-family: 'Roboto Condensed Bold', Arial, sans-serif;
  font-size: 5vw;
  padding: 3vw 6vw 3vw 6vw;
  border: none !important; }

/* Header-Bild */
.graepfad-header-image-wrap {
  text-align: center;
  background: white; }

.graepfad-header-image-wrap img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto; }

.site-header-primary-section-left {
  display: none; }

.ast-mobile-header-wrap {
  position: absolute; }

/*
.comic_l {
    font-family: 'Comic Neue', Arial, sans-serif;
    font-size: 5vw;
    padding-left: 6vw;
}*/
.ast-mobile-header-wrap,
.ast-primary-header-bar {
  background: transparent !important;
  border: none !important; }

.ast-desktop-header-content, .ast-mobile-header-content {
  position: absolute;
  width: 100vw; }

:where(.wp-block-columns.is-layout-flex) {
  gap: 1px; }

.squirrel_l {
  margin-left: -10px; }

.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
  background-color: white;
  background-image: none;
  border: none; }

#ast-scroll-top {
  background-color: #6d8c3d; }

.entry-header.ast-no-title {
  display: none; }

/* Footer-Reihe nicht mehr stapeln, sondern nebeneinander */
#colophon .ast-footer-row-mobile-stack .site-primary-footer-inner-wrap.ast-builder-grid-row {
  display: flex;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  justify-content: center;
  gap: 10px; }

/* Die beiden Footer-Sektionen schmal halten */
#colophon .ast-footer-row-mobile-stack .site-footer-section {
  flex: 0 0 auto;
  width: auto;
  margin: 0; }

/* Kein Zeilenumbruch in den Texten */
#colophon .ast-footer-html-1 p,
#colophon .ast-footer-html-2 p {
  margin: 0;
  white-space: nowrap; }

.site-primary-footer-wrap {
  padding-top: 5px;
  padding-bottom: 45px; }

/* Die ul gestalten und anpassen ----------------------------------------------*/
.site-content ul {
  list-style: none;
  padding: 0 2rem; }

.site-content ul li {
  position: relative;
  padding-left: 1.2rem; }

.site-content ul li::before {
  content: "•";
  position: absolute;
  left: 0; }

/*Die Media-Querys ------------------------------------------------------------*/
@media screen and (min-width: 1px) and (max-width: 767.99px) {
  body {
    line-height: 1.9em; }

  /* Schriftgröße & Padding für alle Border-Elemente */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3,
  [class*="border_green"] p,
  [class*="border_orange"] p,
  [class*="border_blue"] p,
  [class*="border_oliv"] p {
    font-size: 5vw;
    padding: 2vw 1vw 2vw 2vw !important; }

  /* Border-Breite für alle Border-Klassen und body:has()-Kontext */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3 {
    border-width: 5vw; }

  body:has(#is_header_1) .site-content h1,
  body:has(#is_header_1) .site-content h2,
  body:has(#is_header_1) .site-content h3,
  body:has(#is_header_1) .site-content p,
  body:has(#is_header_1) .site-content ul,
  body:has(#is_header_2) .site-content h1,
  body:has(#is_header_2) .site-content h2,
  body:has(#is_header_2) .site-content h3,
  body:has(#is_header_2) .site-content p,
  body:has(#is_header_2) .site-content ul,
  body:has(#is_header_3) .site-content h1,
  body:has(#is_header_3) .site-content h2,
  body:has(#is_header_3) .site-content h3,
  body:has(#is_header_3) .site-content p,
  body:has(#is_header_3) .site-content ul,
  body:has(#is_header_4) .site-content h1,
  body:has(#is_header_4) .site-content h2,
  body:has(#is_header_4) .site-content h3,
  body:has(#is_header_4) .site-content p,
  body:has(#is_header_4) .site-content ul,
  body:has(#is_header_5) .site-content h1,
  body:has(#is_header_5) .site-content h2,
  body:has(#is_header_5) .site-content h3,
  body:has(#is_header_5) .site-content p,
  body:has(#is_header_5) .site-content ul {
    border-width: 5vw;
    font-size: 5vw;
    padding: 2vw 1vw 2vw 2vw !important; }

  .comic {
    font-size: 5vw;
    padding: 3vw 6vw 3vw 6vw; }

  .comic_l {
    font-size: 5vw;
    padding-left: 6vw; }

  .sound_starter {
    width: 65vw; }

  .ast-container {
    margin: 0;
    padding: 0; }

  .illu_center {
    width: 80vw;
    left: 10vw;
    margin-top: -15vw; }

  .ast-desktop-header-content, .ast-mobile-header-content {
    margin-top: 9vw; }

  [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 40px;
    height: 40px;
    fill: #6d8c3d;
    margin-top: -25px;
    margin-left: -25px; }

  .graepfad-header-image-wrap {
    margin-bottom: 5px; } }
@media screen and (min-width: 768px) and (max-width: 991px) {
  body {
    line-height: 2.9em; }

  /* Schriftgröße & Padding für alle Border-Elemente */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3,
  [class*="border_green"] p,
  [class*="border_orange"] p,
  [class*="border_blue"] p,
  [class*="border_oliv"] p {
    font-size: 4vw;
    padding: 2vw 1vw 2vw 2vw !important; }

  /* Border-Breite für alle Border-Klassen und body:has()-Kontext */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3 {
    border-width: 5vw; }

  body:has(#is_header_1) .site-content h1,
  body:has(#is_header_1) .site-content h2,
  body:has(#is_header_1) .site-content h3,
  body:has(#is_header_1) .site-content p,
  body:has(#is_header_1) .site-content ul,
  body:has(#is_header_2) .site-content h1,
  body:has(#is_header_2) .site-content h2,
  body:has(#is_header_2) .site-content h3,
  body:has(#is_header_2) .site-content p,
  body:has(#is_header_2) .site-content ul,
  body:has(#is_header_3) .site-content h1,
  body:has(#is_header_3) .site-content h2,
  body:has(#is_header_3) .site-content h3,
  body:has(#is_header_3) .site-content p,
  body:has(#is_header_3) .site-content ul,
  body:has(#is_header_4) .site-content h1,
  body:has(#is_header_4) .site-content h2,
  body:has(#is_header_4) .site-content h3,
  body:has(#is_header_4) .site-content p,
  body:has(#is_header_4) .site-content ul,
  body:has(#is_header_5) .site-content h1,
  body:has(#is_header_5) .site-content h2,
  body:has(#is_header_5) .site-content h3,
  body:has(#is_header_5) .site-content p,
  body:has(#is_header_5) .site-content ul {
    border-width: 5vw;
    font-size: 4vw;
    padding: 2vw 1vw 2vw 2vw !important; }

  .comic {
    font-size: 4vw;
    padding: 3vw 6vw 3vw 6vw; }

  .comic_l {
    font-size: 4vw;
    padding-left: 6vw; }

  .sound_starter {
    width: fit-content; }

  footer p {
    font-size: 3vw; }

  .ast-container {
    margin: 0;
    padding: 0; }

  .illu_center {
    width: 90vw;
    left: 5vw;
    margin-top: -15vw; }

  .graepfad-header-image-wrap {
    margin-bottom: 5px; }

  .ast-desktop-header-content, .ast-mobile-header-content {
    margin-top: 19.5vw;
    font-size: 2.7vw; }

  [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 60px;
    height: 60px;
    fill: #6d8c3d;
    margin-top: -5px;
    margin-left: -5px; } }
@media screen and (min-width: 992px) {
  header {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto; }

  body {
    line-height: 2.9em; }

  .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,
  .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,
  .ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #6d8c3d !important; }

  .ast-builder-menu-1 .menu-link:hover,
  .ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,
  .ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover,
  .ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle {
    color: #6d8c3d !important; }

  .sub-menu {
    border: none !important; }

  .dropdown-menu-toggle,
  .icon-arrow {
    display: none; }

  .comic {
    font-size: 2.2vw;
    padding: 3vw 6vw 3vw 6vw; }

  .comic_l {
    font-size: 2.2vw;
    padding-left: 6vw; }

  .indent {
    font-size: 2.2vw; }

  .sound_starter {
    width: nd; }

  footer p {
    font-size: 2em;
    padding-left: 2em;
    padding-right: 2em; }

  .illu_center {
    width: 90vw;
    left: 5vw;
    margin-top: -15vw; }

  .graepfad-header-image-wrap {
    margin-bottom: 5px; }

  .illu_center {
    left: 395px;
    margin-top: -5em;
    width: 444px; }

  /* Schriftgröße & Padding für alle Border-Elemente */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3,
  [class*="border_green"] p,
  [class*="border_orange"] p,
  [class*="border_blue"] p,
  [class*="border_oliv"] p {
    font-size: 2.2em;
    padding: 2vw 1vw 2vw 2vw !important; }

  /* Border-Breite für alle Border-Klassen und body:has()-Kontext */
  .border_green,
  .border_orange,
  .border_blue,
  .border_oliv,
  .border_green_3,
  .border_orange_3,
  .border_blue_3,
  .border_oliv_3 {
    border-width: 2.5vw; }

  body:has(#is_header_1) .site-content h1,
  body:has(#is_header_1) .site-content h2,
  body:has(#is_header_1) .site-content h3,
  body:has(#is_header_1) .site-content p,
  body:has(#is_header_1) .site-content ul,
  body:has(#is_header_2) .site-content h1,
  body:has(#is_header_2) .site-content h2,
  body:has(#is_header_2) .site-content h3,
  body:has(#is_header_2) .site-content p,
  body:has(#is_header_2) .site-content ul,
  body:has(#is_header_3) .site-content h1,
  body:has(#is_header_3) .site-content h2,
  body:has(#is_header_3) .site-content h3,
  body:has(#is_header_3) .site-content p,
  body:has(#is_header_3) .site-content ul,
  body:has(#is_header_4) .site-content h1,
  body:has(#is_header_4) .site-content h2,
  body:has(#is_header_4) .site-content h3,
  body:has(#is_header_4) .site-content p,
  body:has(#is_header_4) .site-content ul,
  body:has(#is_header_5) .site-content h1,
  body:has(#is_header_5) .site-content h2,
  body:has(#is_header_5) .site-content h3,
  body:has(#is_header_5) .site-content p,
  body:has(#is_header_5) .site-content ul {
    border-width: 2.5vw;
    font-size: 2.2rem;
    padding: 2vw 1vw 2vw 2vw !important; }

  .ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: 30px; }

  .main-header-menu .sub-menu .menu-link {
    padding: 3px 12px 3px 18px !important; } }
/*Navigation unsichtbar temporaer*/
.ast-builder-menu-1,
#ast-mobile-header {
  display: none !important; }

/*# sourceMappingURL=style.css.map */