/*
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
*  #AD180A = Rot
*  #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 ============ */




/* LINKS Classen Auto Funktion Genericon */

/* Basis-Link */
a.linkintern,
a.extern {
  text-decoration: none;
  display: inline-flex;
  align-items: baseline;
  gap: 0.05em;
  flex-wrap: wrap;
}

/* Icon 1: intern rot */
a.linkintern .link-icon1 {
  font-family: Genericons !important;
  color: #AD180A !important;    /* garantiert Rot */
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}

/* Icon 2: extern schwarz */
a.extern .link-icon2 {
  font-family: Genericons !important;
  color: #000000 !important;    /* garantiert Schwarz */
  font-size: 12px;
  line-height: 1;
  flex-shrink: 0;
}

/* Linktext */
a.linkintern .link-text,
a.extern .link-text {
  text-decoration: underline;
  display: inline;
}

/* Mobile Anpassungen */
@media (max-width: 480px) {
  a.linkintern .link-icon1 { font-size: 10px; color: #AD180A !important; }
  a.extern .link-icon2 { font-size: 10px; color: #000000 !important; }
}

@media (min-width: 481px) and (max-width: 767px) {
  a.linkintern .link-icon1 { font-size: 11px; color: #AD180A !important; }
  a.extern .link-icon2 { font-size: 11px; color: #000000 !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  a.linkintern .link-icon1 { font-size: 12px; color: #AD180A !important; }
  a.extern .link-icon2 { font-size: 12px; color: #000000 !important; }
}




/*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: #AD180A; /* 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 */
}



/* Dynamic Hashtags */

.hashtags-container { margin: 25px 0;text-align: center; /* Zentriert den Inhalt horizontal */ }
.hashtag-row { margin-bottom: 5px; }
.hashtag { color: #3b88c3; margin-right: 8px; }  /*#0073aa*/

/*****************************************************************************************************************/
/* ======== BUTTON CTA Call to Action für die Seite mit den Terminen | Bild und Anmeldebutton ================== */

.cta-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding: 16px 16px 16px 6px !important;
    background-color: #ffffff !important; /* Rein weiß */
    color: #262626 !important;
    font-size: 1.9rem !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    transition: all 0.2s ease !important;
    margin: 30px 0 !important;
}

.cta-button:hover {
    background-color: rgba(0, 0, 0, 0.07) !important; /* Erst beim Hovern leicht grau */
    color: #262626 !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    transform: translateY(-1px) !important;
    border-color: rgba(0, 0, 0, 0.2) !important;
}

.cta-button:active {
    background-color: rgba(0, 0, 0, 0.12) !important; /* Etwas dunkler beim Klicken */
    transform: translateY(0) !important;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
}

/* Icon */
.cta-button .genericon {
    font-size: 1.9em !important;
    color: #666 !important;
    pointer-events: none !important;
    margin-right: 0.1em !important;
}


/* ======== 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 - Wirkt sich Global aus =============================================== */

/* 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: 25px 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: #2a6ea7;
    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 für die Termine Ohne Bild */

/* Container für die Terminliste */
.seminar-termine-liste {
    margin: 2em 0;
    padding: 0;
}

/* Einzelner Termin */
.seminar-termin {
    padding: 1em 0;
    border-bottom: 1px solid #ddd; /* Trennlinie */
}

/* Letzter Termin bekommt keine Linie */
.seminar-termin:last-child {
    border-bottom: none;
}

/* Titel des Termins mit rotem Unterstrich */
.seminar-termin .termin-titel {
    position: relative;
    display: inline-block;
    padding-bottom: 10px; /* Abstand unter dem Text vergrößert */
    font-size: 1.2em;
    font-weight: bold;
}

/* Unterstrich */
.seminar-termin .termin-titel::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;         /* Länge des Strichs */
    height: 2px;         /* Dicke reduziert */
    background-color: #AD180A; /* Rot */
}

/* CSS BILD TERMINE */

/* ====== Seminar-Termine Bilder wp-creativ-Style) ====== */
.termin-bild {
    margin: 0 0 1.5rem 0;
}

.termin-bild img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 12px; /* sanfte Ecken, wp-creativ-Style */
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); /* leichter Shadow */
    object-fit: cover; /* sorgt für gleichmäßige Darstellung */
}



/* Hover-Effekt für Desktop */
.termin-bild img:hover {
    transform: scale(1.02);
}

/*******************************************************************************/
/* Weitere Termine -CSS-Vorschlag für kleine quadratische Bilder und Trennung: */
/* Muss noch optimiert werden... Vorsicht beim Löschen - Erweiterung für die HMTL Sitemap beachten
** Eventuell Redundante Formatierung Überprüfen bitte - Notiz vom 20.09.2025*/
/*******************************************************************************/

.weitere-termine {
    margin-top: 30px;
}

.weitere-termin {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

.weitere-termin:last-child {
    border-bottom: none;
}

.weitere-termin-bild {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
}

/* Weitere Termine Links*/


/*.weitere-termin-link {
    font-size: 16px; /* größer als Standard, kann nach Belieben angepasst werden */
}*/

.weitere-termin-link .rote-pfeil {
    color: #d32f2f; /* Pfeil rot */
    margin-right: 5px;
    font-size: 1em; /* gleich groß wie Text */
}

.weitere-termin-link a {
    color: inherit; /* Linkfarbe Standard */
    text-decoration: none;
    /*font-weight: 600;*/
}

.weitere-termin-link a:hover {
    text-decoration: underline;
}

/* ERGÄNZUNG WEITERE TERMIEN LINKS - KEIN RAHMEN BEI KLICK AUF DAS BILD */

.weitere-termin a {
    outline: none;
    box-shadow: none;
}

.weitere-termin a img {
    border: none;
    outline: none;
}



/* WORDPRESS LISTEN - PUNKTE UND EINRÜCKUNG */

.wp-block-list {
    list-style: none; /* keine Aufzählungszeichen */
    padding-left: 10px; /* Einrückung links */
    margin-left: 0; /* Standardmargin entfernen */
}

.wp-block-list li {
    margin-bottom: 8px; /* Abstand zwischen den Punkten */
}

/* LINKS LEISTUNGSBESCHREIBUNG ANMELDESEITE */
.termin-leistung a {
    text-decoration: none !important;  /* Unterstrich entfernen, auch wenn Theme es überschreibt */
    color: inherit;
    transition: color 0.3s;
}

.termin-leistung a:hover {
    color: #0073e6 !important;        /* Mouseover-Farbe */
}





/* =============================
   Terminboxen Styling Genericons
   ============================= */

/* Grund-Layout der Terminzeilen - keine Schriftgröße setzen */
.termin-datum,
.termin-uhrzeit,
.termin-dauer,
.termin-preis,
.termin-status {
    margin-bottom: 8px;        /* Abstand zwischen den Zeilen */
    line-height: 1.4;          /* optional, Platz zwischen Icon und Text */
    color: inherit;            /* Textfarbe vom Theme übernehmen */
}

/* Icons Styling - doppelt so groß, blau */
.termin-datum .genericon,
.termin-uhrzeit .genericon,
.termin-dauer .genericon,
.termin-preis .genericon,
.termin-status .genericon {
    display: inline-block;      
    color: #AAAAAA;   /*#dbdbdb; /*#3b88c3;*/            
    font-size: 1.5em;  /*2em*/           /* doppelt so groß wie Text */
    margin-right: 0.2em;        
    vertical-align: middle;     
}

/* <strong> Labels etwas hervorheben, Schriftgröße bleibt unverändert */
.termin-datum strong,
.termin-uhrzeit strong,
.termin-dauer strong,
.termin-preis strong,
.termin-status strong {
    font-weight: 600;           
}

/* Mobile-Optimierung */
@media (max-width: 480px) {
    .termin-datum .genericon,
    .termin-uhrzeit .genericon,
    .termin-dauer .genericon,
    .termin-preis .genericon,
    .termin-status .genericon {
        font-size: 1.5em;      /* proportional kleiner auf Mobil */
        margin-right: 0.25em;
    }
}

/*
*  Genericons Teil 02 Leistungsbeschreibung
*/


.termin-leistung .genericon {
    display: inline-block;      
    color: #AD180A;             /* Icon-Farbe (rotbraun) */
    font-size: 1.5em;           /* größer als Text */
    margin-right: 0.2em;        
    vertical-align: middle;     
}

/* Links immer schwarz halten */
.termin-leistung a {
    color: #000 !important;     /* schwarz */
    text-decoration: none;      
    font-weight: 600;           /* etwas betonter Text */
    outline: none !important;   /* Entfernt den Fokus-Rahmen */
}

.termin-leistung a:hover,
.termin-leistung a:focus,
.termin-leistung a:visited {
    color: #000 !important;     /* bleibt schwarz, auch bei Hover & Visited */
    text-decoration: underline; /* optional: nur underline als Hover-Effekt */
    outline: none !important;   /* Stellt sicher, dass auch in diesen Zuständen kein Rahmen erscheint */
}

/* 03 Genericons EMAil */

.contact-email .genericon-mail {
    color: #AAAAAA;
    font-size: 1.5em;
    line-height: 1;
    vertical-align: middle;
    margin-right: 0.3em;
    display: inline-block;
}


/*
TEST alle Genericons EInheitlich
*/

.genericon-help:before {
    content: '\f223' !important;
    color: #df393b !important;
    display: inline-block !important;
    -webkit-font-smoothing: antialiased !important;
    font: normal 24px/1 Genericons !important;
    vertical-align: middle !important;
    margin-right: 10px !important;
}





/* ===  SVG Icons Update 29.09.2025 === */

/* Wrapper für H2 mit Icon */
.uwg-h2 {
    display: flex;                 /* Icon + Text nebeneinander */
    align-items: center;
    gap: 0.3em;                    /* Abstand Icon ↔ Text */
    margin-bottom: 0.5em;            /* Abstand nach unten */
    font-size: 2rem;               /* Standard H2-Größe */
    line-height: 1.3;
}

/* Icon-Grundstil */
.h2-icon {
    width: 24px;
    height: 24px;
    color: #3b88c3; /* WordPress-Blau */
    flex-shrink: 0; /* verhindert Verzerrung */
}

/* Text im H2 */
.uwg-h2 .h2-text {
    display: inline-block;
}

/* Tablet */
@media (max-width: 768px) {
    .uwg-h2 {
        font-size: 1.5rem;
        margin-bottom: 0.5em;       /* etwas weniger Abstand */
    }

    .h2-icon {
        width: 20px;
        height: 20px;
    }
}

/* Smartphone */
@media (max-width: 480px) {
    .uwg-h2 {
        font-size: 1.3rem;
        margin-bottom: 0.5em;       /* engerer Abstand */
    }

    .h2-icon {
        width: 18px;
        height: 18px;
    }
}









/* ==== TESTAREA CSS === */

/* SEITENTITEL Anmeldung Event mit ICON */
.event-title {
  display: flex;
  align-items: center;     /* Icon vertikal mittig ausgerichtet */
  gap: 20px;               /* mehr Abstand zwischen Icon und Text */
  margin-bottom: 36px;
}

.event-icon {
  flex-shrink: 0;
  width: 96px;   /* vorher 48px → jetzt größer */
  height: 96px;
}

.event-text {
  display: flex;
  flex-direction: column;  /* zwei Zeilen */
}

.event-main {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.3;
}

.event-date {
  font-size: 1.4rem;
  color: #d32f2f;
  font-weight: 500;
  margin-top: 6px;
}

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

/* Blogtitel SEO Optimiert mit WP-Filter 17.09.2025 | h1 mit Span ersetzt */
.wp-block-site-title {
    display: block;          /* Span wie Block-Element */
    font-size: 2.5rem;         /* H1-Größe */
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 0.1em;    /* Abstand zum Untertitel */
}

.wp-block-site-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s;
}

/* .wp-block-site-title a:hover,
.wp-block-site-title a:focus {
    color: #0073e6;
    text-decoration: underline;
} */

/* Untertitel / Slogan */
.wp-block-site-tagline {
    margin-top: 0;           /* Verhindert zu großen Abstand nach oben */
    margin-bottom: 1em;      /* Abstand zum nächsten Inhalt */
    font-size: 1rem;
    color: #555;
    line-height: 1.4;
}

/* END Blogtitel SEO */

/* Summit Contact CTA - Minimal Style 
** Der Abschnitt über den Social Icons
***************************************/
.summit-cta {
    margin: 2.5rem 0;
    padding: 0;
    text-align: center;
}

.summit-cta h3 {
    /* color: #202124; */
    margin: 0 0 1rem 0;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.4;
}

.summit-cta p {
    color: #5f6368;
    margin: 0 0 1rem 0;
    line-height: 1.6;
}

.summit-cta a {
    color: #3b88c3;
    text-decoration: none;
    font-weight: 500;
}

.summit-cta a:hover {
    color: #2a6ea7;
    text-decoration: underline;
}
/* END Summit Contact CTA */

/* ===== SHARE BUTTONS =============================*/
/* Container für alle Share-Buttons */
.buttons {
    text-align: center; 
    margin: 40px 0 20px 0; /* Abstand oben 40px, unten 20px */
    /* ↑ Abstand oben vergrößert für mehr Abstand vom Inhalt darüber */
}
/* Einzelne Share-Buttons */
.share-buttons a {
    display: inline-block;
    margin: 0 5px;      /* Abstand zwischen den Buttons */
    padding: 5px;
    border: 0;
    box-shadow: none;
    transition: transform 0.2s, opacity 0.2s;
}
/* Bilder in den Links */
.share-buttons a img {
    width: 55px;
    height: 55px;
    vertical-align: middle; /* Verhindert kleine Linien unter den Bildern */
    display: block;          /* Entfernt kleine Lücken, die inline-Bilder erzeugen */
}
/* Hover-Effekt */
.share-buttons a:hover {
    transform: scale(1.1);  /* Leicht vergrößern beim Hover */
    opacity: 0.85;           /* Leicht transparent beim Hover */
}
/* Optional: kleinere Bildschirme */
@media (max-width: 480px) {
    .share-buttons a img {
        width: 45px;
        height: 45px;
    }
}
/* ===== END SHARE BUTTONS =============================*/


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





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



/* Bildungsurlaub Kalender CSS*/
/* CSS nur für den Kalender (ohne Button-Styling): */
/* WP-Creativ Style - wp-creativ.de inspired clean design */


/* WP-Creativ Style - Google inspired clean design */
.workshop-termine {
    margin: 40px 0;
    max-width: 1200px;
}

.workshop-termine h2 {
    color: #202124;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #dadce0;
}

.workshop-termin {
    background: #ffffff;
    border: 1px solid #dadce0;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    transition: box-shadow 0.2s ease;
}

.workshop-termin:hover {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.workshop-termin h3 {
    color: #3b88c3;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 15px 0;
    line-height: 1.4;
}

.termin-details {
    color: #5f6368;
}

.termin-details p {
    margin: 8px 0;
    line-height: 1.5;
    font-size: 14px;
}

.termin-details strong {
    color: #3c4043;
    font-weight: 500;
    display: inline-block;
    min-width: 100px;
}

/* CTA Wrapper Anpassung für Kalender */
.workshop-termin .cta-wrapper {
    text-align: left; /* Nicht center wie beim globalen Styling */
    margin: 20px 0 0 0; /* Angepasste Margins */
    padding-top: 15px;
    border-top: 1px solid #e8eaed;
}

/* Responsive Design */
@media (max-width: 768px) {
    .workshop-termin {
        padding: 15px;
        margin-bottom: 15px;
    }
    
    .workshop-termin h3 {
        font-size: 16px;
    }
    
    .termin-details strong {
        display: block;
        margin-bottom: 2px;
        min-width: auto;
    }
    
    .termin-details p {
        margin: 10px 0;
    }
    
    .workshop-termin .cta-wrapper {
        text-align: center; /* Auf Mobile wieder center */
    }
}

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

.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: #3b88c3;;           /* Standard: dezentes Grau */
  font-size: 1.5em;      /* etwas größer als Text */
  margin-right: 0.3em;   /* enger am Text */
  line-height: 1;
}

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


/* == IMAGES CSS | Standard Konfiguration ===================*/

/* Standard-Bild-Style */
.wp-block-image img {
  background: #ffffff;
  margin: 25px 0;
  border: 2px solid #eeeeee;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  padding: 20px;
  border-radius: 8px; /* leichte Abrundung standardmäßig */
}

/* Wenn im Editor "abgerundet" gewählt wurde */
.wp-block-image.is-style-rounded img {
  border-radius: 50%; /* komplett rund */
}

/* Ausnahme für das QR-Code-Bild */
.wp-block-image img[src*="wordpress-summit-termine-qr-code"] {
  background: none;
  margin: 0;
  border: none;
  box-shadow: none;
  padding: 0;
  border-radius: 0;
}


/***********************************/
/* 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: #AD180A; /* Rot - wp-creativ */
    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;
}

/*************************************/
/* HEADLINE WP SUMMIT TERMINE UND ANMELDESEITE h1 | GROßE BILDER UND HEADLINE */

.wp-summit-container {
    max-width: 100% !important;
    text-align: left !important;
    margin: 30px 0 !important;
}

/* Basis für Desktop: H1/H2 gleich groß und sehr auffällig */
.wp-summit-headline {
    font-family: 'Arial', sans-serif !important;
    line-height: 1 !important;
    color: #2a2a2a !important;
    font-size: 1em !important; /* wird von den span-Zeilen überschrieben */
}

.wp-summit-line1 {
    font-size: 3em !important; /* viel größer */
    font-weight: bold !important;
    margin-bottom: -0.1em !important;
}

.wp-summit-line2 {
    font-size: 3em !important;
    font-weight: bold !important;
    margin-bottom: -0.1em !important;
}

.wp-summit-line3 {
    font-size: 2em !important;
    font-weight: normal !important;
    margin-bottom: -0.05em !important;
}

.wp-summit-line4 {
    font-size: 3.5em !important; /* Unterste Zeile besonders groß */
    font-weight: bold !important;
    color: #AD180A !important;
    margin-bottom: -0.1em !important;
}

.wp-summit-line5 {                /*Seiten Lima City*/ 
    font-size: 3.5em !important; /* Unterste Zeile besonders groß */
    font-weight: bold !important;
    color: #3b88c3 !important;
    margin-bottom: -0.1em !important;
}

/* Mobile Anpassungen für Galaxy S8+ und ähnliche Smartphones */
@media screen and (max-width: 412px) {
    .wp-summit-line1,
    .wp-summit-line2 {
        font-size: 2em !important; /* immer noch groß, aber passt aufs Handy */
        margin-bottom: -0.05em !important;
    }

    .wp-summit-line3 {
        font-size: 1.5em !important;
        margin-bottom: -0.02em !important;
    }

    .wp-summit-line4 {
        font-size: 2.5em !important;
        margin-bottom: -0.05em !important;
    }
}

/* TEASER Mobil*/

/* Für ältere Smartphones (z.B. iPhone SE) */
@media screen and (max-width: 375px) {
    .wp-summit-container .come-on {
        font-size: 1em !important;
        letter-spacing: 1px !important;
    }
}

/* Für moderne Smartphones (z.B. Galaxy S8+) */
@media screen and (max-width: 412px) {
    .wp-summit-container .come-on {
        font-size: 1.1em !important;
        letter-spacing: 2px !important;
    }
}

/* Für größere Phones (z.B. Pixel, iPhone Pro) */
@media screen and (max-width: 430px) {
    .wp-summit-container .come-on {
        font-size: 1.2em !important;
    }
}

/* Teaser vor der Headline | come.on */
/* Teaser vor der Headline – absolute Ultra-Dichte */
.wp-summit-container .come-on {
    display: inline-block;
    font-size: 1.5em;   /* 2em */         
    font-weight: 500;          
    letter-spacing: 3px;
    text-transform: none;      
    color: #777777;            
    margin-bottom: -2.7rem;    /* jetzt richtig auf der Headline drauf */
    line-height: 1;            
    position: relative;
		white-space: nowrap; /* DIESE ZEILE EINFÜGEN */
}

/* Genericon nach come.on */
.wp-summit-container .come-on::after {
    font-family: "Genericons";
    content: "\f429";    /* f3a7 | f429 | f302 tag | f458 fastforward */      
    margin-left: 4px;          
    color: #AAAAAA;    /* #777777 */          
    font-size: 2.4em;          
    font-weight: 400;          
    vertical-align: middle;
}

/* == DESKTOP Haeder Navigation Logo weiterer Abstand == */

@media (min-width: 1024px) { /* ab Desktop-Bildschirmgröße */
    nav.is-responsive.wp-block-navigation {
        padding-right: 100px;  /* Abstand nach rechts */
        /* alternativ margin-right: 40px; */
    }
}

@media (min-width: 1024px) {
    header .wp-block-site-logo {
        margin-left: 100px !important; /* erzwingt den Abstand */
    }
}

/**************************************************************/
/* == RECENT POSTS CSS*/

.summit-recent-posts {
    margin-top: 30px;
}

.recent-post-item {
    display: flex;
    align-items: center;
    gap: 25px; /* Mehr Abstand zwischen Bild und Text */
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
}

.recent-post-thumbnail {
    width: 100px;
    height: 100px;
    flex-shrink: 0;
}

.recent-post-bild {
    width: 100px !important;
    height: 100px !important;
    object-fit: cover;
    border-radius: 4px;
    border: none;
    outline: none;
}

.recent-post-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.recent-post-meta {
    display: flex;
    align-items: center;
    gap: 12px; /* Mehr Abstand zwischen Datum und Icon */
    margin-bottom: 5px;
}

.recent-post-date {
    color: #000;
    font-size: 1em;
    font-weight: normal;
    letter-spacing: 0.5px; /* Leicht gesperrt */
}

.recent-post-meta .genericon-next {
    font-weight: 400;
    text-shadow: 0.5px 0.5px 0.5px rgba(0,0,0,0.1);
    color: #AAAAAA;
    font-size: 42px; /* Größeres Icon */
    margin-right: 0;
}

.recent-post-link {
    text-decoration: none;
    color: #333;
    font-size: 0.95em;
    line-height: 1.3;
    display: block;
}

.recent-post-link:hover {
    color: #0073aa;
}

/* Responsive Anpassungen */
@media (max-width: 768px) {
    .recent-post-item {
        gap: 20px; /* Etwas weniger Abstand auf Mobile */
    }
    
    .recent-post-thumbnail {
        width: 80px;
        height: 80px;
    }
    
    .recent-post-bild {
        width: 80px !important;
        height: 80px !important;
    }
    
    .recent-post-meta .genericon-next {
        font-size: 32px; /* Etwas kleiner auf Mobile */
    }
    
    .recent-post-link {
        font-size: 0.9em;
    }
}

/**********************************/
/* CECKLISTE WEBHOSTING GENERICONS */

.uwg-checklist .genericon {
  /* color: #3b88c3; */
  font-size: 1.6em;
  margin-right: 0.1em;
  line-height: 1;
}

.uwg-checklist-important {
  color: green !important;
}

.uwg-checklist-avoid {
  color: red !important;
}