/**
 * Globales MDL style sheet extern eingebunden
 */


/* –––Hier lesen: https://wiki.selfhtml.org/wiki/CSS/Custom_properties_(CSS-Variablen)––– */

.primary-navigation a[href*="redirect=0"]::before {
  font: var(--fa-font-solid);
  content: '\f015';
  margin-right: 4px;
}
.primary-navigation a[href*="my"]::before {
  font: var(--fa-font-solid);
  content: '\e473';
  margin-right: 4px;
}
.primary-navigation a[href*="courses.php"]::before {
  font: var(--fa-font-solid);
  content: '\f518';
  margin-right: 4px;
}
.primary-navigation a[href*="3024"]::before {
  font: var(--fa-font-solid);
  content: '\f059';
  margin-right: 4px;
}
.primary-navigation a[href*="4365"]::before {
  font: var(--fa-font-solid);
  content: '\f086';
  margin-right: 4px;
}
.primary-navigation a[href*="13"]::before {
  font: var(--fa-font-solid);
  content: '\f135';
  margin-right: 4px;
}





/* Testdesign in LE Kurzformen von Verben */
.bk-connection {
  margin-right: 10px;
  margin: 1px 5px;
  font-size: 80%;
  font-weight: bold;
}
.bk-connection::after {content: " ->"}


/* ––BIS HIERHER IN ARBEIT–– */
/* ––AB HIER IN NUTZUNG –– */

/* Container für die Kategorienübersichten mit Links und Bild und "Wie fange ich an"-Seiten */
.bk-flexcontainer {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 30px;
}

/* Die Linkliste mit filtercodes wegen Bild rechts mit margin versehen
.bk-flexcontainer > div {margin-right: 30px;} */

/* Das Bild rechts neben der Linkliste, ähnlich .picture-box */
.bk-cat-picture-box {
background-color: #f0f3f5;
border-radius: 20px;
padding: 20px;
}


/* "Frage markieren" in Tests ausblenden */
.questionflag {display:none;}




/*Schriftformatierungen*/
/* Formatierung der ID in Lektionstiteln*/
.bk-lesson-id {
    background-color: lightgray;
    font-family: sans-serif;
    font-size: 90%;
    color: gray;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
/* Formatierung der ID in Lektionstiteln in SUBCOURSES*/
.subcourse .bk-lesson-id::before {
   content: "Siehe Inhalt: ";
}

/* –– Boxen im Text –– */
/* Merke-Box */
.bk-ul-box-merke {
  border-left: 5px solid Gold;
  background-color: Lemonchiffon;
  padding: 5px 40px; 
}
.bk-ul-box-merke > li:nth-child(1)::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/light_bulb-min.svg);
  margin-right: 8px;
  margin-left: -19px;
}
.bk-ul-box-merke > li:nth-child(1) {
  font-weight: bold;
}
.bk-ul-box-merke > li {
  list-style-type: none;
  padding: 3px;
  margin-left: -15px;
}
.bk-ul-box-merke > li > ul {
  list-style-type: disc !important;
}

/* Info-Box */
.bk-ul-box-info {
  border-left: 5px solid #16b9ff;
  background-color: #eff8fd;
  padding: 5px 40px; 
}
.bk-ul-box-info > li:nth-child(1)::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/info-min.svg);
  margin-right: 11px;
  margin-left: -17px;
}
.bk-ul-box-info > li:nth-child(1) {
  font-weight: bold;
}
.bk-ul-box-info > li {
  list-style-type: none;
  padding: 3px;
  margin-left: -15px;
}
.bk-ul-box-info > li > ul {
  list-style-type: disc !important;
}


/* Aufpassen-Box */
.bk-ul-box-aufpassen {
  border-left: 5px solid #b00ca9;
  background-color: #fbeffa;
  padding: 5px 40px; 
}
.bk-ul-box-aufpassen > li:nth-child(1)::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/eyes-min.svg);
  margin-right: 6px;
  margin-left: -22px;
}
.bk-ul-box-aufpassen > li:nth-child(1) {
  font-weight: bold;
}
.bk-ul-box-aufpassen > li {
  list-style-type: none;
  padding: 3px;
  margin-left: -15px;
}
.bk-ul-box-aufpassen > li > ul {
  list-style-type: disc !important;
}


/* Grüne Box (z.B. für Erfolg/Richtig) */
.bk-ul-box-gruen {
  border-left: 5px solid #2e7d32;
  background-color: #e8f5e9;
  padding: 5px 40px;
}
.bk-ul-box-gruen > li:nth-child(1)::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_correct-min.svg);
  margin-right: 8px;
  margin-left: -19px;
}
.bk-ul-box-gruen > li:nth-child(1) {
  font-weight: bold;
}
.bk-ul-box-gruen > li {
  list-style-type: none;
  padding: 3px;
  margin-left: -15px;
}
.bk-ul-box-gruen > li > ul {
  list-style-type: disc !important;
}


/* Für b-Fragen-Genericos und Infos in bestimmen Aktivitätsbeschreibungen wie Supervideos */
.bk-ul-box-basic {
  border-left: 5px solid #9ba1a7;
  background-color: #f8f9fa;
  padding: 5px 40px; 
  margin-left: 3px;
}
.bk-ul-box-basic > li:nth-child(1)::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/hand_right-min.svg);
  margin-right: 6px;
  margin-left: -20px;
}
.bk-ul-box-basic > li {
  list-style-type: none;
  padding: 3px;
  margin-left: -15px;
}
.bk-ul-box-basic > li > ul {
  list-style-type: disc !important;
}


/* Formatierungen im Text */
.bk-attention {
    background-color:burlywood;
    border:1px dotted burlywood;
    border-radius:10px;
    padding: 3px 8px;
}
.bk-attention::after {
    margin-left: 5px; 
    content: "☞"
    }

.bk-idea {
    background-color:Gold;
    border:1px dotted burlywood;
    border-radius:10px;
    padding: 3px 8px;
}
.bk-idea::before {
    margin-right: 5px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/light_bulb-min.svg);
    }
.bk-info {
    background-color:blanchedalmond;
    border:1px dotted burlywood;
    border-radius:10px;
    padding: 3px 8px;
}
.bk-info::before {
    margin-right: 5px;
    content: "i";
    color: Maroon;
    font-weight: bold;
    font-size: 110%;
    }
.bk-important {
    background-color:#ffc2e4;
    border:1px dotted #ffc2e4;
    border-radius:10px;
    padding: 3px 8px;
}
.bk-watchout-left {
    color:crimson;
    padding-left: 8px;
}
.bk-watchout-left::before {
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/watchout_left-min.svg);
    padding-right: 5px
}

.bk-code {
    font-family: monospace;
    font-size: 80%;
    color: crimson;
    border-radius: 3px;
    border-color: crimson;
    border: 1px dotted;
    background-color:floralwhite;
    padding-left: 3px;
    padding-right: 3px;
}

.bk-phrase {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid coral;
    margin-right: 3px;
}

.bk-phrase-le {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 1px solid dodgerblue;
    margin-right: 3px;
}

.durchgestrichen {
  text-decoration: line-through;
}

.unterstrichen {
  text-decoration: underline;
  text-decoration-color: purple;
}

/*Formatierung im Lektionsnamen*/
/*Zeitangabe*/
.duration {
    background-color: skyblue;
    font-family: sans-serif;
    font-size: 90%;
    color: darkblue;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
.duration::before {
    margin-left: 5px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/time.svg);
    margin-right: 3px;
}

.with-vid::before {
    margin-left: 5px; 
    content: "🎥";
    margin-right: 3px;
}

.with-aud::before {
    margin-left: 5px;
    content: "🎧";
    margin-right: 3px;
}

/* Formatierung der Levelangabe in Lektionstiteln*/
.level1 {
    background-color: lightgreen;
    font-family: sans-serif;
    font-size: 90%;
    color: darkblue;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
.level2 {
    background-color:#ffd37d;
    font-family: sans-serif;
    font-size: 90%;
    color: darkblue;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
.level3 {
    background-color:coral;
    font-family: sans-serif;
    font-size: 90%;
    color: darkblue;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
.levelexp {
    background-color:darkorchid;
    font-family: sans-serif;
    font-size: 90%;
    color: white;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}
/* Kopie der Klasse wegen Großschreibung im Abschlussnachrtichts-Generico */
.levelEXP {
    background-color:darkorchid;
    font-family: sans-serif;
    font-size: 90%;
    color: white;
    border-radius: 10px;
    padding: 3px 8px 2px 8px;
}



/* BER TODO: IST DAS HIER IN VERWENDUNG? NICHTS IN DER DATENBANK GEFUNDEN, WAHRSCHEINLICH VON CAFELINGUA – DOCH, IN HOTPOT UND EIN PAAR ALTEN LEKTIONEN – ENTFERNEN*/

/*Beispieltext*/

.Beispiel {
  font-style: italic;
}

.farbig {
  color: #0923e6;
}

.farbig_gruen {
  color: #090;
}

.farbig_rot {
  color: #f00;
}

.farbig_pink {
  color: #f0f;
}

.Signalwort {
  color: #f00;
}

.fett {
  font-weight: bold;
}

.kursiv_und_durchgestrichen {
  font-style: italic;
  text-decoration: line-through;
  color: #000;
}

.kursiv_und_unterstrichen {
  font-style: italic;
  text-decoration: underline;
}

.kursiv {
  font-style: italic;
}

.kursiv_und_fett {
  font-weight: bold;
  font-style: italic;
  color: #000;
}

.kursiv_und_blau {
  font-style: italic;
  color: #0923e6;
}

.kursiv_und_gruen {
  font-style: italic;
  color: #00bd13;
}

.kursiv_und_orange {
  font-style: italic;
  color: #FFA629;
}

.kursiv_und_pink {
  font-style: italic;
  color: #f0f;
}

.kursiv_und_rot {
  font-style: italic;
  color: #f00;
}

.fettundfarbig {
  font-weight: bold;
  color: #0923e6;
}

.fettundfarbigundHintergrund {
  background-color: #9cf;
  font-weight: bold;
  color: #0923e6;
}

.fettundfarbig_gruen {
  font-weight: bold;
  color: #1bb300;
}

.fettundfarbig_orange {
  font-weight: bold;
  color: #f63;
}

.fettundfarbig_pink {
  font-weight: bold;
  color: #f0f;
}

.fettundfarbig_rot {
  font-weight: bold;
  color: #f00;
}

.farbig_orange {
  color: #f63;
}


.kursiv_und_durchgestrichen_und_rot {
  font-style: italic;
  text-decoration: line-through;
  color: #f00;
}



.Hintergrund_blau {
  background-color: #9cf;
}

.ex-sent {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 1px 5px;
  border: 1px dotted #0923e6;
  border-radius: 10px;
  behavior: url('assets/css3pie/1.0.0/PIE.htc');
}

.ex-sent-de {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 1px 5px;
  border: 1px dotted grey;
  border-radius: 10px;
  behavior: url('assets/css3pie/1.0.0/PIE.htc');
}

.ex-sent-trans {
  color: #585858;
  font-size: 90%;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 1px 5px;
}


.ex-word {
  text-shadow: 0px 0px 15px dodgerblue;
}

/* TODO PRÜFEN und löschen (Double von oben) */
.ex_word {
color: #c4e1ff;
}

.ex-word-x {
  text-shadow: 0px 0px 15px #f00;
}

.ex-word-de {
  /* text-shadow: 0px 0px 12px #e0a060; */ /* einfacher Glow-Effekt */ 
  text-shadow: 0px 0px 10px #e0a060, 0px 0px 20px #e0a06066; /* doppelter Glow-Effekt */
}


.word-incorrect {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

.word-correct {
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-color: #00aa00;
  text-underline-position: under;
}

.ex-sent-x {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  border: 1px dotted #f00;
  border-radius: 10px;
  behavior: url('assets/css3pie/1.0.0/PIE.htc');
}

/* Reguläre Listeneinträge mit blauem Balken als Symbol und Abständen */
.li-regular {
    list-style-type: none;
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_regular-min.svg);
    padding: 3px;
    margin-left: 12px;
}

/* Listeneinträge im Beschreibungsfeld mit grauem Balken als Symbol und Abständen */
.li-description {
    list-style-type: none;
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_description-min.svg);
    padding: 3px;
    margin-left: 12px;
}

/* Pfeil als Aufzählungszeichen*/
.li-arrow {
    list-style-image:url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_arrow-min.svg");
    padding: 3px;
}

/* Liste in der Kursbeschreibung ???mit blauem Balken als Symbol und Abständen */
.ul-course-description {
    list-style-type: none;
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/ul_course_description-min.svg);
    margin-left: 24px;
}


/* Häkchen als Listensymbol */
.li-correct {
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_correct-min.svg);
    padding: 3px;
    margin-left: 15px;
}

/* Kreuz als Listensymbol */
.li-incorrect {
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_incorrect-min.svg);
    padding: 3px;
    margin-left: 15px;
}

.li-watchout-right {
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/watchout_right-min.svg);
    padding: 3px;
    margin-left: 15px;
}
.li-watchout-right::after {
    content: "!";
    color: red;
    font-weight: bold;
    font-size: 120%;
    padding-left: 5px;
}



.margin-bottom {
   margin-bottom: 7px;
}

.margin-top {
   margin-top: 7px;
}

.margin-top-35 {
   margin-top: 35px;
}

.bk-sup {
    font-style: normal;
    background-color: antiquewhite;
    border-radius: 4px 4px 4px 0px;
    border: 1px solid darkgrey;
    padding-left: 2px;
    padding-right: 3px;
    margin-left: 0.1em;
    margin-right: 0.4em;
}


audio {
   margin: 5px 0px 10px 10px;
}

/* Für Konjugationsregeln mit blauem Balken als Symbol und Abständen */
.conrule {
    list-style-type: none;
    list-style-image: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/li_regular-min.svg);
    padding: 3px;
    margin-left: 12px;
    border: 1px solid #0923e6;
    border-radius: 10px;
    behavior: url('assets/css3pie/1.0.0/PIE.htc');
}

.TODO {
    background-color:red;
}


/*Sonstiges*/
.horizontal-rule {
    border: 15px solid #e9ecef;
    border-radius: 0px;
}

.bk-competence {
  color: #04B431;
}


/*Erreichbare Punkte in Tests ausblenden*/
.grade {
visibility: hidden;
}

/* GLOSSAR AUF DER STARTSEITE */
/* farbige Boxen */
.glossarypost.continuous {
	background-color: #ebf0f9;
	padding: 10px;
	margin-bottom: 25px;
        border-radius: 15px;
}


/*Formatierung für 'Lektion' im Glossar*/
.bk-lesson {
    background-color: #fff2fb;
    font-family: sans-serif;
    font-size: 90%;
    color: gray;
    border-radius: 5px;
    border-width: 1px;
    border-color: #cc3399;
    border-style: solid;
    padding-bottom: 1px;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

/*Formatierung für 'Kurs' im Glossar*/
.bk-course {
    background-color: #edf6ff;
    font-family: sans-serif;
    font-size: 90%;
    color: gray;
    border-radius: 5px;
    border-width: 1px;
    border-color: #1486ff;
    border-style: solid;
    padding-bottom: 1px;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
}
.bk-course-bundle {
    background-color: white;
    font-family: sans-serif;
    font-size: 90%;
    color: gray;
    border-radius: 5px;
    border-width: 1px;
    border-color: DarkBlue;
    border-style: solid;
    padding-bottom: 1px;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
}
/*Formatierung für 'Video' im Glossar*/
.bk-video {
    background-color: white;
    font-family: sans-serif;
    font-size: 90%;
    color: gray;
    border-radius: 5px;
    border-width: 1px;
    border-color: DarkGreen;
    border-style: solid;
    padding-bottom: 1px;
    padding-top: 2px;
    padding-left: 7px;
    padding-right: 7px;
}

/* Linksymbol im Glossar für Verlinkung der Kurse */
.bk-course-link::before {
  content: "→";
  padding-right: 3px;
}

/* –––––  Administratives ––––– */
/*Wort 'fertig' für die Übungsaufgaben*/
.in-Bearbeitung {
   background-color: Orange;
   color: white;
   font-style: italic;
   padding-left: 3px;
   padding-right: 3px;
}

.fertig {
   color: LimeGreen;
   font-style: italic;
   padding-left: 3px;
   padding-right: 3px;
}
.fertig::after {
   content: "✓";
   color: #00aa00;
}

/*Wort 'Thema fertig' für die Übungsaufgaben*/
.Thema-fertig {
   background-color: LimeGreen;
   color: white;
   font-weight: bold;
   font-style: italic;
   padding-left: 3px;
   padding-right: 3px;
}
.Thema-fertig::after {
   content: "✓";
   color: white;
}

/*Angaben, die nur sichtbar für Lehrer sind */
.bk-teacher {
   color: #aa55ff;
   background-color: #e0caff;
   padding-right: 3px;
}
.bk-teacher::before {
   content: "Teacher➤";
   color: #aa55ff;
   border-style: solid;
   border-width: 1px;
   margin-right: 5px;
   border-radius: 5px;
   padding-left: 3px;
   padding-right: 3px; 
}
.bk-teacher-menu a {
   color: darkred;
}
.bk-teacher-block {
   background-color: #ffcccc !important;
   border: 1px solid DarkRed;
}
.bk-teacher-block-fertig {
   background-color: #00ff0a61 !important;
   border: 1px solid ForestGreen;
}

/*Graue Box für die Bilder in Abschnitten (momentan gleich wie .section-box)*/
.picture-box {
background-color: #f0f3f5;
border-radius: 20px;
padding: 20px 25px 20px 25px;
}

/*Graue Box für die Beschreibung in Abschnitten*/
.section-box {
background-color: #f0f3f5;
border-radius: 20px;
padding-top: 5px;
min-width:50%;
}


/* Kursliste custom fields Bezeichnungen */
.customfieldseparator {
font-weight: bold;
}
.customfieldvalue {
color: DarkGreen;
}
.customfield_flysprayX  {
background-color: orange;
}
.customfield_flysprayX > .customfieldvalue {
font-size: larger;
}



/* Info zu bestandenem Kurs im Startbereich, CSS-Ribbon */
.bk-course-completed {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.bk-course-completed {
  --r: .8em; /* control the ribbon shape */ 
  padding-inline: calc(var(--r) + .3em);
  line-height: 1.8;
  clip-path: polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%, var(--r) 50%);
  background: #03c04a; /* the main color */
  width: fit-content;
}
.bk-course-completed::before {
    margin-right: 5px;
    content: "💪";
    margin-right: 3px;
}
.bk-course-completed::after {
    margin-left: 5px;
    content: "✔";
    margin-right: 3px;
    color: white;
}


/* CSS für Tabellen usw. innerhalb von Lektionen  */
.bk-table {
  border-collapse: separate;
  margin-left: 20px;
  font-size: 1rem !important;
}
.bk-table td {
  padding: 0px 5px;
}
.bk-table td:first-child {
  border-left: #60abff 4px solid;
  padding-left: 10px;
}




/* Style für Was willst du wissen? */
/* für Sätze */
.box-sent {
  border: 1px;
  border-style: solid;
  border-color: #6C8EBF;
  border-radius: 2px;
  background-color: #DAE8FC;
}
/* für Satzglieder */
.box-part {
  border: 1px;
  border-style: solid;
  border-color: #82B366;
  border-radius: 2px;
  background-color: #D5E8D4;
}
/* für Wortarten */
.box-word {
  border: 1px;
  border-style: solid;
  border-color: #D6B656;
  border-radius: 2px;
  background-color: #FFF2CC;
}
/* für Wortformen */
.box-form {
  border: 1px;
  border-style: solid;
  border-color: #9673A6;
  border-radius: 2px;
  background-color: #E1D5E7;
}

/* Für p im Info für embedded questions */
.bk-generico-box {
background-color: #f8f9fa;
border-radius: 0.5rem;
padding: 1rem;
}


/* Hilfe-Text in Übungsfragen */
.bk-question-help {text-align: center;}
.bk-question-help::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/question-mark-min.svg);
}




/* PRÜFEN, WAS IST DAS, BRAUCH ICH DAS TODO*/
/* Icon für b-Tests mit embedded questions */
.bk-icon-embedded {
height: 50px;
width: 50px;
border-radius: 5px;
margin-left: 0px;
margin-right: 1rem;
}



/* Feedbacks-Genericos für die Vorab-Tests */
.bk-v-feedback1 {color: #228c3a;}
.bk-v-feedback1::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/v-fb1-min.svg);}
.bk-v-feedback2 {color: #0b5cd5;}
.bk-v-feedback2::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/v-fb2-min.svg);}
.bk-v-feedback3 {color: #fd7e14;}
.bk-v-feedback3::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/v-fb3-min.svg);}
.bk-v-feedback4 {color: #dc3545;}
.bk-v-feedback4::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/v-fb4-min.svg);}


/* Feedbacks-Genericos für die Tests */
.bk-feedback1 {color: #228c3a;}
.bk-feedback1::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/fb1-min.svg);}
.bk-feedback2 {color: #0b5cd5;}
.bk-feedback2::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/fb2-min.svg);}
.bk-feedback3 {color: #fd7e14;}
.bk-feedback3::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/fb3-min.svg);}
.bk-feedback4 {color: #dc3545;}
.bk-feedback4::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/fb4-min.svg);}
.bk-feedback5 {color: red;}
.bk-feedback5::before {
    margin-right: 8px;
    content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/fb5-min.svg);}





/* Formatierung von wordselect-Fragesätzen in der Fragensammlung */
div.wordselect > div.content > div > div.qtext > p::before {
  content: "➤";
  padding-right: 3px;
}

/*Glossarboxen, die aufpoppen*/
.moodle-dialogue-base .moodle-dialogue-wrap {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
    background-color:aliceblue !important;
}



/* ––––– THEME-ANPASSUNGEN FÜR EDWISER REMUI–––––*/
/* Jede Seite: Moodle-Hilfe-Popupmenü unten rechts entfernt; Code von Edwiser*/
.btn-floating[data-action="footer-popover"] {display:none !important;}

/* Glossartagsuchergebnisseite: Ausblenden des zweiten Eintrags "Englisch gelernt mit bernd" aus */
#tagarea-mod_glossary-glossary_entries > div.taggeditems > ul > li > div.media-body > div.muted > a:nth-child(3) {display: none;}

/* Mobilfooter: Bereich "Website-Support, angemeldet als, Datenschutzinfos und powered" ausgeblendet */
#page-footer > div > div.footer-content-popover.container {display:none;}

/* Kursseitenkopf: Trainer Sabine ausblenden; Code vom Edwiser-Support */
.header-wrapper .instructor-info > div:nth-child(2) {display:none;}

/* Einschreibeseite: Trainer Sabine ausblenden */
div.instructor:nth-child(2) {display:none !important;}

/* +1-Angabe bei Trainer auf der Einschreibeseite ausblenden */
#enrol_instructorscount {display:none;}

/* Einschreibeseite, rechte Felder: Angaben "Sprache" und "Abschnitte" ausblenden */
.enrollment-sections div.list-item-group > div:nth-child(1) > div:nth-child(1),
.enrollment-sections div.list-item-group > div:nth-child(1) > div:nth-child(2) {
    display: none !important;
}

/* Kursübersichtsseite in der Listenansicht: Angabe "Abschnitte" ausblenden */
.lesson-count {
  display: none !important;
}

/* Einschreibeseite: Einschreibeoptionen-Box ausblenden (würde auch mit individ. Einstellung auf der Einschreibeseite gehen, war mit CSS aber schneller für alle abgeschaltet) */
#region-main > div.doted-border.enrol-main-area-wrapper {display: none;}


/* Fragen: Checkboxen links der Wörter in wordselect-Fragen ausblenden */
.qtext > p > input[type="checkbox"]:not(.custom-control-input) {display: none !important;}

/* Fragen: Checkboxen links der Wörter in wordselect-Fragen ausblenden, DIE MIT .bk-phrase VERSEHENEN */
.qtext > p > span.bk-phrase > input {display: none !important;}


/* Fragen: Checkboxen links der Wörter in wordselect-Fragen ausblenden, die mit "ul" und zweizeilig versehenen */
.qtext > ul > li > input[type="checkbox"]:not(.custom-control-input) {display: none !important;}


/* Überschrift des Blockes zentrieren – nimmt er einfach nicht an!!!
#instance-1667-header {text-align: center;} */


/* Embedded-Übungen: Erledigt-Box direkt über den Übungssätzen ausgeblendet → pic01 */
#page > section > div.activity-header {display:none;}


/* Letzte Elemente (3. und 4.) der Breadcrumbs im Kurs entfernt; auch das 4., da auf manchen Seiten Unterseiten haben */
#page-navbar > nav > ol > li:nth-child(3) {display:none;}
#page-navbar > nav > ol > li:nth-child(4) {display:none;}
/* FÜR DIE GESAMTE NAV: #page-navbar {display:none;} */


/* Nummerhintergrundbilder und Farbverlauf für die Aktivitätskacheln im Kurs */
/* Einfach die Kachelfarbe: .single-card {background-color:#f3f8fd !important;}  */
/* Schatten um jede Kachel */
.single-card {box-shadow: 0 2.76726px 2.21381px rgba(0, 0, 0, 0.07), 0 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0 4.7776px 33.4221px rgba(0, 0, 0, 0.0735573), 0 100px 80px rgba(0, 0, 0, 0.0174624);}

/* Nummerierung 1–5 in Hintergrund der Kacheln */
ul.activity-cards > li:nth-child(1) > .single-card {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/activities/number_one.svg");
}
ul.activity-cards > li:nth-child(2) > .single-card {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/activities/number_two.svg");
}
ul.activity-cards > li:nth-child(3) > .single-card {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/activities/number_three.svg");
}
ul.activity-cards > li:nth-child(4) > .single-card {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/activities/number_four.svg");
}
ul.activity-cards > li:nth-child(5) > .single-card {
  background-repeat: no-repeat;
  background-position: center top;
  background-image: url("https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/activities/number_five.svg");
}



/* zusätzliche Kreuzchen und Häkchen in Lektionsantworten */
/* div.studentanswer div.incorrect::before {
    content: "✗";
    margin-right: 5px;
    color: red;
    font-size: 105%;
    font-weight: bold;
} ← MOMENTAN NICHT MÖGLICH, DA STETS ALLE ANTWORTEN IM HTML ENTWEDER ALLE ALS CORRECT ODER INCORRECT DARGESTELLT WERDEN */

div.studentanswer div.correct::before {
    content: "✓";
    margin-right: 5px;
    color: green;
    font-size: 109%;
    font-weight: bold;
}


/* Button zum Lernpfad im Startbereich */
.bk-lm-button {
    margin: 3em 0;
}


/* Links im Abschlussbereich */
/* Linksymbole für <a>, Pfeile */
.bk-link-back::before {
    content: "← ";
    font-size: larger;
}
.bk-link-forward::after {
    content: " →";
    font-size: larger;
}
.bk-link-grades::before {
    content: "💪 ";
    font-size: larger;
}
.bk-link-point-right::before {
  content: url(https://englisch.gelernt-mit-bernd.de/pluginfile.php/6546/mod_folder/content/0/icons/hand_right_w-min.svg);
  font-size: larger;
  padding-right: 5px;
}
/* Links auf der Anmeldeseite */
.bk-link-white {color: white;}
.bk-link-white:hover {color: white;}

/* Ausblenden auf den Übersichtsseiten der Kurse, nachdem man auf ein Tag klickt */
#tagarea-core-course .customfield_edwcourseintrovideourlembedded {display: none;}

/* Hintergrundfarbe für Tags/Schlagwörter */
#categoryquestions .standardtag{background-color: Sandybrown;}


/* ----- Kursindex ausblenden ----- */
/* Desktopseite */
#theme_remui-drawers-courseindex {
    display: none;
}


/* Knopf auf Mobilseite */
.drawer-toggles .drawer-left-toggle {
    display: none;
}

/* Abstand links des Seiteninhalts reduzieren*/
#page.drawers.show-drawer-left {
    margin-left: 0;
}

/* Abstand links des Footers reduzieren */
.show-drawer-left+#page-footer {
    margin-left: 0;
}


/* Weißer Hintergrund für Startbereich auf Kurshauptseite */
.read-more-target.coursesummary {
    background: white;
    border: 1px solid #EBF0F9;
    border-radius: 8px;
    padding: 24px;
}