/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.4.5.1774191172
Updated: 2026-03-22 06:52:52

*/


:root {
  --global-md-spacing: 0.8em ! important;
}

:root :where(
.iaf-form input[type="text"],
.iaf-form input[type="email"],
.iaf-form textarea) {
  font-family: "Courier Prime", monospace ! important;

}

:root :where(.wp-block-pullquote) {
/*  font-size: 1.0em;*/
 line-height: 1.4;
 margin: 0 !important;
}
/*
body,
input,
select,
optgroup,
textarea {
  font-style:normal;
  font-weight:400;
  font-size:1.095rem;
  line-height:1.6em;
  font-family:var(--global-body-font-family);
  color:var(--global-palette4);
}
*/

.wp-block-pullquote {
  box-sizing:border-box;
  margin:0;
  overflow-wrap:break-word;
  padding:0;
 text-align:center
}

/* --- Footer --- */
.site-middle-footer-wrap .site-footer-row-container-inner {
  background:#8aaed3;
  font-style:normal;
  line-height:2;
  color:var(--global-palette4)! important;
  border-top:1px solid var(--global-palette3)! important;
}



/* --- Block Verse --- */

pre
{margin: 1.5em 0 1.5em 0 !important;
  font-family:inherit ! important;
/*  font-size: 1.205rem ! important;*/
  white-space:pre-wrap;
  background:var(--global-palette2)! important;
}

pre.wp-block-verse {
  /*line-height: 1.4em !important;*/
}
pre.wp-block-verse h3 {
  margin:1.5em 0 1.9em 0;
}

pre.wp-block-verse p {
  margin-top: -1.2em
  ! important;
  font-weight: normal;
}

pre.wp-block-verse .fussnote_linie
{ margin-top:5px ! important;
}

.single-content pre {
  background:var(--global-palette9) ! important;
/*  font-size:0.9375rem;*/
  line-height:1.6;
  max-width:100%;
  overflow:auto;
  padding:1.5em;
  white-space:pre-wrap
}


/* --- Zitat --- */
.entry-content blockquote, .entry-content blockquote p, blockquote cite { color: var(--global-palette4); } .entry-content blockquote { margin: 2.8em 0.4em 3.4em 1.4em !important; border-left: 2.8em 1.4em 3.4em 1.8em; border-left: solid 5px;  color: var(--global-palette2);} .entry-content blockquote p { padding-left:0.4em; font-style: italic; }

/* zitatautor font-size: 0.9rem; */
blockquote cite { line-height: 1.4rem; padding-left:5em;  margin:-0.8em 0; color: var(--global-palette4);}
/*--- Zitat ENDE  ---*/


/* --- Beitragsvorspann Initial --- */
.single-content p.has-drop-cap {
 font-weight:bold !important;
 margin-bottom:24px !important;}
}


/* --- Linien für Fußnoten, Buchtipp, Abschnitte --- */
hr-buchtipp {
 height: 1px;
 width: 25%;
 float:left;
 background-color:var(--global-palette2);
 margin: 1.2em 0 0 0;
}

hr-fussnote_linie {
 height: 1px;
 width: 12%;
 float:left;
 background-color:var(--global-palette2);
 margin-top: 12px;
}

hr-pre-fussnote_linie {
 height: 0.5px;
 width: 18%;
 float:left;
 background-color:var(--global-palette2);
 margin: 12px 0 -4px 0;
}

p:after {
 content: "";
 display: block;
 clear: none;
}

hr-abschnitt {
 height: 1px;
 background-color:var(--global-palette2);
}

.wp-block-separator {
  border-top:1px solid;
}

.fussnote_linie /*alt*/ {
  border-bottom:0.5px solid; width:70px;
  margin-top:12px !important;}

.fussnote_absatz,
.fussnote_pre
{
  font-size: 0.8em !important;
  line-height: 20px !important;
  margin: -2px 0 !important;
}

/*-Fußnote  ENDE --- */


/* --- Tooltip  ---*/
/* Tooltip-Grund */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: var(--global-palette2);
  text-decoration: underline dotted;
}
.tooltip-wrapper:hover {
  color:var(--global-palette-highlight-alt);
}

/* Tooltip-Box */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: var(--global-palette2);
 text-decoration: underline dotted;
}

.tooltip-box {
  position: fixed;
/* Fixed für freie Positionierung auf dem Bildschirm */
  background-color: var(--global-palette9);
  color: var(--global-palette2);
  border: 1px solid var(--global-palette2);
  padding: 0.6em 0.8em;
  border-radius: 6px;
  max-width: 320px;          /* flexibel, aber nicht zu breit */
  min-width: 180px;          /* verhindert extrem schmale Box */
  font-size: inherit;
  line-height: 1.4;
  white-space: normal;
  word-wrap: break-word;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out;
  pointer-events: auto;
}

/* Tooltip sichtbar */
.tooltip-box.visible {
  opacity: 1;
  visibility: visible;
}

/* Mobile Optimierung */
/* Tooltip komplett deaktivieren bei schmalen Displays (z. B. Smartphone Hochformat) */
@media (max-width: 480px) and (orientation: portrait) {
  .tooltip-box {
    display: none !important;  /* Tooltip erscheint nicht */
  }
}

/* --- Tooltip ENDE --- */


/* --- Bildunterschrift  */
.wp-block-image figcaption,
.figcaption wp-element-caption, .bu  {
  margin-top: 10px !important;
  line-height: 1.6em !important;
  font-size: 0.8em !important;
  color: #000 !important;
  font-style: italic !important;
  text-align:left !important;
}
.wp-block-embed__wrapper {
  margin-top: 10px;
}
.figcaption2 {
  line-height: 1.6em !important;
  font-size: 0.8em !important;
  color: #000 !important;
  text-align:left !important;
}
/*-- Bildunterschrift ENDE -*/


/* BU-Titelbild */
.has-small-font-size {
  font-size: 0.9375rem !important; }
/*--- BU-Titelbild ENDE ---*/


button,
.button,
.wp-block-button__link,
input[type="button"],
input[type="reset"],
input[type="submit"],
.fl-button,
.elementor-button-wrapper .elementor-button {
  font-style:normal;
  font-weight:600;
  /*font-size:1.2rem;*/
  line-height:1.7;
  text-transform:none;
  padding:2px 20px 4px 20px;
  border:2px solid currentColor;
  border-color:var(--global-palette2);
  box-shadow:0px 15px 25px -7px rgba(239,244,249,0);
}



/*---  Link-Formate ---*/
.comment-navigation a,
.nav-links a,
.comment-navigation a,
.post-navigation a,
.post-navigation a,
.nav-links h3 a
.link-style-offset-background a, .entry-content p a,
.link-style-offset-background a, .entry-content strong>a,
.link-style-offset-background a, .entry-content em>a,
.link-style-offset-background a, .entry-content>ul a,
.link-style-offset-background a, .entry-content>ol a
{
  color: var(--global-palette2) ! important;
  text-decoration:none !important;
  background:none ! important;
}
.entry-related-carousel h3.entry-title a {
  color: var(--global-palette2);
}
.comment-navigation a,
.nav-links a,
.comment-navigation a,
.post-navigation a,
.post-navigation a,
.nav-links h3 a
.link-style-offset-background a, .entry-content p a,
.link-style-offset-background a, .entry-content strong>a,
.link-style-offset-background a, .entry-content em>a,
.link-style-offset-background a, .entry-content>ul a,
.link-style-offset-background a, .entry-content>ol a {
  /*! color: var(--global-palette2) ! important; */
  text-decoration:none ! important;
  background:none ! important;
}
.comment-navigation a:hover,
.nav-links a:hover,
.post-navigation a:hover,
.nav-links h3 a:hover,
.link-style-offset-background, .entry-content p a:hover,
.link-style-offset-background, .entry-content strong>a:hover,
.link-style-offset-background, .entry-content em>a:hover,
.link-style-offset-background, .entry-content>ul a:hover,
.link-style-offset-background, .entry-content>ol a:hover
{
  color: var(--global-palette-highlight-alt) ! important;
  text-decoration:underline dotted;
  background:none;
}

/* -- Link h2 -- */
h2 a {
  color:var(--global-palette2) !important;
 transition:all .1s linear
}

h2 a:hover {
  color: var(--global-palette-highlight-alt) !important;
}
/* -- Link h2 -- ENDE -- */

.entry-related-carousel h3.entry-title a:hover {
  color: var(--global-palette-highlight-alt);
}
.entry-related-carousel h3.entry-title {
  font-size:0.8em ! important;
}
/*-- Link-Formate ENDE -- */

.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
  color:var(--global-palette9);
  text-decoration:none
}


/* -------------------------------------------------
   STABILE BILDGRUNDLAGEN
------------------------------------------------- */

img {
  max-width: 100%;
  height: auto;
}


/* -------------------------------------------------
   KLASSISCHER TEXTUMFLUSS
------------------------------------------------- */

/* Container */

.textflow {
  position: relative;
}


/* Bild */

.flowimg {
  float: left;
  margin: 0.3em 1.4em 0.8em 0;
}

.flowimg::after {
  content: "";
  display: block;
  clear: none;

.flowimg.alignright {
  float: right;
  margin: 0.3em 0 0.8em 1.4em;
}

.flowimg img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}


/* Bildunterschrift */

.flowimg figcaption {
  font-size: 0.85em;
  color: #666;
  margin-top: 0.4em;
  line-height: 1.4;
}


/* Float sauber beenden */

.textflow:after {
  content: "";
  display: block;
  clear: both;
}


/* Mobile */

@media (max-width: 600px) {

  .flowimg {
    float: none;
    display: block;
    margin: 1em auto;
    max-width: 100% !important;
  }

}


.widget-area a:where(:not(.button):not(.wp-block-button__link):not(.wp-element-button)) {
  color: var(--global-palette1);
  text-decoration:none
}


/* -----------------------------------------------------
        RESPONSIVE SPRUNGMARKEN "HÖREN / LESEN 
----------------------------------------------------- */

/* Standard: Wir sind auf dem Smartphone */
.show-desktop {
  display: none; /* Desktop-Text verstecken */
}

.show-mobile {
  display: block; /* Mobile-Text zeigen */
}

/* Ab einer Breite von 768px (Tablet/Desktop) drehen wir es um */
@media screen and (min-width: 768px) {
  .show-desktop {
    display: block; /* Desktop-Text jetzt zeigen */
  }

  .show-mobile {
    display: none; /* Mobile-Text jetzt verstecken */
  }
}



@media screen and (max-width: 428px) {
hr-buchtipp {
 height: 2px;
 width: 50%;
 float:left;
 background-color:var(--global-palette2);
 margin: 1.2em 0 0 0;
}

/* --- Pullquote  blockquote*/
------------------------
.entry-content blockquote {
   margin: 2em 0 2em 0.5em;
  margin:0 !important;
  border-left: 2.8em 1.4em 3.4em 1.8em;
  border-left: solid 5px;  color: var(--global-palette2);
}
wp-block-pullquote {
  padding: 0 !important;
}
wp-block-pullquote blockquote {
  border:0;
  margin:0 auto;
  padding: 0 !important;
  position:relative
}
.wp-block-pullquote blockquote::before {
  position:relative !important;
  left:-0.65em !important;
/*  font-size:200px;*/
  line-height:40px;
  font-family:sans;
  color:var(--global-palette7);
  z-index:0;
content:open-quote;
  top:80px
}
.wp-block-pullquote  blockquote p
{
/*  font-size:0.85em !important;
  line-height:1.6em;*/
  padding:0 !important;
  margin:0 !important;
  text-align:center
}
.wp-block-pullquote blockquote {
  border:0;
  position:relative
  margin:0 !important;
  padding: 0  !important;
}
}
/* --- Pullquote Blockquote ENDE ---*/

@media screen and (max-width: 821px)
{
/* --- Lesezeit --- 
.gb-inside-container,
.gb-container-ff854774 {
/*  font-size: 16px; */
}*/

/* --- Beitragsvorspann Initial --- */
.single-content p.has-drop-cap {
 margin-bottom:24px !important;}

/* --- Verse Blockquote --- */
.entry-content blockquote {
 margin: 2.5em 0 3.0em 0.6em;
}

/* --- Zitat --- */
.entry-content blockquote {
margin: 2.5em 0 1.0em 0.6em;}
}



/* ===== Jokokm Bild-Text-Fluss ===== */

.jokokm-img-text {
  overflow: hidden;
  margin: 1.5em 0;
  line-height: 1.6;
}

.jokokm-figure {
  float: left;
  width: 35%;
  margin: 0 15px 10px 0;
  background: #fafafa;
  padding: 5px;
  border-radius: 4px;
}

.jokokm-figure img {
  width: 100%;
  height: auto;
  display: block;
}

.jokokm-figure figcaption {
  font-size: 0.85em;
  color: #666;
  margin-top: 5px;
}

.jokokm-figure figcaption:empty {
  display: none;
}

.jokokm-right .jokokm-figure {
  float: right;
  margin: 0 0 10px 15px;
}

@media (max-width: 768px) {
  .jokokm-figure {
    float: none !important;
    width: 85%;
    margin: 0 auto 15px auto;
  }
}