@font-face {
  font-display: swap !important;
}

/*----------------------------------------------------------------
Edit The Template Styles Below
----------------------------------------------------------------*/

:root {
  /* Edit Link Colors */
  --color-link: #D0A92E;
  --color-link-hover: #fffff;
	
	/* Edit Quote */
  --color-quote-border: #D4C37B;
	--width-quote-border: 2px;
  --bg-quote: #F6F4ED;
	
	/* Edit Code */
  --color-code-text: #89E3E4;
	--bg-code: #0B0515;

  /* Edit Spacing */
  --space-s: 0.25rem;
  --space-m: 0.75rem;
  --space-l: 1rem;
  --space-xl: 1.25rem;
  --space-xxl: 1.5rem;
	
	/* Edit Image Border Radius */
  --radius-m: 2rem;
	
	/* Edit Link Transition */
  --transition-default: 0.2s ease-in-out;

  /* Edit Typography */
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --font-size-xs: .85rem;
  --font-size-p: 1.15rem;
	--mobile-font-size-p: 1.15rem;
  --font-size-m: 1.5rem;
	--mobile-font-size-m: 1.5rem;
  --font-size-l: 2rem;
	--mobile-font-size-l: 2rem;
  --line-height-body: 1.75em;
  --line-height-heading: 1.25em;
  --line-height-list: 1.2em;
}


/*----------------------------------------------------------------
End of template style editing, do not edit below
----------------------------------------------------------------*/


/* Headings */
.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
  padding-top: var(--space-xxl);
  padding-bottom: var(--space-s);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
}

.post-content h2 {
  font-size: var(--font-size-l);
    font-family: var(--e-global-typography-81b8ef8-font-family), sans-serif !important;
}

.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
  font-size: var(--font-size-m);
            font-family: var(--e-global-typography-81b8ef8-font-family), sans-serif !important;


}

/* Paragraphs */
.post-content p {
  padding-bottom: var(--space-l);
  margin-bottom: 0;
  line-height: var(--line-height-body);
    font-size: var(--font-size-p);
}

/* Links */
.post-content p a {
  color: var(--color-link);
  font-weight: var(--font-weight-medium);
    font-size: var(--font-size-p);
  text-decoration: underline;
  transition: color var(--transition-default);
}

.post-content p a:hover {
  color: var(--color-link-hover);
}

/* Lists */
.post-content ul,
.post-content ol {
    font-size: var(--font-size-p);
  font-weight: var(--font-weight-regular);
  padding-bottom: var(--space-xl);
}

.post-content ul li {
  line-height: var(--line-height-body) !important;
  margin-bottom: var(--space-l);
}

.post-content ol li {
  line-height: var(--line-height-body) !important;
  margin-bottom: var(--space-l);
}

.c-post-meta ul li:nth-child(2) {
  font-weight: var(--font-weight-regular)!important;
}

/* Bilder in normalen Beitragsinhalten */
.post-content img,
.post-content .wp-block-image img,
.entry-content img {
  margin: var(--space-xxl) 0;
  border-radius: 25px !important; /* !important nicht nötig */
      width: 100% !important;
  height: auto;
  display: block;
}

/* Blockquotes */
.post-content blockquote {
  border: var(--width-quote-border) solid var(--color-quote-border);
  margin: 1rem 0;
  padding: var(--space-m) var(--space-l);
  background: var(--bg-quote);
  font-size: var(--font-size-p);
  font-weight: var(--font-weight-regular);
    border-radius: 25px !important;
}

.wp-image-2968 {
    border-radius: 25px !important;
}

.post-content blockquote cite {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
}

.post-content blockquote p {
  padding-bottom: 0;
}

/* Code Blocks */
.post-content .wp-block-code {
  background: var(--bg-code);
  padding: var(--space-xl);
  border-radius: var(--radius-m);
}

.post-content code {
  color: var(--color-code-text);
}

/* Mobile responsiveness */
@media screen and (max-width: 767px) {
  .post-content p {
    font-size: var(--mobile-font-size-p);
  }

  .post-content h2 {
    font-size: var(--mobile-font-size-l);
  }

  .post-content h3, 
  .post-content h4, 
  .post-content h5, 
  .post-content h6 {
    font-size: var(--mobile-font-size-m);
  }
}