/*
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
*/


/*--------------------------------------------------------------
>>> INHALT:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Kommentare
15.0 Widgets
16.0 Media
   16.1 Bilder umfließende Texte
   16.2 Galleries
17.0 Tooltip
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/


/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

/* -----------------------------------------------------------
   ROOT
--------------------------------------------------------------*/

/*
:root {
  --global-gray-400: #CBD5E0;
  --global-gray-500: #A0AEC0;
  --global-xs-spacing: 1em;
  --global-sm-spacing: 1.5rem;
  --global-md-spacing: 1rem;
  --global-lg-spacing: 2.5em;
  --global-xl-spacing: 3.5em;
  --global-xxl-spacing: 5rem;
  --global-edge-spacing: 1.5rem;
  --global-boxed-spacing: 2rem;
  --global-font-size-small: clamp(0.8rem, 0.73rem + 0.217vw, 0.9rem);
  --global-font-size-medium: clamp(1.1rem, 0.995rem + 0.326vw, 1.25rem);
  --global-font-size-large: clamp(1.75rem, 1.576rem + 0.543vw, 2rem);
  --global-font-size-larger: clamp(2rem, 1.6rem + 1vw, 2.5rem);
  --global-font-size-xxlarge: clamp(2.25rem, 1.728rem + 1.63vw, 3rem)
}
*/

: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;
}

:root {
  --global-md-spacing: 1.25rem ! important;
}

/*--------------------------------------------------------------
2.0 Accessibility (Zugänglichkeit)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.0 Alignments (Angleichung)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Clearings (Säuberung)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------
.single-content h1,
.single-content h2,
.single-content h3,
.single-content h4,
.single-content h5,*/
.single-content h2 {
  margin:1.5em 0 1.2em !important;
}

.single-content h2 {
  margin:2.5em 0 1.2em !important;
}

.buchbeschr {
	font-size:14px !important;
	line-height: 1.4 !important;
}


/* Initial im 1. Absatz  

.has-drop-cap  {
  font-family: "Libre Franklin", Light 300 ! important;
}*/

.has-drop-cap:not(:focus)::first-letter {
    font-weight: 500;
    position: relative;
    line-height: .68; 
    margin-top: 7px;
}



/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
7.0 Formatting (Formatierung)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

.wp-block-kadence-advancedbtn .kb-btn25141_1d0974-8a.kb-button {
  color:var(--global-palette9, #2B6CB0);
  background:var(--global-palette1, #ffffff);
  border:0px;
  /*! border-right:2px solid var(--global-palette2, #2B6CB0); *//*! border-bottom:2px solid var(--global-palette2, #2B6CB0); *//*! border-left:2px solid var(--global-palette2, #2B6CB0); */
}

.link-style-color-underline .entry-content p a,
.link-style-color-underline .entry-content strong>a,
.link-style-color-underline .entry-content em>a,
.link-style-color-underline .entry-content>ul a,
.link-style-color-underline .entry-content>ol a,
.link-style-color-underline .entry-content .wp-block-group ul a,
.link-style-color-underline .entry-content .wp-block-group ol a {
  color:var(--global-palette2, #2B6CB0) !important; */inherit - text-decoration:underline;*/
  text-decoration-color:var(--global-palette-highlight)
}


/*
.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-link-style-underline_hover a:hover {
  text-decoration:underline;
  text-decoration-thickness: 5px;
}
.link-style-color-underline .entry-content p a:hover,
.link-style-color-underline .entry-content strong>a:hover,
.link-style-color-underline .entry-content em>a:hover,
.link-style-color-underline .entry-content>ul a:hover,
.link-style-color-underline .entry-content>ol a:hover,
.link-style-color-underline .entry-content .wp-block-group ul a:hover,
.link-style-color-underline .entry-content .wp-block-group ol a:hover {
  text-decoration-color:var(--global-palette-highlight-alt);
  text-decoration-thickness: 5px;
}

a:hover {
  text-decoration-thickness: 5px !important;
}*/


.kb-table-of-content-nav.kb-table-of-content-idd1416a-b0 .kb-table-of-content-wrap .kb-table-of-content-list .kb-table-of-contents__entry:hover, a:hover {
  color:var(--global-palette2, #2B6CB0);
  text-decoration-thickness: 5px !important;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

/* Haupttitel (Titel über Bild) */
#block-c8dcbb27-94f5-4a5a-bc44-e72376c3fa2f {
  font-size: 24px ! important;
  line-height: 1.4 ! important;
  white-space: pre-wrap;
}


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

/* Menü */
.header-navigation .header-menu-container ul ul li.menu-item > a {
  width:px;
  padding: .4em .6em .4em .9em ! important;
  color:var(--global-palette4);
  font-style:normal;
  font-size:14px;
}

.main-navigation .primary-menu-container > ul li.menu-item > a {
  font-style:normal;
  font-weight:normal;
  font-size:14px;
  letter-spacing:0px;
}

/* Submenü */
.header-navigation ul ul.sub-menu,
.header-navigation ul ul.submenu {
  display:none;
  position:absolute;
  top:100%;
  flex-direction:column;
  background:#fff;
  margin:0.5em 0 0 2em;
  box-shadow:0 2px 13px rgba(0,0,0,.1);
  z-index:1000
}


/* ******************************** */
.menu-zweizeilig  {
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
    line-height: 1.2em !important;
    max-width: 16.6em;
}

.menu-zweizeilig .menu-label {
  font-style:italic;
  font-weight:bold;
  line-height: 1.2em !important;
  margin-top: 0.15em;
}

.menu-zweizeilig .menu-title {
  font-style:normal;
  margin-top: 0.15em;
  line-height: 1.2em !important;
}

/* ******************************** */


/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.loop-entry.type-post h2.entry-title {
  font-style:normal;
  font-size:20px;
  line-height:1.25;
  letter-spacing:0em;
  color:var(--global-palette2);
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
14.0 Kommentare
--------------------------------------------------------------*/

.komm h2 {
  margin: 0.6em !important;
}
.komm p {
  font-size:14px !important;
  line-height: 1.4 !important;
  margin-bottom: 0.6em !important;
}  

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

.kb-table-of-content-nav .kb-table-of-content-wrap .kb-table-of-content-list { padding-left:1.0em !important; list-style:none !important; }

.sidebar-inner-wrap {
    top: 50px !important;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------

.entry-content > p:nth-child(22) > img:nth-child(1) {
  float:left;
  margin:7px 35px 25px -20px;
}
*/


.blocks-gallery-caption figcaption,
.wp-block-embed figcaption,
.wp-block-image figcaption,
.wp-block-table figcaption,
.wp-block-audio figcaption,
.wp-block-video figcaption,
.wp-element-caption {
  color:var(--global-palette5) !important;
  font-size:80% !important;
  font-style:italic !important;
  text-align:right !important;
}

/*--------------------------------------------------------------
16.1 Bilder umfließende Texte
--------------------------------------------------------------
.float-image-left {
    float: left;
    width: 40%;
    margin: 30px 35px 0 -20px;
}

.float-image-left img {
    width: 100%;
    height: auto;
    display: block;
}

/*  ****  Optional: auf Mobilgeräten sauber umbrechen  ****  */
@media (max-width: 768px) {
    .float-image-left {
        float: none;
        width: 100%;
        margin: 0 0 20px 0;
    }
}

/*  ****  Bildumfluss nur auf Desktop  ****  */
.float-image-left,
.float-image-right {
    width: 42%;
}

@media (min-width: 769px) {

    .float-image-left {
        float: left;
        margin: -4px 30px 0px 0px;
    }

    .float-image-right {
        float: right;
        margin: 10px -20px 0px 38px;
    }
}

@media (max-width: 768px) {

    .float-image-left,
    .float-image-right {
        float: none;
        width: 100%;
        margin: 25px 0;
    }
}

/*--------------------------------------------------------------
16.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
16.3 Bildunterschrift
--------------------------------------------------------------*/

/* Custom Caption Styling */
.custom-caption {
    /* --- Einstellbare Parameter --- */
    --caption-bg-color: #f9f9f9;       /* Hintergrundfarbe */
    --caption-text-color: #555555;     /* Textfarbe */
    --caption-border-color: #e0e0e0;   /* Farbe der Akzentlinie */
    --caption-font-size: 0.9rem;       /* Schriftgröße */
    --caption-max-width: 600px;        /* Maximale Breite */
    
    /* --- Layout & Design --- */
    margin: 1.5em auto;                /* Abstand oben/unten, zentriert */
/*     padding: 15px 20px;                Innenabstand
       background-color: var(--caption-bg-color); */
    color: var(--caption-text-color);
    font-size: var(--caption-font-size);
    font-style: italic;                /* Typisch für Bildunterschriften */
    line-height: 1.5;
/*     max-width: var(--caption-max-width); */
    
    /* Akzentlinie links (optional)
       border-left: 4px solid var(--caption-border-color); */
    
    /* Abgerundete Ecken
       border-radius: 4px; */
    
    /* Schatten für Tiefe
       box-shadow: 0 2px 4px rgba(0,0,0,0.05); */
    
    /* Damit es sich wie ein Block verhält */
    display: block;
    clear: both;
}

/* Responsive Anpassung für mobile Geräte */
@media (max-width: 600px) {
    .custom-caption {
        margin: 1em 10px;
        font-size: 0.85rem;
    }
}

/* --- Bildunterschrift  */
.bu-links  {
  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;
}
.bu-rechts  {
  margin-top: 10px !important;
  line-height: 1.6em !important;
  font-size: 0.8em !important;
  color: #000 !important;
  font-style: italic !important;
  text-align: right !important;
}


/*--------------------------------------------------------------
17.0 Tooltip
--------------------------------------------------------------*/

/* --- Tooltip  ---*/
/* Tooltip-Grund */
.tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: var(--global-palette2);
  text-decoration: normal;
}
.tooltip-wrapper:hover {
  color:var(--global-palette2);
  text-decoration-thickness: 5px !important;
}

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

.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: 0.895rem !important;
  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;
  text-decoration: none;
}

/* 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 --- */


/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/



/* -------------------------------------------------
   BEITRAGSSEITEN
------------------------------------------------- */



/* -----  Zitat  -----*/

.entry-content blockquote { color: var(--global-palette2) !important; margin: 2.8em 0.4em 3.4em 1.4em !important; border-left: solid 5px !important;  padding-left:1.5em !important; font-size: 1.055rem !important; font-style: italic !important; }

/* zitatautor */
blockquote cite { font-weight: 400 !important; font-size: 0.9rem !important; line-height: 1.4rem !important; padding-left:5em !important; color: var(--global-palette2) !important; font-style: normal !important;}

.wp-block-spacer {
  /*! clear:both; */
}

div.wp-block-spacer:nth-child(41) {
  /*! height:24px; */
}

/* -----  Zitat ENDE  -----*/



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

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

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

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

/*-Fußnote  ENDE ---  margin: -2px 0 !important;
 */


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

pre {
  background:var(--global-palette7) !important;
  font-family:inherit !important;
  font-size:.9375rem !important;
  line-height:1.4em !important;
  max-width:100%;
  margin: 1.5em 0 1.5em 0 !important;
  overflow:auto;
  padding:1.5em;
  white-space:pre-wrap
}
/*
pre
{ margin: 1.5em 0 1.5em 0 !important;
  font-size: 1.205rem ! important;
  white-space:pre-wrap;
  background:var(--global-palette2)! important;
}*/

pre.wp-block-verse {
  line-height: 1.5em !important;
  border-width:2px !important;
  border-color: var(--wp--preset--color--theme-palette-2) !important;
}

.has-theme-palette-2-border-color {
  border-color: var(--wp--preset--color--theme-palette-2) !important; 
}

pre.wp-block-verse h3 {
  margin:1.5em 0 1.9em 0;
}

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

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

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



/* ----------------  Kommentarfeld  ------------- */
.comment-form-comment textarea {
    height: 180px !important;
}

/* -------------------------------------------------
   SCROLL-NAVIGATION
------------------------------------------------- */
.panel-image {
    background-attachment: fixed !important;
}

/* -------------------------------------------------
   Styling für die 3 Footer-Spalten
------------------------------------------------- */

@media screen and (min-width: 48em) {
    .custom-three-column-footer {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }
    .custom-three-column-footer .widget-column {
        flex: 1;
        min-width: 250px;
    }
}

/* Verhindert Abstände der entfernten Werbezeile */
.site-footer {
    padding-bottom: 1em;
}

/* Hintergrund und Abstände des gesamten Footers anpassen */
.site-footer {
    background-color: #f7f7f7; /* Haupt-Hintergrundfarbe Footer */
    padding-top: 5px;
    padding-bottom: 5px; /* Verringert die Höhe unten */
}

/* Styling der neuen Bottom-Bar */
.footer-bottom-bar {
    background-color: #eeeeee; /* Eigene Farbe für die Copyright-Zeile */
    padding: 15px 0;
    margin-top: 30px;
    font-size: 0.85rem;
    color: #666;
}

.footer-bottom-bar .wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Responsive: Auf dem Handy untereinander stapeln */
@media screen and (max-width: 48em) {
    .footer-bottom-bar .wrap {
        flex-direction: column;
        text-align: center;
        gap: 10px;
    }
}

/* Links im Footer stylen */
.footer-links-right a {
    color: #fff;
    text-decoration: none;
    margin: 0 5px;
}

.footer-links-right a:hover {
    text-decoration: underline;
}

/* 1. Die Bottom-Bar über die volle Breite */
.footer-bottom-bar {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-color: #333333; /* HIER DEINE HEADER-FARBE EINTRAGEN */
    color: #ffffff;
    padding: 15px 0;
}

/* Inhalt in der Bottom-Bar ausrichten */
.footer-bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* 2. Die 3 Footer-Spalten individuell steuern */
@media screen and (min-width: 48em) {
    .custom-three-column-footer {
        display: flex;
        justify-content: flex-start; /* Links ausgerichtet */
        gap: 0; /* Wir steuern Abstände über Margin */
    }

    /* Breite der einzelnen Spalten */
    .footer-widget-1 { width: 250px; margin-right: 50px; } /* Abstand zu Footer 2 */
    .footer-widget-2 { width: 300px; margin-right: 80px; } /* Abstand zu Footer 3 */
    .footer-widget-3 { width: 200px; }
}

/* 3. "Andocken" am unteren Rand (Sticky Footer) */
/* Falls die Seite zu kurz ist, bleibt der Footer unten */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#page {
    flex: 1;
}

/* Links in der dunklen Bar weiß machen */
.footer-links-right a {
    color: #fff;
    text-decoration: none;
}