html {
     height: 100%;
     font-size: 14px;
}
 body {
     height: 100%;
     background: var(--color-grey);
     color: var(--color-font);
     font-family: var(--font-primary), var(--font-secondary), Helvetica, sans-serif !important;
     line-height: 1.42857143;
     -webkit-font-smoothing: antialiased;
     -webkit-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     font-size: 14px;
     box-sizing: border-box;
     overflow: hidden;
}
 header, section, footer, aside, nav, main, article, figure {
     display: block;
}
 nav, footer {
     background: var(--color-secondary);
}
 a, a:hover {
    text-decoration: none;
}
a.pointer {cursor: pointer;}
 *, *:before, *:after {
     box-sizing: border-box;
}
 ul, ol {
     margin-top: 0;
     margin-bottom: 0;
     padding-top: 0;
     padding-bottom: 0;
}

ol:not(.browser-default) {
  padding-left: 0;
  list-style-type: none;
}

ol:not(.browser-default) li {
  list-style-type: none;
}

/* Schriften */


 .small, small {
     font-size: 12px;
}
 .fett {font-weight: 700;}
 input:not(.btn), textarea {
     font-family: var(--font-primary), var(--font-secondary), Helvetica, sans-serif !important;
     font-size: 14px;
}
/* Content Slider */
 /* .myslider [type="radio"]:not(:checked), .myslider [type="radio"]:checked, .headermenu [type="radio"]:not(:checked), .headermenu [type="radio"]:checked {
     position: relative;
     left:0;
     opacity: 1;
     z-index: 9999999;
     color: #fff;
} */
 .containertableiste {
     display: flex; align-items: flex-end;
}
 .myslider {
     width: 100%;
     position: relative;
     overflow: hidden;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row nowrap;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
}
/* Lösung mit Buttons */
 .slider__nav {
     margin: 0;
     cursor: pointer !important;
     color: var(--color-primary);
}
/* .slider__nav:after {
     content: attr(title);
     padding: 10px 20px;
     visibility: visible;
     opacity: 1;
     cursor: pointer;
} */
/* Lösung mit Tab-Optik */
 .tab.slider__nav {
    /* background-color: var(--color-secondary); */
     /* color: #000; */
	 color: #fff;
     margin-right: 8px;
     border-radius: 4px 4px 0 0 ;
     height: 36px;
     -webkit-transition-duration: 0.4s;
    /* Safari */
     transition-duration: 0.4s;
}
 .tab.slider__nav:hover {
     /* background-color: #fff; */
}
/*  .tab.slider__nav:after {
     display: inline-block;
     content: attr(title);
     padding: 0 20px;
     cursor: pointer;
     margin-top: 5px;
	 font-weight: bold;
} */

.tab.slider__nav {
  background-color: var(--color-secondary);
  color: grey;
}
.tab.slider__nav.js-visible {
  background-color: var(--color-grey);
  color: black;
}
.tab.slider__nav.js-active {
  /* background-color: var(--color-alternative);
  color: black; */
}


 .slider__nav:checked, .slider__nav:focus, .slider__nav.checked {
     outline: none;
}
 .slider__nav:checked:nth-of-type(1) ~ .slider__inner, .slider__nav.checked:nth-of-type(1) ~ .slider__inner {
     left: 0%;
}
 .slider__nav:checked:nth-of-type(2) ~ .slider__inner, .slider__nav.checked:nth-of-type(2) ~ .slider__inner {
     left: -100%;
}
 .slider__nav:checked:nth-of-type(3) ~ .slider__inner, .slider__nav.checked:nth-of-type(3) ~ .slider__inner {
     left: -200%;
}
 .slider__nav:checked:nth-of-type(4) ~ .slider__inner, .slider__nav.checked:nth-of-type(4) ~ .slider__inner {
     left: -300%;
}
 .slider__inner {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: left 0.4s;
     -o-transition: left 0.4s;
     transition: left 0.4s;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-flow: row nowrap;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     flex-flow: row nowrap;
}
 .slider__contents {
     overflow: hidden;
     margin-top: 0;
     padding: 20px 0 0 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -ms-flex-flow: column nowrap;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     flex-flow: column nowrap;
	 position: relative;
}
.slider__contents:first-child {
    padding-left: 0px !important;
}
.trimmed .slider__contents:first-child {
    padding-left: 20px !important;
}
 .slider__image {
     font-size: 2.7rem;
     color: #2196F3;
}
 .slider__caption {
     font-weight: 500;
     margin: 2rem 0 1rem;
     text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
     text-transform: uppercase;
}
 .slider__txt {
     color: #999;
     margin-bottom: 3rem;
     max-width: 300px;
}
 @media all and (min-width: 1800px) {
     .slider__nav:checked:nth-of-type(1) ~ .slider__inner {
         left: 0%;
    }
     .slider__nav:checked:nth-of-type(2) ~ .slider__inner {
         left: -50%;
    }
     .slider__nav:checked:nth-of-type(3) ~ .slider__inner {
         left: -100%;
    }
     .slider__nav:checked:nth-of-type(4) ~ .slider__inner {
         left: -150%;
    }
     .slider__inner {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         -webkit-transition: left 0.4s;
         -o-transition: left 0.4s;
         transition: left 0.4s;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -ms-flex-flow: row nowrap;
         -webkit-box-orient: horizontal;
         -webkit-box-direction: normal;
         flex-flow: row nowrap;
    }
}
/* Artikelliste */
 .modulelistwrapper .navbar, .modulelistwrapper .searchform {
     max-width: 100%;
     position: relative;
}
 .modulelistwrapper .navbar,
 .contentcontainer.list .navbar {
     max-width: 100%;
     padding: 0 10px 0 0;
     background: var(--color-secondary);
	 border: 1px solid #E2E2E2;
     border-radius: 2px;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
.modulelistwrapper .searchform {
     max-width: 100%;
     padding: 0 10px;
     background: #fff;
	 /* overflow: hidden; */
}
 .modulelistwrapper ul.navbar {
     margin: 0;
     flex-wrap: wrap;
}

 .modulecontainer .listfoot,
 .listfoot {
     position: fixed;
     bottom: 20px;
     z-index:999;
     margin-left: 0px;
     background-color: var(--color-grey);
     padding: 10px;
     height: 50px;
     display: flex;
	 align-items: center;
	 border: 2px solid var(--color-primary);
	 border-radius: 4px;
	 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

 .modulecontainer .listfoot label {
     color: var(--color-primary);
     display: flex;
     align-items: center;
     height: 20px;
	 font-size: 14px;
 }
 .modulecontainer .listfoot .select label {
     padding-top: 2px;
 }
 .listfoot [type="checkbox"] + label {
    display: flex !important;
     padding-left: 30px !important;
}
 .modulecontainer .listfoot .pager {
     margin-left: 30px;
	 display: flex;

 }
 .modulecontainer .listfoot .pager form {
    margin-top: 2px;
	margin-right: 20px;


}

/* Anpassung Pager in trimmed Ansicht */

.trimmed .modulecontainer .pager form {margin-bottom: 0;}
.trimmed .modulecontainer .pager .pagination li span,
.trimmed .modulecontainer .pager .paginaltion li .fa {display: inline;}


/* Anpassung für Pager in Detailansichten */

.contentcontainer.detail .listfoot .pager {
	margin-left: 0;
}

.modulecontainer .listfoot .pager .select {

-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}

 .modulecontainer .listfoot .pager li {
     cursor: pointer;
 }

 .editor-field .listfoot {
 width: 100%;
 bottom: -50px;
 border: 0;
 background-color: var(--color-secondary);
 box-shadow: none;
 border-radius: 0;
 height: 40px;
 }

.editor-field .scoredpaywall-testrun-resultlist .listfoot {
  bottom: 0px;
  width: inherit;
}


 .listfoot.absolute {position: absolute;}


 /* ende Pager */

  /* Anfang Counter CSS Artikelliste */
.modulecontainer .modulelist.article .listresults,
.modulecontainer .modulelist.contentlist_entry .listresults
 {
   counter-reset:step;
}
.modulecontainer .modulelist.article .listresults .article:before,
.modulecontainer .modulelist.contentlist_entry .listresults .article:before {
   counter-increment: step;
   content: counter(step);
   white-space: nowrap;
   font-size: 12px;
   grid-area: article-number-count;
   align-self: start;
   text-align: center;
   width: 20px; height: 20px;
   /* z-index: 99999999; */
   grid-row-start: 1;
   grid-row-end: 3;
   margin-top: 25px;
}
/* Ende Counter */

 /* Textkürzung für Artikelbeschreibung */

  .truncate-overflow {
        position: relative;
        max-height: calc(16px * 2);
        overflow: hidden;
        padding-right: 1rem
    }

	/* Symbol statt Thumb bei mobile */
.article__inner .ueberschrift.includesthumb:before {
     content: 'photo';
     font-family: 'Material Icons';
     text-rendering: optimizeLegibility;
     -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
     font-feature-settings: 'liga';
     color: var(--color-primary);
     width: 16px;
     font-size: 16px;
     margin-right: 5px;
	 display: none;
	 position: relative; top: 2px;
  }

  @media screen and (max-width: 550px) {
   .article__inner .ueberschrift.includesthumb:before {
    display: inline-block;
   }
  }

 .article__inner .additionalinfos .collapsibles {
    margin: 0;
}

 .article__details .collapsibles-body {
     background-color: var(--color-grey);
}
 .article__details .collapsibles-body {
     padding-top: 10px;
}
 .article__details .ueberschrift {
     font-size: 18px;
     font-weight: 400;
     display: block;
     font-family: 'Lato', sans-serif;
     line-height: normal;
     word-break: break-word;
     margin-bottom: 0;
    cursor: pointer;
}
.article__details .article__desc {
      margin: 4px 0; line-height: 16px;
}
.article__inner .article__image img {
    object-fit: cover;
    pointer-events: none;
}
 .modulelistwrapper .searchform .articlenavbar {
     text-transform: uppercase;
     font-weight: 600;
}
.modulelistwrapper .searchform .flex-container {
     justify-content: flex-start;
	 padding: 0 10px;
}
.modulelistwrapper .searchform .cutme {max-width: 25%; overflow: hidden;}
.modulelistwrapper .searchform .cutme select {
	background-color: rgba(255, 255, 255, 0.9);
    width: auto;
    padding: 5px;
    border: 1px solid var(--color-primary);
    border-radius: 2px;
    height: 32px;
}
.modulelistwrapper .searchform .cutme.half {max-width: 40%; overflow: hidden;}
.modulelistwrapper .searchform .cutme .child {width: 100%;}
.modulelistwrapper .searchform .flex-container.selectarray {width: 100%;}
.modulelistwrapper .searchform .flex-container.selectarray > div {max-width: 30%; width: auto; flex: 1 1 25%;}
.modulelistwrapper .searchform .flex-container.selectarray select {max-width: 100%; overflow: hidden;}

.modulelistwrapper .searchform .search {
     margin-left: auto; flex-wrap: nowrap;
}

.modulelistwrapper .searchform .search .material-icons,
.ordnermenue .search .material-icons,
.subcontent .searchform .search .material-icons {
     cursor: pointer; font-size: 18px; margin-right: 5px;
}
.modulelistwrapper .searchform .select  {
     margin-left: 10px;
}
 .modulelistwrapper .searchform label, .navbar label {
     font-size:14px;
     color: var(--color-font);
     font-weight: 600;
}

.modulelistwrapper .searchform.collection-entry .collection-name-container {
padding-left: 2px;
}
.modulelistwrapper .searchform.collection-entry .collection-name {
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;
	display: inline-block;
}


/* Update fuer Listen */

.modulelistwrapper .searchform .changeicon {
     margin-left: -10px; margin-right: 3px;
}
.modulelistwrapper .modulecontainer .changenotice {
	display: flex;
	align-items: center;
    margin: 0 0 10px 0;
	padding: 5px 8px;
    background-color: var(--color-alternative);
    cursor: default;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 2px;

}

/* Ende Update fuer Listen */

.article__additionals  {height: 100%;}
.article__additionals .artid {margin-bottom: 0;}
.article__additionals .times {margin: 5px 0 0 -2px; line-height: 16px; }
.article__additionals .artid .prio {margin-right: 2px;}
.article__additionals .artid .prio .icon-rounded {
font-style: normal;
border: 1px solid var(--color-font); border-radius: 50%; width: 15px; height: 15px;
font-size: 9px;
display: grid;
place-items: center;
}
.article__additionals .artid .prio .icon-rounded.imp {
border: 1px solid blue;
}
.article__additionals .artid .prio .icon-rounded.imp.one {
border: 1px solid red;
}
.article__additionals .artid .prio .icon-rounded.imp.two {
border: 1px solid orange;
}
.article__additionals .artid i {margin-right: 2px;}
.article__additionals .times .meldungstyp {margin-bottom: 6px;}
/* .article__inner .article__image { min-height: 100px; height: 100px; margin-right: 10px;} */
/* auskommentiert für neue Bildgroessen */
.article__inner .article__image { min-height: 100px; width: 150px; height: auto; margin-right: 10px;}
.article__inner .article_authors  {margin-top: -5px; opacity: 0.7;}
.article__inner .article_authors .authorsubmodell {display: inline;}
.article__inner .additionalinfos  {opacity: 0.5;}
.article__inner .additionalinfos .icons i {margin-right: 5px; cursor: default;}
.contentlist_entry .article__additionals .artid {white-space: nowrap; height: 23px; margin-left: 3px; font-weight: bold;}

 .article__additionals i.fa.fa-circle.online::before,
 .statusicon i.fa.fa-circle.online::before,
 .editor-fieldset i.fa.fa-circle.online::before,
 .listresults i.fa.fa-circle.online::before,
 .sidebar-container .sidebar-content-icons .online i.material-icons,
 .listresults i.fa.fa-circle.abgeschlossen::before,
 .listresults i.fa.fa-circle.aktiv::before {
     color: #32CD32; margin-right: 5px;
}
 .article__additionals i.fa.fa-circle.waiting::before,
 .statusicon i.fa.fa-circle.waiting::before,
  .editor-fieldset i.fa.fa-circle.waiting::before,
 .listresults i.fa.fa-circle.waiting::before,
 .sidebar-container .sidebar-content-icons .waiting i.material-icons,
 .listresults i.fa.fa-circle.offen::before {
     color: orange; margin-right: 5px;
}
 .article__additionals i.fa.fa-circle.offline::before,
 .statusicon i.fa.fa-circle.offline::before,
  .editor-fieldset i.fa.fa-circle.offline::before,
 .listresults i.fa.fa-circle.offline::before,
 .sidebar-container .sidebar-content-icons .offline i.material-icons,
 .listresults i.fa.fa-circle.gekuendigt::before,
 .listresults i.fa.fa-circle.fehlgeschlagen::before,
 .listresults i.fa.fa-circle.storniert::before {
     color: red; margin-right: 5px;
}
 .article__additionals i.fa.fa-circle.resting::before,
 .statusicon i.fa.fa-circle.resting::before,
 .editor-fieldset i.fa.fa-circle.resting::before,
 .sidebar-container .sidebar-content-icons .resting i.material-icons,
 .listresults i.fa.fa-circle.abgelaufen::before,
.listresults i.fa.fa-circle.resting::before {
     color: grey; margin-right: 5px;
}
 .article__additionals i.fa.fa-circle.archived::before,
 .statusicon i.fa.fa-circle.archived::before,
  .editor-fieldset i.fa.fa-circle.archived::before,
 .sidebar-container .sidebar-content-icons .archived i.material-icons,
.listresults i.fa.fa-circle.archived::before {
     color: blue; margin-right: 5px;
}
.sidebar-container .sidebar-content-icons .online i.material-icons {
	margin-right: 0;
	}
.listresults .activity i.material-icons {
     color: var(--color-primary); cursor: inherit;
}
 .article__edit .fa-edit:before, .article__edit .fa-edit, .article__edit .fa-pencil-square-o:before, .article__edit i.material-icons {
     color: var(--color-primary);
     font-size: 18px;
     cursor: pointer;
}
 .article__edit i.material-icons {
     margin-top: 5px;
}
/* Anpassung Artikelliste kleine Darstellung */
 .subcontent.medium .modulelist.article {
    padding: 0 5px;
}
 .subcontent.medium .modulelist.article .items > div {
     grid-gap: 5px;
}
 .subcontent.small .article__details .ueberschrift {
     font-size: 16px;
}
 .subcontent.small .article__image {
     width: 100px;
     height: 60px;
     overflow: hidden;
}
 .subcontent.small .article__image img {
     width: 100px;
     height: auto;
}
 .subcontent.small .article__details .article__desc {
     display: none;
}
 .subcontent.small .modulelist.article {
     padding: 0 0;
}
 .subcontent.small .modulelist.article .items > div {
     padding: 5px;
     display: grid;
     grid-template-areas:"article__checkbox article__inner article__edit"
                         "article-number-count article__inner article__edit";
     grid-template-columns: 25px 1fr 20px;
     grid-gap: 5px;
}
 .subcontent.small .modulelist.article .article__additionals {
     display: none;
}
 .subcontent.small .additionalinfos .collapsibles {
    margin: 0 0 5px 0;
}
 .subcontent.small ul.navbar .btn.small {
     padding: 0 5px;
     height: 25px;
     line-height: 25px;
     font-size: 12px;
}
 .subcontent.small ul.navbar input.form-control {
     max-width: 100px;
}
/* Anpassung Detaileditor kleine Darstellung */
/* Bilderliste */
 .modulelist.js-list-displaymode-tiles {
     grid-column: 1 / -1;
}
 .modulelist.js-list-displaymode-tiles .items {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: space-around;
}
 .modulelist.js-list-displaymode-tiles .items .item {
     display: flex;
     margin-bottom: 20px;
}
 .modulelist.js-list-displaymode-tiles .items .card {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     margin: 5px;
     display: flex;
     flex-direction: column;
	 /* cursor: move;  */
}
 .modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image {
     background: #000;
}
.modulelist.js-list-displaymode-tiles .item.insubtree .card-content {
     background: var(--color-secondary);
}
.modulelist.js-list-displaymode-tiles .item.insubtree .card:hover .card-content {
     background-color: #dde6e969;
}
/*experimentell */
 .modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image .background {
     width: 100%;
	 height: 170px;
}
.modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image .background img {
     /* width: 100%;
	 height: 100%;
	 object-fit: cover; */ /* auskommentiert für neue Bildgroessen */
}
.subcontent.small .modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image .background {
     width: auto;
	 height: 170px;
}
.subcontent.small .modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image .background img {
     width: auto;
	 height: 100%;
	 object-fit: cover;
}

/* ende experimentell */
 .modulelist.js-list-displaymode-tiles .items .card .card-content {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
}
.modulelist.js-list-displaymode-tiles.streamset .items .card .card-content .author {
	margin-top: -8px; margin-bottom: 8px;
	}
 .imagelist {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .imagelist .card {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     margin: 5px;
}
 .card .checkbox {
     position: absolute;
     top: 5px;
     left: 5px;
}
.card .checkbox.alternative {
	background: #fff;
	border: 1px solid black;
	height: 20px; width: 20px;

}
.card .element-id {
	background: #fff;
	padding: 2px;
	position: absolute;
    top: 5px;
    right: 5px;
	border-radius: 2px;
	cursor: text;
	font-size: 12px;
	min-width: 20px;
	text-align: center;

}
.modulelist.js-list-displaymode-tiles .card .format-icons {
	cursor: default;
	color: var(--color-primary);
	display: inline;
	margin-right: 3px;
}
@media screen and (max-width: 550px) {
	.card .element-id {
	 user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
	}

}
.card .checkbox.alternative .material-icons {
	line-height: 18px;
	font-size: 18px;

}
 .card {
     position: relative;
     margin: 0.5rem 0 1rem 0;
     background-color: #fff;
     -webkit-transition: -webkit-box-shadow .25s;
     transition: -webkit-box-shadow .25s;
     -o-transition: box-shadow .25s;
     transition: box-shadow .25s;
     transition: box-shadow .25s, -webkit-box-shadow .25s;
     border-radius: 2px;
     display: inline-block;
     width: 250px;
}
 .card:hover {
     background-color: #dde6e969;
     cursor: pointer;
}
 .card .card-content {
     padding: 10px;
     border-radius: 0 0 2px 2px;
}
 .card .card-image img {
     display: block;
     border-radius: 2px 2px 0 0;
     position: relative;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     /* width: auto;
     max-width: 100%;
     height: 170px; */
	 /* auskommentiert für neue Bildgroessen */
     margin: 0 auto;
}
 .card.drag {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-line-pack: center;
     align-content: center;
     max-width: 250px;
}
 .card.drag .card-image i {
     display: inline-block;
     font-size: 120px;
     color: var(--color-primary);
}
 .card.drag .card-image {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
}
 .card .card-content {
     font-size: 12px;
}
 .card .card-content .card-title {
     display: block;
     line-height: 25px;
	 margin-bottom: auto;
	 display: flex;
	 justify-content: space-between;
}
 .card .card-title {
     font-size: 18px;
     font-weight: 300;
}
  .card .card-content .card-title i, .card .card-flexbar i {
     line-height: 25px;
     font-size: 25px;
     color: var(--color-primary);
}
 .card .card-flexbar.stream .fa-circle {
     font-size: 16px;
	 margin-right: 5px;

}
 .card .card-flexbar {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -ms-flex-line-pack: center;
     align-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 5px;
	 margin-top: 10px;
	 flex-wrap: wrap;
}
.card .card-flexbar.first {
	margin-bottom: 0;
}
.card .card-flexbar.second {
	margin-top: 0;
}
 .card .card-flexbar .author {
     line-height: 12px;

}
 .card .card-reveal {
     display: block !important;
     padding: 0px 0px 0px 5px;
     top: 100%;
     visibility: hidden;
     opacity:0;
     -webkit-transition:visibility 0s linear 0s,opacity 0s linear, -webkit-transform 0s;
     transition:visibility 0s linear 0s,opacity 0s linear, -webkit-transform 0s;
     -o-transition:transform 0s, visibility 0s linear 0s,opacity 0s linear;
     transition:transform 0s, visibility 0s linear 0s,opacity 0s linear;
     transition:transform 0s, visibility 0s linear 0s,opacity 0s linear, -webkit-transform 0s;
}
 .card .card-reveal.active {
     -webkit-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     transform: translateY(-100%);
     visibility: visible;
     opacity: 1;
     -webkit-transition: visibility 0s linear 0s, opacity 0.2s linear, -webkit-transform 0.5s;
     transition: visibility 0s linear 0s, opacity 0.2s linear, -webkit-transform 0.5s;
     -o-transition: transform 0.5s, visibility 0s linear 0s, opacity 0.2s linear;
     transition: transform 0.5s, visibility 0s linear 0s, opacity 0.2s linear;
     transition: transform 0.5s, visibility 0s linear 0s, opacity 0.2s linear, -webkit-transform 0.5s;
}
 .card .card-reveal .collection .collection-item {
     background-color: #fff;
     line-height: 1rem;
     padding: 10px;
     margin: 0;
     border-bottom: 1px solid #e0e0e0;
     font-size: 13px;
     color: var(--color-primary);
}
 .card .card-reveal .collection span.collection-item {
     display: block;
     transition: .25s;
}
 .card .card-reveal i.right {
     margin-left: 5px;
}
 .bildlistennav {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-bottom: 20px;
}
 .subcontent.small .modulelist.js-list-displaymode-tiles .card {
     /* width: 45%; */
}

/* Behelfsmaessig Anpassung fuer Seitenbreite */

.slider__inner {
    display: grid;
    grid-template-rows: 1fr;
	padding-right: 20px;
}

.slider__inner.js-double {
    grid-template-columns: auto 1fr 1fr;
    width: 100%;
}

.trimmed .slider__inner.js-double {
    grid-template-columns: 1fr 1fr;
}

.slider__inner.js-single {
    grid-template-columns: auto 1fr;
}
.trimmed .slider__inner.js-single {
    grid-template-columns: 1fr;
}
/* Detaileditor */
 .contentcontainer.detail {
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 60px max-content max-content 1fr;
     grid-template-areas: "detailmenuwrapper" "editor-tabs-menu" "backgroundmodification" "inlinedialog" "editor-inner";
     overflow: hidden;
     position: relative;
}
.contentcontainer.detail.iframe {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 60px 1fr;
    grid-template-areas: "detailmenuwrapper" "editor-inner";
    overflow: hidden;
    position: relative;
}
 .contentcontainer.detail .editor-inner {
     grid-area: editor-inner;
}
 .contentcontainer.detail .editor-tabs-menu {
     grid-area: editor-tabs-menu;
}
 .contentcontainer.detail .editortab {
     display: grid;
     grid-template-columns: 1fr minmax(1px, auto);
     grid-template-rows: 1fr 60px;
     grid-template-areas: "subcontent sidebar-container";
     grid-column-gap: 0;
     overflow: hidden;
}
.trimmed .contentcontainer.detail .editortab {

     grid-template-rows: 1fr;

}
 .contentcontainer.detail .subcontent, .contentcontainer.detail .sidebar-2 {
     height: calc(100vh - 180px);
}
.contentcontainer.detail .subcontent.iframe,
.contentcontainer.detail.iframe .editor-inner {
     height: calc(100vh - 181px);
}
.contentcontainer.detail.iframe .subcontent.iframe {
     border: 0; position: absolute;
}
.trimmed .contentcontainer.detail .subcontent {
     height: calc(100vh - 80px);
	 border-bottom: 1px solid #c1b7b7;
}
.trimmed .contentcontainer.detail .sidebar-2 {
     height: calc(100vh - 80px);
	 border-bottom: 1px solid #c1b7b7;
}

.editor-tabs-menu#undefined ~ .editor-inner .subcontent,
.editor-tabs-menu#undefined ~ .editor-inner .sidebar-2 {
	 height: calc(100vh - 220px);
}

.editor-inner .editor-tabs-container .subcontent {
	 height: calc(100vh - 210px);
}
.contentcontainer.detail .subcontent,
.contentcontainer.frame {
     overflow-y: scroll;
     overflow-x: hidden; }

 .contentcontainer.detail .editor-navbar,
 .detailcontainermenu .editor-navbar {
     grid-area: editor-navbar;
     padding: 0 10px;
     background: var(--color-secondary);
     display: flex;
     position: relative;
	 align-items: center;
}
 .contentcontainer.detail .editor-navbar li {
     flex: 0 0 auto;
}
 .contentcontainer.detail .editor-navbar li .btn {
     display: flex;
}
 .contentcontainer.detail .editor-navbar label {
     font-size: 14px;
     color: var(--color-font);
     font-weight: 600;
}
 .detailcontainer {
     min-height: 30px;
     position: relative;
     padding: 20px 20px 120px 20px;
     background: #ffffff;
     /* border: 1px solid #E2E2E2; */
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
 .editortab .subcontent > .detailcontainer {
	 min-height: 100%;
	 }
.trimmed .detailcontainer {
     padding: 20px 20px 0px 20px;
	 min-height: auto !important;
}

/* Maximierte Ansicht Detailcontainer Artikel */
.subcontent.article.maximized .detailcontainer {
     padding-bottom: 0; overflow:hidden; }

.subcontent.article.maximized .editor-fieldrow {display: none;}
.subcontent.article.maximized .editor-fieldrow.fcms-wysiwyg {
     display: block;
     height: calc(100vh - 210px);
}
.subcontent.article.maximized .editor-fieldrow.fcms-wysiwyg .editor-field,
.subcontent.article.maximized .editor-fieldrow.fcms-wysiwyg .editor-field .channel,
.subcontent.article.maximized .editor-fieldrow.fcms-wysiwyg .editor-field .texteditor   {
     height: 100%;
}
.subcontent.article.maximized .editor-fieldrow.fcms-wysiwyg .editor-field .texteditor-content {
     height: calc(100% - 100px);
	 }
.subcontent.article .max-editor .minimize {display: none;}
.subcontent.article.maximized .max-editor .minimize {display: block;}
.subcontent.article.maximized .max-editor .maximize {display: none;}
.subcontent.article .max-editor .maximize {display: block;}
 /* Ende Maximierte Ansicht Detailcontainer Artikel */

 .contentcontainer.detail .sidebar-2, .contentcontainer.list .sidebar-2 {
     min-height: 30px;
     position: relative;
     top: 0;
}
 .contentcontainer.detail .sidebar-content {
     display: grid;
     grid-template-columns: minmax(35px, auto);
     grid-column-gap: 0px;
     grid-template-rows: 1fr;
     overflow-y: auto;
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer {
     display: flex;
     flex-direction: column;
     font-size: 12px;
     max-width: 275px;
     background: #ffffff;
     border: 1px solid #E2E2E2;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     padding: 5px 5px 5px 5px;
	 -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 1s; /* Firefox < 16 */
        -ms-animation: fadein 1s; /* Internet Explorer */
         -o-animation: fadein 1s; /* Opera < 12.1 */
            animation: fadein 1s;
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow {
     display: flex;
     margin-bottom: 5px;
     line-height: 14px;
     align-items: center;
}
 .sidebar-2 .fieldcontainer .sidebar-container.tags .editor-fieldrow {
     align-items: baseline;
}
.sidebar-2 .fieldcontainer .sidebar-container.tags .editor-fieldrow.tagbox label,
.sidebar-2 .fieldcontainer .sidebar-container .editor-fieldrow.linkedobjects label {
     align-self: flex-start;
}
.sidebar-container.shortcuts label {
    align-self: flex-start;
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow .editor-field {
     flex: 1 1 90%;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .codemirroroptions .editor-fieldrow.toggleselect .editor-field {
     flex: 1 1 80px;
}
  .contentcontainer.detail .sidebar-2 .notice-container .editor-field {
	max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}

 .contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow label {
     flex: 0 1 50%;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .codemirroroptions .editor-fieldrow.toggleselect label {
     flex: 1 1 calc(100% - 75px);
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow label, .contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container .label {
     margin-right: 10px;
    font-weight: 700;
     color: #5B5B5B;
 }
 .contentcontainer.detail .sidebar-2 .fieldcontainer .context-container {
     margin-bottom: 15px;
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .context-container .contextbox-header {
     font-weight: bold;
	 margin-bottom: 5px;
	 background: var(--color-secondary);
	 padding: 5px;
}

 .contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.disabled label {
     color: darkgrey;
 }

 .contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container {
     background: #ffffff;
     border-radius: 0;
     border: 1px solid #E2E2E2;
     margin-bottom: 20px;
     position: relative;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container.licenseinfo {background: var(--color-alternative);}
 .contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container > div {
     padding: 5px;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container .editor-field button:not(.close) {
	border: none;
    border-radius: 2px;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding: 0 1rem;
    text-transform: uppercase;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
     text-decoration: none;
    color: #fff;
    background-color: var(--color-primary);
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
}

 .contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container-name {
     background-color: var(--color-secondary);
     padding: 5px;
     font-weight: bold;
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .detailcontainer .editor-field  input[type="text"]:not(.form-control), .detailcontainer .editor-field textarea {
     border: 1px solid #E2E2E2;
     padding: 10px;
     border-radius: 2px;
     width: 100%;
     height: auto;
     margin-bottom: 0;
     box-sizing: border-box;
	 background: #fff;
}
 .detailcontainer .editor-fieldrow {
     margin-bottom: 10px; position: relative;
}
.detailcontainer .editor-fieldrow.jsbutton {
     margin-bottom: 20px;
}
.detailcontainer .editor-field .onlyprint:first-child {
	 padding-left: 3px; display: inline-block;
}
.detailcontainer .editor-field .onlyprintlabel:first-child {
	 padding-left: 3px; display: inline-block;
}
.sidebar-2 .onlyprint .editor-field .onlyprint {max-width: 200px; overflow: hidden; word-break: break-all; display: block;}

.detailcontainer .editor-field .onlyprint.link {
    cursor: pointer;
}

.detailcontainer .editor-fieldrow .linkdelete .material-icons {
     font-size: 20px; margin-right: 20px;
}

.contentcontainer.detail .sidebar-2 .fieldcontainer .sidebar-container img {
     /* max-width: calc(100% - 25px); height: auto; */
}

.contentcontainer.detail .sidebar-2 .editor-fieldrow.stringlist .simpleselect .material-icons {
	font-size: 16px;
}
.contentcontainer.detail .sidebar-2 .editor-fieldrow.stringlist .stringlist.row .input-container {
	display: flex; flex-wrap: nowrap;
}

/* Dateigrößen Stylesheets */
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.onlyprint label,
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.onlyprint .editor-field
 {
    flex: 0 0 auto;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.onlyprint
 {
    margin: 5px 0;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.onlyprint label
 {
    order: 1;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.onlyprint .editor-field
 {
    font-weight: bold; margin-right: 5px;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.editorview  {
    display: block;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.editorview > label {
    margin: 20px -5px 5px -5px; display: block; padding: 5px 0; background: var(--color-secondary); padding: 5px; line-height: 20px;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.editorview .sizeList .items .item {
   background: transparent; margin-bottom: 5px; line-height: 20px;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.sizeList {
    display: flex;
    padding: 0;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.sizeList label {
    flex: 0 0 calc(100% - 80px); margin-right: 20px;
}
.contentcontainer.detail .sidebar-2 .fieldcontainer .information .editor-fieldrow.sizeList .editor-field.kib {
    text-align: right;
}


/* auskommentiert für neue Bildgroessen */

.detailcontainer .editor-fieldrow not:(.streamset-player) button,
.jsButton.uploadButton {
    background-color: var(--color-primary) !important;
	text-transform: uppercase;
    color: #fff !important;
    cursor: pointer;
	padding: 0 1rem;
    height: 30px;
    line-height: 30px;
	margin-top: 10px;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    border: none;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}

.detailcontainer .jsButton.uploadButton {
 margin-bottom: 10px; color: var(--color-primary);
}
.detailcontainer .jsButton.uploadButton.field-upload {
margin: 0 auto; color: var(--color-primary);
}
.detailcontainer .editor-field .advertswitch {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.detailcontainer .editor-field .advertswitch .material-icons {
	margin-right: 5px;
}
 .detailcontainer .editor-fieldrow label {
     color: #000;
     font-size: 12px;
     font-weight: 700;
     padding-left: 3px;
     margin-bottom: 1px;
     display: inline-block;
}


.detailcontainer .editor-fieldrow.required span.required {
	display: inline;
     color: var(--color-primary);
     font-size: 12px;
	 cursor: default;
	 position: relative;
	 top: 2px;
}

.sidebar-container .editor-fieldrow.required span.required {
	display: inline;
     color: var(--color-primary);
     font-size: 12px;
	 cursor: default;
	 position: relative;
	 top: 2px;
}


.detailcontainer .editor-fieldrow.selectbox.required span.required,
.sidebar-container .editor-fieldrow.selectbox.required span.required {
	display: none;
}


 .fieldcontainer input:not(.button-input) {
     height: 14px;
     max-width: 150px;
}
 .detailcontainer .editor-fieldrow ul:not(.multielementselect).items {
     display: flex;
     padding: 0;
     margin: 0;
     flex-wrap: wrap;
}
 .detailcontainer .editor-fieldrow ul.items li {
     flex: 0 0 80px;
     height: 80px;
     width: 80px;
     overflow: hidden;
     margin-right: 10px;
     border: 1px solid #E2E2E2;
}
.detailcontainer .editor-fieldrow ul.items li.row {
    flex: none;
    height: auto;
    width: 100%;
    overflow: hidden;
    margin: 5px;
    border: none;
    border-bottom: 1px solid #E2E2E2;
}
.detailcontainer .editor-fieldrow ul.items li.narrowlist {
     flex: 0 0 auto;
     height: auto;
     width: auto;
	 max-width: 200px;
     overflow: hidden;
     margin-right: 10px;
	 border-color: transparent;
}

.detailcontainer .editor-fieldrow ul.items .dragme {
	border: 1px dashed var(--color-primary);
	background: var(--color-grey); height: auto; flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.detailcontainer .editor-fieldrow ul.items .dragme .results {
	/* height: 100%; */
}
 .detailcontainer .editor-fieldrow .data\.\thumbnails, .detailcontainer .editor-fieldrow .data\.\pictures, .detailcontainer .editor-fieldrow .data\.\streamsets {
     display: flex;
     border: 1px solid #E2E2E2;
     padding: 10px;
     border-radius: 2px;
     width: 100%;
     height: auto;
     margin-bottom: 20px;
}
.detailcontainer .editor-fieldrow .mulitelementselect ul.items {
     display: block;
     padding: 10px 0;

}
 .detailcontainer .editor-fieldrow  ul.items.multielementselect li {
     height: auto;
     width: auto;
     margin: 0;
     border: 0;
}
.detailcontainer .editor-fieldrow  ul.items.multielementselect li  > div {
     display: flex;
}
.detailcontainer .editor-fieldrow  ul.items.multielementselect li  .delete{
    margin-left: 10px;
}
 .detailcontainer .editor-fieldrow .linkedelements > div {
     display: flex;
     border: 1px solid #E2E2E2;
     padding: 10px;
     border-radius: 2px;
     width: 100%;
     /* height: 100%; */
     flex-wrap: wrap;
	 align-items: center;

}
/* .detailcontainer .editor-fieldrow ul.items li .thumbnailContainer img {
     width: 80px;
     height: 80px;
} */
/* auskommentiert für neue Bildgroessen */
 .detailcontainer .editor-fieldrow ul.items li .spacerContainer {
     border: 0 !important;
     padding: 5px;
     text-align: center !important;
	 display: flex;
	 flex-direction: column;
	 height: auto;
}
.detailcontainer .editor-fieldrow ul.items li .spacerContainer .material-icons {
     font-size: 50px; display: block;
}
.detailcontainer .editor-fieldrow ul.items li .spacerContainer .material-icons.tiny {
     font-size: 16px; display: block;
}
 .detailcontainer .editor-fieldrow ul.items li .spacerLabel {
     padding: 0 !important;
     font-size: 12px !important;
     margin: auto !important;
     cursor: pointer;
     display: inline-block;
	 line-height: 1.5em;
}
.detailcontainer .editor-fieldrow ul.items li:not(.dragme) {position: relative;}


.detailcontainer .editor-fieldrow ul.items li.narrowlist .spacerLabel {
     display: flex; justify-content: center; align-items: center;
	 flex-wrap: wrap; line-height: 1em; word-break: break-word;
}

 .detailcontainer .editor-fieldrow ul.items li img.spacer {
     max-height: 40px;
     width: auto;
}

/* Stringlist */
.detailcontainer .editor-fieldrow .editor-field .input-container {
	margin-bottom: 5px;
}

.detailcontainer .editor-fieldrow .editor-field .input-container .deleteElement {
	position: absolute; right: 10px; padding-top: 8px;
}
.detailcontainer .editor-fieldrow .editor-field .input-container .flexinput-inline {
	padding-right: 30px;
}

.detailcontainer .editor-fieldrow .typedsimpleselect:not(.pagemapping) {
    display: flex; align-items: flex-end;
}

.detailcontainer .editor-fieldrow .typedsimpleselect .simpleselect .simpleselectlink {
    margin-right: 10px; margin-left: 30px;
}

/* Anpassung fuer expandable */
.detailcontainer .editor-fieldrow.fcms-codemirror.expandable {
   height: calc(100vh - 390px);
}
.trimmed .detailcontainer .editor-fieldrow.fcms-codemirror.expandable {
   height: calc(100vh - 275px);
}
.detailcontainer .editor-fieldrow.fcms-codemirror.expandable .editor-field {
	height: calc(100% - 20px);
}
.detailcontainer .editor-fieldrow.fcms-codemirror.expandable .texteditor-content {
	height: calc(100% - 80px);
}
.detailcontainer .editor-fieldrow.fcms-codemirror.expandable .editor-field .texteditor,
.detailcontainer .editor-fieldrow.fcms-codemirror.expandable .texteditor-content textarea {
    height: 100%;
}

/* editor field: tinymce */
.detailcontainer .editor-fieldrow.tinymce .flex-menu {
    display: flex;
    flex: 0 1 100%;
    max-width: 100%;
    align-items: center;
    height: 30px;
}

.detailcontainer .editor-fieldrow.tinymce .flex-menu .foldableElements {
    display: flex;
    overflow: hidden;
    flex-flow: row wrap;
    align-items: center;
    max-width: 100%;
    height: 30px;
}

.detailcontainer .editor-fieldrow.tinymce .flex-menu .moreFoldableElements {
    display:flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

/* Tinymce Suchen u. Ersetzen */



/* Linkartikel in Detailansicht */

.detailcontainer .editor-field {position: relative;}
.editor-field .linkedelements {position: relative;}


.editor-field .linkedelements .inherit {
	background-color: var(--color-secondary);
    opacity: 0.8;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 20;

}

.editor-field .linkedelements .inherit .material-icons,
.editor-field .inherit-deletebutton .material-icons {
	color: var(--color-primary);
	font-size: 30px;
	position: absolute;
	right: 10px;
	bottom: 0px;
	cursor: pointer;
}
.editor-field .linkedelements.inactive .inherit .material-icons {
	color: grey;
	cursor: default;
}

.editor-field .linkedelements .inherit .material-icons:after,
.editor-field .inherit-deletebutton .material-icons:after {
    font-family:  var(--font-primary);
	font-size: 14px;
	content: "Wird aus dem Zielartikel \0000fcbernommen. ";
	position: absolute;
	right: 35px;
	top: 10px;
	display: none;
}

.editor-field .linkedelements.inactive .inherit .material-icons:after {
	content: "Wird aus dem Zielartikel \0000fcbernommen und kann nicht ver\00e4ndert werden. ";
}

.editor-field .inherit-deletebutton .material-icons:after {
	content: "Zielartikel verwenden"
}

.editor-field .linkedelements .inherit .material-icons:hover:after,
.editor-field .inherit-deletebutton .material-icons:hover:after {

	display: block;
}




/* Autorenauswahl in rechter Sidebar */


.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.authors {

    align-items: flex-start;
}

/* .ui-autocomplete {display: block !important; border: 2px solid red;} */

   .authorselectbox {
   display: flex;
   position: relative;
   }
   .authorselectbox > div { flex: 1 1 auto; }
   .authorselectbox .multiElementButton.addElement,
   .authorselectbox i.material-icons   {
    cursor: pointer;  font-size: 16px;
   }
   .authorselectbox ul.items li {display: flex; align-items: center;}

   .authorselectbox .multiElementButtons {
    display: inline-block; height: 20px; flex: 0 0 auto; padding: 0; margin: 0; font-size: 18px; align-self: flex-start;

}
  .authorselectbox .ui-helper-hidden-accessible {
   display: none;
}

.authorselectbox .multiElementButtons.results .multiElementButton {
width: 20px; height: 20px; line-height: 20px; font-size: 18px;
}
.authorselectbox.inherited input {width: 100px;}
.authorselectbox.inherited:after {
	font-family: 'Material Icons';
     text-rendering: optimizeLegibility;
     -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
     font-feature-settings: 'liga';
     color: var(--color-primary);
     width: 25px;
     font-size: 16px;
     margin-right: 10px;
	 content: "insert_link";
}

/* Ressortauswahl in rechter Sidebar */
.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.treeselect {
	display: block; position: relative;
}
.fieldcontainer .editor-fieldrow.treeselect label {
	white-space: nowrap;
}


.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.treeselect .treeselectmenu {
	display: flex; align-items: center;
	position: absolute; left: 95px; top: -2px;
	cursor: pointer;

}

.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.treeselect .treeselectmenu a:not(.select-tree) {
	max-width: 125px; overflow: hidden; text-overflow: ellipsis; display: inline-block; cursor: pointer;
}

 .changeressort.detail {
     background-color: var(--color-secondary);
     padding-top: 5px;
     margin-top: 5px;
}
 .changeressort .tree-desc, .modaldialog-container .tree-desc {
     display: none;
}
 .changeressort.detail .ressortselectbox {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 5px;
}
 .changeressort.detail .ressortselectbox i {
     cursor: pointer;
}
.changeressort.detail .ressortselect .tree-container {
  background: #fff;
  margin-bottom: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border: 1px solid #ccc;
}

  .changeressort.detail .ressortselect .search-tree.auswahlmenue {
    padding: 0 10px;
    background: #fff;
    width: auto;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow:none;
    height: auto;
    margin-bottom: 0;
	border: 0;

}
.changeressort.detail .ressortselect .suche input {margin: 0;}
.changeressort.detail .ressortselect .sidebartree {margin: 10px 0;}

 .sidebar-container.tree .editor-field .treeselectmenu {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 .sidebar-container.tree .editor-field .treeselectmenu label {
     flex: 1 0 80% !important;
     width: calc(100% - 30px);
}

 .sidebar-container.tree .editor-field .treeselectmenu label:before {
     content: "\f114";
     font: normal normal normal 14px/1 FontAwesome;
     display: inline;
     cursor: pointer;
     line-height: 18px;
     color: var(--color-primary);
     margin-right: 3px;
}
 .sidebar-container.tree .editor-field .treeselectmenu .select-tree {
     display: flex;
     align-items: center;
     cursor: pointer;
}
 .search-tree.auswahlmenue {
     padding: 10px;
     background: #fff;
     width: auto;
     border-radius: 2px;
     border: 1px solid #ccc;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     height: auto;
     opacity: 1;
     -webkit-transition: visibility, height, opacity 0.5s ease;
     -o-transition: visibility, height, opacity 0.5s ease;
     transition: visibility, height, opacity 0.5s ease;
     margin-bottom: 10px;
}
 .search-tree.auswahlmenue btn {
     height: auto;
}
/* Ende Ressortauswahl */


/* Multielement Select Sidebar */

.sidebar-2 .multielementselect .selectentry {display: flex; justify-content: space-between;}
.sidebar-2 .editor-fieldrow.multielementselect .multielementsection {display: flex; flex-direction: column;}
.sidebar-2 .editor-fieldrow.multielementselect label {align-self: flex-start;}
.sidebar-2 .editor-fieldrow.multielementselect .rulecontainer {order: 1; margin: 10px 0;}
/* Ende Multielement */

/* Original-iD Sidebar */
.sidebar-2 .editor-fieldrow.originalid .editor-field  a,
.sidebar-2 .editor-fieldrow.originalid .editor-field  span
 {word-break: break-word;}
 .sidebar-2 .editor-fieldrow.originalid > label {align-self: flex-start;}
/* Ende Original-ID */

 .multiElementButtons {
     display: flex;
     /* flex-direction: column; */
     justify-content: space-around;
     padding: 0;
     /* max-width: 120px; */
     overflow: hidden;
     margin-right: 10px;
     border: 0;
     /* height: 80px; */
}

.multiElementButtons.results,
.multiElementButtons.ever {
    justify-content: space-between;
}
 .multiElementButtons .multiElementButton .jsButton {
     display: flex;
     align-content: center;
     cursor: pointer;
}
.multiElementButtons .multiElementButton.addElement,
.multiElementButtons .multiElementButton.createElement {
	cursor: pointer;
}
 .multiElementButtons .multiElementButton.addElement .jsButton:before {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     content: 'add_box';
     text-rendering: optimizeLegibility;
     -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
     font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
     color: var(--color-primary);
}
 .multiElementButtons .multiElementButton.createElement .jsButton:before {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     text-rendering: optimizeLegibility;
     -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
     font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
     content: 'file_upload';
     color: var(--color-primary);
}

.multiElementButtons.results .multiElementButton,
.multiElementButtons.ever .multiElementButton {
    width: 30px;
    height: 30px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 35px;
    line-height: 35px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: var(--color-primary);
}

.multiElementButtons.results .multiElementButton.addElement:before,
.multiElementButtons.ever .multiElementButton.addElement:before {
    content: 'add_box';
}

.multiElementButtons.results .multiElementButton.createElement:before,
.multiElementButtons.ever .multiElementButton.createElement:before {
    content: 'file_upload';
}

 .contentcontainer.detail .sidebar-container .sidebar-content i.material-icons {
     color: var(--color-primary);
 }

.contentcontainer.detail .sidebar-container .sidebar-content .btn i.material-icons {
     color: #fff;
}
 .sidebar-container input[type="text"]:not(.button-input) {
     max-width: 145px;
     margin-bottom: 5px;
     border-right: 1px solid #9e9e9e;
}
 .sidebar-container .datepicker {
     display: flex;

 }
 .sidebar-container .datepicker .daterange {
     order: -1;
     flex: 0 0 auto;
     margin-right: 3px;
}
 .sidebar-container .datepicker input,
.sidebar-container .datepicker input[type="text"]{
     flex: 0 1 auto;
     max-width: 135px;
     font-size: 12px !important;
     margin-bottom: 5px;
}
 .datepicker a i {
    cursor: pointer;
}
.sidebar-container .datepicker .setnow {
     position: absolute; right: 35px; cursor: pointer;
}

.sidebar-container .reminder {
     display: flex;

 }
.sidebar-container .reminder input[type="text"] {
     flex: 0 1 auto;
     max-width: 90px;
     font-size: 12px !important;
     margin-bottom: 5px;
	 margin-right: 5px;
}


/* Anpassung mobiler Datepicker */

	.sidebar-container .datepicker input.flatpickr-mobile {
    flex: 1 1 auto;
    max-width: calc(100% - 30px);
	width: calc(100% - 30px);

}

@media screen and (min-width: 551px) {
	.sidebar-container .datepicker input.flatpickr-mobile {
    flex: 1 1 auto;
    max-width: calc(100% - 20px);
	width: calc(100% - 20px);
}
}


.sidebar-container .datepicker input.flatpickr-mobile + .pickericons .setnow  {
    right: 0;
}
.sidebar-container .datepicker input.flatpickr-mobile + .pickericons .setnow .material-icons {
    font-size: 25px;
}
.sidebar-container .datepicker input.flatpickr-mobile + .pickericons .daterange {
display: none;
}

/* Sidebar Container Jobs */
.sidebar-container.jobs .displayname {
     font-weight: 700; color: #5B5B5B;
}
.sidebar-container.jobs i.fa.fa-circle.ERROR::before,
.sidebar-container.jobs i.fa.fa-circle.USER_ERROR::before {
     color: red; margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.FAILURE ::before {
     color: red;  margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.NEW::before {
     color: orange; margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.QUEUED::before {
     color: blue; margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.RUNNING::before {
     color: orange; margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.CANCELED::before {
   margin-right: 5px;
}
.sidebar-container.jobs i.fa.fa-circle.SUCCESS::before {
     color: green; margin-right: 5px;
}

/* Inline-Editor */
.inlineEditor {
     background: var(--color-grey);
     border: 1px solid #dedede;
     position: relative;
     padding: 10px;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     display: grid;
     grid-template-columns: minmax(1px, auto) minmax(1px, 1fr);
     grid-template-areas: "inlineeditor-close inlineeditor-close" "inlineeditor-left inlineeditor-left" "inlineeditor-right inlineeditor-right" "inlineeditor-buttons inlineeditor-buttons";
     grid-gap: 10px;
	 width: 100%;
}
.slider__contents.large .inlineEditor {
     background: var(--color-grey);
     border: 1px solid #dedede;
     position: relative;
     padding: 10px;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     display: grid;
     grid-template-columns: minmax(1px, auto) minmax(1px, 1fr);
     grid-template-rows: 15px 1fr 30px;
     grid-template-areas: "inlineeditor-close inlineeditor-close" "inlineeditor-left inlineeditor-right" "inlineeditor-buttons inlineeditor-buttons";
     grid-gap: 10px;
}
 .inlineEditor .clearer {
    display: none;
}
 .inlineEditor .inlineEditor-left {
     grid-area: inlineeditor-left;
}
 .inlineEditor .inlineEditor-left img {
     max-width: 100%;
     height: auto;
}
  .inlineEditor .inlineEditor-right {
     grid-area: inlineeditor-right;
	 background: #fff;
	 padding-bottom: 5px;
	 padding-top: 5px;
}
 .inlineEditor .inlineEditor-right .flex-container .row {
	 flex: 1 1 50%;
	 width: 50%;
 }
 @media screen and (max-width: 550px) {
 .inlineEditor .inlineEditor-right .flex-container .row {
	 flex: 1 1 100%;
	 width: 100%;
 }
 }
.inlineEditor .row textarea {
    border: 1px solid #E2E2E2;
    padding: 5px;
    border-radius: 2px;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    box-sizing: border-box;
    background: #fff;
	min-height: 90px;
}

 .inlineEditor .closeButton {
     grid-area: inlineeditor-close;
}
 .inlineEditor .closeButton:after {
     content: "X";
     position: absolute;
     right: 10px;
     top: 5px;
     font-weight: 700;
     color: var(--color-primary);
     cursor: pointer;
}
 .inlineEditor .inlineEditor-buttons {
     grid-area: inlineeditor-buttons;
     display: flex;
     justify-content: space-between;
	 flex-wrap: wrap;
}
.inlineEditor .inlineEditor-buttons .inlineEditor-button {
     display: flex;
     align-items: center;
	 cursor: pointer;
}
.inlineEditor .inlineEditor-buttons .inlineEditor-button .material-icons {
     margin-right: 5px;
}
 .inlineEditor .row {
     background: #fff;
     font-size: 12px;
     display: flex;
     justify-content: space-between;
     padding: 0 10px;
}
.inlineEditor .row.wide {
     flex-wrap: wrap;
	  padding: 5px 10px;
}
 .inlineEditor .row .column-left {
     width: 80px;
     margin-right: 5px;
     font-weight: 700;
	 flex: 0 0 85px;

}
.inlineEditor .inlineEditor-left + .inlineEditor-right .row .column-left {
     width: 50px;
     margin-right: 5px;
     font-weight: 700;
	 flex: 0 0 50px;
}
 .inlineEditor .row .column-right {
     flex: 1 1 auto;
	 display: flex;
	 white-space: nowrap;
	 overflow: hidden;
}

.inlineEditor .row .column-right span {
	overflow: hidden;
	text-overflow: ellipsis;

}

@media screen and (max-width: 550px) {
 .inlineEditor .row .column-right {
	 white-space: normal;
 }
}
.inlineEditor .row.wide .column-right {
     flex: 1 1 100%;
	 display: flex;
	 width: 100%;
}
 .inlineEditor .row .column-right input {
     margin-bottom: 0;
     width: 100%;
     height: 25px;
}

.inlineEditor .previewPicture {text-align: center;}

.inlineEditor .deleteButton {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    float: right;
    cursor: pointer;
	color: var(--color-primary);
}

.inlineEditor .nullValue .deleteButton {
    display: none;
}
/* ePayment Bestellungen */
 .modulelist.js-list-displaymode-tableview,
 .noticelist.displaymode-tableview {
     max-width: 100%;
     overflow: hidden;
     overflow-x: auto;
     overflow-y: auto;
     padding-bottom: 40px;
}
 .modulelist.js-list-displaymode-list {
     max-width: 100%;
     overflow: hidden;
     overflow-x: auto;
     overflow-y: auto;
     overflow-y: auto;
     padding-bottom: 40px;
}
 .modulelist.js-list-displaymode-tableview .listresults {
     display: table;
     width: 100%;
	 padding-right: 20px;
	 padding-bottom: 40px;
}
.subcontent.large .modulelist.js-list-displaymode-tableview .listresults,
.subcontent.large .modulelist .listresults {
	width: 100%;
}
.slider__inner.js-single .subcontent.large .modulelist.js-list-displaymode-tableview .listresults,
.slider__inner.js-single .subcontent.large .modulelist .listresults,
.slider__inner.js-single .subcontent.large .modulelist.js-list-displaymode-list.template .listresults {
	min-width: calc(50vw - 200px); width: auto; max-width: 100%;
    /* width: 100%; */
}
.slider__inner.js-single .subcontent.large .modulelist.js-list-displaymode-list.template .listresults {
	min-width: calc(50vw - 200px);
   max-width: 900px;


}
.modulelist .listheader .sortIcons  .material-icons {
cursor: pointer; color: var(--color-primary);
}
 .modulelist.js-list-displaymode-tableview .listheader,
 .noticelist .listheader {
     display: table-header-group;
}
 .modulelist.js-list-displaymode-tableview .items,
 .noticelist  .items {
     border: 1px solid var(--color-grey);
     border-radius: 2px;
     display: table-row-group;
     width: 100%;
}
 .modulelist.js-list-displaymode-tableview .items .radioselect {white-space: nowrap;}
 .modulelist.js-list-displaymode-tableview .items > div,
 .noticelist .items > div {
     background: var(--color-grey);
     display: table-row;
}
 .modulelist.js-list-displaymode-tableview .items > div:nth-child(even),
 .noticelist .items > div:nth-child(even) {
     background: #fff;
}
 .modulelist.js-list-displaymode-tableview .items .item.boosted {
     background: var(--color-boosting);
}

.modulelist.js-list-displaymode-tableview .items .item.comment_suspicious {
     background: #fffcd5;
}

.modulelist.js-list-displaymode-tableview .items .item.comment_suspicious .score {
    font-weight: bold;
    color: #ff7e05;
}

.modulelist.js-list-displaymode-tableview .items .item.comment_toxic {
     background: #ffdddd;
}

.modulelist.js-list-displaymode-tableview .items .item.comment_toxic .score {
    font-weight: bold;
    color: red;
}
.modulelist.comment .items .item .restricted {
	font-weight: 600;
	color: red;
}

.modulelist.js-list-displaymode-tableview .listheader span, .modulelist.js-list-displaymode-tableview .items > div > span,
.noticelist .listheader span, .noticelist .items > div > span {
     display: table-cell;
     /* white-space: nowrap; */
     padding: 10px;
}

.modulelist.js-list-displaymode-tableview .items > div > span,
.modulelist.js-list-displaymode-list.job .items > div > span,
.modulelist.js-list-displaymode-list.redirector .items > div > span,
.modulelist.js-list-displaymode-list.competition_question .items > div > span
 {
	vertical-align: middle !important;
}


.modulelist.js-list-displaymode-tableview .items span.checkbox {
	min-width: 35px; position: relative;
	}
.subcontent.medium .modulelist.modelhistory .listheader .baseVersion {
	max-width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.modulelist.js-list-displaymode-tableview .item.break span {
     white-space: initial;
}
  .modulelist.js-list-displaymode-tableview [type="checkbox"] + label {
    display: inline; padding-left: 10px;
  }
.modulelist.js-list-displaymode-tableview.contentlist_entry [type="checkbox"] + label {
    display: inline-block;
  }
 .modulelist.js-list-displaymode-tableview .listheader span {
     font-weight: bold; vertical-align: middle;
}
 .modulelist.js-list-displaymode-tableview .listformat.active .items {
     display: flex;
     flex-direction: column;
     transition: all ease 0.5s;
}
 .modulelist.js-list-displaymode-tableview .listformat.active .items > div {
     display: flex;
     flex-wrap: wrap;
}
 .modulelist.js-list-displaymode-tableview .listformat.active .items > div span {
     flex: 0 1 30%;
     min-width: 30%;
}
 .subcontent.medium .modulelist.js-list-displaymode-tableview .items .item span.date, .subcontent.medium .modulelist.js-list-displaymode-tableview .listheader span.date{
     display: none;
}
 .subcontent.small .modulelist.js-list-displaymode-tableview .items .item span.date, .subcontent.small .modulelist.js-list-displaymode-tableview .listheader span.date, .subcontent.small .modulelist.js-list-displaymode-tableview .items .item span.providername, .subcontent.small .modulelist.js-list-displaymode-tableview .listheader span.providername {
     display: none;
}

/* Notice Count */
.modulelist.js-list-displaymode-tableview .item .material-icons.noticeCount {
   padding-right: 5px;
   vertical-align: middle;
   padding-bottom: 2px;
}


/* Inline Warnung */
.flex-container.epay-warning  {display: flex !important; justify-content: flex-start;}
.flex-container.epay-warning .warning-message {margin-left: 5px; cursor: default;}

/* Epayment Bestellungen Liste */
.searchform.modulelist {
     display: grid; grid-template-areas: "modulelist_number modulelist_firstrow" "modulelist_number modulelist_secondrow"; grid-template-columns: auto 1fr;
}
.modulelist .flex-container.firstrow {
     grid-area: modulelist_firstrow; padding-left: 0;
}
.searchform.modulelist .flex-container.firstrow .selectarray {
     padding-left: 0;
}
.searchform.modulelist .flex-container.secondrow {
     margin-bottom: 30px; margin-top: -10px; grid-area: modulelist_secondrow;
}
.searchform.modulelist .flex-container.secondrow > div {
     display: flex; align-items: center;
}
.searchform.modulelist .flex-container.secondrow .editor-fieldrow.date {
     display: flex; align-items: center; margin-right: 20px;
}
.searchform.modulelist .flex-container.secondrow .editor-fieldrow.date label {
     margin-right: 5px;
}
.searchform.modulelist .flex-container.secondrow .editor-fieldrow.date .datepicker input {
     height: 20px; margin-bottom: 0; width: 100px;
}
.searchform.modulelist .flex-container.secondrow .editor-fieldrow.date .datepicker {
     display: flex; align-items: center;
}
.searchform.modulelist .flex-container.secondrow .editor-fieldrow.date .datepicker .material-icons {
     color: var(--color-primary); cursor: pointer;
}
.searchform.modulelist .modulelist_number {
     grid-area: modulelist_number; padding-top: 20px;
}

/* Menüleiste Artikeldetaileditor */
.detailcontainermenu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
}

.detailcontainermenu .actionlist {
    position: relative;
    flex: 0 1 100%;
    max-width: 100%;
    display: flex;
    margin-left: 10px;
    height: 42px;
	align-items: center;
	z-index: 999999;
}

.detailcontainermenu .actionlist .foldedElements {
    flex-wrap: wrap;
    /* max-width: 130px; */
    width: auto;
    background-color: #fff;
    padding: 0 !important;
    overflow: hidden;
	flex-direction: column;
	max-height: unset;
}

.detailcontainermenu .actionlist .foldedElements > div {
    line-height: 0.8em;
    margin: 0;
}

.detailcontainermenu .actionlist .foldedElements .btn {
    background-color: transparent;
    text-transform: none;
    box-shadow: none;
    margin: 0;
    text-align: left;
    line-height: 0.8em;
    letter-spacing: normal;
    padding: 15px 10px;
    height: auto;
}

.detailcontainermenu .actionlist .foldedElements .btn .material-icons {
    display: none;
}

.detailcontainermenu .actionlist .foldableElements {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    padding-right: 20px;
 }

.detailcontainermenu .actionlist .menu-entry {
    margin: 5px 0 5px 5px;
    white-space: nowrap;
    flex: 0 0 auto;
}
.detailcontainermenu .actionlist .menu-entry .btn.monitoring .material-icons {
	width: 19px;
}

.detailcontainermenu .actionlist .foldedElements {
     position: absolute;
     top: 40px; right: 10px;
}
.detailcontainermenu .actionlist .kontextselect {display: flex; justify-content: space-between; background: transparent; color: var(--color-font);  margin-right: 20px; align-items: center; }
.detailcontainermenu .actionlist .kontextselect label {font-weight: bold; font-size: 18px; padding-left: 33px;}
.detailcontainermenu .actionlist .kontextselect [type="checkbox"].filled-in:checked + label:after { width: 25px; height: 25px; }
.detailcontainermenu .actionlist .kontextselect [type="checkbox"].filled-in:checked + label:before { width: 10px; height: 18px; }

@media screen and (max-width: 550px) {

.detailcontainermenu {max-width: 100vw;}
.detailcontainermenu .kontextselect [type="checkbox"].filled-in:checked + .doku {border: 1px solid red;}

}

 .detailcontainermenu .chip {
	 background-color: var(--color-primary);
	 color: #fff;
	 cursor: pointer;

 }

 .detailcontainermenu .dropdown-contents {
	 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
     white-space: nowrap;
 }

 .detailcontainermenu .actionlist .moreElements,
 .detailcontainermenu .functionlist .moreElements {
	 position: relative; top: 0;
 }

 .detailcontainermenu .actionlist .moreElements i,
 .detailcontainermenu .functionlist .moreElements i {
	 font-size: 35px;

 }

 .detailmenuwrapper .functionlist .items {
	 text-transform: none;
     color: #000;
     padding: 0 6px;
     margin-right: 5px;
     text-align: center;
     font-size: 12px;
     line-height: 22px;
     height: 22px;
	 cursor: pointer;
    display: flex;
	align-items: center;
}

 .detailmenuwrapper .functionlist .items:before {
	 content: "stop";
   font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
  -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
          font-feature-settings: 'liga';
	margin-right: 3px;
	opacity: 0.6;
}

.js-double .detailcontainermenu .doku .toggleLayout i::before {
    content: "crop_square";
}

.js-single .detailcontainermenu .doku .toggleLayout i::before {
    content: "remove";
}

 .detailcontainermenu .doku {
	 position: relative;
	 flex: 0 0 auto;
	 height: 70px;
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 margin-right: 10px;
	 margin-left: 10px;
 }
 .detailcontainermenu .doku i.material-icons,
 .navbar .close i.material-icons {
	font-size: 30px; cursor: pointer; margin-right: 0;
 }
 .detailcontainermenu .doku .help_me {
	 font-size: 26px;
     width: 17px;
	 cursor: pointer;
	 font-weight: 600;
 }



 /* Neu */

 .detailcontainermenu .doku .help_me {
	 width: 22px !important; text-align:center;
}

.detailcontainermenu .doku .help_me:hover,
.detailcontainermenu .doku .toggleLayout:hover {
    background: var(--color-primary);
}

@media screen and (max-width: 1850px) {
    .js-single .detailcontainermenu .doku .toggleLayout:hover,
    .js-single .detailcontainermenu .doku .toggleLayout {
        background: transparent;
        color: #9F9F9F;
        pointer-events: none;
    }
}

  .detailcontainermenu .doku div:hover {
	 background: red;
	 color: #fff;
	 opacity: 0.5;
}
  .detailcontainermenu .doku i.material-icons {
     font-size: 25px;
}
  .detailcontainermenu .doku .help_me {
     font-size: 20px;
}

 .navbar .close {width: 20%; display: flex; justify-content: flex-end;}
 .navbar .flex-container .foldablemenu {flex: 1 1 auto; position: relative;}
 .navbar .flex-container .foldablemenu .foldablelist {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
 .navbar .flex-container .foldablemenu .foldablelist > * {margin-right: 20px; }
 .foldablemenu .flex-container.search i.material-icons {font-size: 25px; }
 .flex-container.search {height: 65px;}
 .flex-container.search input {height: 30px; margin-top: 15px; margin-right: 5px; min-width: 163px;}
 .articlesearch .flex-container.search input {height: 30px; margin-top: 15px; margin-right: 5px; min-width: 1px; width: 100%;}
 .flex-container.search ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-font);
}
.flex-container.search ::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-font);
}
.flex-container.search :-ms-input-placeholder { /* IE 10+ */
  color: var(--color-font);
}
.flex-container.search :-moz-placeholder { /* Firefox 18- */
  color: var(--color-font);
}
.ordnermenue .search input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--color-font);
}
.ordnermenue .search input::-moz-placeholder { /* Firefox 19+ */
  color: var(--color-font);
}
.ordnermenue. search input:-ms-input-placeholder { /* IE 10+ */
  color: var(--color-font);
}
.ordnermenue .search input:-moz-placeholder { /* Firefox 18- */
  color: var(--color-font);
}

 .detailmenuwrapper .functionlist .editor-navbar {

	 padding: 0 20px;
 }


 .detailcontainermenu .doku .editor-navbar {
	 width: 100%; max-width: 100%;
	 box-shadow: none;
	 height: 30px; margin-top: auto;
 }

 .contentcontainer.detail .editor-navbar li,
 .detailcontainermenu .editor-navbar li {
    margin-left: 5px; white-space: nowrap;
}

.detailmenuwrapper {
	background: var(--color-secondary);
	border: 1px solid #E2E2E2;
     border-radius: 2px;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	grid-area: detailmenuwrapper;
	height: 60px;
}


/* Zeitplan */

/* Zeitplan in rechter Sidebar */
 .sidebar-container.scheduler .newaction {
     display: inline-flex;
     align-items: center;
     cursor: pointer;
	 margin-bottom: 10px;
}
 .sidebar-container.scheduler .newaction span {
    font-weight: bold;
}

/* KI-Aktionen in der Artikel-Editor Sidebar */
.sidebar-container .ai-action-item {
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}

.editor-fieldrow.scheduler .datepicker input { visibility: hidden; width: 1px; height: 1px; margin: 0 !important; }

/* Fix für Apple: Nur für Mobile das Input nicht ausblenden sondern auf position:absolute stellen.
 * Leider über :last-child, da der Datepicker für Mobile ein extra input hinzufügt und das alte beibehält
 * das alte aber keinen Identifikator dafür hat, dass ein mobiler Datepicker angezeigt wird. Das Alte muss
 * aber angezeigt werden, da nur der Klick darauf den Datepicker öffnet.
 */
.editor-fieldrow.scheduler .datepicker input:not(:last-child),
.editor-fieldrow.scheduler .datepicker input.flatpickr-mobile {
    z-index: 10;
    opacity: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
}
.editor-fieldrow.scheduler .datepicker span {
  z-index: 2;
}
.editor-fieldrow.scheduler .datepicker .datepicker-input {
  position: absolute;
  width: 100%;
  height: 100%;
  /* Input unter die anderen Spans legen, da sonst auf Desktop nicht auf den Klick reagiert wird */
  z-index: 1;
}
.editor-fieldrow.scheduler .datepicker {
  position: relative;
}

/* Fix für disabled in den abgeschlossenen Aktionen */
.editor-fieldrow.scheduler .datepicker input.flatpickr-mobile:disabled {
	width: 1px;
}

/* END Fix für Apple */

.sidebar-container.scheduler .editor-fieldrow {
     display: flex;
	 justify-content: flex-start;
	 align-items: center;
}

.sidebar-container.scheduler .showpast {padding: 10px 0; font-weight: 700; cursor: pointer;}
.sidebar-container.scheduler .showpast:after {content: 'anzeigen';}
.sidebar-container.scheduler .showpast.active:after {content: 'verbergen';}

.sidebar-container.scheduler .editor-fieldrow:not(.scheduler) {margin-bottom: 10px;}

.editor-fieldrow.scheduler .channel-select { position: relative; width: 15px; margin-right: 5px; }

.editor-fieldrow.scheduler .actionicon {
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background-size: 15px;
    flex: 0 0 15px;
    color: var(--color-primary);
}
.editor-fieldrow.scheduler.old .actionicon {
    line-height: 14px;
}

.editor-fieldrow.scheduler .actionicon.setstatus::before {
    content: 'schedule';
}
.editor-fieldrow.scheduler .actionicon.setmetarobots::before {
    content: 'schedule';
}

.editor-fieldrow.scheduler .actionicon.setpermission::before {
    content: 'lock';
}

.editor-fieldrow.scheduler .actionicon.setadvertvalue::before {
    content: 'attach_money';
}

.editor-fieldrow.scheduler .actionicon.booststart::before,
.editor-fieldrow.scheduler .actionicon.boostend::before {
    content: 'trending_up';
}

.editor-fieldrow.scheduler .actionicon.error::before {
    color: red;
    content: 'error';
}
.editor-fieldrow.scheduler .actionicon.warning::before {
    color: black;
    content: 'warning';
}

.editor-fieldrow.scheduler .actionicon.running::before {
    content: 'play_arrow';
}
.editor-fieldrow.scheduler .actionicon.upcoming::before {
    content: 'alarm_add';
}
.editor-fieldrow.scheduler .actionicon.finished::before {
    content: 'stop';
}
.editor-fieldrow.scheduler .actionicon.idle::before {
    content: 'pause';
}


.editor-fieldrow.scheduler .remove {
	margin-left: auto; margin-top: 3px; z-index:99999; cursor: pointer;
}

.editor-fieldrow.scheduler .datepicker a {
	text-decoration: underline;
	width: 80px; overflow: hidden;
	margin-right: 5px;

}


.editor-fieldrow.scheduler .selectbox select {
   top: -15px;
}

.editor-fieldrow.scheduler .channel-select select  {
   width: 20px;
}

.editor-fieldrow.scheduler .selectbox.action select  {
   left: -10px;
}



.editor-fieldrow.scheduler .channel-select .show-text {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
	flex: 0 0 10px;
	margin-right: 3px;
}


.editor-fieldrow.scheduler.completed * {text-decoration: none !important; cursor: default;}

.schedulerlistrow {border-bottom: 1px solid #dedede; margin-bottom: 5px; padding-bottom: 2px;}

.schedulerlistrow.completed { padding-top: 3px; height: 29px; }

.slider__contents iframe:not(.cke_wysiwyg_frame) {
    border: 1px solid #E2E2E2;
    width: 100%;
    height: 100%;
}



/* Tabs Menue Detaileditoren */

.editor-tabs-menu .tabnav {
	display: flex;
	height: 40px;
	align-items: flex-end;
}

 .editor-tabs-menu .tabnav .item:hover {
     background-color: #fff;
}

 .editor-tabs-menu .tabnav .item {
	 background-color: var(--color-secondary);
	 border-radius: 2px 2px 0 0;
     cursor: pointer;
	 line-height: 25px;
	 margin: 5px 5px -1px 0;
	 z-index: 9;
}
.editor-tabs-menu .tabnav .item > a,
.editor-tabs-menu .tabnav .item > span {
   display: inline-block;
   padding: 0 15px;
}
.editor-tabs-menu .tabnav .item.js-active {
  background-color: white;
  color: black;
}



/* Tabs Menu Uploads */

/* Tabs */

.uploadEditor .editor-tabs-menu .tabs .tab {
  position: relative;
  z-index: 9;
  cursor: pointer;
  line-height: 36px;
  height: 36px;

}

.uploadEditor .editor-tabs-menu .tabs .tab span,
.uploadEditor .editor-tabs-menu .tabs .tab span:hover {
  color: var(--color-primary);
  background-color: transparent;
}


.uploadEditor .editor-tabs-menu .tabs .tab.active span:after
 {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background: var(--color-primary);
}

.uploadEditor .editor-tabs-menu {
  display: flex;
  align-items: center;
  height: auto;
  margin: 10px 0 1rem;
  box-shadow: 0 0 4px rgba(0, 0, 0, .08), 0 4px 8px rgba(0, 0, 0, .16);
}

.uploadEditor .editor-tabs-menu .tabs {
  display: flex;
  height: auto;
  overflow: visible;
  background-color: var(--color-tabs);
  border-radius: 2px;
}

.uploadEditor .editor-tabs-menu .tabs .tab span,
.uploadEditor .editor-tabs-menu .tabs .tab a
 {
  padding: 0 10px;
  font-size: 12px;
  font-weight:normal;
  color: rgba(255, 255, 255, .7);
  text-transform: uppercase;
  letter-spacing: .5px;
  transition: color .2s;
}
.uploadEditor .editor-tabs-menu .tabs .tab a > span {padding: 0;}

.uploadEditor .editor-tabs-menu .tabs .tab span:hover {
  color: rgba(255, 255, 255, .85);
}


.uploadEditor .editor-tabs-menu .tabs .tab.active span {
  color: rgba(255, 255, 255, 1);
  cursor: default;
}


.uploadEditor .editor-tabs-menu .tabs .tab.active span:after {
  background-color: #fff;
}

.uploadEditor .editor-tabs-menu .tab-menu {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 48px;
  padding: 0 10px;
  margin-left: auto;
  background-color: var(--color-tabs);
}





/* Autorenliste */


.modulelist.author .item.author .foto,
.modulelist-foto {
    visibility: hidden; height: 25px;
}


.modulelist.author .item.author .foto:before,
.modulelist-foto:before {
    content: "insert_photo";
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    color: var(--color-primary);
    visibility: visible;
}

.modulelist.author .item.author .foto:empty:before,
.modulelist-foto:empty:before {
    display: none;
}


/* Allgemeine Listenansichten */


/* später noch anpassen, da so viele nots nicht schön sind */

.modulelist.js-list-displaymode-list.template {
     overflow-x: auto;
	 overflow-y: auto;
	 padding-bottom: 40px;
	 padding-right: 20px;

}

 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) {
     max-width: 100%;
     overflow: hidden;
     overflow-x: auto;
	 overflow-y: auto;
	 padding-bottom: 40px;
	 padding-right: 20px;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listresults {
     display: table; width: 100%;

}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader {
     display: table-header-group;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items {
     border: 1px solid var(--color-grey);
     border-radius: 2px;
     display: table-row-group;
     width: 100%;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items > div {
     background: var(--color-grey);
     display: table-row;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry).items > div > *{
    vertical-align: middle; /* war top */
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items > div:nth-child(even) {
     background: #fff;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader span, .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items > div span {
     display: table-cell;
     /* white-space: nowrap; */
     padding: 10px;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items > div span.checkbox {
  position: relative;
 }
  .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) [type="checkbox"] + label {
    display: inline; margin-left: 10px;
  }
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader span {
     font-weight: bold;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listformat.active .items {
     display: flex;
     flex-direction: column;
     transition: all ease 0.5s;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listformat.active .items > div {
     display: flex;
     flex-wrap: wrap;
}
 .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listformat.active .items > div span {
     flex: 0 1 30%;
     min-width: 30%;
}
 .subcontent.medium .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items .item span.date, .subcontent.medium .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader span.date{
     display: none;
}
 .subcontent.small .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items .item span.date,
 .subcontent.small .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader span.date,
 .subcontent.small .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .items .item span.providername,
 .subcontent.small .modulelist.js-list-displaymode-list:not(.template):not(.article):not(.contentlist_entry) .listheader span.providername {
     display: none;
}

/* Einfache Listen line-click Anpassungen */
.modulelist .listresults .cur-text {cursor: text;}
.modulelist .listresults .cur-move {cursor: move;}


.modulelist .listresults .items.js-sortable .item.sortable-chosen,
.modulelist .listresults .items.js-sortable .item.sortable-chosen:active {
background: var(--color-dragdrop); cursor: move;
}

/* Bilder und Streamsetlisten */

.modulelist.js-list-displaymode-tiles .listresults .items.js-sortable .item:not(.sortable-chosen) .card-content {
	cursor: default;
}


.modulelist.js-list-displaymode-tiles .listresults .items.js-sortable .item.sortable-chosen .card:hover,
.modulelist.js-list-displaymode-tiles .listresults .items.js-sortable .item.sortable-chosen .card,
.modulelist.js-list-displaymode-tiles .listresults .items.js-sortable .item.sortable-chosen .card-image,
.modulelist.js-list-displaymode-tiles .listresults .items.js-sortable .item.sortable-chosen .card-content {
 cursor: move !important; background: var(--color-dragdrop);
}


/* EPaper */

.epathumb img {/* height: 100px; width: auto; */ border: 1px solid var(--color-primary); border-radius: 4px;}
/* auskommentiert für neue Bildgroessen */


/* Streamsets */
.audiotrack {height: 170px; max-width: 100%; display: flex; justify-content: center; align-items: center; background: #fff; border: 10px solid black;}
.audiotrack .material-icons {font-size: 70px;}

.modulelist.streamset .card .card-content .card-title .title,
.modulelist.picture .card .card-content .card-title .title {
 max-width: 100%; overflow: hidden;}

.streamset-infobox {position: absolute; right: 10px; top: 50px; cursor: help;}
.streamset-player .vjs-audio-only-mode .vjs-control-bar {
 position: relative;
}

.messagelist-container {
	position: absolute;
	right: 20px; top: 30px;
	width: auto; max-width: calc(100% - 20px);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    margin: 0.5rem 0 1rem 0;
    background-color: #fff;
    border-radius: 2px;
	z-index: 99;
}

.messagelist-container .close-container {margin-left: auto; cursor: pointer;}

.messagelist-container .separator {
	background: var(--color-primary);
    color: #fff;
    padding: 10px;
    margin: 15px 0 5px 0;
}

.messagelist-container .detailmenuwrapper {display: flex; align-items: center; padding: 0 10px; color: var(--color-font); font-weight: bold;}

/* Bilddetaileditor */

#image-container img {
	max-width: 100%;
	height: auto;

}

/* Kopf Suche mit Datepicker */

.searchform .modulename {white-space: nowrap;}

.datepicker-container {
	display: inline-grid;
	grid-template-columns: repeat(6, auto);
	grid-template-rows: 1fr;
	align-items: center;
	grid-gap: 5px;
	margin-left: auto;

}

.datepicker-container .datepicker {white-space: nowrap;}

.datepicker-container .datepicker input[type=text] {
	height: auto;
}

.ckeditor-small .cke_top {
  zoom: 0.85;
}

.datepicker-wrapper {margin-right: 10px; margin-left: 10px;}
.datepicker-wrapper input {margin-bottom: 0; height: 26px;}

/* Historieneintrag */
.modulelistwrapper .searchform.doublerow .more-options {padding-left: 0; flex-wrap: nowrap;}
.modulelistwrapper .searchform .more-options > * {margin-right: 10px;}
.modulelistwrapper .searchform .more-options label {display: none;}
.modulelistwrapper .searchform .daterange-toggle {margin-left: 0;}
.modulelistwrapper .searchform .daterange-toggle:before {
	cursor: pointer;
     content: "unfold_more";
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     text-rendering: optimizeLegibility;
     -webkit-font-feature-settings: 'liga';
     -moz-font-feature-settings: 'liga';
     font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
     color: var(--color-primary);
}

.modulelistwrapper .searchform .daterange-toggle.collapsed:before {
	cursor: pointer;
     content: "unfold_less";
}


/* Ted-Editor */
.modulecontainer.ted-answerlist {display: block;}

.ted-answerlist .modulelist.js-list-displaymode-tableview .items {
     border: 0;

}
 .ted-answerlist .modulelist.js-list-displaymode-tableview .items > div {
     background: transparent;
}
 .ted-answerlist .modulelist.js-list-displaymode-tableview .items > div:nth-child(even) {
     background: transparent;
}

.ted-answerlist .delete-ted-answers {
display: flex; flex-wrap: nowrap;
vertical-align: top;
max-width: 150px;
white-space: nowrap;
}

.ted-answerlist .modulelist.js-list-displaymode-tableview .items  span.tedlist-right {
vertical-align: top !important; padding-top: 30px;}
.ted-answerlist .modulelist.js-list-displaymode-tableview .items  span.tedlist-left {
width: 100%;}



/* XML-View */

.detailcontainer .modulelist.js-list-displaymode-tableview.xmlview .items > div {
     background: transparent;
}
 .detailcontainer .modulelist.js-list-displaymode-tableview.xmlview .items > div:nth-child(even) {
     background: transparent;
}
.detailcontainer .editor-field .modulelist.js-list-displaymode-tableview .items > div {
     background: transparent;
}
 .detailcontainer .editor-field .modulelist.js-list-displaymode-tableview .items > div:nth-child(even) {
     background: transparent;
}

.detailcontainer .modulelist.js-list-displaymode-tableview.xmlview .items > div > span {padding: 0;}
.detailcontainer .modulelist.js-list-displaymode-tableview.xmlview {padding-bottom: 0;}

.detailcontainer .modulelist.js-list-displaymode-tableview.xmlview .items span h6  {background: var(--color-primary); color: #fff; padding: 10px; margin: 15px 0 5px 0;}
.detailcontainer .editor-field .headline {display: block; background: var(--color-primary); color: #fff; padding: 10px; margin-top: 25px;}

.detailcontainer .editor-field .modulelist.js-list-displaymode-tableview.xmlview .listresults {padding-bottom: 0;}


/* Datepicker Detaileditor */
.detailcontainer .editor-field .datepicker {
	display: flex;
}
.detailcontainer .editor-field .datepicker .setnow {
	color: var(--color-primary); cursor: pointer;
}
.detailcontainer .editor-field .datepicker .pickericons {
	text-align: right;
}




/* Anpassungen Listen und Elemente in Listen im Detail-Editor */


.editor-field .modulelist.article, .editor-field .modulelist.picture, .editor-field .modulelist.streamset {
    padding: 0;
    overflow-y: auto;
}

.detailcontainer .editor-field .modulecontainer {grid-template-columns: 1fr; padding-bottom: 0;}
.detailcontainer .editor-field .rulecontainer {min-height: 40px; border: 1px solid #E2E2E2; padding-left: 3px;}
.detailcontainer .editor-field .modulecontainer .modulelist {grid-column: 1 / -1; padding-bottom: 0;}
.detailcontainer .editor-field .modulelist.js-list-displaymode-tableview  .listresults {padding-bottom: 10px; padding-right: 0;}

.detailcontainer .editor-field .modulecontainer.simplelist {padding-bottom: 0; min-height: auto;}
.detailcontainer .editor-field .modulecontainer.simplelist .to-bottom {width: 30px; vertical-align: bottom !important;}
.detailcontainer .editor-field .modulecontainer.simplelist .listresults {background: var(--color-grey); border: 1px solid #E2E2E2; border-top:0; margin-top: -1px; padding-bottom: 0;}
.detailcontainer .editor-field ul.items.multielementselect {
	background: var(--color-grey);
	border: 1px solid #E2E2E2;
	border-top:0;
	margin-top: -1px;
	padding: 0px;
	}
.detailcontainer .editor-field ul.items.multielementselect .item {padding: 5px 10px;}
.detailcontainer .editor-field ul.items.multielementselect.sortable .item {
  cursor: move;
}
.detailcontainer .editor-fieldrow.style ul.items.multielementselect.sortable li:nth-child(even) {
	background: #fff;
}
.detailcontainer .editor-field .modulelist.js-list-displaymode-tableview {
	padding-bottom: 0;

}

.detailcontainer .editor-field .listresults .listheader {
	background: var(--color-secondary);
}

.detailcontainer .editor-field .listresults .item.grants span,
.detailcontainer .editor-field .listresults .listheader.grants {
	font-size: 12px;
}

.detailcontainer .editor-field .listresults .listheader span {
	white-space: nowrap;
}

.detailcontainer .editor-field .selectbox {
	padding-left: 3px;
}



.detailcontainer .multiselect li.item span,
.detailcontainer .multiselect .show-text span,
.detailcontainer .editor-field span.selectbox,
.detailcontainer .editor-field label span:not(.lever):not(.label-tooltip),
.nolistspan {
	display: initial !important;
	padding:0 !important;
}

.detailcontainer .editor-field span.selectbox,
.detailcontainer .editor-field .multiselect-option {
	margin-left: 3px;
}

.detailcontainer .multiselect .body ul {
	padding-left: 3px;
}

.detailcontainer .editor-field .modulelist.js-list-displaymode-list:not(.template):not(.article) {

    padding-bottom: 0;
    padding-right: 0;
}

.detailcontainer .editor-field .modulelist.js-list-displaymode-list:not(.template):not(.article) .items > div {
    background: transparent;

}


/* Bildskalierung */
.picturescaler modulelist.js-list-displaymode-tableview .items > div > span {
	padding: 0 10px;
}

/* Payment Produkt */
.detailcontainer .pricerules .editor-fieldrow {margin-bottom: 0;}

.detailcontainer .editor-field > .rule {display: flex; align-items: center;}
.detailcontainer .editor-field > .rule span {padding: 0 !important;}
.detailcontainer .editor-field > .rule .targetField {margin-right: 5px;}
.detailcontainer .editor-field > .rule .ruleField {margin-left: 5px;}
.detailcontainer .editor-field > .rule input[type="text"], .detailcontainer .editor-field > .rule textarea {
	padding: 5px;
}
.detailcontainer .pricerules .editor-fieldrow.remindertime,
.detailcontainer .pricerules .editor-fieldrow.remindertime .editor-field,
.detailcontainer .pricerules .editor-fieldrow.remindertime .editor-field .reminder {
	display: flex;
	align-items: center;
	gap: 20px;
}
.detailcontainer .pricerules .editor-fieldrow.remindertime {
	margin: 10px 0;
}


.grantdefinitiontiming .switch.off {padding: 15px 0 5px 0;}
.grantdefinitiontiming .switch.on {margin-right: 10px; padding-top: 5px;}
.detailcontainer .editor-field .grantdefinitiontiming input[type="text"] {padding: 0; height: 25px;}


.listresults .item.grantdefinition {
	background-color: var(--color-alternative) !important;
}
.listresults .item.grantdefinition:nth-child(odd) {
	background-color: var(--color-grey) !important;
}

/* Payment Guthaben */



/* Push-Nachrichten */

.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.statisticsoverall label,
.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.statisticsandroid label,
.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.statisticsios label {
	flex: 0 1 100px;
	align-self: flex-start;
}

.editorview .diagramcontainer {
	overflow-x: auto;
	overflow-y: hidden;
}


/* Emoticons */


.emoticonList {
  position: relative;
  border: 1px solid #E2E2E2;
  padding: 10px;
  border-radius: 2px;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  box-sizing: border-box;
  background: #fff;
  display: flex;
}


.emoticonList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.emoticonList ul > li{
  display: inline-block;
  width: 30px;
}

.emoticonList ul > li > img {
  width: 24px;
  height: 24px;
  cursor: pointer;
}




/* Komponenten */

.detailcontainer .editor-field .stackheader {

    border: 1px solid #E2E2E2;
    padding: 5px; background: var(--color-grey);
	margin-bottom: 20px;
}

/* Errorlog Detailansicht */

.detailcontainer .modulelist.js-list-displaymode-tableview.errorlog  .item{
   display: block;
   margin: 10px 0;
}
.detailcontainer .modulelist.js-list-displaymode-tableview.errorlog  .listheader{
   display: block;
}

.detailcontainer .modulelist.js-list-displaymode-tableview.errorlog .editor-field{
  word-break: break-all; padding-left: 3px;
}


/* Epaper Ausgaben Detail */

.fakeselect select, .fakeinput input[type="text"] {
    color: #000;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border: none !important;
}
 .pagemappings .fakeinput {
     width: 100px;
}
 .pagemappings .fakeinput input[value="false"]{
     display: none;
}
 .pagemappings .mappedpage {
     flex: 1 1 100%;
     margin-left: 20px;
	 justify-content: start;
	 flex-wrap: nowrap;
}
 .pagemappings .mappedpage .title {
     margin-left: 20px;
	 display: inline-block;
	 max-width: 200px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
}
.pagemappings .mappedpage .title:EMPTY {
	margin-left: 0;
}

.pagemappings .mappedpage .bookpage {
	width: 50px;
	display: inline-block;
}


.pagemappinglist .item.pagemappings input[type="text"] {
width: 80px;
}
.pagemappinglist .item.pagemappings .fakeinput input[type="text"] {
padding: 0 10px;
}
.pagemappinglist .item.pagemappings .fakeselect select {
padding: 0;
}

.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.targetstatus {

    align-items: flex-start;
}


.targetstatus .statusmeldungen {
	margin: 5px 0; color: var(--color-primary);
	display: inline-block;
}

/* Inputs in Detail */

.detailcontainer .editor-field .dualinput {display: flex; align-items: center;}
.detailcontainer .editor-field .dualinput .dualseperator {margin: 0 5px;}
.detailcontainer .editor-field .dualinput input.half {flex: 1 1 45%;}
.detailcontainer .editor-field .dualinput input.half.second {flex: 1 1 45%;}
.detailcontainer .editor-field .dualinput input.addressLong {flex: 1 1 65%;}
.detailcontainer .editor-field .dualinput input.second {margin-left: 10px;}
.detailcontainer .editor-field .dualinput input.phone.second {margin-left: 0;}
.detailcontainer .editor-field .dualinput input.addressShort {flex: 1 1 25%;}
.detailcontainer .editor-field .dualinput .dual-input {margin-right: 5px;}
.editor-fieldrow.editorview .editor-field  input:not(.form-control) {margin-bottom: 0;}


.editor-fieldrow.separator label:first-of-type {
	display: block;
	color: #fff;
	background: var(--color-primary);
	padding: 10px;
	margin-top: 20px;
}


/* Sportverein */

.contentcontainer.detail .sidebar-2 .editor-fieldrow.simpleelementselect {
align-items: flex-start;
}
.contentcontainer.detail .sidebar-2 .editor-fieldrow.simpleelementselect label {
padding-top: 3px;
}
.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect-section {
padding-top: 0;
padding-bottom: 0;
}
.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect.title  {
display: flex; position: relative;
}

.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect.title .data-title {
max-width: 110px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; margin-right: 5px;
}

.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect .auswahltext {
	display: none;
}
.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect .material-icons {
	cursor: pointer; font-size: 16px;
}
.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect-container {
    flex: 0 0 100%;
}

.sidebar-2 .editor-fieldrow.simpleelementselect .simpleselect-container:has(.delete, .change) .title {
margin-right: 0;
}


/* Modelhistory */

.detail .modulelist.js-list-displaymode-tableview.modelhistory,
.detail .modulelist.js-list-displaymode-tableview.modelhistory .listresults {
	padding-bottom:0;
}


.historyObject {
    background: var(--color-primary);
    color: #fff;
    padding: 10px;
    margin: 15px 0 5px 0;
}

.historyObject a {color: inherit;}

.historyFieldRow {
    border-bottom: 1px solid var(--color-secondary);
}


.historyFieldRow .historyFieldCol {
    display: inline-block;
    padding: 5px;
    vertical-align: top
}

.historyFieldRow .historyFieldCol.label {
    width: 200px;
    text-overflow: ellipsis;
}
.historyFieldCol.data label {
	color: #000;
	font-size: 12px;
    font-weight: 700;
	}

.historyFieldRow .historyFieldCol.data {
    width: calc(50% - 105px);
    word-wrap: break-word;
	overflow-x: auto;
}
.historyFieldRow .historyFieldCol.data .files {
    white-space: pre;
}

.historyFieldRow .historyFieldCol.diffContainer {
    width: 100%;
    padding: 0 10px 10px 10px;
}

.selectedVersion {
    color: var(--color-primary);
}

.compareVersion {
    color: #cb0000;
}
.includedSetRows .historyFieldRow {
    margin-right: 0px;
}
.includedSetHeader {
    padding: 1px 5px 1px 5px;
    border-bottom: 1px solid #d3d3d4;
    background-color: #ecf4fc;
}
.includedSetRow .historyFieldRow .historyFieldCol.label {
    width: 190px;
}
.includedSetRow {
    border: 1px solid #d3d3d4;
    border-bottom: none;
    word-break: break-word;
    margin-left: 10px;
    margin-right: 10px;
    background-color: rgb(230, 230, 230);
    margin-bottom: 2px;
}

.historyFieldRow div.diffOutput {
     word-break: break-word;
}


/* Portalstruktur */

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page {
background-color: var(--color-grey) !important;
	border: 1px solid var(--color-secondary);
    border-radius: 2px;
	padding: 10px;
	}


.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .listresults,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listresults,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .listresults
 {
    display: block;
    width: 100%;
    padding-bottom: 40px;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .items,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .items,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .items
 {display: block;}


.modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist,
.modulelist .items #pagelist.item.pagelist {
display: grid;
grid-template-columns: 20px 20px 10px max-content max-content 30px;
margin-bottom: 0;
align-items: center;

}

.modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist span,
.modulelist .items #pagelist.item.pagelist span {
padding: 0;}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.allsubpages,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.allsubpages {
 opacity: 1;  }

 /* anzeigen unter beliebiger Unterseite */
.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist span.showvalue .dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist span.showvalue .dynamic.allsubpages,
contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist .showvalue.dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist .showvalue.dynamic.allsubpages {
 display: none;  }
 .contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist span.showvalue .dynamic.regular,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist span.showvalue .dynamic.regular,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist .showvalue.dynamic.regular,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist .showvalue.dynamic.regular {
 display: inline-block; cursor: default; }

.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.allsubpages,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.allsubpages,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.allsubpages {
 display: inline-block; cursor: default; }
 .contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.regular,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages span.showvalue .dynamic.regular,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.regular,
.contentcontainer.detail .modulelist .items #pagelist.item.pagelist.allsubpages .showvalue.dynamic.regular {
 display: none;  }
 /* Ende anzeigen unter beliebiger Unterseite */

.modulelist.js-list-displaymode-tableview #second-tier #pagelist.item.pagelist,
.modulelist #second-tier #pagelist.item.pagelist {
display: grid;
grid-template-columns: 20px 20px 10px max-content max-content 30px;
border: 0 !important;
font-weight: normal;
margin-left: 33px;
margin-bottom: 0;
align-items: center;

}

#pagelist.item.pagelist .showvalue {font-weight: bold; cursor: default;}
#pagelist.item.pagelist .pagestatus {color: var(--color-primary); cursor: default;}
#pagelist.item.pagelist .name { margin: 0 5px;}
#pagelist.item.pagelist .add,
#pagelist.item.pagelist .path {margin: 0 5px;}
#pagelist.item.pagelist.homepage .path,
#pagelist.item.pagelist.system .path,
#pagelist.item.pagelist.paywall .path,
#pagelist.item.pagelist.multidomain .path,
#pagelist.item.pagelist.blocked .path,
#pagelist.item.pagelist.normal .path {
	margin-left: 0;
}

#pagelist.item.pagelist.inherited {
    background-color: #fff;
	position: relative;
}


.modulelist .second-tier #pagelist.item.pagelist.inherited:before {
	background: transparent;

}

.modulelist.js-list-displaymode-tableview.portal .items .subpages .material-icons,
.modulelist.js-list-displaymode-tableview.page .items .subpages .material-icons,
.modulelist.js-list-displaymode-tableview.navi .items .subentries .material-icons,
.modulelist.js-list-displaymode-tableview.navi_entry .items .subentries .material-icons
{
transform: scale(2);
}
.modulelist.js-list-displaymode-tableview.navi .items .subentries .material-icons.plus,
.modulelist.js-list-displaymode-tableview.navi_entry .items .subentries .material-icons.plus,
.modulelist.js-list-displaymode-tableview.portal .items .subpages .material-icons.plus,
.modulelist.js-list-displaymode-tableview.page .items .subpages .material-icons.plus {
transform: rotate(-90deg) scale(2);

}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .showvalue span,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .showvalue span,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .showvalue,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .showvalue,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .showvalue {
    font-family: 'Material Icons';
    font-weight: normal !important;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: var(--color-primary);

}

/* Entrylist neues Navigationsmodul */

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.navi .items .item.entrylist,
.contentcontainer.detail .modulelist.navi .items .item.entrylist {
display: grid;
grid-template-columns: 20px 30px 30px 30px 250px 1fr 30px;
margin-bottom: 0;
align-items: center;
background: var(--color-grey);
border-bottom: 1px solid var(--color-secondary);
}
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.navi .second-tier,
.contentcontainer.detail .modulelist.navi .second-tier  {
    grid-column: 1 / -1;
    margin-left: 30px;
    padding-right: 0;
    background-color: #fff;
}
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.navi .items .second-tier .item.entrylist,
.contentcontainer.detail .modulelist.navi .items .second-tier .item.entrylist {
border-bottom: 0;
grid-template-columns: 20px 30px 30px 30px 250px 1fr 20px;
background: #fff;
}
.contentcontainer.detail .modulelist.navi .moremenu {
    padding-right: 0;
}

.contentcontainer.detail .modulelist.navi .listresults .item .ressort:before,
.contentcontainer.detail .modulelist.navi .listresults .item .item-label:before,
.contentcontainer.detail .modulelist.navi .listresults .item .ext-url:before,
.contentcontainer.detail .modulelist.navi .listresults .item .portalpage:before,
.contentcontainer.detail .modulelist.navi .listresults .item .object:before
{
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
    color: var(--color-primary);
}

.contentcontainer.detail .modulelist.navi .listresults .item .ressort:before {content: 'nature';}
.contentcontainer.detail .modulelist.navi .listresults .item .item-label:before {content: 'label';}
.contentcontainer.detail .modulelist.navi .listresults .item .ext-url:before {content: 'open_in_new';}
.contentcontainer.detail .modulelist.navi .listresults .item .portalpage:before {content: 'content_paste';}
.contentcontainer.detail .modulelist.navi .listresults .item span.object:before {
    content: 'stars';
}

.contentcontainer.detail .modulelist.navi .listresults .item .ressort,
.contentcontainer.detail .modulelist.navi .listresults .item .item-label,
.contentcontainer.detail .modulelist.navi .listresults .item .ext-url,
.contentcontainer.detail .modulelist.navi .listresults .item .portalpage,
.contentcontainer.detail .modulelist.navi .listresults .item span.object {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 5px;
    align-items: center;
}

.sidebar-container .legende{
    width: 100%;
    margin-bottom: 5px;
    padding: 10px;
    background: #fff;
}

.sidebar-container .legende summary,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .legende  summary {
    font-weight: bold;
    cursor: pointer;
    color: var(--color-primary);
}

.sidebar-container .legende .page-icons {
    margin-top: 10px;
    display: grid;
    grid-template-columns: 40px minmax(0, 1fr);
	align-items: center;
}
.sidebar-container .legende  .page-icons .heading {
    grid-column: 1 / -1;
    font-weight: bold;
}
.sidebar-container .legende  .page-icons.vererbung div {
    grid-column: 1 / -1;
}

.sidebar-container .legende  .page-icons .material-icons {
    color: var(--color-primary);
}
.sidebar-container .legende .details {
    background: #fff;
}
.contentcontainer.detail .sidebar-container .legende .blocked .material-icons {
	color: red;
}

.legende i.fa.fa-circle.online::before {
     color: #32CD32; margin-right: 5px;
}

 .legende i.fa.fa-circle.offline::before {
 color: red;
 }

 .legende i.fa.fa-circle.resting::before {
 color: grey;
 }

 .contentcontainer.detail:has(.subcontent.page) .legende .page-icons.vererbung {
	 display:none;
 }


/* Anpassungen fuer bessere Uebersichtlichkeit */

.contentcontainer.detail .modulelist.js-list-displaymode-tableview .items #pagelist.item.pagelist, .contentcontainer.detail .modulelist .items #pagelist.item.pagelist,
.contentcontainer.list.notree .modulelist .items #pagelist.item.pagelist {
    display: grid;
    grid-template-columns: 22px 280px 20px 20px 20px 1fr 30px;
    margin-bottom: 0;
    align-items: center;
}

.contentcontainer.list.notree .modulelist .items #pagelist.item.pagelist {
    grid-template-columns: 40px 22px 280px 20px 20px 20px 1fr 30px;
}


.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier #pagelist.item.pagelist, .contentcontainer.detail .modulelist #second-tier #pagelist.item.pagelist,
.contentcontainer.list.notree .modulelist #second-tier #pagelist.item.pagelist{
    display: grid;
    grid-template-columns: 22px 260px 20px 20px 20px 1fr 30px;
    border: 0 !important;
    font-weight: normal;
    margin-left: 20px;
    margin-bottom: 0;
    align-items: center;
}

.contentcontainer.list.notree .modulelist #second-tier #pagelist.item.pagelist{
    display: grid;
    grid-template-columns: 40px 22px 260px 20px 20px 20px 1fr 30px;
}

.contentcontainer.detail .modulelist .name.pointer { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.contentcontainer.detail .modulelist .item.pagelist .moremenu {text-align: right;}


.contentcontainer.detail .modulelist #second-tier,
.contentcontainer.list.notree .modulelist #second-tier{
   grid-column: 1 / -1;

}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #pagelist.item.pagelist,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #pagelist.item.pagelist.alternative  {
margin-left: 20px;
grid-template-columns: 22px 240px 20px 20px 20px 1fr 30px !important;

}
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #pagelist.item.pagelist,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #pagelist.item.pagelist.alternative  {
grid-template-columns: 40px 22px 240px 20px 20px 20px 1fr 30px !important;

}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #pagelist.item.pagelist,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #pagelist.item.pagelist.alternative  {
margin-left: 20px;
grid-template-columns: 22px 220px 20px 20px 20px 1fr 30px !important;

}
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #pagelist.item.pagelist {
margin-left: 20px;
grid-template-columns: 40px 22px 220px 20px 20px 20px 1fr 30px !important;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #second-tier #pagelist.item.pagelist,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #second-tier #pagelist.item.pagelist,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #second-tier #pagelist.item.pagelist.alternative  {
margin-left: 20px;
grid-template-columns: 22px 200px 20px 20px 20px 1fr 30px !important;

}
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview #second-tier:has(#second-tier) #second-tier #second-tier #second-tier #pagelist.item.pagelist {
grid-template-columns: 40px 22px 200px 20px 20px 20px 1fr 30px !important;

}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier #pagelist.item.pagelist.alternative, .contentcontainer.detail .modulelist #second-tier #pagelist.item.pagelist.alternative {
padding-left: 0;
    margin-right: 0;
    padding-right: 0;
    margin-left: 20px;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .listheader.portalpages,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .listheader.portalpages {
	display: grid;
    grid-template-columns: 40px 270px 70px 1fr;
    margin-bottom: 10px;
    background: var(--color-secondary);
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages {
    grid-template-columns: 40px 1fr;
}


.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .portal,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .attribute,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .name,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .type {
    display: none;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .listheader.portalpages .page,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .page {
    display: none;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .listheader.portalpages .page:before {
    content: 'Pfad: ';
}


.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page{
	padding-left: 5px;
}


#pagelist.item.pagelist:not(.inherited) span.name,
#pagelist.item.pagelist:not(.inherited) span.path{
	font-weight: bold;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .path,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .path,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .typepath,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .typepath,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .typepath span,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .typepath span,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .typepath span{
	display: inline-flex;
	align-items: center;
	gap: 5px;
}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .typepath span,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .typepath span,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .typepath span{
	gap:0;
}
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .alternative .typepath span,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .alternative .typepath span {
	gap:2px;
}
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .typepath .showvalue,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .typepath .showvalue,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .typepath .showvalue{
	margin: 0 1px 0 3px;
}
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.portal .alternative .showvalue,
.contentcontainer.detail .modulelist.js-list-displaymode-tableview.page .alternative .showvalue,
.contentcontainer.list.notree .modulelist.js-list-displaymode-tableview.page .alternative .showvalue{
	margin: 0 0 0 0;
}

#pagelist.item.pagelist.overlay .showvalue.overlay.blocked,
#pagelist.item.pagelist .hasoverlay.blocked

{
	color: red;
}

#pagelist.item.pagelist.is_blocked > .path,
#pagelist.item.pagelist.is_blocked > .name,
#pagelist.item.pagelist.overlay.blocked > .path,
#pagelist.item.pagelist.overlay.blocked > .name

{
	color: #cecece;
}



#pagelist.item.pagelist.overlay .path .dots,
#pagelist.item.pagelist.paywall .path .dots {
display: none;

}


/* Seiten */
.page-metatoken-list input.meta {
	width: calc(100% - 40px);
	height: 25px;
	}


/* Seiten-Attribute */
.page-attributes .attributes-list,
.page-editorialtexts .editorial-texts-list{
    margin-top: 20px;
    background-color: var(--color-grey);
    padding: 10px;
}

.page-editorialtexts .item,
.page-attributes .item {
    background-color: #fff;
	margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    padding: 10px;
}
.page-editorialtexts .item .description,
.page-attributes .item .description {
    padding-left: 3px;
	margin-bottom: 5px;
	font-size: 12px;
}
.page-attributes .item .extend {
    padding: 10px;
}
.page-attributes .item .texteditor {
	box-shadow:none;
	border: 1px solid #E2E2E2;
	position: relative;
}
.page-attributes .item .texteditor .togglebutton {
	position: absolute;
	right: 10px; top: 5px;
	z-index: 9;
	font-size: 12px;
	font-weight: 600;
	display: flex;
	gap: 2px;
	align-items: center;
	cursor: pointer;
}
.page-attributes .item .texteditor .togglebutton .material-icons {
	font-size: 22px;
	font-weight: 600;
}


/* Kompomnenten und Filterregeln */

.modulecontainer.contentstack {
	overflow-x: auto;
	}

.stackgrid {
  display: grid;
  grid-template-columns: calc(50% - 60px) calc(50% - 60px) 100px;
  grid-auto-flow: row;
  grid-gap: 10px;
}
.stackgrid:nth-child(odd) {
    background: var(--color-grey);
}
.contentstack .stackgrid {
 border-top:1px dotted var(--color-primary);
}

.contentstack .stackgrid:last-child {
 border-bottom:1px dotted var(--color-primary);
}
.stackgrid .box,
.page-modelsource .box {
  padding: 10px;
  display: flex;
  align-items: center;
  cursor: move;

}
.stackgrid .box .pointer.type,
.page-modelsource .box .pointer.type {
  width: 40px; font-weight: bold;
}
.stackgrid .box.inline {
  grid-column: span 3;
  display: block;
   border-radius: 4px;
  }
  .stackgrid:nth-child(odd) .box.inline {
    background: var(--color-grey);
}
.stackgrid .box,
.page-modelsource .box {
  grid-column: span 1;
  white-space: nowrap;
  overflow: hidden;
  }
.stackgrid .box span,
.page-modelsource .box span {padding-right: 5px;}
/* .stackgrid .box span.clip {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60%;
	border: 1px solid red;
} */
.stackgrid .box span.komp-id {
   font-size: 12px; min-width: 50px;
}
.stackgrid .box span .material-icons {line-height: 30px;}
.stackgrid .box.edit {
 margin-left: auto;
 border: 0;}

 .stackgrid .box .html-preview {font-size: 0.95em;}

.stackgrid .box.inline .editor-fieldrow,
.page-modelsource .editor-fieldrow {
 display: grid;
 grid-template-columns: 125px 1fr;
 grid-gap: 10px;
 padding: 10px;
 margin-bottom: 0;
 border-bottom: 1px dotted var(--color-font);}
 .stackgrid .box.inline .editor-fieldrow .dokulink.help,
.page-modelsource .editor-fieldrow .dokulink.help {
	position: absolute; top: 11px; right: -8px; font-size: 16px;
}

 .stackgrid .box.inline .template .editor-fieldrow {
	display: block;
    padding: 0;
    border-bottom: 0;
 }
 .stackgrid .box.inline .displayrules select {
	 width: auto;
 }

 .stackgrid .box.inline .editor-fieldrow .editor-field .editor-fieldrow,
 .stackgrid .box.inline .editor-fieldrow.nobor,
 .page-modelsource .editor-fieldrow.nobor
 {
 border-bottom: 0;}
  .stackgrid .box.inline .editor-fieldrow.modus,
.page-modelsource .editor-fieldrow.modus  {
  padding-bottom:0;
  }
  .stackgrid .box.inline .editor-fieldrow.filter,
.page-modelsource .editor-fieldrow.filter {
  padding-bottom:20px;
  padding-top: 0;
  }
  .stackgrid .box.inline .editor-fieldrow.filter.modusselect, .page-modelsource .editor-fieldrow.filter.modusselect {
   padding-bottom: 0; margin-top: 10px;
}

.stackgrid .box.inline .editor-fieldrow label {
line-height: 25px;
white-space: normal;}
.stackgrid .box.inline .flex-container.displayrules div {
margin-right: 10px;
}
.stackgrid .box.inline .editor-field ul.items.multielementselect,
.page-modelsource .editor-field ul.items.multielementselect {
    background: #fff;
    border: 0;
    margin-top: 0;
    padding: 0px;
}
.stackgrid .box.inline .editor-field ul.items.multielementselect li,
.page-modelsource .editor-field ul.items.multielementselect li {
border: 1px solid #E2E2E2;
}

.stackgrid .box.inline .simpleselect-section,
.page-modelsource .simpleselect-section {
background: #fff;
}
.komponenten .elementHead {
background: var(--color-grey); padding: 10px;
}

.komponenten .elementHead .elementColumn {
  display: flex;
  align-items: center;}

  .komponenten .elementHead .elementColumn > span {margin-right: 10px;}

  .komponenten .elementHead .elementColumn .editanddelete {
  margin-left: auto;}


.page-modelsource .filter-options .show-text,
.page-modelsource .filtergroup .show-text {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding-left: 5px;
    margin-bottom: 1px;
    pointer-events: none;
}


.page-modelsource .filtergroup .filtergroup-selectbox select,
.page-modelsource .filter-options select {
 width: auto;
 margin-top: -22px; margin-bottom: 0;}

 .editor-field.inline .separator {margin-top: 0;}


 .page-modelsource .filtergroupconditions {
 flex: 1 1 auto;}
 .page-modelsource .filtergroupconditions .editor-fieldrow {
 border-bottom: 0;
 background: var(--color-secondary);
 border-radius: 2px;}

 .page-modelsource .filterleft {
 flex: 0 0 auto; margin-right: 20px;}
 .page-modelsource .filterleft label {
 margin-right: 10px;}

 .page-modelsource .removecondition {
 margin-left: auto;}


.page-modelsource .geo.flex-container.koordinate {margin-top: 10px;}


/* Redaktionelle Texte */

.page-editor-modelsource.editorialtexts {
	grid-template-columns: max-content minmax(0, 1fr) 35px;
}
.page-editor-modelsource.editorialtexts .computed .page-editor-editorialtext-list:after {
	content: "\007C";

}

.page-editor-modelsource.editorialtexts .computed .page-editor-editorialtext-list:last-child:after {
	content: "";

}


 /* Liste mit Boebbels */

 ul.with-disc {padding-left: 20px;}

 ul.with-disc li::before {
 font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
    content: 'brightness_1';
	color: inherit;
    margin-left: -20px;
	width: 20px;

}


.content-innerscroll {

	height: calc(100vh - 200px);
    overflow-y: auto;
}


/* Anfang Umbau Kopfmenu im Header auf flex-menu */

.headerright {position: relative;}

.foldableHeader {
	display: flex;
    flex-flow: row wrap;
    align-items: center;
    position: relative;
    max-width: 100%;
    height: 30px;
    overflow: hidden;
	padding-right: 30px;
	}


.headerflexmenu { position: relative;}

.moreElements.headerelements  {width: 20px; height: 25px; top: 0; line-height: 1.5em; top: 3px !important;}

.headerflexmenu .foldedElements {
    position: fixed;
    right: 0;
    top: 40px;
    padding: 10px !important;
    background-color: var(--color-primary);
	color: #fff;
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
	flex-direction: column;
	max-width: 150px;
}

.headerflexmenu .dropdown-contents > div:hover { background-color: transparent;}

.headerflexmenu .dropdown-contents > div { color: #fff;}

.headerflexmenu .dropdown-contents .user {justify-content: flex-start; flex-wrap: wrap;}

/* Ende Umbau Kopfmenu auf flex-menu */


/* Verschlankung Userinfo fuer kleine Monitore */

 @media all and (max-width: 1024px) {

.headerright .user .hide-me {display: none !important;}
.headerflexmenu .foldedElements {width: 50px; min-width: 5px;}
.headerflexmenu .dropdown-contents > div {width: 20px;}


.header .logo {
    width: 100px !important;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px !important;
}


/* Sidebar eingeklappt */
.contentcontainer.detail .sidebar-2.collapsed .sidebar-content-icons .fieldcontainer {
    height: calc(100vh - 180px) !important;
}


/* Bilderliste */

.modulelist.js-list-displaymode-tiles .items .item {
    display: flex;
    margin-bottom: 20px;
    /* width: calc(33% - 10px); */
}


.modulelist.js-list-displaymode-tiles .items .card {
    max-width: 100%; }

 }

  @media all and (max-width: 750px) {
.modulelist.js-list-displaymode-tiles .items .item {
   /* width: calc(50% - 10px); */ }

  }


 /* Anpassungen mobile zum Testen Breakpoint erstmal alle an einer Stelle */

.not-visible {
    visibility: hidden;
}
 .hide-on-large {display: none;}

 @media all and (max-width: 550px) {

/* Google Maps fuer Geo */
 .mapsCanvas {max-width: 100%;}

/* Kopf mit flexmenu und Tabs */
/* Header */
 .header.header { padding-right: 0; padding-left: 5px; }
 .headerright {position: relative;}
 .header .headerright .browserwarning-container {padding-right: 0;}
 .header .logo {
     flex: 0 0 65px !important;
     width: 65px;
     font-size: 25px !important;	}
 .headerright .headerflexmenu {display: none; }
 .headerright .menu-placeholder {width: 30px; height: 25px;}
 .headerleft {max-width: calc(100vw - 60px);}
 .usermenue.dropdown-contents {right: 10px;}
/* Tableiste oben */
 .containertableiste {max-width: calc(100vw - 110px); overflow-x: auto;}
 .containertableiste .tab {scroll-snap-align: start;}
 .tableistenmenue .following {flex-wrap: wrap;}
 .tableistenmenue.dropdown-contents li {justify-content: flex-start !important;}
 .tableistenmenue.dropdown-contents  {
     position: fixed !important;
	 left: 10px; top: 50px !important;
	 width: calc(100vw - 20px) !important;
	 padding: 10px;
	 min-width: auto !important;
	 max-width: calc(100vw - 20px);}
 .tab.slider__nav .activeApplication { padding: 0px 0px 0px 10px !important; }
/* Ende Tableiste */
/* Ende Kopf mit flexmenu und Tabs */

 /* Flexmenu foldable scrollbar machen */
 .detailcontainermenu .actionlist .foldedElements {
     max-height: calc(100vh - 175px);
	 overflow-y: auto;
     flex-wrap: nowrap;	 }
/* Ende foldable */

	 /* Doku */

	 body.application {overflow-y: auto;}

	 /* Ende Doku */

	 /* CKEditor */

.cke_toolgroup {
    border: 0;
    float: left;
    margin: 1px 2px 6px 0;
    padding-right: 3px;
    display: flex;
}

.ckeditor-container .cke_toolbox {
    height: 60px !important;
    display: flex;
    flex-wrap: nowrap !important;
    overflow-x: auto;
}

.cke_button__source_label, .cke_button__sourcedialog_label {display: none !important;}


	 /* Ende */



	 .modulecontainer {padding-bottom: 20px !important;}





	 .hide-on-large {display: initial;}


	 .editortab .sidebar-2.collapsed {width: 20px !important;}
	 .contentcontainer.detail .sidebar-2.collapsed .sidebar-content-icons .fieldcontainer {width: 20px !important;}
	 .contentcontainer.detail .sidebar-2.collapsed .sidebar-content-icons .material-icons.large {font-size: 16px;}

	.subcontent.small .article__inner {
    grid-template-columns: 1fr !important;
    grid-template-areas: "article-image" "article-details" "additional-infos" !important;
	padding: 5px;
    }

	 .subcontent.small .article__inner .article__image {
		 width: 100% !important;
		 margin-right: 0;
		 height: 40vw;
	 }
	 .subcontent.small .article__inner .article__image img {
		 width: 100% !important;
         height: 100% !important;
         padding-bottom: 5px;
	 }

	 .slider__inner {
     padding-right: 0;
     }

    .slider__contents {padding-left: 0; padding-top: 0;}

	.collapsibles-header, .collapsibles-header i {line-height: 1rem !important;}

	.detailcontainermenu .actionlist .foldableElements {padding-right: 0;}


	.modulecontainer .listfoot .pager form * {font-size: 12px !important;}
	.modulecontainer .listfoot .pager form .pagination {display: flex; max-width: calc(100vw - 90px); overflow-x: auto;}
	.modulecontainer .listfoot, .listfoot {left: 5px; bottom: 5px; height: 40px;}
	.modulecontainer .listfoot .pager .select {display: none;}
	.modulecontainer .listfoot .pager {margin-right: 5px; margin-left: 5px;}
	.modulecontainer .listfoot .pager form {margin: 0;}


	.detailcontainermenu {max-width: calc(100vw - 40px);}
	.detailcontainermenu .actionlist .menu-entry {white-space: initial;}
	.detailcontainermenu .doku .maximize, .detailcontainermenu .doku .minimize {display: none;}
	.detailcontainermenu .doku {margin-right: 0;}
	.detailcontainermenu .doku .toggleLayout {display: none;}



	.searchform .flex-container.suchoptionen {
		 flex-direction: column;
	 }

	 .modulelistwrapper .searchform  {
    max-width: 100%;
    /* overflow: hidden; */
}

	.modulelistwrapper .searchform .suchoptionen .cutme:not(.show),
    .modulelistwrapper .searchform .suchoptionen .select.cut,
    .modulelistwrapper .searchform .suchoptionen .selectarray	{
    max-width: 100%;
	width: 100%;
    overflow: hidden;
	display: none;
}
   .modulelistwrapper .searchform .suchoptionen .selectoptionen {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	flex: 1 1 auto;
	width: 100%;
}
.modulelistwrapper .searchform .suchoptionen .selectoptionen .cutme {
	margin: 0 10px;
}
   .modulelistwrapper .searchform .flex-container.selectarray > div {
    max-width: 100%;
    width: 100%;
   }
   .modulelistwrapper .searchform .suchoptionen .cutme.show {
	max-width: 100%;
	width: 100%;
}

    .modulelistwrapper .searchform .suchoptionen .search {
    margin-left: 0;
	width: 100%;
    padding: 0;
	display: none;
}
.modulelistwrapper .searchform .suchoptionen .search.active {
	display: flex;
}
    .modulelistwrapper .searchform .search .labelbox {flex: 1 1 auto;}
	.modulelistwrapper .searchform .suchoptionen .select {margin-left: 0; margin-bottom: 5px;}

	.modulelistwrapper .searchform .suchoptionen .flex-container.search input {margin-top: 0; width: 100%; min-width: auto;}
	.modulelistwrapper .searchform .suchoptionen .flex-container.search input.flatpickr-input {width: calc(100% - 40px);}
	.modulelistwrapper .searchform .suchoptionen .element-count {
	 align-self: flex-start;
	 margin-bottom: 5px; margin-top: 5px;
	 display: flex; align-items: center;}
	 .modulelistwrapper .searchform .suchoptionen .element-count .hide-on-large {
	margin-left: -20px; margin-right: 5px;
	 }

	.contentcontainer.list .modulelistwrapper {
    display: grid;
    grid-template-areas: "searchform" "taskbar" "source" "modulecontainer";
    grid-template-columns: 1fr;
    grid-template-rows: minmax(30px, auto) auto 1fr !important;
}



/* Bilderliste */

.subcontent.small .modulelist.js-list-displaymode-tiles .items .card:not(.drag) .card-image .background img {
    /* width: 100%; */

}

.modulelist.js-list-displaymode-tiles .items .item {
    display: flex;
    margin-bottom: 20px;
    /* width: calc(50% - 10px); */
}


/* Sidebars */

/* Sidebar Editor rechts */

.contentcontainer.detail .sidebar-2:not(.collapsed) .fieldcontainer {margin-left: auto; width: 100vw; max-width: calc(100% - 20px);}
.contentcontainer.detail .sidebar-2:not(.collapsed) .sidebar-toggle {left: 0;}

.contentcontainer.detail .sidebar-2:not(.collapsed) {
    min-height: 30px;
    position: relative;
    top: 0;
	width: calc(100vw - 40px);
}


.sidebar-container input[type="text"]:not(.button-input):not(.flatpickr-input) {
    max-width: 90%; width: 90%;
}
.sidebar-container input[type="text"].flatpickr-input {
    min-width: 90%; height: 18px;
}
.sidebar-container input.taggle_input.ui-autocomplete-input {
    width: 90% !important;
    max-width: 90%;
}

.sidebar-container .tagbox li.taggle { width: 85%;}
.sidebar-container .tagbox li.taggle span {width: 100%;}
.sidebar-container.tagbox li.taggle .close {right: 0;}



/* Treeselectmenu in Sidebar */
.contentcontainer.detail .sidebar-2 .fieldcontainer .editor-fieldrow.treeselect .treeselectmenu {left: 37%; }




/* Sidebar Ressorts Liste */

.contentcontainer.list .sidebar-2:not(.collapsed),
.contentcontainer.list .sidebar-2:not(.collapsed) .sidebar.menu
 {

	width: 100vw;
	z-index: 99999999999;
}

.contentcontainer.list .sidebar-2:not(.collapsed) .sidebar.menu .ordnermenue {

	max-width: 100vw;
}
.contentcontainer.list .sidebar-2:not(.collapsed) .sidebar-toggle {left: 90%;}

.contentcontainer.list {
    display: grid;
    grid-template-columns: minmax(35px, auto) 1fr;
    grid-template-rows: 60px auto 1fr;
    grid-template-areas: "navbar navbar" "inlinedialog inlinedialog" "sidebar_2 subcontent";
    grid-column-gap: 0;
    overflow: hidden;
}


/* Hauptmenu */

.sidebar-1 .sidebar.menu:not(.collapsed) {width: 100vw;}



/* Upload-Editor */

.uploadEditor .item-edit {
    cursor: move;
    display: grid;
    grid-template-columns: 1fr 30px !important;
    grid-template-areas: "previewpic delete-icon" "data-edit data-edit" !important;
    grid-gap: 10px;
    padding: 20px;
    border-bottom: 1px solid var(--color-primary);
}

.uploadEditor .item-edit .previewPic, .uploadEditor .item-edit .previewPic img {
    width: 100% !important;
    display: inline;
    position: relative;
}

.uploadEditor .list.detailcontainer .disabledOverlay {position: fixed !important; top: 55px !important; height: auto !important; background: transparent !important;}

.uploadEditor .upload-overlay {
    width: 100% !important; }

.uploadEditor .content .dialog .content {background: #fff;}


 }



 /* Bilderliste ganz kleine Displays */

@media all and (max-width: 430px) {

 .modulelist.js-list-displaymode-tiles .items .item {
    display: flex;
    margin-bottom: 20px;

}

.uploadEditor .dataEdit .editor-fieldrow {
   flex-direction: column;
}

.uploadEditor .editor-fieldrow label {
    flex: 0 0 auto !important;
}

.uploadEditor .editor-fieldrow .editor-field {
    flex: 1 1 100%;
    width: 100% !important;
}

}



/* Neu fuer mobiles Menu */

.mobilemenutoggle {line-height: 1.5rem; margin-right: 10px; }

@media screen and (max-width: 550px) {
	.backend.wrapper .hide-on-small {display: none;}

	.sidebar-1 .sidebar.menu:not(.collapsed) {
	 overflow-y: auto;
}

/* Ausgrauen der für mobile nicht genutzten Menüpunkte */

.backend.wrapper #fcms-js-menu .cms-menu ul li.hide-on-small a {
    pointer-events: none;
	opacity: 0.3;
}

.backend.wrapper #fcms-js-menu .cms-menu ul li.hide-on-small {
    display: block;
	cursor: not-allowed;
	pointer-events: none;
}

/* Menue für mobile vollständig einklappen */

.sidebar-1 .sidebar.menu.collapsed  {
    width: 0;
    flex-basis: 0;
}

.contentcontainer.detail .sidebar-2:not(.collapsed) {
    min-height: 30px;
    position: relative;
    top: 0;
    width: 100vw;
}

.headerleft .logo {display: none;}
.containertableiste {
    max-width: calc(100vw - 80px);
    overflow-x: auto;
}

/* Verhindert auf Smartphone Verschieben der Seite nach rechts */
.headerright .dropdownLink .user {margin-right: 0;}


/* Höhenänderungen wegen URL-Leiste Smartphones */
.content  > .sticky-content  {min-height: calc(100vh - 150px); }

/* Auch die Sidebar und Detailansicht muss in der Höhe angepasst werden */
.contentcontainer.detail .subcontent, .contentcontainer.detail .sidebar-2 {
    height: calc(100vh - 213px);
}

/* Verhindern, dass Safari den Contentbereich scrollt */
.backend.wrapper > .header.header { position: relative; }

/* Test Userselect */

.article__inner .article__details *,
.article__inner .additionalinfos *,
.modulelist .listresults .items.js-sortable .item *
 {
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */

}

}


/* Tinymce */

.tox-fullscreen .texteditor .texteditor-content {
    position: relative;
    z-index: 999999;
}

.tox-fullscreen header.header {visibility: hidden;}

.nopointer {
    pointer-events: none;
}
.nocallout {
    -webkit-touch-callout: none;
}

.tox .tox-dialog .tox-button:not(.tox-button--naked) {
    padding: 0 1rem;
    height: 30px;
    line-height: 30px;
	font-size: 12px;
	background-color: var(--color-primary);
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .5px;
    transition: .2s ease-out;
    cursor: pointer;
	font-weight: 400;
	border: 0;
	font-family: var(--font-primary);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    transition: box-shadow .25s;

}

.tox .tox-dialog .tox-button:not(.tox-button--naked):hover {
	background-color: var(--color-primary);
	color: #fff;
	transition: box-shadow .25s;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}

.tox .tox-dialog .tox-button[disabled],
.tox .tox-dialog .tox-button[disabled]:hover
 {
    background-color: #DFDFDF;
    color: #9F9F9F;
    cursor: default;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);

}


.tox .tox-dialog .tox-selectfield select, .tox .tox-dialog .tox-textarea, .tox .tox-dialog .tox-textfield, .tox .tox-dialog .tox-toolbar-textfield,
 {
   font-family: var(--font-primary);
  border: 1px solid #E2E2E2;
    padding: 10px;
    border-radius: 2px;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    box-sizing: border-box;
    background: #fff;

}

.tox .tox-dialog .tox-textfield:focus,
.tox .tox-dialog .tox-textfield:focus,
.tox .tox-dialog .tox-selectfield select:focus,
.tox .tox-dialog .tox-textarea:focus {
 box-shadow: none;
  outline: none;
  border: 1px solid #E2E2E2;
  border-bottom: 1px solid var(--color-primary);}


.tox .tox-menu.tox-collection--list .tox-collection__group {padding: 0;}

.tox .tox-dialog {
  font-family: var(--font-primary);
}

.tox .tox-dialog .tox-dialog__header {
  align-items: center;
  background-color: #fff;
  border-bottom: none;
  color: #222f3e;
  display: flex;
  font-size: 16px;
  justify-content: space-between;
  padding: 8px 16px 0 16px;
  position: relative;
}

.tox .tox-dialog .tox-dialog__title {
  font-family: var(--font-primary);
  font-size: 18px;
    font-weight: 400;

}
.tox .tox-dialog .tox-dialog__body {
  color: #222f3e;
  display: flex;
  flex: 1;
  -ms-flex-preferred-size: auto;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.3;
  min-width: 0;
  text-align: left;
  text-transform: normal;
}


.tox .tox-dialog .tox-dialog__body-nav-item:focus {
  background-color: rgba(32, 122, 183, 0.1);
}
.tox .tox-dialog .tox-dialog__body-nav-item--active {
  border-bottom: 2px solid #207ab7;
  color: #207ab7;
}

.tox .tox-dialog .tox-dialog__body-content a {
  color: #207ab7;
  cursor: pointer;
  text-decoration: none;
}
.tox .tox-dialog .tox-dialog__body-content a:hover,
.tox .tox-dialog .tox-dialog__body-content a:focus {
  color: #185d8c;
  text-decoration: none;
}
.tox .tox-dialog .tox-dialog__body-content a:active {
  color: #185d8c;
  text-decoration: none;
}

.tox .tox-dialog .tox-dialog__body input.tox-textfield {
	transition: none;
}
.tox .tox-dialog .tox-dialog__body .tox-form__group .tox-label {
	margin-bottom: 5px;
}
.tox .tox-dialog .tox-dialog__body .tox-form__group + .tox-form__group {
	margin-top: 20px;
}

/* Bildergalerie-Upload */

.datafield.galleryEditor .material-icons {
	color: var(--color-primary);
    font-size: 20px;
    cursor: pointer;
	margin-left: 15px;
}
.datafield.galleryEditor  {
	display: flex;
	align-items: center;
}


.uploadEditor .item.picture-gallery .datafield {
    display: flex;
    align-items: center;
	flex-wrap: nowrap;
}

.uploadEditor .item.picture-gallery input[type="text"] {
    width: 100%;
    height: 16px;
}


.picture_gallery .detailcontainer .editor-fieldrow.toggleselect {
	display: flex;
}
.picture_gallery .detailcontainer .editor-fieldrow.toggleselect .editor-field {
	margin-left: 20px;
}
.picture_gallery .detailcontainer .editor-fieldrow.toggleselect label {
	width: 150px; align-self: flex-end;
}

@media screen and (max-width: 550px) {
.galerieupload .file-field.input-field {margin-top: 0; margin-bottom: 10px;}
}

/* Fortschrittsbalken */

.inline-editor-progress .progress-container {
    width: 100%;
    height: 30px;
    border: 1px solid var(--color-primary);
	border-radius: 2px;
	background: var(--color-secondary);
	position: relative;
	margin-bottom: 5px;
}
.inline-editor-progress .progress-container .progress-bar {
    width: 0%;
    height: 100%;
    background-color: var(--color-primary);
}
.inline-editor-progress .progress-container .progress-description {
  position: absolute;
  left: 10px; top: 5px;
  color: #fff;
  font-size: 12px;
}
.tox-editor-container .tox-editor-header {
    position: sticky;
    top: 0px;
}

/* Diverse Anpassungen und Ergänzungen für AB-Test Paywall */

/* Redationelle Texte und Modelsource Layout */
.page-editorialtexts .flex-container.inline select,
.page-modelsource-layout .modelsource-actions .editor-fieldrow.select {margin-right: 10px;}
.page-modelsource-layout .modelsource-actions .simpleselect {margin-bottom: 10px;}
.page-modelsource-layout .contentstack  {margin: 10px;}
.page-modelsource-layout .separator .material-icons {color: #fff; margin-left: 10px;}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults {
    padding-bottom: 0; padding-right: 0;
}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page {
	background: transparent; padding: 0; border: 0;
}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .items:empty {display: none;}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .items {
background-color: var(--color-grey);
    border: 1px solid var(--color-secondary);
    border-radius: 2px;
}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .items .listRow,
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .items .filtereinstellungen {
	display: block;
}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .items .listRow .editor-fieldrow:first-child {
	border-bottom: 0;
}
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .listRow .editor-fieldrow,
.page-modelsource-layout .contentstack .modulelist.js-list-displaymode-tableview.page .listresults .filtereinstellungen .editor-fieldrow
 {
	padding-left: 0;
}

/* Page Editor List */
.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier #pagelist.item.pagelist.alternative, .contentcontainer.detail .modulelist #second-tier #pagelist.item.pagelist.alternative {
    display: grid;
    border: 0 !important;
    font-weight: normal;
    padding-left: 0;
    margin-bottom: 0;
    align-items: center;
	background: #fff;
	margin-left: 20px;
	margin-right: 0;

}

.contentcontainer.detail .modulelist.js-list-displaymode-tableview #second-tier #second-tier #pagelist.item.pagelist.alternative .path, .contentcontainer.detail .modulelist #second-tier #second-tier #pagelist.item.pagelist.alternative .path {
font-style: italic;
}

#pagelist.item.pagelist .subpages {
    cursor: pointer;
}

.inlintelistloader {
    padding-top: 5px;
}

.inlinelistloader .preloader-wrapper {
    width: 20px;
    height: 20px;
    margin-left: 250px;
}

/* Page Editor Buttons */
.page-editor-modelsource,
.page-editor-modelsource.editorialtexts {

border: 1px solid #E2E2E2;
padding: 5px;
border-radius: 2px;
width: 100%;
height: auto;
display: grid;
grid-template-columns: 120px minmax(0, 1fr) 35px;
grid-template-rows: 1fr max-content;
grid-template-areas: "title sources addsource" "title computed edit";
grid-column-gap: 10px;
grid-row-gap: 2px;
}

.page-editor-modelsource .title {grid-area: title; font-weight: 700;}
.page-editor-modelsource .sources {grid-area: sources; font-weight: 600;}
.page-editor-modelsource .addsource {grid-area: addsource;}
.page-editor-modelsource .computed {grid-area: computed;}
.page-editor-modelsource .edit {grid-area: edit;}

/* Liveticker Eintrag Liste */
.modulelist.js-list-displaymode-tableview .items .item.difference:not(.boosted) {
background-color: #f3e5f5; }

.modulelist.js-list-displaymode-tableview .items > div:nth-child(even).difference:not(.boosted) {
    background: #e1bee799;
}
.modulelist.js-list-displaymode-tableview .items .item.difference .creator {
 color: red;
}

/* Anpassungen Dynamische Paywall */

/* Testrun Editor Results */

.scoredpaywall_testrun .detailcontainer .editor-fieldrow:not(.editorview) {
    display: grid;
    grid-template-columns: 155px 1fr;
    grid-gap: 10px;
    padding: 2px 5px;
    margin-bottom: 0;
	}
	.scoredpaywall-testrun-resultlist .searchform {
	padding: 20px 10px;}


/* Exclusionrule List */

#scoredpaywall-list.item.scoredpaywall-exclusionrules-listelement,
#scoredrules-list.item.scoredpaywall-exclusionrules-listelement{
	display: grid;
	padding-top: 10px;
	background: #fff;
}

#scoredpaywall-list.item.scoredpaywall-exclusionrules-listelement .list-header,
#scoredrules-list.item.scoredpaywall-exclusionrules-listelement .list-header{
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding-left: 13px;
    text-transform: uppercase;
	background: var(--color-secondary);
    line-height: 2;
}

.scoredpaywall .editorview {
background: var(--color-grey);

}
.scoredpaywall.exclusionrules,
.scoredpaywall.scorerules {
    margin-bottom: 5px;

}

.scoredpaywall.exclusionrules .delete,
.scoredpaywall.scorerules .delete {
   margin-left: 10px;
   cursor: pointer;

}
.scoredpaywall.exclusionrules .delete a,
.scoredpaywall.scorerules .delete a {
   color: #fff;
}

.scoredpaywall .editor-fieldrow.element {
    display: grid;
    grid-template-columns: 125px 1fr;
    grid-gap: 10px;
    padding: 10px;
    margin-bottom: 0;

}

.scoredpaywall .editor-fieldrow.element label {
display: flex;
align-items: center;
}

/* Testrun Editor Result List */

.scoredpaywall_testrun_result .modulelist.js-list-displaymode-list .items div.item.ruleexclude > span,
.scoredpaywall_testrun_result .modulelist.js-list-displaymode-list .items div.item.rulescore > span { padding: 2px 5px;}
.scoredpaywall_testrun_result .modulelist.js-list-displaymode-list .items div.item.rulescore span span,
.scoredpaywall_testrun_result .modulelist.js-list-displaymode-list .items div.item.ruleexclude span span { padding: 0;}


.scoredpaywall_testrun_result .detailcontainer .editor-fieldrow:not(.editorview):not(.separator) {
    display: grid;
    grid-template-columns: 155px 1fr;
    grid-gap: 10px;
    padding: 2px 5px;
    margin-bottom: 0;
}

/* Scoredpaywall Editor Fields */

.scoredpaywall .editor-fieldrow.select {margin-top: 15px; margin-bottom: 0; padding: 10px; background: var(--color-alternative); }
.scoredpaywall .paywall-actions .editor-fieldrow.select {margin-right: 10px; margin-bottom: 0; margin-top: 0; padding: 10px 0 0 5px;}
.scoredpaywall .paywall-actions .simpleselect {padding: 10px 0 0 5px;}
.scoredpaywall .paywall-actions label {margin-bottom: 5px;}
.scoredpaywall .editor-fieldrow.jsbutton {margin-bottom: 0;}

.scoredpaywall_testrun_result .detailcontainer .editor-field .modulelist.js-list-displaymode-list:not(.template):not(.article) .item.rulescore.persistent {
    background: #ffe000;
}


/* Update und Patchliste */


.contentcontainer.detail.updateList .editor-fieldrow.patchlist {
max-width: calc(100vw - 100px);
overflow-x: auto;
}


.contentcontainer.detail.updateList .patches .listheader {
display: grid;
grid-template-columns: 110px 110px 200px 200px 1fr;
grid-template-rows: max-content;
font-weight: bold;
margin-bottom: 10px;
padding: 10px;
border-bottom: 1px solid #c1b7b7;

}



.contentcontainer.detail.updateList .patches .updateList .listElement {
display: grid;
grid-template-columns: 110px 110px 200px 200px 1fr;
grid-template-rows: max-content;
padding: 5px 10px;
}


.contentcontainer.detail.updateList .patches .updateList .listElement.update {
	background: var(--color-secondary);
}

.contentcontainer.detail.updateList .patches .updateList .listElement.update .update,
.contentcontainer.detail.updateList .patches .updateList .listElement.update .date,
.contentcontainer.detail.updateList .patches .updateList .listElement.update .releasedate
{
	font-weight: bold;
}


/* Collections */




.contentlist-taggroup-listelement .contentlist-taggroup-header label:after {
content: "drei";
}


.contentlist-taggroup-listelement:first-child .contentlist-taggroup-header label:after {
content: "zwei";
}


.contentlist-taggroup-listelement,
.contentlist-tagsettings .editor-fieldrow.tagglelist {
background: var(--color-grey);
margin-bottom: 10px;
position: relative;
margin-right: 40px;
}
.contentlist-tagsettings .editor-fieldrow.tagglelist {
	margin-right: 0;
}

.contentlist-taggroup-header,
.contentlist-tagsettings .editor-fieldrow.tagglelist label,
.contentlist-tagsettings .editor-fieldrow.editorview label.opendoc
 {
background: var(--color-secondary); font-weight: bold;
padding: 10px;
width: 100%;
}


.contentlist-tagsettings .editor-fieldrow.tagglelist .editor-field.tagglelist,
.contentlist-taggroup-listelement .editor-fieldrow.tagglelist  {
padding: 10px 10px 15px 10px;}

.contentlist-taggroup-listelement .remove-group {
position: absolute;
bottom: 0;
right: -30px;
display: flex;
flex-direction: column;
}
.contentlist-taggroup-listelement .remove-group .material-icons {
font-size: 20px;
}

.contentlist-taggroup-listelement .tagbox.searchtags ul.taggle_list li:not(.taggle),
.contentlist-tagsettings .tagbox.searchtags ul.taggle_list li:not(.taggle) {width: 100%;}

.contentlist-taggroup-listelement .tagbox.searchtags ul.taggle_list li input.taggle_input,
.contentlist-taggroup-listelement .tagbox.searchtags ul.taggle_list input.taggle_input.ui-autocomplete-input,
.contentlist-tagsettings .tagbox.searchtags ul.taggle_list li input.taggle_input,
.contentlist-tagsettings .tagbox.searchtags ul.taggle_list input.taggle_input.ui-autocomplete-input {
    border: 1px solid #E2E2E2;
    padding: 10px;
    border-radius: 2px;
    width: 100%;
    height: auto;
    margin-bottom: 0;
    box-sizing: border-box;
    background: #fff;
    max-width: 100% !important;
	width: 320px !important;

}

.contentlist-taggroup-listelement .tagbox.searchtags ul.taggle_list li:not(:first-child) input.taggle_input,
.contentlist-tagsettings .tagbox.searchtags ul.taggle_list li:not(:first-child) input.taggle_input {
margin-top: 10px;}

/* Modaldialog Artikeltypenauswahl für Collection */

.modalwrapper li.item.default__checkbox {padding: 10px 0;}
.modalwrapper li.item.default__checkbox:first-of-type {padding-top: 20px;}
.modalwrapper li.item.default__checkbox .small.nolistspan {color: #000; font-size: 14px; margin-left: 0; cursor: default;}


.contentlist-tagsettings .addbutton .rulecontainer a.addicon.simpleselect.disabled {

  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
  color: grey;

}

.contentlist-tagsettings .addbutton .rulecontainer a.addicon.simpleselect.disabled .material-icons {
	color: grey;
}

/* Collectionauswahl im Themeneditor */
.topic-editor-collection {
border: 1px solid #E2E2E2;
padding: 5px;
border-radius: 2px;
width: 100%;
height: auto;
margin-bottom: 10px;
}

.topic-editor-collection .title {text-transform: uppercase;}
.topic-editor-collection.schlagworte {font-size: 12px;}
.topic-editor-collection.schlagworte .schlagwortzeile {
display: grid;
grid-template-columns: 130px minmax(0, 1fr);}
.topic-editor-collection.schlagworte .title {text-transform: none; font-weight: bold; font-size: 14px; margin-bottom: 5px;}

.topic-editor-collection .editblock {display: flex; }

.editor-field .simpleselect.topic .material-icons {
font-size: 16px !important; cursor: pointer;}

/* Anpassung Artikelliste Collectionanzeige */

.article__inner.collection_overview {
grid-template-areas: "article_collection article_collection" "article-image article-details"
"article-image additional-infos";
  }

 .article__inner.collection_overview .collection_listname {
 display: flex;
 align-items: center;
 grid-area: article_collection;
 margin-bottom: 5px;
  }

 .article__inner.collection_overview .collection_listname_name {
 font-size: 16px;
 font-weight: 600;
 display: block;
 font-family: 'Lato', sans-serif;
 line-height: normal;
 word-break: break-word;
 margin-bottom: 0;
 cursor: pointer;
 color: var(--color-font);
 margin-right: 10px;
  }

.article__additionals.collection_overview {padding-top: 5px;}
.modulecontainer.article_collection .modulelist.article .listresults .article:before, .modulecontainer.article_collection .modulelist.contentlist_entry .listresults .article:before {margin-top: 30px;}
.modulecontainer.article_collection .contentlist_entry .article__additionals .status {margin-top: 2px;}


/* Loginseite */

.mainsite input:not([type]):focus:not([readonly]),
.mainsite input[type="text"]:focus:not([readonly]),
.mainsite input[type="password"]:focus:not([readonly]),
.mainsite input[type="email"]:focus:not([readonly]),
.mainsite input[type="url"]:focus:not([readonly]),
.mainsite input[type="time"]:focus:not([readonly]),
.mainsite input[type="date"]:focus:not([readonly]),
.mainsite input[type="datetime"]:focus:not([readonly]),
.mainsite input[type="datetime-local"]:focus:not([readonly]),
.mainsite input[type="tel"]:focus:not([readonly]),
.mainsite input[type="number"]:focus:not([readonly]),
.mainsite input[type="search"]:focus:not([readonly]),
.mainsite textarea.materialize-textarea:focus:not([readonly]) {
 border-bottom: 1px solid var(--color-primary);
 box-shadow: 0 1px 0 0 var(--color-primary);
  }

.mainsite {
display: flex;
justify-content: center;
align-items: center;
background: var(--color-secondary);
  }

.mainsite .login-header {background-color: var(--color-primary); color: #fff; min-width: 400px; width: 30%;
 border-bottom: 1px solid var(--color-grey); border-radius: 4px 4px 0 0; margin-bottom: -2px; padding: 15px 20px;}
.mainsite .btn, .chip {background-color: var(--color-primary); color: #fff; cursor: pointer; text-transform: uppercase; font-size: 16px; padding: 0 20px; width: 100%;}
.mainsite .login a {display: block; width: 100%;}
.mainsite .btn:hover {background-color: var(--color-tertiary);}
.mainsite .inner .card {min-width: 400px; width: 30%; margin: 0 0 0 0;}
.mainsite .inner .card .card-content {height: auto;}
.mainsite .inner .card .material-icons {line-height: 45px;}
.mainsite .inner .card:hover {background-color: #fff;}
.mainsite .version {font-size: 12px; color: var(--color-font);}
.mainsite .login  {display: flex; align-items: center; justify-content: center;}
.mainsite .logo {display: flex; align-items: flex-end; justify-content: space-between;}
.mainsite .brand {
    line-height: 40px;
    background-image: url("/storage/sym/logo_fcms.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    height: 35px;
    width: calc(100% - 100px);
    color: transparent;
	}
.mainsite .version {color: #fff; line-height: 12px;}
.mainsite #loginmessage {padding: 20px 20px 0 20px; color: var(--color-primary);}
.mainsite #loginerror {padding: 20px 20px 0 20px; color: var(--color-primary);}
.mainsite #loginerror:empty {padding: 0;}
.mainsite #loginmessage:empty {padding: 0;}

@media screen and (max-width: 500px) {
.mainsite .login-header {min-width: 100%; width: 100%; }
.mainsite .inner .card {min-width: 100%; width: 100%; margin: 0 0 0 0;}
.mainsite .logo { margin-left: 10px; }
.mainsite .logotext {display: flex; flex-direction: column; font-size: 35px;}
.mainsite .loginarea {flex: 1 1 100%; margin: 0 5px 0 5px; }
}

/* Sperrvermerke bei Notizen - Editor und Sidebar */
.inlinedialog.stopnotice .text {color: red; font-size: 16px;}
.inlinedialog.stopnotice .text .noticetitle {font-weight: bold;}
.inlinedialog.stopnotice .card { display: grid; align-items: center; min-height: 60px;}
.inlinedialog.stopnotice .card-content { display: flex;}
.inlinedialog.stopnotice .card-content:before {
content: "error";
color: red;
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 20px;
line-height: 24px;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
text-rendering: optimizeLegibility;
-webkit-font-feature-settings: 'liga';
-moz-font-feature-settings: 'liga';
font-feature-settings: 'liga';
margin-right: 10px;
}

.inlinedialog.stopnotice.active + .editor-inner .subcontent.article, .inlinedialog.stopnotice.active + .editor-inner .sidebar-2 {
height: calc(100vh - 255px);
}

.modulecontainer.noticelist .changestatus .erledigt .material-icons {color: #32CD32; font-size: 20px;}
.modulecontainer.noticelist .changestatus .aktiv .material-icons {cursor: pointer; font-size: 20px;}



/* Neuer Mediafile-Editor */


.media .detailcontainer .mediafile_editor .mediafile_content,
.media .detailcontainer .mediafile_editor .mediafile_header {
padding: 10px; display: grid; grid-template-columns: minmax(1px, 1fr) minmax(1px, 1fr) minmax(1px, 1fr); gap: 10px;}

.media .detailcontainer .mediafile_editor .mediafile_header {
background: var(--color-secondary); font-weight: bold;}
.media  .detailcontainer .simpleelementselectpicture > .editor-field .element-picture {
    background: #ffffff;
    border-radius: 0;
    border: 1px solid #E2E2E2;
    margin-bottom: 20px;
   max-width: 252px;
}
.media  .detailcontainer .simpleelementselectpicture > .editor-field .element-picture .simpleselect-section .material-icons {
	font-size: 25px;
}

.media .detailcontainer .mediafile_editor .mediafile_name {word-break: break-all;}
.media .detailcontainer .editor-fieldrow.file {margin-bottom: 0;}
.media .detailcontainer .editor-fieldrow.upload {margin-bottom: 20px; padding-left: 7px;}
.media .detailcontainer .editor-fieldrow.upload label {display: none;}

/* Änderung Uploadbutton fuer Files im Editor */

.field-upload.with-icon {display: flex; align-items: center; cursor: pointer;}
.field-upload.with-icon:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    line-height: inherit;
    content: "add_box";
	font-size: 25px;
	margin-right: 2px;
	cursor: pointer;
}



/* Neues Tippspiel */

.bettinggame .tippspiel-tore-eingabe {display: flex; margin-right: 10px;}
.bettinggame .tippspiel-tore-controls {display: flex; flex-direction: column;}
.tippspiel-tore-controls .material-icons {font-size: 25px; margin-right: 5px;}
.bettinggame .tippspiel-tore {display: inline-flex; color: #000; background: var(--color-secondary); padding: 10px; font-weight: bold;}
.bettinggame .tippspiel-tore-eingabe .dualinput {display: inline-flex; padding: 10px; background: var(--color-grey); margin-right: 10px;}
.bettinggame .tippspiel-tore-eingabe .dualinput .toranzeige.stand {padding: 5px; margin-top: 5px;}
.bettinggame .tippspiel-tore-eingabe .dualinput input.dual-input {max-width: 50px; margin-right: 0;}
.bettinggame .tippspiel-tore .toranzeige,
.bettinggame .tippspiel-tore-eingabe .dualinput .toranzeige {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
}
/* Gewinnspiel Fragen-Editor */


/* Competition Answerlist */
.competiton_question .modulecontainer.ted-answerlist,
.competition_question .modulecontainer .items {display: block;}



.competition_question .detailcontainer .editor-field .items .item.competitionquestion {display: block;}

.competition_question .item.competitionquestion .questionheader {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding-left: 3px;
    margin-bottom: 1px;
    display: inline-block;
	background: var(--color-secondary);
	width: 100%;
	padding: 5px;
	}


body {
   counter-reset:compstep; /* Counter mit dem Namen "compstep" wird auf 0 gesetzt */
}

.questionheader:after {
   counter-increment: compstep; /* Counter mit dem Namen "compstep" wird verwendet */
   content: "Antwort " counter(compstep) ": "; /* Die entsprechende Zahl wird ausgegeben */
}

.competition_question .detailcontainer .editor-field .modulelist.js-list-displaymode-tableview .listresults .items .item.competitionquestion {background-color: var(--color-grey); margin-bottom: 20px;}
.competition_question .questionlist-left {flex: 1 1 auto; padding: 5px;}
.competition_question .questionlist-right {flex: 0 0 auto; padding: 20px 10px 5px 5px;}
.competition_question .questionlist {align-items: flex-start; flex-wrap: nowrap;}
.competition_question .questionlist .punktezahl {margin-right: 20px; margin-bottom: 5px; max-width: 100px;}
.competition_question .questionlist .punktecontainer {display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; margin-bottom: 7px;}
.competition_question .questionlist .simpleselect-section {background: #fff; padding: 0; width: 300px;}
.competition_question .questionlist .simpleselect-section .thumbnailContainer {height: 80px;}



/* Neuer Linklisten-Editor fuer Artikeldetailansicht */

.textmodule-linkgroup-listelement {
    background: var(--color-grey);
    margin-bottom: 10px;
    position: relative;
    margin-right: 40px;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist {
    margin-right: 0;
    margin-bottom: 0;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist.labelcontainer,
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist .labelcontainer
 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist .labelcontainer .material-icons
 {
    font-size: 16px;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist.labelcontainer label,
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist .labelcontainer label
 {
    width: 100px;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist.labelcontainer select,
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist .labelcontainer select
 {
    height: 25px;
    padding: 0;
    margin-right: 10px;
}
.textmodule-linkgroup-header
 {
    background: var(--color-secondary); font-weight: bold;
    padding: 5px 10px;
    width: 100%;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist  {
    padding: 5px 10px 5px 10px;
}
.textmodule-linkgroup-listelement .editor-fieldrow.linklistlist .externalurl {
    padding-bottom: 10px;
}
.textmodule-linkgroup-listelement .remove-group {
    position: absolute;
    top: 0;
    right: -30px;
    display: flex;
    flex-direction: column;
}
.textmodule-linkgroup-listelement .remove-group .material-icons {
    font-size: 20px;
}

.textmodule-linkgroup-listelement .editor-fieldrow.objectauswahl  {
    margin-bottom: 0;}
.textmodule-linkgroup-listelement .editor-fieldrow.objectauswahl .simpleselectlink {margin-right: 10px;}
.textmodule-linkgroup-header .object .material-icons {font-size: 14px;  margin-right: 3px; color: #000;}
.textmodule-linkgroup-header .externalurl .material-icons {font-size: 22px; line-height: 14px; margin-right: 3px; color: #000;}

.editorview .textmodule.linklist:empty {
    min-height: 50px;
	outline: 2px solid var(--color-alternative);
}
.editorview .textmodule.linklist:empty:before {
	content: 'Drag & Drop';
	position: relative; top: 10px; left: 10px;
}


/* Animationen */

  .animationcontainer {overflow: hidden; background: black; text-align: center;}
  .animationcontainer video {max-width: 100%; object-fit: contain;}

 /* Neue Artikeldetailsuche */

 .sidebar-2.collapsed .searchtabs {
	display: none;
}

.changeressort .searchtabs {
	border-bottom: 1px solid #fff;
}

.changeressort .searchtabs span {
    display: inline-block;
    background-color: #d3d3d4;
    color: var(--color-font);
    cursor: default;
    margin-right: 2px;
	margin-left: 7px;
	font-weight: bold;
    border-radius: 4px 4px 0 0;
    padding: 5px 15px;
	cursor: pointer;

}

.changeressort .searchtabs span.active {
	background-color: #fff;
	color: #000;
}


.sidebar-2.collapsed .sidebar.menu.sucheinstellungen .sidebar-inner {
	display: none;
}

.menu.sucheinstellungen .ordnermenue {
   padding: 10px;
	color: #000;
}

.menu.sucheinstellungen .sucheinstellungen-content .editor-field .separator {
    background-color: var(--color-secondary);
	color: var(--color-font);
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
	padding: 5px;
	border: 1px solid #E2E2E2;
}


.menu.sucheinstellungen .sucheinstellungen-content .container {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    background: #ffffff;
    border-radius: 0;
    border: 1px solid #E2E2E2;
    margin-bottom: 20px;
	margin-top: -2px;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	border-right: 1px solid #c1b7b7;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .container-name span,
.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator)

{
padding: 5px;
}



.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) {
    display: flex;
    margin-bottom: 5px;
    line-height: 14px;
    align-items: center;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) label {
    margin-right: 10px;
    font-weight: 700;
    color: #5B5B5B;
	    flex: 0 1 50%;
		font-size: 11px;

}
.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow.searchtreeselect label:not(.switch) {
 align-self: start;
 flex: 0 1 80px;
}
.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow.tagglelist label {
 align-self: start;
 padding-top: 5px;
}
.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow.tagglelist .editor-field {
 margin-top: -3px;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) label.switch {
   margin-right: 0;
   flex: 0 0 40px;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) .editor-field {
    flex: 1 1 90%;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow.searchtreeselect .search-treeselect {
 margin-top: 10px;
}



.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) input[type="text"] {
    width: 130px;
    margin-bottom: 5px;
    border-right: 1px solid #9e9e9e;
	height: 20px;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow input.taggle_input.ui-autocomplete-input {
    width: 130px !important;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) .datepicker input {
    font-size: 12px !important;
	}


.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) .datepicker .pickericons {
    position: absolute;
    right: 5px;
    cursor: pointer;
	color: var(--color-primary);
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow.searchdate .addicon.simpleselect {
	margin-right: 0;
	border-bottom: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
}


.articlesearch .suchoptionen.detailsuche .btn.small {
margin-right: 10px;}


@media (max-width: 550px) {
.modulelistwrapper .searchform .suchoptionen.detailsuche .search.active {
flex-wrap: wrap;}
}


.articlesearch .parameter-elements .parameter-container {
display: grid;
grid-template-columns: minmax(110px, auto) auto auto;
grid-auto-flow: column;
justify-content: start;
line-height: 25px;
}

.articlesearch .ressort-elements-container  {
	display: grid;
	grid-template-columns: 110px minmax(0, auto);
	padding-bottom: 5px;
}


.articlesearch .ressort-elements-container label {
font-weight: bold;
align-self: start;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
}

.articlesearch .ressort-elements .parameter-container {
display: inline-flex;
justify-content: space-between;
margin: 0 15px 0 0;
}

.articlesearch .parameter-elements {
margin-bottom: 20px;}


.articlesearch .ressort-elements {
  display: flex;
  flex-wrap: wrap;
  line-height: 16px;
}
@media screen and (min-width: 551px) {
.articlesearch .suchoptionen.detailsuche {
	height: 65px;
}
.articlesearch .detailsuche .sorting-options {
	margin-right: 50px;
	max-width: 30%;
}
.articlesearch .detailsuche .search-name {
	max-width: 30%;
}
}

.articlesearch .detailsuche .edit-search .material-icons,
.articlesearch .detailsuche .new-search .material-icons {
  width: 25px;
  height: 25px;
  background: var(--color-primary);
  color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
  cursor: pointer;
  transition: all ease 0.5s;
  margin-left: 10px;
}

.articlesearch .detailsuche .edit-search:hover .material-icons,
.articlesearch .detailsuche .new-search:hover .material-icons {
  width: 30px;
  height: 30px;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);
  transition: all ease 0.5s;
}


@media screen and (max-width: 550px){


.articlesearch .detailsuche .edit-search .material-icons,
.articlesearch .detailsuche .new-search .material-icons {
  width: 35px;
  height: 35px;
  max-width: 35px !important;
  max-height: 35px !important;
  margin: 10px;
  font-size: 30px;
  line-height: 30px;
  text-align: center;
}

.articlesearch .detailsuche .edit-search:hover .material-icons,
.articlesearch .detailsuche .new-search:hover .material-icons {
  width: 40px;
  height: 40px;
  max-width: 40px !important;
  max-height: 40px !important;
  box-shadow: 0 3px 3px 0 rgb(0 0 0 / 14%), 0 1px 7px 0 rgb(0 0 0 / 12%), 0 3px 1px -1px rgb(0 0 0 / 20%);
  transition: all ease 0.5s;
}

.menu.sucheinstellungen .sucheinstellungen-content .container .editor-fieldrow:not(.separator) input[type="text"] {width: 100%;}

.modaldialog-container.application-dialog.detailsearch.visible	{
	width: 100vw;
	height: 100vw;
	position: fixed;
	top: 20px;
	right: 250px;
	z-index: 9999999999999;
}

}



/* Modaldialog Quicksearch */

.modaldialog-container.detailsearch .quickselect-list .quickselect-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--color-primary);
	margin-bottom: 10px;
	display: none;

}

.modaldialog-container.detailsearch .quickselect-elements {
    display: inline-flex;
    flex-wrap: wrap;
    max-width: 320px;
    margin-bottom: 20px;
    gap: 10px;
}
.modaldialog-container.detailsearch .card-text {
	padding: 15px;
}
.modaldialog-container.detailsearch .card-text .suchname label {
	margin-right: 10px;
}
.modaldialog-container.detailsearch .card-text .switch label {
	margin-left: 10px;
}

.modaldialog .card-action a.apply:before {
	content: "check";
}
.modaldialog .card-action a.delete:before {
	content: "delete";
}
.modaldialog .card-action a.save:before {
	content: "save";
}


/* Anpassung Verhalten Scrollbar für innere Sidebar */
@media screen and (min-width: 551px) {
.contentcontainer.list .sidebar-2:not(.collapsed).detailsearch .sticky-content {
	 scrollbar-gutter: stable;
}
}

.modulecontainer .modulelist.epaper_edition .item.mainEdition {
    background-color: var(--color-alternative);
}

/* KI-Editoren */
.dialogmessage {
    background: var(--color-grey);
    display: block;
    border: 1px solid var(--color-grey);
}
.dialogmessage.aimessage {
    background: var(--color-grey);
	margin-bottom: 5px;
}
.dialogheader {
    background: var(--color-secondary);
	color: #000;
    padding: 5px 10px;
    font-size: 14px;
	font-weight: 600;
}
.aimessage .dialogheader {
    background: var(--color-primary);
	color: #fff;
}
.dialogitems .ai-message-field {
	padding: 0 10px;
	color: #000;
}
.dialogitems .ai-message-field p {
	margin: 10px 0;
}
.dialogcatcher {
    height: 90px;
	position: absolute;
	bottom: 10px;left: 50%;
	transform: translate(-50%);
	background: transparent;
	border:0;
}
.dialogcatcher > .mylistloader {
    position: relative;
}
.detail.ai_dialog .suggestion {
    padding: 10px 10px 10px 0;
    display: block;
    margin: 2px;
	display: grid;
	grid-template-columns: 120px minmax(0, 1fr);
	gap: 20px;
	align-items: start;
}
.detail.ai_dialog .suggestion.applied .suggest-item {
    background: var(--color-secondary); opacity: 0.6;
 }
 .detail.ai_dialog .suggestion .keyword-item {
	 display: flex;
	 align-items: center;
	 padding: 5px 0;
 }
 .detail.ai_dialog .suggestion.applied .keyword-item {
	 opacity: 0.7;
 }

 .detail.ai_dialog .suggestion .suggest-item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: start;
	gap: 5px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    line-height: 22px;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 5px;
    margin-right: 5px;
	outline: 1px solid #E2E2E2;
}
.detail.ai_dialog .suggestion .keyword-item .material-icons {
	font-size: 18px;font-weight: bold;
}
.detail.ai_dialog .suggestion.applied .keyword-item .material-icons {
	color: var(--color-font);
	cursor: initial;
}

.detail.ai_dialog textarea {
	min-height: 100px;
}
.detail.ai_dialog .detailcontainermenu > div:EMPTY:after {
	content:'KI-Dialog';
	position: absolute;
	margin-left: 20px;
    font-weight: 600;
    color: #000;
    top: 20px;
}
.detail.ai_dialog .editor-fieldrow.dialogname,
.detail.ai_dialog .editor-fieldrow.ki-name {
	display: grid;
	grid-template-columns: 50px minmax(0, 1fr);
	line-height: 20px;
	margin-bottom: 10px;
}
.detail.ai_dialog .editor-fieldrow.ki-name {
	grid-template-columns: 100px max-content;

}
.js-single .detail.ai_dialog .editor-field {
	max-width: 750px;

}

.sidebar-container .ai_actionlist li.ai-action-item {
	padding: 3px;
	margin: 0 0 0 15px;
	position: relative;
}

.sidebar-container .ai_actionlist li.ai-action-item:before {
	content:'';
	position: absolute;
	left: -15px;
	top: 5px;
	width: 10px;
	height: 10px;
	background: var(--color-primary);
	clip-path: polygon(50% 0%, 61% 35%, 100% 47%, 63% 59%, 49% 100%, 47% 72%, 49% 100%, 37% 59%, 0 46%, 39% 35%);
}

.ai_dialog .markdown-answer h1 {
   font-size: 2.5rem;
   line-height: 110%;
   margin: 1rem 0;
}

.ai_dialog .markdown-answer h2 {
  font-size: 2.0rem;
  line-height: 110%;
  margin: 1rem 0;
}

.ai_dialog .markdown-answer h3 {
  font-size: 1.5rem;
  line-height: 110%;
  margin: 0.85rem 0;
}

.ai_dialog .markdown-answer h4 {
   font-size: 1.25rem;
   line-height: 110%;
   margin: 0.5rem 0;
}

.ai_dialog .markdown-answer h5 {
  font-size: 1.2rem;
  line-height: 110%;
  margin: 0.5rem 0;

}

.ai_dialog .markdown-answer h6 {
  font-size: 1rem;
  line-height: 110%;
  margin: 0.5rem 0 0.4rem 0;

}

.ai_dialog .markdown-answer strong,
.ai_dialog .markdown-answer bold {
	font-weight: 600;
}

.ai_dialog .markdown-answer ul:not(.browser-default) li,
.ai_dialog .markdown-answer ol:not(.browser-default) li {
	list-style-type: initial;
}

.ai_dialog .markdown-answer ul:not(.browser-default),
.ai_dialog .markdown-answer ol:not(.browser-default) {
	padding-left: 15px;
}
.ai_dialog .markdown-answer hr {
  border-top: 1px dashed var(--color-primary);
}



/* Epaper Interstitial Upload */

.interstitial-upload-item .item-inner {
display: grid;
grid-template-columns: 250px 1fr 150px;
column-gap: 30px;
padding: 10px;
border: 1px solid var(--color-font);
background: var(--color-grey);
margin-top: 10px;
border-radius: 4px;
}
.interstitial-upload-item .item-inner .editor-fieldrow.input.required  {
grid-column: 1 / -1;
}

.interstitial-upload-item .item-inner input[type="text"].dual-input {
padding: 5px 10px;}

.interstitial-upload-item .item-inner .dualinput {
margin-bottom: 0;
}
.interstitial-upload-item .item-inner .dualinput span {
font-weight: bold;
}
.interstitial-bonding-item .item-inner {

padding: 10px;
border: 1px solid var(--color-font);
background: var(--color-grey);
margin-top: 10px;
border-radius: 4px;
}

.interstitial-bonding-item .editor-field .rulecontainer {
border: 0;
}

.interstitial-bonding-item .editor-field .rulecontainer {
border: 0;
}

.interstitial-bonding-item .editor-field ul.items.multielementselect {
border: 0;
background: #fff;
font-weight: 600;
text-transform: uppercase;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.interstitial-bonding-item .editor-field ul.items.multielementselect:has(li) {
border: 1px solid #E2E2E2;
padding: 5px 0;}

/**
 * Mediagalerie Upload
 *
 */
.datafield.galleryEditor .material-icons {
    color: var(--color-primary);
    font-size: 20px;
    cursor: pointer;
    margin-left: 15px;
}

.datafield.galleryEditor {
    display: flex;
    align-items: center;
}


/* Neue Mediagalerien */

.subcontent.mediagallery .detailcontainer .field-error > span {
    display: block;
    margin: 10px 0;
    background-color: var(--color-alternative);
    color: red;
    padding: 10px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    font-size: 16px;
    display: flex;
}

.subcontent.mediagallery .detailcontainer .field-error > span:before {
    content: "info";
    color: red;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    text-rendering: optimizeLegibility;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    margin-right: 5px;
    height: 22px;
}

.mediagallery-grid .fallback {height: 102px; max-width: 100%; display: flex; justify-content: center; align-items: center; background: #fff; border: 1px solid black;}
.mediagallery-grid .fallback .material-icons {font-size: 60px; color: var(--color-primary);}

.modulelist.js-list-displaymode-tableview .mediagallery-grid {
	display: grid;
	column-gap: 20px;
	padding: 10px 10px 10px 0;
	;
	grid-template-columns: 150px minmax(0, 1fr);
	grid-template-rows: max-content max-content minmax(0, 1fr);
	grid-template-areas: "mediagallery-image mediagallery-title"
    "mediagallery-image mediagallery-authors"
		"mediagallery-image mediagallery-text";
}

.mediagallery-grid .mediagallery-grid-title {
	grid-area: mediagallery-title;
	font-size: 18px;
	font-weight: 400;
	display: block;
	font-family: 'Lato', sans-serif;
	line-height: normal;
	word-break: break-word;
	cursor: pointer;
    margin-bottom: 2px;
}
.mediagallery-grid .mediagallery-grid-authors {
	grid-area: mediagallery-authors;
    margin-bottom: 5px;
    opacity: 0.8;
}

.mediagallery-grid .mediagallery-grid-image {
	grid-area: mediagallery-image;
	cursor: pointer;
}

.mediagallery-grid .mediagallery-grid-text {
	grid-area: mediagallery-text;
	align-self: start;
}


@media (max-width: 550px) {
	.modulelist.js-list-displaymode-tableview .mediagallery-grid {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: "mediagallery-title" "mediagallery-authors" "mediagallery-text";
	}

	.mediagallery-grid .mediagallery-grid-image {
		display: none;
	}
}

.modulelist.mediagallery_entry {
	grid-column: 1 / -1;
	padding: 0 10px;
	overflow-y: scroll;
}

.subcontent.mediagallery_entry .detailcontainer .element-picture {
    width: max-content;

}


.subcontent.mediagallery_entry .detailcontainer .element-picture .simpleselect-section.change .material-icons {
    font-size: 20px;
}

.modulelist.js-list-displaymode-tableview.mediagallery .items > div > span {
vertical-align: top !important;}

.modulelist.js-list-displaymode-tableview.mediagallery .info-grid {
padding-top: 2px;
display: flex;
flex-direction: column;
line-height: 20px;}

.modulelist.js-list-displaymode-tableview.mediagallery .info-grid .fa.fa-circle {
font-size: 12px;
}