/*
Theme Name: Twenty Twenty-Three Child
Theme URI:  https://wp-creativ.de/twentytwentythree-child
Description: Child-Theme von Twenty Twenty-Three
Author: Dein Name
Author URI: https://wp-creativ.de
Template: twentytwentythree
Version: 1.0.0
Text Domain: twentytwentythree-child
*/


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

/*
*  STYLE Farben
*  #3b88c3 = Blau
*  #AD180A = Rot
*  #7d7d7d = Icons
*  #AAAAAA = Grau Genericons
*/

/* --- DEAKTIVIEREN TEXTAUSWAHL */
/*body { user-select: none } */

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

/* 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*/
/*****************************************************************************************************************/
/* ======== 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 20px !important;
    background-color: #f5f5f5 !important; /* wie bu-termin-container */
    color: #AD180A !important; /* Linkfarbe Rot */
    font-size: 1.1rem !important;   /*1.9rem*/
    font-weight: 600 !important;
    border-radius: 8px !important;
    border-left: 4px solid #AD180A !important; /* linke Markierung */
    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: #f0e5e5 !important; /* leichte Aufhellung beim Hover */
    color: #AD180A !important;
    box-shadow: 0 3px 6px rgba(0,0,0,0.15) !important;
    transform: translateY(-2px) !important;
    border-left-color: #AD180A !important;
}

.cta-button:active {
    background-color: #e6d6d6 !important; /* 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: #AD180A !important; /* Icon passt zur Linkfarbe */
    pointer-events: none !important;
    margin-right: 0.5em !important;
		transition: transform 0.3s ease; /* sanfte Bewegung */
}

.cta-button:hover .genericon {
    transform: translateX(5px); /* Icon bewegt sich 5px nach rechts */
}

/* ======== 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.05em; /* 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 */
}


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

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



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


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

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

/* Ausnahme für das Hosttest-Logo (CI-Schatten bleibt, Theme-Schatten weg) */
.wp-block-image img[src*="hosttest-webhoster-des-jahres-lima-city-wordpress"] {
  background: none !important;
  margin: 0 !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !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 OPTIMIERUNG 09.10.2025 */


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




/*  END SEO OPTIMIERUNG*/

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

/* =BU-Termin Block Pattern
----------------------------------------------- */

.bu-termin-container {
    background-color: #f5f5f5;
    border-left: 4px solid #AD180A;
    border-radius: 8px;
    padding: 16px 20px;
    margin: 20px 0;
}

/* Überschrift */
.bu-termin-title {
    color: #333333;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px !important;
}

/* Link/Text  */
.bu-termin-link {
    color: #AD180A;
    font-size: 18px;
    margin-bottom: 0 !important;
}

.bu-termin-link a {
    color: #AD180A !important;
    text-decoration: none;
    font-weight: 600;
}

.bu-termin-link a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

/* --- Autorenbox [autor]: MODERNES DESIGN --- */
 /* Kleinerer Abstand zwischen den Absätzen */
.autorabsatz {
    margin-bottom: 8px !important; /* Anpassen: 8px - bei Bedarf erhöhen/verringern */
}


.custom-autor-box {
    background: #fff;
    border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #f0f0f0;*/
    padding: 30px 0;
    margin: 40px 0;
}

.autor-avatar {
    float: left;
    margin: 0 25px -15px 0; /* MARGIN UNTEN ANPASSEN: 5px - bei Bedarf erhöhen/verringern */
}

.autor-avatar img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 4px;
    border: none;
    outline: none;
}

.autor-beschreibung {
    margin: 0 0 20px 0;
    color: #444;
    line-height: 1.6;
}

.autor-cta-button {
    display: inline-block;
    padding: 18px 24px;
    background-color: #f1f3f4;
    color: #3b88c3;
    font-size: 1.1rem;
    font-weight: 500;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.2s ease;
    clear: both;
    text-align: center; /* BUTTON CENTER - Desktop */
    margin: 0 auto; /* BUTTON CENTER - Desktop */
}

.autor-cta-button:hover {
    background-color: #e8eaed;
    color: #2a6ea7;
    box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 768px) {
    .custom-autor-box {
        padding: 25px 0;
    }
    
    .autor-avatar {
        float: left;
        margin: 0 20px -10px 0; /* MARGIN UNTEN ANPASSEN: 5px - bei Bedarf erhöhen/verringern */
    }
    
    .autor-avatar img {
        width: 100px;
        height: 100px;
    }
    
    .autor-cta-button {
        display: block; /* BUTTON CENTER - Mobile */
        text-align: center; /* BUTTON CENTER - Mobile */
    }
}

/* == CSS KOMPRESS FERTIG ======================================================================================================================= */

/* --- TOP SCROLL BUTTON */
#wpfront-scroll-top-container{position:fixed;bottom:20px;right:20px;z-index:1000}
/* --- SCROLLBAR FARBIG  BROWSERVERSIONEN */
::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#AD180A;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#b12a2c}html{scrollbar-color:#df393b #f1f1f1;scrollbar-width:thin}
/* --- Dynamic Hashtags */
.hashtags-container{margin:25px 0;text-align:center}.hashtag-row{margin-bottom:5px}.hashtag{color:#3b88c3;margin-right:8px}
/* --- GLOBAL FOCUS OUTLINE REMOVAL | Keine Umrandung von Links */
a:focus,a:focus-visible,button:focus,button:focus-visible{outline:none!important;box-shadow:none!important}
/* --- Copyright Funktion im Footer - Made with Wordpress === */
.copyright-text{font-size:.85em;color:#444;white-space:nowrap}
.copyright-text a{text-decoration:none;color:inherit}
.copyright-text .made-with{display:inline}
.copyright-text .genericon-heart{color:red;font-size:1.2em;position:relative;top:-2px;margin-left:.05em;vertical-align:middle;display:inline-block;animation:heart-pulse 1.5s infinite;transform-origin:center center}
@keyframes heart-pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.2)}
}
@media (max-width: 600px) {
.copyright-text{font-size:.75em}
.copyright-text .genericon-heart{font-size:1em;top:-1px}
}
/* GHB - Alle Bildungseinrichtungen Kontaktbox*/
.infoicon::before { position: absolute; content: '\f457'; color: #AD180A; -webkit-font-smoothing: antialiased; font: normal 48px/1 Genericons; top: -15px; left: 0px; } @media (max-width: 1024px) { .infoicon::before { font-size: 36px; top: -10px; left: 0px; } } @media (max-width: 767px) { .infoicon::before { font-size: 32px; top: -8px; left: 0px; } } @media (max-width: 480px) { .infoicon::before { font-size: 32px; top: -6px; left: 0px; } } .ghb-contact { background: #f5f5f5; border: none; border-radius: 8px; padding: 30px; margin: 25px 0; width: 100%; box-sizing: border-box; position: relative; z-index: 10; } .contact-header { display: flex; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #ddd; flex-wrap: wrap; } .logo-container { margin-right: 20px; flex-shrink: 0; } .contact-logo { height: 60px; width: auto; } .contact-title { flex: 1 1 auto; } .contact-title h3 { margin: 0; color: #2c5aa0; font-size: 20px; font-weight: 700; } .organization { margin: 0 0 25px 0; color: #333; font-size: 17px; font-weight: 600; } .contact-details { display: flex; flex-direction: column; gap: 15px; } .contact-item { display: flex; align-items: flex-start; gap: 15px; font-size: 16px; color: #444; } .contact-item .icon { font-size: 18px; min-width: 25px; } .ghb-contact a { color: #2c5aa0; text-decoration: none; } .ghb-contact a:hover { color: #1e3a6b; text-decoration: underline; } .ghb-contact a.extern::after { content: " ↗"; } @media (max-width: 768px) { .contact-header { flex-direction: column; align-items: flex-start; } .logo-container { margin-right: 0; margin-bottom: 15px; } .contact-title h3 { font-size: 18px; } .organization { font-size: 16px; } .contact-item { font-size: 15px; } } @media (max-width: 480px) { .ghb-contact { padding: 20px; min-height: 120px; } .contact-title h3 { font-size: 16px; } .organization { font-size: 15px; } .contact-item { font-size: 14px; } }
/* --- RECENT POSTS CSS - BLOG ARTIKEL WEITERE */
.summit-recent-posts { margin-top: 30px; } .recent-post-item { display: flex; align-items: center; gap: 25px; 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; margin-bottom: 5px; } .recent-post-keyword { color: #000; font-size: 1em; font-weight: normal; letter-spacing: 0.5px; } .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; 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; } @media (max-width: 768px) { .recent-post-item { gap: 10px; } .recent-post-thumbnail { width: 100px; height: 100px; } .recent-post-bild { width: 100px !important; height: 100px !important; } .recent-post-meta .genericon-next { font-size: 32px; } .recent-post-link { font-size: 0.9em; } }
/* --- DESKTOP Haeder Navigation und Logo weiterer Abstand am Bildrand | Nur Desktop == */
@media (min-width: 1024px) { nav.is-responsive.wp-block-navigation { padding-right: 100px; } } @media (min-width: 1024px) { header .wp-block-site-logo { margin-left: 100px !important; } }
/* CSS BILD TERMIN SEITEN ====== 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; box-shadow: 0 2px 8px rgba(0,0,0,0.08); object-fit: cover; } .termin-bild img:hover { transform: scale(1.02); }
/* ---  SVG Icons Update 29.09.2025 | Seite Webhosting Headlines === */
.uwg-h2 { display: flex; align-items: center; gap: 0.3em; margin-bottom: 0.5em; font-size: 2rem; line-height: 1.3; } .h2-icon { width: 24px; height: 24px; color: #3b88c3; flex-shrink: 0; } .uwg-h2 .h2-text { display: inline-block; } @media (max-width: 768px) { .uwg-h2 { font-size: 1.5rem; margin-bottom: 0.5em; } .h2-icon { width: 20px; height: 20px; } } @media (max-width: 480px) { .uwg-h2 { font-size: 1.3rem; margin-bottom: 0.5em; } .h2-icon { width: 18px; height: 18px; } }