/* individuelle CSS-Anpassungen der jeweiligen Installation */


[data-docr-segment] .docr-segmentsteuerung {
  /* top: 20px; */
}

/* Die [data-docr-segment] setzt "relative", flickity benötigt "absolute",
   .flickity-viewport setzt auch "relative", daher ist "absolute" kein Problem. */
.flickity-cell[data-docr-segment] {
  position: absolute;
}



#docr_menu .logo:before {
  width: 50px;
}
#docr_header .logo:before {
  width: 50px;
}
@media screen and (min-width: 992px) {
  #docr_menu .logo {
    padding: 0px 10px 0 10px;
  }
  #docr_menu .logo:before {
    width: 40px;
  }
    body.docr-menu-fixiert #docr_menu .logo,
  #docr_menu:hover .logo {
    padding-left: 20px;
  }
  body.docr-menu-fixiert #docr_menu .logo:before,
  #docr_menu:hover .logo:before {
    width: 60px;
  }
}




#modul_login {
  background-color: #111;
}




.docr .remove_btn{
  position: absolute;
  top: 16px;
  right: 10px;
  cursor: pointer;
}
.docr .remove_btn:before{
  font-family: Helvetica, sans-serif;
  font-size: 32px;
  font-weight: 100;
  color: #ccc;
  content: "\00D7";
  text-shadow: 1px 1px 3px rgb(0 0 0 / 80%)
}
.docr .remove_btn:hover:before{
  color: #000;
}




/* Asset-Liste */
@media only screen and (min-width: 768px) {

  #search_bar .bereichefeld {
    display: inline-block;
    width: 200px;
  }
  #search_bar .suchfeld {
    display: inline-block;
    width: calc(100% - 350px);
  }
}

.docr #search_bar .ts-wrapper {
  min-height: 38px;
  margin-top: -2px;
}
.docr #search_bar .bereichefeld .ts-wrapper .ts-control .item {
  align-self: center;
}

#modul_asset-manager.docr .liste.kacheln .eintrag {
  height: 285px;
}





/* Imagery einlesen */
#modul_assets-upload-imagery .dateiliste {
  padding-right: 0;
}
#modul_assets-upload-imagery .dateiliste .element {
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  width: 216px;
  height: 206px;
  overflow: hidden;
}
#modul_assets-upload-imagery .dateiliste .element.aktiv label.bild {
  border: 5px solid #df2b2a;
}
#modul_assets-upload-imagery .element label.check {
  width: 100%;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#modul_assets-upload-imagery .element .remove_btn {
  top: 10px;
}
#modul_assets-upload-imagery .dateiliste .bild {
  display: block;
  width: 216px;
  height: 166px;
}
#modul_assets-upload-imagery .feldliste .feld .eingabe.eingerueckt {
  margin-left: 30px;
}






/* Assets einlesen */
#modul_assets-upload-assets .dateiliste {
  padding-right: 0;
}
#modul_assets-upload-assets .dateiliste .element {
  position: relative;
  float: left;
  margin: 0 20px 20px 0;
  width: 216px;
  height: 206px;
  overflow: hidden;
}
#modul_assets-upload-assets .dateiliste .element.aktiv label.bild {
  border: 5px solid #df2b2a;
}
#modul_assets-upload-assets .element label.check {
  width: 100%;
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#modul_assets-upload-assets .element .remove_btn {
  top: 10px;
}
#modul_assets-upload-assets .dateiliste .bild {
  display: block;
  width: 216px;
  height: 166px;
}
#modul_assets-upload-assets .feldliste .feld .eingabe.eingerueckt {
  margin-left: 30px;
}
#modul_assets-upload-assets .gu-mirror.element .bild {
  display: block;
  width: 216px;
  height: 166px;
}




.docr .sortable-placeholder-assets {
  margin: 0 20px 20px 0;
  width: 216px;
  height: 206px;
  float: left;
}