/*
Theme Name: Twenty Twenty-Five Child
Theme URI:  http://example.com/twentytwentyfive-child
Description: Child-Theme von Twenty Twenty-Five
Author: Dein Name
Author URI: http://example.com
Template: twentytwentyfive
Version: 1.0.0
Text Domain: twentytwentyfive-child
Web DOmain: wp-creativ.de
OK
*/

@import url("../twentytwentyfive/style.css");

/* Hier kannst du deine eigenen CSS-Anpassungen hinzufügen */

/*
*  STYLE Farben
*  #3b88c3 = Blau
*  #ff0000 = Rot / Pao-Yi
*  #7d7d7d = Icons
*  #AAAAAA = Grau Genericons
*/

/* ====== AKTUELL CSS  IN BEARBEITUNG ================ */
/* =================================================== */


/* SITEMAP CSS UND ALLE BOXEN,WIDGETS MIT TERMINEN */
/* 1.0 Sitemap Styles - Minimal wp-creativ Style */
.summit-sitemap {
    margin: 2.5rem 0;
    padding: 0;
}

.summit-sitemap ul {
    list-style: none;
    padding-left: 0;
    margin: 1.5rem 0;
}

.summit-sitemap ul li {
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.summit-sitemap ul li a {
    text-decoration: none;
    color: #3b88c3; /* Originalfarbe beibehalten */
    font-weight: 500;
    padding: 0.8rem 0;
    border-bottom: 1px solid #f0f0f0; /* Originalfarbe beibehalten */
    transition: color 0.2s ease;
    flex-grow: 1;
}

.summit-sitemap ul li a:hover {
    color: #2a6ea7; /* Originalfarbe beibehalten */
}

/* Genericon Icon */
.summit-sitemap ul li .genericon {
    font-weight: 400; /* Gewünschtes Font-Weight */
    text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.1); /* Originalstyling */
    color: #AAAAAA; /* Originalfarbe beibehalten */
    font-size: 32px; /* Originalgröße beibehalten */
    margin-right: 12px; /* Originalabstand beibehalten */
    vertical-align: middle;
    flex-shrink: 0;
}

.summit-sitemap h2 {
    color: #202124; /* Originalfarbe beibehalten */
    margin: 2.5rem 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #e0e0e0; /* Originalfarbe beibehalten */
    font-size: 1.25rem;
    font-weight: 500;
}

/* Responsive Design */
@media screen and (max-width: 768px) {
    .summit-sitemap {
        margin: 2rem 0;
    }
    
    .summit-sitemap ul li a {
        padding: 0.7rem 0;
    }
    
    .summit-sitemap ul li .genericon {
        font-size: 28px; /* Leicht verkleinert für Mobile */
    }
    
    .summit-sitemap h2 {
        font-size: 1.2rem;
        margin: 2rem 0 0.8rem 0;
    }
}


/* 2.0 Erweiterung für weitere Termin New Style * /

/* Weitere Termine - Genericon Styling */


/* Weitere Termine - Genericon Styling */
.weitere-termine .weitere-termin-link {
    position: relative;
    padding-left: 70px;
    min-height: 64px;
    display: flex;
    align-items: center;
}

.weitere-termine .weitere-termin-link .genericon {
    font-weight: 400;
    text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.1);
    color: #AAAAAA;
    font-size: 64px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin-right: 0;
}

.weitere-termine .weitere-termin-link a {
    text-decoration: none;
    color: #3b88c3;
    font-weight: 500;
    display: block;
}

/* Datum speziell stylen */
.weitere-termine .weitere-termin-link .termin-datum {
    font-size: 1.4em; /* 1.3em; 30% größer */
    font-weight: 600;
    color: #2a6ea7; /* Etwas dunkleres Blau */
    display: block;
    margin-top: 2px;
    text-indent: 0; /* Linksbündig erzwingen */
}

/* Responsive für Mobile */
@media screen and (max-width: 768px) {
    .weitere-termine .weitere-termin-link {
        padding-left: 53px;
        min-height: 48px;
    }
    
    .weitere-termine .weitere-termin-link .genericon {
        font-size: 48px;
    }
    
    .weitere-termine .weitere-termin-link .termin-datum {
        font-size: 1.2em; /* Etwas kleiner für Mobile */
    }
}

/**/

/* 3.0 Zusätzliches Styling nur für die Trennlinien und Abstände im Next Summit Widget */
.next-summit-widget .weitere-termine {
    margin: 20px 0;
    padding: 15px 0;
    position: relative;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.next-summit-widget .termin-titel {
    margin-bottom: 15px !important;
}

.next-summit-widget .weitere-termin {
    margin: 10px 0;
}

/* Responsive Anpassungen */
@media screen and (max-width: 768px) {
    .next-summit-widget .weitere-termine {
        margin: 15px 0;
        padding: 10px 0;
    }
    
    .next-summit-widget .termin-titel {
        margin-bottom: 12px !important;
    }
    
    .next-summit-widget .weitere-termin {
        margin: 8px 0;
    }
}


/* ====== END SITEMAP CSS UND ALLE BOXEN,WIDGETS MIT TERMINEN =============================*/


/* ====== END AKTUELL CSS IN BEARBEITUNG ============ */





/*END AUTOLINKS*/
/** TOP SCROLL BUTTON */
#wpfront-scroll-top-container{position:fixed;bottom:20px;right:20px;z-index:1000}





/** SCROLLBAR FARBIG  BROWSERVERSIONEN */

/* Allgemeine Einstellungen für WebKit-Browser (Chrome, Edge, Safari) */
/* Breite und Aussehen des Scrollbalkens */
::-webkit-scrollbar {
    width: 6px; /* Breite des vertikalen Scrollbalkens */
    height: 6px; /* Höhe des horizontalen Scrollbalkens */
}

/* Hintergrund des Scrollbereichs (Track) */
::-webkit-scrollbar-track {
    background: #f1f1f1; /* Helle Farbe für den Track (Hintergrund des Scrollbalkens) */
}

/* Der Scrollbalken selbst (Daumen) */
::-webkit-scrollbar-thumb {
    background: #ff0000; /* Scrollbalken in Rot (#df393b) */
    border-radius: 6px; /* Runde Ecken */
}

/* Hover-Effekt für den Scrollbalken */
::-webkit-scrollbar-thumb:hover {
    background: #b12a2c; /* Etwas dunkleres Rot beim Hover */
}

/* Firefox-spezifische Einstellungen */
/* Farbe und Breite des Scrollbalkens */
html {
    scrollbar-color: #df393b #f1f1f1; /* Daumen in Rot (#df393b), Track in Hellgrau (#f1f1f1) */
    scrollbar-width: thin; /* Dünner Scrollbalken */
}

/*== END SCROLLBALKEN*/

/***********************************/
/* GLOBAL FOCUS OUTLINE REMOVAL */

a:focus, 
a:focus-visible,
button:focus,
button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/***********************************/
/* GEMEINSAME NAVIGATION STYLES FÜR HEADER & FOOTER */

/* Basis-Styles für alle Navigation Links */
.wp-block-navigation-item__content {
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

/* Pipe-Strich vor jedem Link */
.wp-block-navigation-item__content::before {
    content: "|";
    color: #FF0000; /* Rot - Pao-Yi */
    font-size: 0.60em;
    vertical-align: baseline;
    margin-right: 4px;
    transition: color 0.3s, transform 0.3s;
    font-weight: bold;
}

/* Hover-Effekt für Links */
.wp-block-navigation-item__content:hover {
    color: #ff9966;
    text-decoration: none;
}


/***********************************/
/* HEADER SPEZIFISCHE STYLES */

/* Header Link Farbe */
.wp-block-navigation-link .wp-block-navigation-item__content {
    color: #000000; /* oder deine Header-Link-Farbe */
}

/***********************************/
/* FOOTER SPEZIFISCHE STYLES */

/* Footer Link Farbe */
footer .wp-block-navigation-item__content {
    color: #ffffff;
}



/* ======== FAQ Style CSS - wp-creativ Style ========== */
/* =================================================*/
/* ======== FAQ Style CSS - wp-creativ Style ========== */
#wpcreativ-faq {
  width: 100%;
  margin: 40px 0;
  padding: 0;
  font-family: inherit;
}

/* Accordion - Clean Borders Only */
.faq-accordion .faq-item {
  border-bottom: 1px solid #f0f0f0;
  padding: 0;
}

/* Frage-Button - wp-creativ Style */
.faq-question {
  width: 100%;
  text-align: left;
  background: transparent;
  border: none;
  padding: 20px 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  outline: none;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
  color: #202124;
}

/* Plus/Minus Icon - Rot (#AD180A) */
.faq-q-icon {
  margin-left: 16px;
  color: #AD180A;
  flex-shrink: 0;
}

/* Antwort - Schwarz mit Padding und Rahmen */
.faq-answer {
  padding: 16px 20px 24px 20px;
  font-size: 1rem;
  line-height: 1.6;
  color: #000000;
  background: #fafafa;
  /* border-left: 4px solid #424242;*/
	border-left: 3px solid #3b88c3;
	#3b88c3
  border-radius: 0 4px 4px 0;
  margin: 8px 0 0 0;
}

/* Hover Effekt - Sehr subtil */
.faq-question:hover {
  background-color: #f8f9fa;
}

.faq-question:hover .faq-q-icon {
  color: #8a1208;
}

/* Focus Accessibility - KEIN Rahmen mehr beim Anklicken */
.faq-question:focus {
  outline: none; /* Rahmen komplett entfernt */
}

/* Mobile */
@media (max-width: 768px) {
  #wpcreativ-faq { 
    margin: 32px 0;
  }
  
  .faq-question { 
    padding: 18px 0;
    font-size: 1.1rem;
  }
  
  .faq-answer {
    padding: 14px 16px 20px 16px;
    font-size: 0.95rem;
    margin: 6px 0 0 0;
  }
  
  .faq-q-icon {
    margin-left: 12px;
  }
}

/*=== SELEKTIV CSS FAQ EINLEITUNG=============================================== */

/* Einleitung im wp-creativ Style */
.entry-content .alignfull.wp-block-post-content {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
    font-family: inherit;
    line-height: 1.6;
    color: #202124;
}

.entry-content .wp-block-heading {
    color: #202124;
    /*font-size: 2rem;*/
    font-weight: 500;
    margin: 0 0 1.5rem 0;
    line-height: 1.3;
}

.entry-content p {
    font-size: 1.1rem;
    margin: 0 0 1.5rem 0;
    color: #4a4a4a; /* Dunkleres Grau */
    line-height: 1.6;
}

.entry-content p strong {
    color: #202124;
    font-weight: 600;
}

/* Home-Link im wp-creativ Style */
.entry-content .genericon {
    /*color: #AD180A; */
    margin-right: 0.5em;
    vertical-align: middle;
}

/* .entry-content a {
    color: #3b88c3;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
} */

.entry-content a:hover {
    color: #ff0000;
    text-decoration: underline;
}

/* Mobile Anpassungen */
@media (max-width: 768px) {
    .entry-content .alignfull.wp-block-post-content {
        padding: 0 16px;
    }
    
    .entry-content .wp-block-heading {
        /*font-size: 1.75rem;*/
    }
    
    .entry-content p {
        font-size: 1rem;
        color: #4a4a4a; /* Auch auf Mobile dunkleres Grau */
    }
}

/*=======END FAQ =======================================================*/






/* ==============================================*/
/* ====== CSS Fertig Bearbeitet ================ */
/* ==============================================*/

/** DEAKTIVIEREN TEXTAUSWAHL
**  Deaktiviere die Benutzer-Auswahl für den  Inhalt des Body-Elements 
***************************************************************************/
body { user-select: none }


/* ==== Copyright Funktion im Footer - Made with Wordpress === */

/* Copyright Wrapper */
.copyright-text {
    font-size: 0.85em;
    color: #444;
    white-space: nowrap; /* verhindert Zeilenumbruch */
}

/* Link neutral, ohne Unterstrich */
.copyright-text a {
    text-decoration: none;
    color: inherit;
}

/* "Made with"-Block inline halten */
.copyright-text .made-with {
    display: inline;
}

/* Herz-Icon nach Text */
.copyright-text .genericon-heart {
    color: red;
    font-size: 1.2em;          /* etwas größer als Text */
    position: relative;
    top: -2px;                 /* leicht höher setzen */
    margin-left: 0.05em;       /* näher an "WordPress" */
    vertical-align: middle;
    
    /* Pulsation Animation */
    display: inline-block;
    animation: heart-pulse 1.5s infinite;
    transform-origin: center center;
}

/* Herz-Pulsation Keyframes */
@keyframes heart-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); } /* leicht größer */
}

/* Responsive Anpassung */
@media (max-width: 600px) {
    .copyright-text {
        font-size: 0.75em; /* kleiner auf Mobil */
    }
    .copyright-text .genericon-heart {
        font-size: 1em; /* proportional kleiner */
        top: -1px;      /* Höhe anpassen */
    }
}



/* ========================================= */
/* == LISTEN Styling CSS - Global Genericons */

.uwg-checklist {
  list-style: none;
  padding-left: 0;
  margin: 1em 0;
}

.uwg-checklist li {
  display: flex;
  align-items: center;
  margin: 0.3em 0;
  font-size: 1.05em;
}

.uwg-checklist .genericon {
  color: #FF0000;           /* Roto - Pao-Yi */
  font-size: 1.2em;      /* etwas größer als Text */
  margin-right: 0.3em;   /* enger am Text */
  line-height: 1;
}

.uwg-checklist .list-text {
  line-height: 1.3;
}

/***********************************/
/* == H1 HEADLINE UNTERSTRICH */

.wp-block-post-title {
    position: relative;
		margin-bottom:40px;
    display: block;
    width: 100%;
}

.wp-block-post-title::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 0;
    width: 40px;
    height: 1px;
    background-color: #ff0000;
}

/***********************************/
/* == IMAGES CSS */