/**
 * RS System - Custom Stylesheet
 */

/* Hier folgen deine CSS-Anpassungen */
/** ------------------------------------- ROOT ------------------------------------- */
:root { --lms-primary: #1FC841; --lms-gold: #bf9b30; }




/** ------------- Einstellungen für das DM Auto Join Formular mit Pruefung ob E-Mail schon Vorhanden ------------------------------------- */
.dm-form-container { max-width: 420px; position: relative; }
.dm-error-msg {
  display: none; background-color: #f8d7da; color: black;
  border: 1px solid #f5c6cb; padding: 12px 15px; border-radius: 8px;
  margin-bottom: 15px; font-size: 18px;
}
.dm-action-area { min-height: 50px; display: flex; align-items: center; justify-content: center; }
.dm-submit-btn {  cursor: pointer;margin-left: 2px; width: 98%; color: white; letter-spacing: 2px; padding: 15px;  border-radius: 15px; cursor: pointer; font-size: 18px; font-weight: 900; transition: background 0.3s ease;  background-image: linear-gradient(to right bottom, #f58e07, #f58e07, #f21313, #f21313, #f58e07);}
.dm-spinner-wrap { display: none; justify-content: center; align-items: center; width: 100%; padding: 10px 0; }
.dm-big-spinner {
  width: 38px; height: 38px; border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #0073aa; border-radius: 50%; animation: dm-spin 0.8s linear infinite;
}

.dm-loading .dm-submit-btn { display: none !important; }
.dm-loading .dm-spinner-wrap { display: flex !important; }
@keyframes dm-spin { to { transform: rotate(360deg); } }




/** -------------------------  Polylang  Flagge Größe und ausblenden bis EN alles fertig -  display: none !important;  */
.lang-item img { display: none !important; width: 15px !important; max-width: none !important; max-height: none !important;}
.menu-item-language img { display: none !important; width: 15px !important;   }



/** -------------------------  Rahmen um To DO bei Kursen     */

.rahmentodo { border: 1px dashed rgba(150, 0, 0,0.3); box-shadow: 0px 0px 8px rgba(0, 0, 0,0.5), 0px 0px 16px rgba(0, 0, 0,0.4); border-radius: 15px; overflow: hidden; margin: 1%; display: flow-root; padding: 0px 5px; }




/* Für LP Loesung fuer bild neben dem text  */
.container {  display: flex;    align-items: center; gap: 10px; flex-direction: row; /* Desktop: Text links, Bild rechts */ }
.text-bereich {  flex: 1; }
.container img {  width: 320px;  height: auto;   flex-shrink: 1; /* flex-shrink: 0; Verhindert, dass das Bild gequetscht wird */}
/* Smartphone-Ansicht   */
@media (max-width: 768px) {
.container {    flex-direction: column-reverse; /* Bild wandert nach oben, Text nach unten */  }
.container img {    width: 80%; /* Bild nur noch 80% auf wenn Bild unter 768px */  }
 
}


/** ------------------------- Alle LPs CSS  */
.lp-ueberschrift { margin: -20px 0px 10px 0px; font-size: 220%; word-spacing: 3px; text-align: center; color: #6528F7}
.lp-anf-fort {font-size: 120%; font-weight: bold; } /** Achtung ist auch 7x bei den Kurs Seiten mit drin!! */
.lp-preis {font-weight: bold; color: green; }
.lp-ust {font-size: 80%; color: gray; }
.lp-kurs-info {font-size: 180%; font-weight: bold;}
.lp-set-kurstitel { color: gray; text-align:center; font-size: 90%; padding: 0px 0px 12px 0px; }

/** --------------------- Blog Übersicht Kategoiren und  Sortierung ------------------------------------- */
.custom-filter-bar {    display: flex;    flex-wrap: wrap;    gap: 20px;    align-items: center;    background-color: #fcfcfc;    border: 1px solid #eeeeee;    border-radius: 8px;    padding: 15px;    margin-bottom: 30px;}
.filter-group {    display: flex;    align-items: center;    gap: 10px;}
.filter-label {    font-weight: 600;    font-size: 14px;    color: #333;    white-space: nowrap;}
.custom-filter-bar select {    padding: 6px 12px;    border: 1px solid #ddd;    border-radius: 4px;    background-color: #fff;    font-size: 14px;    color: #333;    cursor: pointer;    min-width: 150px;}
.custom-filter-bar select:focus {    border-color: #0073aa;    outline: none;}
/* Mobile Anpassung */
@media (max-width: 600px) {
    .custom-filter-bar {        flex-direction: column;        align-items: stretch;    }
        .filter-group {        flex-direction: column;        align-items: flex-start;        gap: 5px;    }
        .custom-filter-bar select {        width: 100%;    }
}
/** --------------------- Blog Übersicht Text-Auszug Anpassungen ------------------------------------- */
/* Text-Auszug H3 Überschrift verändern für blog übersicht*/
.ast-excerpt-container.ast-blog-single-element h3 {    font-size: 25px !important;    line-height: 1.3 !important;    margin-top: 10px !important;    margin-bottom: 15px !important;
    font-weight: 700 !important;    color: black !important;}
/* Text-Auszug H5 = weiterlesen verändern für blog übersicht */
.ast-excerpt-container.ast-blog-single-element h5 {    color: blue !important;}
/* Text-Auszug linie unter weiterlesen  */
.ast-excerpt-container {   border-bottom: 1px solid silver !important;}



/** =======================  LMS alles CSS =================================  */
/** ------------------------- LMS Menue  und Uebersicht-Seiten------------------------- */
.lms-menu-trigger-btn {position: fixed ; top: 80px ; left: 0 ; z-index: 9999999 ; background: var(--lms-primary) ; color: white ; border: none ; border-radius: 0 8px 8px 0 ; padding: 3px ; cursor: pointer ; width: 35px ; height: 40px ; display: flex ; justify-content: center ; align-items: center ; font-size: 24px ; box-shadow: 2px 0 10px rgba(0,0,0,0.3) ;}
.lms-menu-overlay {position: fixed ; top: 0 ; left: 0 ; width: 98vw ; height: 98vh ; background: rgba(0,0,0,0.7) ; z-index: 9999998 ; opacity: 0 ; visibility: hidden ; transition: all 0.3s ease ;}
/* Das stellt sicher, dass der Header oben bleibt und der Content den Rest füllt */
.lms-side-panel {position: fixed ; top: 0 ; left: -620px ; width: 95% ; max-width: 600px ; height: 100vh ; background: #ffffff ; z-index: 9999999 ; box-shadow: 10px 0 30px rgba(0,0,0,0.5) ; transition: left 0.3s ease-out ; display: flex ; flex-direction: column ; }
/* Das ist die wichtigste Regel für den Scrollbalken */
.lms-panel-content {    padding: 10px;    overflow-y: auto; /* Erlaubt vertikales Scrollen */    flex: 1;          /* Nimmt den verfügbaren Platz ein */    font-family: sans-serif;
    -webkit-overflow-scrolling: touch; /* Schönes Scrollen auf iPhones */ }
body.lms-menu-open .lms-side-panel {left: 0 ;}
body.lms-menu-open .lms-menu-overlay {opacity: 1 ; visibility: visible ;}
body.lms-menu-open {overflow: hidden ;}
.lms-panel-header {padding: 10px ; background: #f8f9fa ; border-bottom: 1px solid #eee ; display: flex ; justify-content: space-between ; align-items: center ;}
.lms-panel-title {color: #333 ; font-size: 16px ; font-family: sans-serif ; padding: 12px; border: 1px solid #eee ; border-radius: 20px; box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.lms-menu-close-btn {background: #eee ; border: none ; font-size: 25px ; width: 30px ; height: 30px ; border-radius: 50% ; cursor: pointer ; display: flex ; align-items: center ; justify-content: center ; color: #333 ;}

/*  alles details u Summary für side-panel und kursuebersicht bei border: 1px solid #eee ; summary raus list-style: none; dreieck statt + ▾  und transform: rotate(180deg); border-bottom: 1px solid silver;*/
.k-box details { box-shadow: 0 2px 5px rgba(0,0,0,0.2); padding: 14px 10px; margin: 10px 0px; transition: all 0.3s ease; border-radius: 20px;}
.k-box summary {font-size: 20px; font-weight: bold; color: black; cursor: pointer;  position: relative; padding-right: 15px; }
.k-box details[open] summary {padding: 14px 10px; background: #f8f8f8; border-radius: 20px;}
/* .k-box summary::marker {display: none; } 
.k-box summary::after {content: '▾'; color: red; font-size: 24px;position: absolute;right: 0;transition: transform 0.3s ease;  }
.k-box details[open] summary::after {transform: rotate(180deg);  }
*/
.k-box ol { list-style-type:decimal-leading-zero; font-weight: bold;}
.k-box ol li { margin-left: 15px; margin-bottom: 10px; font-size: 20px;}
.k-box ol li::marker { color: #C0392B;}
/**  fuer details in k-box .details2 details[open] summary {padding-bottom: 18px; border-bottom: 1px dashed green;} padding-top: 5px;    background: #f8f8f8;*/
.details2 details {  padding: 3px 3px; margin-bottom: 5px; transition: all 0.3s ease;}
.details2 summary {font-size: 18px; font-weight: 400; color: gray;  padding-right: 15px; }
.details2 details[open] summary { padding-bottom: 18px; }
/*.details2 summary::after {content: '+';  }
.details2 details[open] summary::after {transform: rotate(45deg);  }
*/
/*  alle Kurse Uebersichten Seiten Section */
.k-box { margin-bottom: 20px; }
.k-box h1 { margin: 5px 0px; }
.k-box h2 { margin: 5px 0px; }
.k-box h3 { margin: 5px 0px; }
.k-box h4 { margin: 5px 0px; }
.k-box ul { list-style-type: square; }
.k-box ul li { padding: 0px 0px 5px 5px;}
.k-box hr { border: none; border-top: 2px solid #c8c8b4; width: 80%; margin-left: auto; margin-right: auto; opacity: 1;}
.k-box a:visited {color: #B0C4DE; }
@media (max-width: 480px) {.lms-side-panel {width: 95% ;}}

/** ------------------------- alle Kurse rosa box  #fcf5f5 */
.box-rosa {background: #fcf5f5; margin: 0px; padding: 10px; }
.box-rosa a:visited {color: #B0C4DE;}

/* Haupt-Design Checkboxen und Sterne fuer die Kurs Uebersicht seiten*/
.lms-inline-check {display: inline-flex ; align-items: center ; gap: 12px ; visibility: visible ; opacity: 1 ; z-index: 1000005 ;}
.db-check-box {height: 20px ; min-width: 20px ; accent-color: #C7EABB ; display: inline-block ; visibility: visible ; opacity: 1; width: 22px ;  min-height: 22px ; cursor: pointer ; appearance: checkbox ; -webkit-appearance: checkbox ; margin: 0 ; z-index: 1000006 ;}
/* Wenn die Checkbox im Wrapper gecheckt ist, wird der Text daneben matt und durchgestrichen */
.check-wrapper:has(.db-check-box:checked) .check-text,
.check-wrapper:has(.db-check-box:checked) a {text-decoration: line-through ; opacity: 0.8 ; transition: all 0.3s ease ;}
/* Falls dein Browser :has() noch nicht voll unterstützt (Fallback für ältere Handys) */
.db-check-box:checked ~ .check-text, 
.db-check-box:checked ~ a {text-decoration: line-through ; opacity: 0.8 ;}
/* Sterne funktion Favoriten-Liste Grundzustand Stern (Grau)  */
/* 1. Die Sterne in der Lektion (Klickbar) */
.prio-star {    color: #ccc ;    cursor: pointer ;    font-size: 24px ;    margin-right: 5px ;    transition: all 0.2s ease ;    display: inline-block ;    user-select: none ;}
/* Zustand 1: Rot (Dringend) */
.prio-star[data-prio="1"] {    color: #e74c3c ;    text-shadow: 0 0 5px rgba(231, 76, 60, 0.2) ;}
/* Zustand 2: Gold (Favorit) */
.prio-star[data-prio="2"] {    color: var(--lms-gold) ;    text-shadow: 0 0 5px rgba(255, 204, 0, 0.4) ;}
.prio-star:hover {    transform: scale(1.2) ;}
/* 2. Die Favoriten-Liste (Ergebnis-Box)  .prio-list-wrapper h3 { margin: 0px ; }*/
.prio-list-wrapper { margin: 10px ; }
.prio-favorites-list {list-style: none; padding: 0; margin: 5px 0 ; }
.prio-favorites-list li {margin-left: -20px ; font-size: 20px; display: flex; align-items: center; padding: 5px 5px ; /* Etwas mehr Padding links für die Optik */ border-bottom: 2px solid #eee ; }
.prio-favorites-list li:last-child {     border-bottom: none ; }
/* Der Stern in der Liste */
.prio-list-star {     margin-right: 12px ;     font-size: 24px ;}
.prio-no-items {     padding: 20px ;     color: #999 ;     text-align: center ; }

/* Der Stern in der Lektion flexible Stern */
.prio-star.lms-flexible-star {    font-size: 32px;      /* Grundgröße, kannst du hier anpassen */    cursor: pointer;    display: inline-block;    vertical-align: middle; /* Wichtig: Richtet sich an der Texthöhe aus */    line-height: 1;    margin: 0 5px;        /* Kleiner Abstand links und rechts */    transition: transform 0.1s ease;    user-select: none;}
/* Hover-Effekt */
.prio-star.lms-flexible-star:hover {    transform: scale(1.2);}



/* Gemeinsame Basis für alle Toggle-Buttons background: #2ecc71; */
.db-check-button { display: inline-block; padding: 6px 12px; font-weight: 600; border-radius: 30px; cursor: pointer; transition: all 0.25s ease;  color: white; text-transform: uppercase; font-size: 14px; outline: none; border: none; text-align: center; line-height: 1.2; text-decoration: none; }
.db-check-button:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.15); filter: brightness(1.05); }
/* --- GROSSE BUTTONS: Für markante Aufrufe unter Videos oder am Lektionsende --- */
.check_btn_big .db-check-button { padding: 15px 50px; font-size: 20px; display: block; width: fit-content; margin: 20px auto; }
/* --- STATUS AKTIV: Farbe ändert sich zu Silber, wenn die Lektion erledigt ist --- */
.db-check-button.is-active { background-color: silver !important; color: white !important; }
/* --- INTERAKTION: Klick-Effekt (Button drückt sich optisch ein) --- */
.db-check-button:active { transform: translateY(1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
/* --- READ-SYSTEM: Basis-Stil für Textpassagen im Shortcode --- */
.lms-read-item { transition: all 0.3s ease; display: inline; }
/* --- READ-AKTIV: Text wird durchgestrichen und blasser bei Status "gelesen" --- */
.lms-read-item.is-read { text-decoration: line-through; opacity: 0.6; }
/* --- VERERBUNG: Zwingt auch Links und fette Texte im Read-Bereich zum Durchstreichen --- */
.lms-read-item.is-read * { text-decoration: line-through; }
/*  Links im 'is-read' Zustand  blasser mit opacity */
.lms-read-item.is-read a { opacity: 0.6; }


/* Fortschrittsbalken */
.progress-container { margin: 15px 0; background: #f9f9f9; padding: 10px; border-radius: 15px; border: 1px solid #eee; transition: all 0.4s ease; }
.progress-header { display: flex; justify-content: space-between; margin-bottom: 10px; font-weight: bold; }
.progress-title {    font-weight: bold;    color: #333;}
.perc-val {     font-weight: bold;     color: gray; }
/* Der graue Hintergrund des Balkens */
.progress-bar-bg { width: 100%; background: #e0e0e0; height: 12px; border-radius: 6px; overflow: hidden; }
/* Die farbige Füllung */
.progress-bar-fill { background: linear-gradient(90deg, #C3C758 0%, #C3C758  20%, var(--lms-gold) 60%, #85754e 100%); height: 100%; transition: width 0.6s ease; }
/* Info-Text unter dem Balken */
.progress-info { font-size: 12px; margin-top: 8px; color: #666; }

/* Fortschrittsbalken Gold-Zustand */
.progress-container.is-complete { border-color: var(--lms-gold); background: #fffdf0; box-shadow: 0 4px 15px rgba(241, 196, 15, 0.15); }
/*.progress-bonus-message { margin-top: 15px; padding-top: 12px; border-top: 1px dashed var(--lms-gold); color: var(--lms-gold); font-weight: bold; animation: fadeIn 0.5s; text-align: center; } */
/* Die Bonus-Nachricht (Standardmäßig versteckt) */
.bonus-msg {    display: none; /* Wird per JS oder Klasse eingeblendet */    margin-top: 12px;    font-weight: bold;    color: var(--lms-gold); /* Ein schönes Grün für den Erfolg */    border-top: 1px dashed #ddd;    padding-top: 8px;}
/* Wenn der Container die Klasse .is-complete hat */
.progress-container.is-complete .bonus-msg {    }
.progress-container.is-complete .progress-bar-fill {    background: linear-gradient(90deg, var(--lms-gold), #85754e); /* Balken wird goldener farbverlauf, wenn fertig */}


/* Fortschrittsbalken simple nur als anzeige zb 3 von 5*/
/* Grundstil für den Text im Summary */
.k-box summary p {    display: inline-block;    margin: 0;    transition: all 0.3s ease;}
/* Spezial-Optik wenn ALLES erledigt ist */
/* Wenn das Element .progress-simple-erledigt existiert, streichen wir das p daneben durch */
.progress-simple-erledigt + p, 
.progress-simple-erledigt p {text-decoration: line-through; opacity: 0.6; color: var(--lms-primary);}
.progress-simple-erledigt {position: absolute; left: 15px; font-size: 14px; color: var(--lms-primary) !important; font-weight: 800; animation: fadeIn 0.5s ease;    display: inline-block; margin-right: 10px;}
/* Dein bestehender Text rechts (Prozent/Zahlen) */
.progress-simple-text {     position: absolute;     right: 20px;     transform: translateY(-50%);     font-family: monospace;     white-space: nowrap;     font-size: 14px;     color: #666;      font-weight: 800;     padding: 8px 0px 3px 0px;    display: block !important; 
}
/* Optional: Den ganzen Block dezent gestalten wenn fertig*/
summary:has(.progress-simple-erledigt) {    color: #999;}
summary:has(.progress-simple-erledigt) p {    text-decoration: line-through;}
 
@media (max-width: 480px) {.progress-simple-text {font-size: 14px;}}

/* Lektionen footer Menue*/
.bottom-menu {position: fixed;     bottom: -30px;    left: 50%;    transform: translate(-50%);    width: 250px;    height: 60px; /* Höhe des Menüs */    display: flex;    justify-content: space-around; /* Verteilung der Elemente */    align-items: center; /* Vertikale Zentrierung */    z-index: 1000; /* Stellt sicher, dass es über anderen Inhalten liegt */ }
.lms-next-nav {  font-size:12px;   display: flex;    justify-content: space-between;    margin-top: 3px;    padding-top: 2px;  }
.nav-back, .nav-next {  border: 1px solid silver;   padding: 5px 8px;    border-radius: 20px;    text-decoration: none;    font-weight: bold;    transition: 0.3s;}
.nav-back { background: rgba(255, 255, 255, 0.8); color: #666; }
.nav-next { background: rgba(255, 255, 255, 0.8); color: #666; }
.nav-back:hover { background: silver; transform: translateX(-5px); }
.nav-next:hover { background: silver; transform: translateX(5px); }
.nav-next-icon::before { content: "next►"; /* Hier wird der Inhalt übergeben */  }
.nav-back-icon::before { content: "◄back"; /* Hier wird der Inhalt übergeben */  }

/* -------------------  LMS NOTIZEN-BOX & Download BUTTONS  */
/* für den button unter notizen box  */
/* Der Standard-Zustand (Grün) */
.lms-note-save-btn {    background-color: var(--lms-primary); /* Ein schönes Grün */    color: #fff;    border: none;    padding: 8px 14px;    border-radius: 4px;    cursor: pointer;    transition: background-color 0.3s ease;}
.lms-note-save-btn:hover {    background-color: #2edd71; /* Dunkleres Grün beim Hover */}
/* Der Zustand während des Speicherns (Grau) */
.lms-note-save-btn:disabled {    background-color: #bdc3c7; /* Grau */    cursor: not-allowed;    opacity: 0.6; }
/* Der lms-spin Loader */
.lms-loader {    display: inline-block;    width: 14px;    height: 14px;    border: 2px solid rgba(255,255,255,.3);    border-radius: 50%;    border-top-color: #fff;    animation: lms-spin 1s ease-in-out infinite;    margin-right: 8px;    vertical-align: middle;}
@keyframes lms-spin {    to { transform: rotate(360deg); }}
.lms-standalone-note { margin:20px 0; border:1px solid #ddd; border-radius:8px; overflow:hidden;}
.lms-note-saved-wrapper { margin-top:5px; display:flex; justify-content:flex-end; align-items:center; gap:10px; padding: 5px; }
.lms-note-saved-feedback { font-weight: bold; color:silver; }

/* Styling für den Notizen Export Button  */
.lms-export-button { margin: -20px 0px; font-size:14px; padding: 10px 10px; border-radius: 4px; cursor: pointer; font-weight: bold; display: inline-block; transition: background 0.2s ease-in-out; }
/* Hover-Effekt, wenn man mit der Maus drüber fährt */
.lms-export-button:hover { background-color: #2edd71;  }

/* ------------------- Eingabefelder zb Ziele Antrieb  */
/* Umschließender Hauptcontainer */
.lms-standalone-text-input { margin-bottom: 15px; }
/* Flexbox-Wrapper für Textarea und Button nebeneinander */
.lms-standalone-text-input .lms-input-wrapper {     position: relative;     display: flex;     gap: 10px;     align-items: flex-start; /* Hält den Button oben, wenn das Feld gezogen wird */ }
/* Das Textarea-Feld selbst */
.lms-standalone-text-input .lms-text-field {     flex-grow: 1;     padding: 8px;     border: 1px solid #ccc;     border-radius: 4px;     resize: vertical;       /* Erlaubt das Ziehen ausschließlich nach unten */     min-height: 38px;     font-family: inherit;     box-sizing: border-box; }
/* Der Speichern-Button für das Textfeld */
.lms-standalone-text-input .lms-text-save-btn {     padding: 8px 15px;     cursor: pointer;     height: 38px;     white-space: nowrap;     box-sizing: border-box; }
/* Die Status- und Counter-Zeile unterhalb des Feldes */
.lms-standalone-text-input .lms-text-saved-wrapper {     margin-top: 5px;     min-height: 20px; }
/* Das Feedback-Label ("Gespeichert") */
.lms-standalone-text-input .lms-text-saved-feedback {     display: none; /* Wird via jQuery/JS bei Erfolg eingeblendet */     color: green;     font-weight: bold; }
/* Der Zeichenzähler rechts */
.lms-standalone-text-input .lms-char-counter {     color: #777;     float: right; }


/* ------------------- alles Q1 - 3  */
/* 1. FEEDBACK-KACHELN (1-5 Buttons) */
.lms-feedback-wrapper { margin: 1px 0; background: #fff;  padding: 5px;  }
.single-q {   }
.lms-feedback-row { margin-bottom: 2px; }
/* .lms-q-title { font-weight: bold; display: block; margin-bottom: 1px; font-size: 18px;  } */
.lms-tile-group { display: flex; gap: 5px; }
.lms-tile {flex: 1; text-align: center; padding: 5px 5px; border: 1px solid #ddd; border-radius: 4px; cursor: pointer; background: #f9f9f9; transition: all 0.2s ease-in-out;    min-width: 40px;     }
.lms-tile:hover { border-color: #0073aa;     background: #f0f8ff; }
/* Zustand: Ausgewählt (Aktiv) */
.lms-tile.is-selected { background: var(--lms-primary) !important; color: #fff !important; border-color: var(--lms-primary); box-shadow: 0 2px 4px rgba(0,0,0,0.1);}

/* 2. Q1-3 Auswertung als Gradienten .lms-button-group { gap: 4px; } .lms-rate-btn { padding: 15px 0; }*/
.lms-summary-wrapper { padding: 15px 5px; border: 1px solid silver; border-radius: 12px; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }
.lms-summary-wrapper h3 {margin: 0px 0px 5px 0px;}
.lms-summary-wrapper-span::before { content: "1 (trifft gar nicht zu) / 5 (trifft voll zu)"; }
/* Wir stylen das Element so, dass es sich gut in den Textfluss einfügt  .lms-analysis-card { }*/
.lms-summary-live-container.single-stat {    display: block;    margin: 1px;    background: #ffffff;    padding: 0px 0;}
/* Falls du ein Label im Shortcode nutzt, machen wir es fett 
.lms-summary-live-container .lms-skill-label {    font-size: 1.1em;    margin-bottom: 1px;    display: block;    color: #222;} */
.lms-skill-row { display: flex; align-items: center; margin-bottom: 5px; }
/* Der Hintergrund des Balkens (grau) */
.lms-skill-bar-bg { flex-grow: 1; height: 14px; background: #F8F6F4; border-radius: 7px; overflow: hidden; margin: 0 15px; position: relative; border: 1px solid #e0e0e0; }
/* Die farbige Füllung des Balkens */
.lms-skill-bar-fill { height: 100%; transition: width 0.8s ease-in-out; background: linear-gradient(90deg, #C3C758 0%, #C3C758  20%, var(--lms-gold) 60%, #85754e 100%);  }
.lms-skill-perc { width: 120px; font-size: 14px; font-weight: bold; text-align: right; }
@media (max-width: 600px) { .lms-skill-perc {font-size: 14px;}}

/* ====================   LMS Kurse Feedback Bewertungsanzeige ========= */
.lms-rating {display:inline-flex; align-items:center; gap:10px;}
.lms-rating-stars {color:#FF6200; font-size:24px; letter-spacing:2px; line-height:1; }
.lms-rating-value { margin-left: -7px; font-size:14px; font-weight:600; }



/** ------------------------- Link der schon geklickt wurde */
a.klick:visited {color: #B0C4DE; }


/** ------------------------- CF7 Einstellungen*/

/* Blendet das Formular nach absenden aus  */
.wpcf7 form.sent .cf7form-gesendet {display: none;}

/* Blendet den Senden-Button während des Sendevorgangs aus */
.wpcf7 form.submitting input[type="submit"] {
  display: none !important;
}

/* Entfernt den alten Spinner und baut einen neuen, großen CSS-Spinner */
.wpcf7 form.submitting .wpcf7-spinner {
  display: block !important;
  margin: 20px auto !important;
  width: 50px !important;
  height: 50px !important;
  background: none !important; /* Standard-Symbol entfernen */
  border: 5px solid #f3f3f3 !important; /* Hellgrauer Hintergrundkreis */
  border-top: 5px solid #0073aa !important; /* Farbiger Akzent (Farbe anpassen) */
  border-radius: 50% !important;
  animation: cf7-spin 1s linear infinite !important; /* Rotation */
}

/* cf7 Spinner Animation für die flüssige Drehung */
@keyframes cf7-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Senden Button volle breite */ 
 input.wpcf7-submit {width: 100%; margin-bottom:0px;}



 /* Container für die Boxen */
.cf7-row {
    display: flex;
    flex-wrap: wrap; /* Bricht auf Mobilgeräten automatisch um */
    gap: 10px;       /* Abstand zwischen den Spalten */
    width: 100%;
    margin-bottom: 10px;
}

/* Einzelne Spalten (gleiche Breite) */
.cf7-col {
    flex: 1; /* Nimmt den gleichen Platz ein */ 
    min-width: 200px; /* Mindestbreite, bevor Felder umbrechen. Verhindert, dass die Felder auf kleinen Bildschirmen zu gequetscht sind */
}

/* Sorgt dafür, dass die Eingabefelder die volle Breite der Spalte nutzen */
.cf7-col input {
    width: 100%;
    box-sizing: border-box;
}


input[readonly] {
    background-color: #ebebeb !important; /* Deutliches Grau für den Hintergrund */
    color: black;                         /* Dunkelgraue, gut lesbare Textfarbe */
    border: 1px solid #cccccc;            /* Dezenter Rahmen */
    cursor: not-allowed;                  /* Zeigt beim Drüberfahren ein "Gesperrt"-Symbol */
    font-weight: bold;                    /* Macht das Ergebnis fettgedruckt */
    text-align: right;                    /* Richtet den Preis rechtsbündig aus */
    padding-right: 10px;                  /* Sorgt für etwas Abstand zum rechten Rand */
}

 
 
/** --------------- CF7 Quiz Eingabefeld neben dem Quiz ---------- */
/* Container, der Frage und Feld umschließt */
.quiz-container .wpcf7-quiz-label {    display: inline-block;    margin-right: 10px; /* Abstand zwischen Text und Feld */    font-weight: bold;}
.quiz-container .wpcf7-form-control-wrap {    display: inline-block; /* Sorgt dafür, dass das Feld neben dem Text bleibt */}
/* Optional: Breite des Eingabefeldes anpassen */
.quiz-container input.wpcf7-quiz {    width: 50px; /* Breite des Eingabefeldes */    padding: 5px;}


/* hr gestrichelt  */
.hr-gestrichelt {border: none; height: 2px;  background: repeating-linear-gradient(90deg,  silver,  white 20px, /* Länge eines Strichs (20px) */ transparent 20px, /* Lücke beginnt hier */ transparent 40px /* Ende der Lücke - Lückengröße = 20px */ ) }

/** ------------------------- alle Artikel header Section */
.a-header { margin-bottom: 35px; }
.a-header span { text-transform: uppercase; letter-spacing: 3px; font-size: 14px; color: black; font-weight: bold; }
.a-header h1 { margin: 10px 0 10px 0; line-height: 1.2; font-weight: 800; }
.a-header p { font-size: 20px; color: black; margin-top: 10px; font-weight: 400; }



/** ------------------------- alle Artikel blaue box */
.box-blue {margin-bottom: 50px; background-color: #002244; color: #ffffff; padding: 40px; border-radius: 8px; }
.box-quellen {background-color: #fafafa; padding: 30px; border-radius: 8px; border: 1px solid #eee; font-size: 12px; line-height: 1.5; color: #666;}

/** ------------------------- Taby Tablet Box*/
.taby-box {max-width: 600px; min-height: 480px;  margin: auto; 	padding: 5px;   position: relative;   border-radius: 15px;   border: solid black;   border-width: 32px 12px; }
.taby-box:after, .taby-box:before {  content: '';   position: absolute;   width: 8px;   height: 8px;   background: silver;   border-radius: 100%;   top: -20px;   left: 0;   right: 0;   margin: auto; }
.taby-box:before {   content: '\2610';   color: white;   line-height: 20px;   text-align: center;   font-size: 10px;   background: #303030;   width: 20px;   height: 20px;   top: auto;   bottom: -25px; }
.taby-box h4 {margin: 0px 0px 10px 0px; font-size:32px; color: #c0392b; font-weight:800; border-bottom: 2px solid #c5a059; text-align: center;}
.taby-box h4 span { font-size:18px; }
.taby-box h5 {margin: 0px; font-size:24px; font-weight:800; color: black; padding-bottom: 10px; }
.taby-box p {font-size:18px;}
.taby-box p strong {color: black;}

/** ------------------------- ADM Box */
.adm-box { 	float: left; /* Text fließt links um die Box herum */ 	width: 290px; /* Feste Breite, damit der Text Platz zum Fließen hat */ 	margin: 10px 15px 10px 0px; /* Abstand zum Text (links und unten) */ 	padding: 5px; 	border: 6px solid transparent;  	border-image: 6 repeating-linear-gradient(45deg, #c0392b 0, #c0392b 1em, transparent 0, transparent 2em, black 0, black 3em, transparent 0, transparent 4em);	max-width: 800px;}
.adm-box h4 {margin: 0px 0px 10px 0px; font-size:20px; color: #c0392b; font-weight:800; text-align: center;}
.adm-box h5 {margin: 0px; font-size:16px; font-weight:800; color: black; padding-bottom: 10px;}
.adm-box p {font-size:14px;}
.adm-box p strong {color: black;}




/** ------------------------- Konto Daten Formular */
.lms-user-profile-form {max-width: 765px; margin: 20px auto; background: #fff; padding: 30px; border-radius: 15px; box-shadow: 0 5px 25px rgba(0,0,0,0.05); font-family: sans-serif; box-sizing: border-box;}
.lms-form-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 0;}
.lms-field {margin-bottom: 20px;}
.lms-field label {display: block; font-weight: 600; margin-bottom: 8px; color: #2c3e50; font-size: 14px;}
.lms-field input {width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 15px; box-sizing: border-box; transition: all 0.3s;}
.lms-field input:focus {border-color: #2ecc71; outline: none; box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.1);}
.lms-submit-btn {background: #2ecc71; color: white; border: none; padding: 15px 30px; border-radius: 30px; font-weight: 700; cursor: pointer; font-size: 16px; width: 100%; transition: background 0.3s; margin-top: 10px;}
.lms-submit-btn:hover {background: #27ae60;}
.lms-msg {padding: 15px; border-radius: 8px; margin-bottom: 25px; font-weight: 500; border: 1px solid transparent;}
.lms-msg.err {background: #fee2e2; color: #dc2626; border-color: #fecaca;}
.lms-msg.ok {background: #dcfce7; color: #16a34a; border-color: #bbf7d0;}
@media (max-width: 768px) {.lms-user-profile-form {padding: 20px; margin: 10px auto;} .lms-form-grid {grid-template-columns: 1fr; gap: 0;} .lms-field {margin-bottom: 15px;}}


/** ------------------------- Taeglich wechselnde begruessung */
.lms-hero-greet {text-align: center; padding: 10px 5px; }
.lms-sub-greet {display: block; font-size: 16px; color: black; font-weight: 500; letter-spacing: 0.5px;}
.lms-main-name {margin: 0; color: black; font-size: 35px; font-weight: 700; line-height: 1.1; letter-spacing: -1.5px;}
@media (max-width: 768px) {.lms-main-name {font-size: 32px; letter-spacing: -1px;} .lms-sub-greet {font-size: 14px;} .lms-hero-greet {padding: 10px 5px;}}
}

/** ------------------------- Taeglich wechselnde Motivations sprueche */
.daily-quote-box {background: #ffffff; border-left: 6px solid #2ecc71; padding: 10px 15px; margin: 5px 0; border-radius: 12px; display: flex; align-items: center; box-shadow: 0 4px 15px rgba(0,0,0,0.06); font-family: sans-serif;}
.quote-icon {float: left: font-size: 16px; margin-right: 5px; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));}
.quote-content {display: flex; flex-direction: column;}
.quote-label {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; color: #95a5a6; font-weight: 700; margin-bottom: 5px;}
.quote-text {margin: 0; font-size: 20px; color: #2c3e50; font-weight: 600; line-height: 1.4;}
@media (max-width: 768px) { .daily-quote-box {padding: 15px; flex-direction: column; } .quote-icon {margin-right: 0; margin-bottom: 15px;} }



/** -------------------------  Video Box fuer 1920 zu 1080 also 16:9-- mit schatten  */ 
.video-wrapper-16x9-1920 { aspect-ratio: 16 / 9;  margin: 0px auto; max-height: 98vh; max-width: 1920px;  position: relative;    overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4);}
.video-wrapper-16x9-1920 iframe, .video-wrapper-16x9-1920 object, .video-wrapper-16x9-1920 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** Video Box fuer alte Browser  */
@supports not (aspect-ratio: 16/9) { .video-wrapper-16x9-1920 {max-height: 98vh; max-width: 1920px; margin: 0px auto; position: relative;  overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4)}
.video-wrapper-16x9-1920:after { content: "";  display: block; padding-bottom: 56.25% !important; padding-top: 0px;}
.video-wrapper-16x9-1920 iframe, .video-wrapper-16x9-1920 object, .video-wrapper-16x9-1920 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

/** -------------------------  Video Box fuer 1080 zu 1920 also 9:16-- mit schatten  */ 
.video-wrapper-9x16-1080 { aspect-ratio: 9 / 16;  margin: 0px auto; max-height: 98vh; max-width: 1080px;  position: relative;    overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4);}
.video-wrapper-9x16-1080 iframe, .video-wrapper-9x16-1080 object, .video-wrapper-9x16-1080 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/** Video Box fuer alte Browser  */
@supports not (aspect-ratio: 16/9) { .video-wrapper-9x16-1080 {max-height: 98vh; max-width: 1080px; margin: 0px auto; position: relative;  overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4)}
.video-wrapper-9x16-1080:after { content: "";  display: block; padding-bottom: 56.25% !important; padding-top: 0px;}
.video-wrapper-9x16-1080 iframe, .video-wrapper-9x16-1080 object, .video-wrapper-9x16-1080 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}




/** ------------------------- FLEX Boxen ------------------------- */
/* Flex Box 2 Spalten */
.flexbox-model-2 { display:flex; flex-direction: row; justify-content: space-around; flex-wrap:wrap;}
.flexbox-model-2>a {display: contents; }
.panel2 { display:inline-block; flex:1 1; height:auto; margin:0.5vmin; overflow:hidden; position:relative; margin-bottom:5px; flex-basis: 550px; padding: 3px;}

/* Flex Box 3 Spalten */
.flexbox-model-3 { display:flex; flex-direction: row; justify-content: space-around; flex-wrap:wrap;}
.flexbox-model-3>a {display: contents; }
.panel3 { display:inline-block; flex:1 1; height:auto; margin:0.5vmin; overflow:hidden; position:relative; margin-bottom:5px; flex-basis: 350px; padding: 3px;}

/* Flex Box 4 Spalten */
.flexbox-model-4 { display:flex; flex-direction: row; justify-content: space-around; flex-wrap:wrap;}
.flexbox-model-4>a {display: contents; }
.panel4 { display:inline-block; flex:1 1; height:auto; margin:0.5vmin; overflow:hidden; position:relative; margin-bottom:5px; flex-basis: 250px; padding: 3px; }

/** ------------------------- Div Boxen Rahmen & Schatten */
.boxborder {border:1px solid silver;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } 
.boxshadow {box-shadow: 2px 2px 5px rgba(10,10,30,.3); -moz-box-shadow: 2px 2px 5px rgba(10,10,30,.3); -webkit-box-shadow: 2px 2px 5px rgba(10,10,30,.3);    } /* schatten unten u re mittel*/


/** ------------------------------------------ Video Boxen  ------------------------------*/
/** ---------  Video Box fuer 1920 zu 1080 also 16:9-- mit schatten  */ 
.video-wrapper-16x9-1920 { aspect-ratio: 16 / 9;  margin: 0px auto; max-height: 98vh; max-width: 1920px;  position: relative;    overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4);}
.video-wrapper-16x9-1920 iframe, .video-wrapper-16x9-1920 object, .video-wrapper-16x9-1920 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/** -- Video Box fuer 1920 zu 1080 fuer alte Browser  */
@supports not (aspect-ratio: 16/9) { .video-wrapper-16x9-1920 {max-height: 98vh; max-width: 1920px; margin: 0px auto; position: relative;  overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4)}
.video-wrapper-16x9-1920:after { content: "";  display: block; padding-bottom: 56.25% !important; padding-top: 0px;}
.video-wrapper-16x9-1920 iframe, .video-wrapper-16x9-1920 object, .video-wrapper-16x9-1920 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
/** ---------  Video Box fuer 1080 zu 1920 also 9:16-- mit schatten  */ 
.video-wrapper-9x16-1080 { aspect-ratio: 9 / 16;  margin: 0px auto; max-height: 98vh; max-width: 1080px;  position: relative;    overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4);}
.video-wrapper-9x16-1080 iframe, .video-wrapper-9x16-1080 object, .video-wrapper-9x16-1080 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/** -- Video Box fuer 1080 zu 1920 fuer alte Browser  */
@supports not (aspect-ratio: 16/9) { .video-wrapper-9x16-1080 {max-height: 98vh; max-width: 1080px; margin: 0px auto; position: relative;  overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4)}
.video-wrapper-9x16-1080:after { content: "";  display: block; padding-bottom: 56.25% !important; padding-top: 0px;}
.video-wrapper-9x16-1080 iframe, .video-wrapper-9x16-1080 object, .video-wrapper-9x16-1080 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}
/** ---------  Video Box fuer 1080 zu 1080 also 1:1-- mit schatten  */ 
.video-wrapper-1x1-1080 { aspect-ratio: 1 / 1;  margin: 0px auto; max-height: 98vh; max-width: 1080px;  position: relative;    overflow: hidden; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4);}
.video-wrapper-1x1-1080 iframe, .video-wrapper-1x1-1080 object, .video-wrapper-1x1-1080 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/** -- Fuer alte Browser  1080 x 1080*/
@supports not (aspect-ratio: 1/1) {
.video-wrapper-1x1-1080 {max-height: 98vh; max-width: 1080px; margin: 0px auto; position: relative;  overflow: hidden;  -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4)}
.video-wrapper-1x1-1080:after { content: "";  display: block; padding-bottom: 100% !important; padding-top: 0px;}
.video-wrapper-1x1-1080 iframe, .video-wrapper-1x1-1080 object, .video-wrapper-1x1-1080 embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}

/** ------------------------------------------ Accordions  ------------------------------*/
/** ---------  damit Accordion nur immer eins offen ist  --------------- */
[name="collaps-group"] {margin-bottom: 0; }
[name="collaps-group"] .videocontent {height: unset; max-height: 0; opacity: 0; translate: 0% -50%;  transition: opacity 500ms ease 0.5s, max-height 500ms ease 0.5s;}
[name="collaps-group"][open] .videocontent {opacity: 1; translate: 0% 0%; max-height: 100%;}
/** ---------  Accordion schlicht   */
details.schlicht { margin: 0px auto; max-width: 99%;}
details.schlicht + details.schlicht {  margin-top: 5px;}
details.schlicht summary::-webkit-details-marker {  display: none;}
details.schlicht summary {font-weight: bold;  font-size: 140%; background-color: rgba(211,211,211, 0.2); max-width: 98%;  padding: 0px 0px 0px 3rem; border-top: 1px dashed gray;  position: relative;  cursor: pointer;   list-style: none;}
details.schlicht summary:after {  content: "+";  color: black;  position: absolute;  font-size: 2.5rem;  line-height: 0;  margin-top: 0.6rem;  left: 0;  top: 0; font-weight: 200;  transform-origin: center;  transition: 200ms linear;}
details.schlicht summary:focus { background-color: rgba(100,100,100, 0.5); box-shadow: 0 0 0 1px silver; }
details.schlicht[open] summary:after {  transform: rotate(45deg);  font-size: 3rem; color: red; }
details.schlicht summary {  outline: 0;}

/* ---------------------------------------------  Astra Theme  Anpassungen ---------------- */
/** ---------  bei den Categroy Cards den link zum Artikel ...   */
.ast-read-more-container { padding: 5px; text-align:center;  border: 1px solid silver; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.ast-read-more-container a {color: black;  }
.ast-read-more-container a:hover {background: silver;  color:blue; }
/** ---------  Astra Theme Bilder Caption mit Rahmen */
figure {box-shadow: 2px 2px 8px 0px #eaeaea;}
figcaption {  text-align: center;}
/** ---------  Astra bredcrum startseite link deaktiviert */
.trail-begin {display:none !important; }
/** ---------  Astra Blog archiv Bid und Text auszug anpassen   */
.ast-excerpt-container {}
.post-thumb img { border-radius: 20px; }
/** ---------  raender links rechts beim Handy nur 5px statt 20px */
@media only screen and (max-width: 544px)  { .ast-container {padding-left:3px; padding-right:3px; } }


/* ---------------------------------------------  Digimember anpassen  ---------------------------------------------  */
/** ---------  Digimember Footer ausblenden */
.ncore_affiliate_footer { display:none; }
/** ---------  Digimember einfluss auf die schrift von der Form zb Email Name usw */
.ncore_user_form  { font-size: 120%;  text-shadow: 5px 5px 10px rgba(0,0,0,.3); } 
/** ---------  Digimember einfluss auf Meldungen in der Box rote und gruene */
.ncore_msg, .ncore_msg_success { font-size: 150%;    text-shadow: 5px 5px 10px rgba(0,0,0,.3); border: 3px dashed crimson; }  
/** ---------  Die Box Password Vergessen  */
.dm-dialog {border: 3px dashed crimson; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);  box-shadow: 0 0 10px rgba(0,0,0,.4); } 
/** ---------  Die Kurs Navigations Elemente  */
.digimember_lecture_nav { -webkit-filter: drop-shadow(5px 5px 5px #222 );   filter: drop-shadow(5px 5px 5px #222);} 
/** ---------  Damit der DM hilfe text nicht blau sondern schwarz angezeigt wird */
.dm-tooltip-content {color: black;}
/** ---------  DM  Pruefungen damit jede Frage in schoener Box erscheint */
.dm_exam_question {  padding: 10px; -webkit-box-shadow: 5px 5px 10px rgba(10,10,30,.3); -moz-box-shadow: 5px 5px 10px rgba(10,10,30,.3); box-shadow: 5px 5px 10px rgba(10,10,30,.3);  }  
/** ---------  Account einstellungen titel deine ds24 rechnungen weg */
.digistore_invoices h3{   display: none; }
/** ---------  Deine Bestellungen Nummer Fett */
.digistore_invoices h4{  color: black; font-weight: bold;  }
/** ---------  Produkt links einstellungen für shortcode ds_products */
.digimember_product_links li {list-style-type: none; font-size: 160%;}
.digimember_product_links li a {list-style-type: none; margin: 10px; padding: 20px; display: block; border: 1px solid gray;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; box-shadow: 2px 2px 5px rgba(10,10,30,.3); -moz-box-shadow: 2px 2px 5px rgba(10,10,30,.3); -webkit-box-shadow: 2px 2px 5px rgba(10,10,30,.3); }
.digimember_product_links li a:hover { background: gainsboro;}
/** ---------  DM Formular Button Schrift und rote Meldung Text und fuer signup shortcode -------------------------  */
.ant-btn-primary {font-size: 120%; font-weight: bold; }
.ant-typography {font-size: 90%; }
#ds-signup-button-signup {font-size: 120%; font-weight: bold; }

/** ------------------------- Wordfence Meldung veraendern  ------------------------- */
.about {display:none !important; }

/** ------------------------- WordPress  ------------------------- */
/** ---------  Admin bar ausblenden  ------------------------- */
#wpadminbar { display: none; }
/** ---------  Text Suchen ueber suchen box weg  */
.wp-block-search__label {display:none !important; }