/*
 * GENERAL VARIABLES
 */
/* COLORS */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* opacity .7 */
/* SPACING */
/* FONTS */
/* font weight */
/* DEFAULT ELEMENTS */
/* WRAP */
/* BASIC ELEMENTS */
/* EXTENDED ELEMENTS */
/*
 * LOGIN-FORM FE
 */
/*
 * COLS
 */
/*
 * ColRight & ColLeft Space
 */
/*
 * Listings
 */
/*
 * Space If elements > cols-numer (4 items > .cols .items-x3) || .doubleSpace-break
 */
/*
 * Listings
 */
/* Card-Item */
/* Shadow */
/* Zoom */
/* link-cover */
/* List-View */
/* Border */
/* Zoom */
/* Vertical Align Content */
/* Vertical Align Image */
/* Spacing */
/* link-cover */
/* Oversize */
/*
 * BUTTON VARIABLES
 */
/*
 * NAVIGATION VARIABLES
 */
/*
 * Main Navigation
 */
/* General */
/* List-Elements */
/* Related for Level-0 */
/* Related for Level-1 */
/* Related for Level-2 */
/*
 * Main-Aside Navigation
 */
/* General */
/* Color */
/*
 * Main MegaDropdown Navigation
 */
/*
 * Mobile Navigation
 */
/*
 * MicroNav
 */
/*
 * FooterNavi
 */
/*
 * Aside
 */
/*
 * Pagination
 */
/*
 * Single-Content Navigation
 */
/*
 * PAGE VARIABLES
 */
/*
 * Media objects
 */
.transitions {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
ul#media-module-list > li {
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
ul#media-module-list > li .card-item-wrap {
  border: solid 1px #ccc;
}
ul#media-module-list > li .card-item-wrap .card-item-image {
  border: none !important;
}
.media-interaction-container {
  list-style: none;
  padding: 0;
}
.media-interaction-container > li:nth-child(n+2) {
  margin-top: 0;
}
.mic-header {
  padding: 1%;
  margin: 0;
  text-align: center;
  font-weight: 700;
}
.mic-image {
  border: 1px solid #ddd;
  height: 150px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  position: relative;
  z-index: 1;
}
.mic-image > img {
  position: absolute;
  left: -99999px;
}
.mic-actions {
  background: #ddd;
}
.mic-actions > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mic-actions > ul > li {
  display: inline-block;
  width: 20%;
  text-align: center;
  cursor: pointer;
  padding: 4px 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.mic-actions > ul > li:nth-child(n+2) {
  margin-top: 0;
}
.mic-actions > ul > li:hover i {
  color: #fff;
}
.mic-actions > ul > li.action-green:hover {
  background: #469b2b;
}
.mic-actions > ul > li.action-red:hover {
  background: #c02e2e;
}
.mic-actions > ul > li.disabled {
  color: #ccc;
}
.mic-actions > ul > li.disabled.action-green:hover,
.mic-actions > ul > li.disabled.action-red:hover {
  background: transparent;
  cursor: not-allowed;
}
.mic-actions > ul > li.disabled.action-green:hover i,
.mic-actions > ul > li.disabled.action-red:hover i {
  color: #ccc;
}
ul.media.card-view {
  list-style: none;
  width: 98%;
  margin: 0 1%;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
ul.media.card-view > li {
  width: 18.4%;
  margin: 0 1% 20px;
  float: left;
  overflow: hidden;
  position: relative;
  border: solid 1px #ccc;
  background: #fff;
}
ul.media.card-view > li:nth-child(5n+1) {
  clear: left;
  margin-left: 0;
}
ul.media.card-view > li:nth-child(5n+5) {
  margin-right: 0;
}
ul.media.card-view > li .media-image {
  width: 100%;
  padding-bottom: 56%;
  background-size: contain;
  background-position: center;
  border: solid 5px #fff;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
ul.media.card-view > li .media-image > img {
  position: absolute;
  left: -99999px;
}
ul.media.card-view > li .media-meta {
  width: 100%;
  padding: 5px;
  position: absolute;
  bottom: -80px;
  left: 0;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
ul.media.card-view > li .media-meta > span {
  display: block;
  width: 100%;
}
ul.media.card-view > li .media-actions {
  border-top: solid 1px #ccc;
  background: #fff;
  position: relative;
  z-index: 2;
}
ul.media.card-view > li .media-actions > span {
  display: inline-block;
  width: 20%;
  padding: 5px 0;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
ul.media.card-view > li .media-actions > span:hover {
  background: #88BD21;
  color: #fff;
}
ul.media.card-view > li .media-unlinked {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  background: rgba(255, 255, 255, 0.9);
  border-bottom: solid 1px #ccc;
}
ul.media.card-view > li:hover .media-meta {
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
}
.media-info-modal h2 {
  border-bottom: solid 2px #333;
  margin: 15px 0 10px;
  padding-bottom: 5px;
}
.media-info-modal ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.media-info-modal ul > li {
  overflow: hidden;
  width: 100%;
  font-size: 90%;
}
.media-info-modal ul > li:nth-child( n+2 ) {
  padding-top: 5px;
  margin-top: 5px;
  border-top: solid 1px #ccc;
}
.media-info-modal ul > li > span.label {
  display: inline-block;
  width: 200px;
  float: left;
  font-weight: 700;
}
.media-info-modal ul > li > span.text {
  display: inline-block;
  width: calc(100% - 200px);
  margin: 0;
  padding-bottom: 5px;
}
.media-info-modal ul > li > span.text input {
  width: calc(100% - 70px);
  padding: 5px;
}
.media-info-modal ul > li > span.text span.edit-media-field,
.media-info-modal ul > li > span.text span.save-media-field,
.media-info-modal ul > li > span.text span.cancle-media-field {
  display: inline-block;
  width: 30px;
  padding: 5px;
  margin-left: 5px;
  border: solid 1px #ccc;
  text-align: center;
  cursor: pointer;
}
.media-info-modal ul > li > span.text span.save-media-field:hover {
  background: #28c73d;
}
.media-info-modal ul > li > span.text span.cancle-media-field:hover {
  background: #c02e2e;
}
.media-info-modal ul > li > div.media-link-title {
  width: 70%;
  float: left;
}
.media-info-modal ul > li > div.media-link-lang {
  width: 15%;
  float: left;
}
.media-info-modal ul > li > div.media-link-edit {
  width: 15%;
  float: right;
}
.media-info-modal ul > li > div.media-link-description {
  width: 100%;
  clear: both;
}
.media-info-modal ul > li > div b {
  display: block;
}
/*
 * MODAL DIALOG SELECT LOCAL IMAGE
 */
ul.media-list {
  font-size: 80%;
  border: none;
}
ul.media-list em {
  display: block;
  text-align: center;
  padding-top: 5px;
  font-size: 80%;
}
ul.media-list.card-view .content-link {
  left: 15px;
}
ul#media-module-list.card-view.border > li {
  padding-bottom: 0;
  margin-bottom: 10px;
}
ul#media-local-list.media-list.card-view .card-item {
  margin-bottom: 15px;
}
ul#media-local-list.media-list.card-view .card-item .card-item-image {
  background-color: #f2f2f2;
  border: solid 15px #f2f2f2;
}
ul#media-local-list.media-list.card-view .card-item .card-item-border {
  z-index: 20;
}
ul#media-local-list.media-list.card-view .card-item .card-item-border .content-link button {
  width: 100%;
  display: block;
  padding: 10px;
  cursor: pointer;
}
ul#media-local-list.media-list.card-view .card-item .card-item-border .content-link button:hover {
  background: #88BD21;
  border: solid 1px #88BD21;
  color: #fff;
}
/*
 * MODAL DIALOG RTE MEDIA HANDLING
 */
.media-selection {
  width: 66.666%;
  float: left;
  padding-right: 15px;
}
.media-options {
  width: 33.333%;
  float: right;
  padding-left: 15px;
}
div#media-selection-wrap {
  height: 400px;
  overflow-y: scroll;
  border: solid 1px #ddd;
  padding: 15px;
}
.media-options-preview {
  padding-bottom: 15px;
}
.media-options-preview img {
  width: 100%;
  height: auto;
  display: block;
}
.media-options-preview span {
  display: block;
  text-align: center;
  padding: 5px;
}
.media-options-preview fieldset span {
  display: inline-block;
}
.media-options-preview fieldset span.hidden {
  display: none;
}
ul#media-module-list > li {
  cursor: pointer;
}
ul#media-module-list > li:hover {
  background: #88bd21;
  color: #fff;
}
ul#media-module-list > li span.file-path,
ul#media-module-list > li span.file-text {
  display: none;
}
#media-module-list div.file-icon,
#mop-fil div.file-icon {
  text-align: center;
  font-size: 500%;
}
#media-module-list p.file-name,
#mop-fil p.file-name,
#media-module-list span.file-name,
#mop-fil span.file-name,
#media-module-list span.file-path,
#mop-fil span.file-path,
#media-module-list span.file-text,
#mop-fil span.file-text {
  display: block;
  word-break: break-all;
  font-size: 80%;
}
fieldset#media-options-preview-file div.file-icon {
  width: 30px;
  text-align: center;
  float: left;
}
fieldset#media-options-preview-file p.file-attributes {
  width: calc(100% - 30px);
  float: right;
  word-break: break-all;
}
fieldset#media-options-preview-file span {
  text-align: left;
}
fieldset#media-options-preview-file #mop-file .file-name {
  display: block;
}
fieldset#media-options-preview-file #mop-file span.file-title:before {
  content: 'Titel: ';
}
fieldset#media-options-preview-file #mop-file span.file-text:before {
  content: 'Beschr.: ';
}
fieldset#media-options-preview-file #mop-file span.hidden {
  display: none;
}
fieldset#media-options-preview-file #mop-file span.temp-input {
  background: #fff;
  border: solid 1px #ccc;
  display: block;
}
/*
 * IMAGE OBJECTS LIST
 */
/* object list item - wrap */
.complex-image-list .img-item-wrap {
  background: #eaeaea;
  border: solid 1px #ccc;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  -ms-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
}
.complex-image-list .img-item-wrap:hover {
  background: #88bd21;
}
.complex-image-list .img-item-wrap .img-item.img-mark-to-delete {
  opacity: 0.5;
  border-color: #AA0000;
  box-shadow: none;
}
.complex-image-list .img-item-wrap .img-item-head {
  border-bottom: 1px solid #606060;
  font-weight: bold;
  padding: 4px 8px;
  text-align: center;
  text-shadow: 1px 1px 1px #fff;
  overflow: hidden;
  font-size: 120%;
}
.complex-image-list .img-item-wrap .img-item-head span {
  cursor: pointer;
  float: left;
  margin: 0 4px;
}
.complex-image-list .img-item-wrap .img-item-head span.img-cross-delete,
.complex-image-list .img-item-wrap .img-item-head span.img-unlink,
.complex-image-list .img-item-wrap .img-item-head span.img-delete {
  float: right;
}
.complex-image-list .img-item-wrap .img-item-head span.img-cross-delete:hover i,
.complex-image-list .img-item-wrap .img-item-head span.img-unlink:hover i {
  color: #800000;
}
.complex-image-list .img-item-wrap .img-item-head span.img-toggle {
  margin: 0 4px 0 0;
}
.complex-image-list .img-item-wrap .img-item-head span:hover i {
  color: #fff;
}
.complex-image-list .img-item-wrap .img-item-img {
  height: 150px;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background: #fff;
}
.complex-image-list .img-item-wrap .img-item-img > img {
  object-fit: cover;
  object-position: center;
}
.complex-image-list .img-item-wrap .img-item-title {
  border-top: 1px solid #ddd;
  cursor: pointer;
  font-size: 80%;
  font-weight: bold;
  padding: 8px 4px;
  text-align: center;
  text-shadow: 1px 1px 1px #fff;
}
.complex-image-list .img-item-wrap .img-item-head .new-image,
.complex-image-list .img-item-wrap .img-item-title .new-image {
  background: #b0c9ff;
}
.complex-image-list .img-item-wrap .img-item-label {
  display: inline-block;
  width: 100%;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.complex-image-list .img-item-wrap .img-item-field {
  border: none;
  outline: none;
  margin: 0;
  padding: 3px;
  width: 98%;
}
.complex-image-list .img-item-wrap .img-item-field:hover {
  border: none;
}
/*
 * FILE LINK BUTTONS
 */
#add-file-link span,
#remove-file-link span {
  display: inline-block;
  border: solid 1px #ddd;
  padding: 10px 15px;
  margin-left: 5px;
  border-radius: 3px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 700;
  cursor: pointer;
}
#add-file-link span:hover {
  background: #5d5d5e;
  color: #fff;
  box-shadow: 0px 0px 3px #333;
}
#add-file-link span.action-link:before {
  content: '\f016';
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-weight: 400;
}
#add-file-link span.action-migrate:before {
  content: '\f0d0';
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-weight: 400;
}
#add-file-link span.action-link:before {
  content: '\f127';
  font-family: 'FontAwesome';
  padding-right: 5px;
  font-weight: 400;
}