/**
 * @file
 * Subtheme specific CSS.
 */
/* ---------- Color Module Styles ----------- */

body {
  color: #3b3b3b;
  background: #292929;
}

#page,
#main-wrapper,
.region-primary-menu .menu-item a.is-active,
.region-primary-menu .menu-item--active-trail a {
  background: #fff;
}

.tabs ul.primary li a.is-active {
  background-color: #fff;
}

.tabs ul.primary li.is-active a {
  background-color: #fff;
  border-bottom-color: #fff;
}

#navbar-top {
  background-color: #055a8e;
}

#navbar-main {
  background-color: #fff;
}

a,
a:hover,
a:focus,
a:active,
.link {
  color: #0071b3;
  text-decoration: none !important;
}

a:hover,
a:focus,
.link:hover,
.link:focus {
  color: #018fe2;
}
.nav-item .dropdown-item a.active {
  color: white;
}
.nav-link {
  color: rgb(0, 0,0);
}
.nav-link:hover,
.nav-link:focus {
  color: rgb(0, 0,0);
}
a:active,
.link:active {
  color: #23aeff;
}

.page-item.active .page-link {
  background-color: #0071b3;
  border-color: #0071b3;
}

.page-link,
.page-link:hover {
  color: #0071b3;
}

.sidebar .block {
  background-color: #f6f6f2;
  border-color: #f9f9f9;
}

button:focus,
button:active{    
  box-shadow: none;
}

.btn-primary {
  background-color: #fff;
  border:1px solid #00519E;
  color: #00519E;
  box-shadow: none;
}


#edit-submit{
background-color:#00519E;
color: #fff;
}

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus {
  background-color: #0256b1;
  box-shadow: none;
    color: #fff;
}

.site-footer {
    background: #fff;
}

.site-footer .content a, .site-footer .content a.is-active,.site-footer .content {
    color: #000;
}

.region-header,
.region-header a,
.region-header li a.is-active,
.region-header .site-branding__text,
.region-header .site-branding,
.region-header .site-branding__text a,
.region-header .site-branding a,
.region-secondary-menu .menu-item a,
.region-secondary-menu .menu-item a.is-active {
  color: #fffeff;
}


/* ---------- Color Form ----------- */

[dir="rtl"] .color-form .color-palette {
  margin-left: 0;
  margin-right: 20px;
}

[dir="rtl"] .color-form .form-item label {
  float: right;
}

[dir="rtl"] .color-form .color-palette .lock {
  right: -20px;
  left: 0;
}
#block-bootstrap-barrio-subtheme-site-branding{
    font-size:38px;
    font-weight: 600;
    vertical-align: middle;
    height:100%;
    width:100%;
    max-width:410px;
    padding-top:2px;
}

#block-bootstrap-barrio-subtheme-site-branding a{
    display: block;
    line-height: 100%;
    float: left;
    margin-right: 10px;
}

#block-bootstrap-barrio-subtheme-site-branding img{
        width: 90px;
    vertical-align: top;
}

#navbar-main{
    justify-content: space-between;
}

.navbar-brand img{
    max-width:100px;
}

.btn,
.form-control{
    border-radius: 0rem;
}


.vocab-trainer-page {
  max-width: 1100px;
}

.vocab-front,
.vocab-back {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 2rem;
}

.vocab-button-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 2rem 0;
}

.vocab-button-row .form-submit,
.vocab-show-solution .form-submit,
.vocab-next-session .form-submit {
  font-size: 1.1rem;
  font-weight: 500;
  padding: 0.9rem 1.6rem;
  border-radius: 0rem;
  min-width: 140px;
}

.vocab-button {
  font-size: 1.1rem;
  font-weight: 700;
}

.vocab-button-correct {
  background: #2e7d32;
  border: 1px solid #2e7d32;
  color: #fff;
}

.vocab-button-correct:hover,
.vocab-button-correct:focus {
  background: #256628;
  border-color: #256628;
  color: #fff;
}

.vocab-button-wrong {
  background: #c62828;
  border: 1px solid #c62828;
  color: #fff;
}

.vocab-button-wrong:hover,
.vocab-button-wrong:focus {
  background: #a61f1f;
  border-color: #a61f1f;
  color: #fff;
}

.vocab-button-learned {
  font-size: 1.1rem;
  font-weight: 700;
}

.vocab-show-solution {
  margin-top: 2rem;
}

.vocab-status {
  margin-top: 2rem;
}

.vocab-status h3 {
  margin-bottom: 1.25rem;
}

.vocab-status-summary {
  margin-bottom: 1.5rem;
}

.vocab-status-history ul {
  margin: 0 0 1.5rem 1.25rem;
  padding: 0;
}

.vocab-next-session {
  margin-top: 2rem;
}

.vocab-next-session h2 {
  margin-bottom: 1.25rem;
}

.vocab-next-session .form-radios {
  margin-bottom: 1.5rem;
}

.vocab-next-session .form-radios .form-item {
  margin-bottom: 0.75rem;
}

#edit-resume{
    padding-right:30px;
}

#block-bootstrap-barrio-subtheme-copyright{
    padding-left:15px;
}

.site-footer__bottom {
    border-top: 0px solid #555;
}

.alert-dismissible{
    display:none;
}

.vocabwrong {
    border:1px solid #0071b3;
    padding:12px;
    background:#fff;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}

.vocabwrong .mb-3{
    margin-bottom: 0 !important;
}

.vocabwrong-wrapper {
    margin-bottom:30px;
    max-width: 900px;
}

.vocab-progress{
    width:100%;
    height:4px;
    overflow:hidden;
    display:flex;
    margin:0 0 1rem 0;
    background:#b8b8b8;
}

.vocab-progress .col-wer{
    margin-bottom:12px;
}

.vocab-today-review-link-wrapper{
    margin:0 0 1.25rem 0;
}

.vocabwrong-wrapper #edit-count{
    font-size:1.6rem;
    font-weight:700;
    line-height:1;
}

.vocabwrong-wrapper div{
    padding:0;
}

.vocabwrong-wrapper div.vocabwrong {
  background-color: #fff;
  border:1px solid #00519E;
  color: #00519E;
  padding:8px;
  box-shadow: none;
  overflow:hidden;
}

.vocabwrong div{
    width:30%;
    padding:8px;
    float:right;
}

.vocabwrong div:first-child{
    width:70%;
    float:left;  
}

.vocab-progress{
    border:1px solid grey;
}

.vocab-progress__wrong{
    background:#C72935;
    height:6px;
}
.vocab-progress__learned{
    background:#008D43;
    height:6px;
}
.vocab-progress__rest{
    background:#F7F7F7;
    height:6px;
}

.vocab-trainer-overview{
    margin-bottom:1.5rem;
}

 table {
  background-color: #ffffff !important;
  border-collapse: collapse;
}

th,
td {
  background-color: #ffffff !important;
}


/* Bootstrap Zebra / Hover killen */
.table-striped>tbody>tr:nth-of-type(odd)>*,
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
  background-color: #ffffff !important;
}


table th,
table td {
  border: 1px solid #00519E !important;
}

 th,
 td {
  padding: 0.5rem 0.75rem;
}

table tr th, table tr th a, table tr th a:hover, table tr th a:focus {
    color: #00519E;
    font-weight: bold;
}

.today-review-col-check a,
.today-review-col-check a:hover{
    text-decoration: none;
}
.today-review-col-check{
    width:40px;
}

.today-review-col-check a,
.today-review-col-check a:link,
.today-review-col-check a:visited,
.today-review-col-check a:hover,
.today-review-col-check a:focus,
.today-review-col-check a:active,
.today-review-col-check .vocab-check,
.today-review-table .today-review-check {
  display: inline-block;
  color: #198754;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.25rem;
  line-height: 1;
}

.today-review-col-check .vocab-check {
  display: inline-block;
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1;
  -webkit-text-fill-color: #198754 !important;
}

.today-review-table .today-review-check:hover {
  text-decoration: none;
  opacity: 0.8;
}

.today-review-table th a.today-review-toggle {
  text-decoration: underline;
  cursor: pointer;
  color: inherit;
}

.today-review-table th a.today-review-toggle:hover {
  text-decoration: underline;
}



/* leichte optische Rückmeldung */
.today-review-table.hide-de.hide-it td.today-review-col-de.cell-revealed,
.today-review-table.hide-de.hide-it td.today-review-col-it.cell-revealed {
  background-color: #deedfc !important; /* ganz leichtes Blau */
}

.table>:not(caption)>*>* {
   box-shadow: none;
}

/* Standard: Inhalte sichtbar */
.today-review-table .today-review-de-value,
.today-review-table .today-review-it-value {
  opacity: 1;
  transition: opacity 0.15s ease;
}

/* Deutsche Inhalte ausblenden */
.today-review-table.hide-de td.today-review-col-de .today-review-de-value {
  opacity: 0;
}

/* Italienische Inhalte ausblenden */
.today-review-table.hide-it td.today-review-col-it .today-review-it-value {
  opacity: 0;
}

/* Einzelne deutsche Zelle wieder sichtbar machen */
.today-review-table.hide-de td.today-review-col-de.cell-revealed .today-review-de-value {
  opacity: 1 !important;
}

/* Einzelne italienische Zelle wieder sichtbar machen */
.today-review-table.hide-it td.today-review-col-it.cell-revealed .today-review-it-value {
  opacity: 1 !important;
}

/* Klick-Cursor */
.today-review-table.hide-de td.today-review-col-de,
.today-review-table.hide-it td.today-review-col-it {
  cursor: pointer;
}