button.clear_search,button.exact_match{background:#999;border:none;color:#fff}.modal-backdrop,.popup{right:0;bottom:0;left:0}.click-flag,div#phrs{margin-bottom:0}button.exact_match{margin-right:10px;padding:5px 7px;border-radius:5px}button.clear_search{padding:4px 10px;margin-left:5px;float:right;margin-right:27px;border-radius:5px}.modal-backdrop{position:fixed;top:0;z-index:99;background-color:#000}.modal-open{overflow:hidden!important}.modal-open .modal,.popup,div#exampleModal_1{overflow:hidden}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-footer button.btn{width:auto;padding:6px 12px!important;height:auto}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal.fade{opacity:1;-o-transition:opacity linear}.modal-backdrop.in+.modal-backdrop.in,.modal-open .modal-backdrop+div{display:none}.modal-open .modal-backdrop.fade{opacity:.5}.modal-footer button.btn:focus{outline:0;border:none}.modal-dialog.modal-dialog-custom{max-width:300px;overflow:hidden}.modal-title{font-weight:600;font-size:1em;padding-top:10px}.close span{font-size:20px!important;color:#fff!important}.click-flag{padding-top:10px!important;letter-spacing:1px}.modal-body{position:relative;padding:15px;text-align:center;width:248px;margin:auto}.phrase-text{margin-bottom:20px;padding-top:0;text-transform:unset;text-align:center}.first-text{font-weight:700}.second-text{color:#5a5a5a}.audio-btn,.hideshow span,button.closess.close-audio span{color:#fff}.slide-arrow{position:absolute;top:20px;width:88%}.slide-arrow i.fa.fa-chevron-left{left:-20px;position:absolute}.slide-arrow i.fa.fa-chevron-right{right:-20px;position:absolute}.flagwrap{display:inline-block;position:relative;margin-right:15px;margin-left:5px;margin-bottom:25px}button.closess.close-audio{BACKGROUND-COLOR:#ca0000;border:none;padding:2px 6px;border-radius:6px}.modal-body a.popup-youtube{display:block;margin:20px 10px 25px}.flagwrap button.btn.btn-default{padding:6px 3px;border-radius:4px}.clsSpanLang{width:100%;display:block;position:absolute;left:0;right:0;text-align:left;padding-left:10px;padding-top:5px}.modal-title,.subPopupCust .modal-content1 .modal-footer{text-align:center}.popup{position:fixed;top:0;z-index:1050;display:none;-webkit-overflow-scrolling:touch;outline:0;padding:0!important}.popup .modal-dialog.modal-dialog-custom{margin-top:0;margin-bottom:0;height:100%}.modal-content1{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:6px;width:300px;outline:0;height:100%;margin:0 auto}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-title div{float:left}.modal-title{margin:0;line-height:1.42857143}.flag-en{background-position:-108px -12px;width:18px;height:12px}button.close.close-audio{top:-10px}.popup .modal-body{margin-top:20px;margin-bottom:20px}.subPopupCust .modal-body p{margin-bottom:20px;font-size:16px}.audio-btn{font-size:18px;vertical-align:middle;margin-left:0;background-color:#999!important;border:0 solid;padding:0 15px;display:inline-block;margin-top:0;border-radius:0}.hover_content{width:47px;font-size:14px;cursor:pointer;letter-spacing:1px;margin:auto}.flagwrap:hover .hover_content{display:block;background:0 0;border:none;text-align:center;color:#000;width:47px!important}.hover_content i.fa.fa-pencil{border:1px solid #ccc;width:40px;border-radius:4px;height:25px;vertical-align:middle;padding-top:4px}i.fa.fa-pencil{color:#000;background:0 0}.hover_content,.hover_content_play{display:none;position:absolute;top:-6px;right:5px;background:#e36159;padding:0 4px;border-radius:3px;border:1px solid #e6e6e6;border-color:#e36159 #e36159 #dc372d;color:#fff;line-height:19px}.hover_content_play{display:block!important;background:0 0!important;border:none!important;color:#000!important;bottom:0!important;cursor:pointer!important;top:auto!important}.dropbtn{background-color:#e36159;color:#fff;padding:10px;font-size:9px;border:none;cursor:pointer;margin-bottom:25px}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;left:0;height:200px;overflow:scroll;width:100%;top:32px!important}.dropdown-content a{color:#000;padding:12px 14px;text-decoration:none;display:block;font-size:14px;text-align:left}.dropdown{margin-top:20px;position:relative;display:inline-block;font-size:10px}.dropdown:hover .dropdown-content{display:block}.hideshow{background-color:transparent;padding:3px 6px;border-radius:4px}a#clsPopupFlags{color:#000}.btn-secondary{color:#fff;background-color:#e36159;border-color:#e36159 #e36159 #dc372d}img.sub-pop-logo{margin-top:5px;width:70%;margin-left:20px}
   .flags-small.flag-bs {
    background-position: -108px 0 !important;
    width: 18px !important;
    height: 12px !important;
}
.books-EN .copyright {
  background: #015e7f !important;
}
/*.verlauf {
    background-color: #e7e7e7 !important;
    }*/
    .DEBG017 .languages-online-sec {
     padding: 30px 0;
     margin: 15px;
     box-shadow: 0px 0px 10px 4px #0000002e;
  }

  .verlauf .table-centered p {
     color: #000 !important;
     font-weight: 400;
     font-size: 18px;
     text-align: justify;
     padding: 15px;
  }
  .body .main{
   display: none; 
}
.red-striped-table tr:nth-child(even) { background-color: #00000012; }
.modal-dialog.modal-dialog-custom {
   max-width: 350px;
}
.phrase-text {
   padding-inline: 5px;
}
.slide-arrow i.fa.fa-chevron-left {
   left: -2%;
}
.slide-arrow i.fa.fa-chevron-right {
   right: -2%;
}
.slide-arrow {
   width: 90%;
   left: 5%;
}
.modal-body {
   max-width: 100%;
   width: 100%;
}
.subPopupCust .modal-dialog {
   display: flex;
   align-items: center;
   justify-content: center;
   position: relative;
   z-index: 99999;
   pointer-events: all;
}
.subPopupCust .modal-dialog > .modal-content1 {
   height: auto;
}
.subPopupCust .modal-content1 .modal-footer {
  margin-top: 30px;
}
.subPopupCust, .modal-pop-lang-main {
  background: #00000070;
}
.subPopupCust {
  border-radius: 6px;
}
.subPopupCust a.audio-btn {
  border-radius: 12px;
  padding: 7px 23px;
}
.subPopupCust a.audio-btn:hover {

  background: #ca0101 !important;
  color: #fff !important;
}
.modal-pop-lang-main > .modal-dialog {
  margin-block: 0;
  height: 100%;
  max-width: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-pop-lang-main > .modal-dialog > .modal-content {
  max-width: 350px;
}
.modal-backdrop {
  display: none;
}
@media (max-width: 767.98px){
    .modal-pop-lang-main {
        align-items: center;
        justify-content: center;
        padding-top: 0 !important;
    }
    .modal-pop-lang-main.show {
        display: flex !important;
    }
    .modal-pop-lang-main > .modal-dialog {
        height: auto;
        width: calc(100% - 20px);
        margin-inline: auto !important;
    }
    .subPopupCust {
    padding-top: 20px !important;
    padding-inline: 10px !important;
}
}

.modal-pop-lang-main > .modal-dialog > .modal-content {
    max-width: 350px;
}

.modal-dialog.modal-dialog-custom .modal-content{
    animation-name: fade-left;
    max-width: 350px;
    animation-duration: 0.6s;
    width: 100%;

}

.modal-pop-lang-main > .modal-dialog > .modal-content{
       max-width: 350px;
    position: relative;
}

.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}}