/* Grid System und Grundgeruest */
 .wrapper {
     display: grid;
    /* Header and footer span the entire width, sidebars and content are fixed, with empty space on sides */
     grid-template-areas: "header header header" "content content content" "footer footer footer";
     grid-template-columns: minmax(35px, auto) 1fr minmax(100px, auto);
    /* Force grid to be at least the height of the screen */
     grid-column-gap: 0px;
}
.backend.trimmed.wrapper {display: block;}
 .header {
     grid-area: header;
    /* Stick header to top of grid */
     position: -webkit-sticky;
     position: sticky;
     top: 0;
    /* Ensure header appears on top of content/sidebars */
     z-index: 1;
    /* General appearance */
     color: #fff;
     background-color: var(--color-primary);
     font-size: 1rem;
     line-height: 1.5;
     padding: 1rem 1rem 0 1rem;
    /* Flex me */
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
	 justify-content: space-between;
	 white-space: nowrap;
}
/* Darstellung altes Frameset */
 .header.frameset {height: 50px; width: 100vw; margin-bottom: 20px; justify-content: space-between;}
 .header.frameset .dropdownLink a {color: #fff;}
 .header.frameset .dropdownLink  {display: flex; margin-top: -15px;}
 .header.frameset .user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
}
.header.frameset .user .material-icons {margin-right: 5px;}


/* Save header height to properly set `padding-top` and `margin-top` for sticky content */
 :root {
     --header-height: calc(1rem * 1.5 + 1rem * 2);
}
 .header .logo {
     width: 150px;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 150px;
     flex: 0 0 150px;
     font-family: 'Lato', 'Open Sans', Helvetica, sans-serif;
     font-weight: 400;
     font-size: 30px;
     letter-spacing: -1.5px;
     line-height: 1.5rem;
	 background-image: url("/storage/sym/logo_fcms.svg");
     background-repeat: no-repeat;
     background-size: contain;
     margin-right: 40px;
     color: transparent;
	 height: 25px;
}
 .headerright {
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     align-items: center;
     height: 26px;
	 white-space: nowrap;
	 /* overflow: hidden; */
}

.headerleft {
     color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;


}
 .headerright a {
     color: #fff;
}
 .headerright .user {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-right: 15px;
	 flex-wrap: nowrap;
}
  .headerright .user .material-icons {
	 margin-right: 5px;
	 font-size: 20px;
}
  .headerright .browserwarning-container {
     padding-right: 20px;
}
   .headerright .browserwarning-container .menu-entry {
     background-color: var(--color-browserwarning);
     margin-right: 10px;
     border-radius: 2px;
     padding: 0 5px;
}
  .headerright .browserwarning-container .menu-entry .user {
     margin-right: 4px;
}
  .headerright .browserwarning-container a {
     color: #000;
}
 .header .headermenu {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}
 .sidebar-1, .sidebar-2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     position: -webkit-sticky;
     position: sticky;
     top: calc(var(--header-height) - 20px);
}
 .sidebar-1 {
     grid-area: sidebar_1;
     top: calc(var(--header-height) + 0px);
     height: calc(100vh - var(--footer-height) - var(--header-height));
     overflow: hidden;
}
 .sidebar-2 {
     grid-area: sidebar_2;
     height: calc(100vh - var(--footer-height) - var(--header-height) - 20px);
     top: 0;
}
 .sidebar-2 .sticky-content, .sidebar-1 .sticky-content {
     top: 0;
     margin-top: 0;
     overflow: hidden;
     overflow-y: auto;
}
 .sidebar-1 .sidebar.menu {
     background-color: var(--color-alternative);
	 overflow: hidden;
	 height: calc(100vh - var(--footer-height) - var(--header-height) - 20px);
}
/* Anpassung frameset */
  form .sidebar-1 .sidebar.menu, form .sidebar-1 {height: 100vh;}

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

}
 .sidebar-2 .sidebar.menu {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 220px;
     flex: 1 1 220px;
     width: 220px;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     margin-top: 0;
     background-color: var(--color-secondary);
}
 .sidebar-2 .changeressort:not(.detail) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}
 .subcontent {
     grid-area: subcontent;
     /* overflow-y: scroll;
     overflow-x: hidden;
     min-width: 70%;
     */
	 position: relative;
}
 .content {
     grid-area: content;
    /* General appearance */
     background-color: transparent;
}
 .contentcontainer {
     display: grid;
     grid-template-columns: minmax(35px, auto) 1fr;
     grid-template-rows: 1fr;
     grid-template-areas: "sidebar_2 subcontent";
     grid-column-gap: 4px;
     overflow: hidden;
}
  .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;
}
  .contentcontainer.list.notree {
    grid-template-areas:
      "navbar navbar"
      "inlinedialog inlinedialog"
      "subcontent subcontent";
    grid-template-columns: 1fr;
  }
 .content .sticky-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row;
     flex-flow: row;
}
 .content .sticky-content .contentcontainer {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 50%;
     flex: 1 0 50%;
	 border: 1px solid #c1b7b7;
	 border-bottom: 0;
	 border-radius: 4px 4px 0 0;
}
 .content .sticky-container .contentcontainer .carousel.carousel-slider .carousel-item {
     width: 50%;
}
 @media all and (max-width: 1800px) {
     .content .sticky-content .contentcontainer {
         -webkit-box-flex: 1;
         -ms-flex: 1 0 100%;
         flex: 1 0 100%;
    }
}
 .footer {
     grid-area: footer;
    /* General appearance */
     background-color: var(--color-primary);
     color: #fff;
     text-align: center;
     font-size: 1rem;
     line-height: 1.5;
     padding: 1rem;
     height: calc(1rem * 1.5 + 1rem * 2);
}
/* Save footer height to properly set `bottom` and `min-height` for sticky content */
 :root {
     --footer-height: calc(1rem * 1.5 + 1rem * 2);
}
 .sticky-spacer {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
}
 .sticky-content {
     position: -webkit-sticky;
     position: sticky;
     bottom: var(--footer-height);
    /* min-height: calc(100vh - var(--footer-height));
     */
     min-height: calc(100vh - var(--footer-height) - 50px);
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     --padding: 10px;
    /* margin-top: calc(0px - var(--header-height));
     */
     z-index: 2;
}
.trimmed .sticky-content {
     height: 100vh;
	 border-bottom: 1px solid #c1b7b7;
}
/* Geruest Content */
/* Geruest Artikelliste */
 .modulelistwrapper {
     display: grid;
     grid-template-areas: "navbar" "searchform" "progressbar" "modulecontainer";
     grid-template-columns: 1fr;
     grid-template-rows: 60px auto 60px 60px 1fr;
     width: 100%;
}
.contentcontainer.list .modulelistwrapper {
    display: grid;
    grid-template-areas: "searchform" "taskbar" "source" "modulecontainer";
    grid-template-columns: 1fr;
    grid-template-rows: minmax(60px, auto) auto 1fr;
}
.contentcontainer.list .subcontent.large .modulelistwrapper {
    display: inline-grid;
}
.modulelistwrapper .taskbar {
	grid-area: taskbar; margin-left: 10px;
}
.modulelistwrapper .source {
	grid-area: source;
}
 .modulelistwrapper .navbar {
     grid-area: navbar;
}
.modulelistwrapper .searchform {
     grid-area: searchform;
}
.modulelistwrapper .licenseinfo {
    grid-area: licenseinfo;
    background: var(--color-secondary);
}
.modulelistwrapper .searchform.doublerow  {
     display: grid;
	 grid-template-areas: "modulename mainsearch" "modulename daterange";
	 grid-template-columns: minmax(10px, auto) 1fr;
	 grid-template-rows: 60px auto;
}

.modulelistwrapper .searchform.doublerow .modulename {
     height: 60px; grid-area: modulename; align-self: start;
}

.modulelistwrapper .searchform.doublerow .mainsearch {
     grid-area: mainsearch;
}
.modulelistwrapper .searchform.doublerow .daterange {
     grid-area: daterange; height: 60px;
	 webkit-transition: height 0.5s ease;
     -o-transition: height 0.5s ease;
     transition: height 0.5s ease;
	 margin-top: -10px;
}
.modulelistwrapper .searchform.doublerow .daterange.collapsed {
     height: 0; overflow: hidden;
	 webkit-transition: height 0.5s ease;
     -o-transition: height 0.5s ease;
     transition: height 0.5s ease;
}
 .modulelistwrapper .breadcrumbnavi {
     grid-area: breadcrumb;
}
 .modulelistwrapper .modulecontainer {
     grid-area: modulecontainer;
	 overflow: hidden;
     height: calc(100vh - 200px);
}
.contentcontainer.list .navbar {
     grid-area: navbar;
}
.contentcontainer.list .searchform {
     grid-area: searchform;
}
 .contentcontainer.list .breadcrumbnavi {
     grid-area: breadcrumb;
}
 .contentcontainer.list .modulecontainer {
     grid-area: modulecontainer;
	 overflow: hidden;
     height: calc(100vh - 200px);
}
 .modulecontainer {
     background: #ffffff;
     border-radius: 0;
     border: 1px solid #E2E2E2;
     border: none;
     color: #5b5b5b;
     min-height: 30px;
     position: relative;
     padding-bottom: 40px;
}
 .modulecontainer {
     display: grid;
     grid-template-columns: 20px 1fr 20px;
}
 .modulecontainer.noticelist {display: block;}
 .modulebar {
     grid-area: modulebar;
}
 .modulelist {
     grid-column: 2 / 3;
}
 .modulelist.article,
 .modulelist.picture,
 .modulelist.streamset,
 .modulelist.animation,
.modulelist.contentlist_entry
 .modulelist.scoredpaywall_paywalllog{
     grid-column: 1 / -1;
     padding: 0 10px;
	 overflow-y: scroll;
}
 .modulelist.contentlist_entry .items:not(.notice) > div,
 .modulelist.scoredpaywall_paywalllog .items:not(.notice) > div,
 .modulelist.article .items:not(.notice) > div {
     grid-column: 2 / 3;
     background: var(--color-grey);
     padding: 10px;
     display: grid;
     grid-template-areas: "article__checkbox article__additionals article__inner article__edit"
	                     "article-number-count article__additionals article__inner article__edit" ;
	grid-template-columns: 25px 115px 1fr 25px;
	background: #ffffff;
     -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
	margin: 5px 0;
	padding: 2px 5px;
     grid-gap: 0;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
}
.modulelist.article .items:not(.notice) > div:first-child {
     padding-top: 5px;
}
.modulelist.article .prio i.imp {
	color: blue;
}
.modulelist.article .prio i.imp.one {
	color: red;
}
.modulelist.article .prio i.imp.two {
	color: orange;
}
.modulelist.article .items div.article.boosted {
	background-color: var(--color-boosting);
}
.modulelist.contentlist_entry .items div.article.alwaysontop {
	background-color: var(--color-boosting);
}
.modulelist.article .items div.article.insubtree .article__checkbox,
.modulelist.article .items div.article.insubtree .article__uebernehmen
 {
	display: flex; flex-direction: column; height: 100%;
	grid-row-start: 1;
    grid-row-end: 3;
    z-index:999;
}
.modulelist.article .items div.article.insubtree .article__checkbox .ressortindicator,
.modulelist.article .items div.article.insubtree .article__uebernehmen .ressortindicator {
	background: var(--color-secondary); height: 100%; border-radius: 2px; margin-top: 30px; width: 19px; margin-left: 1px;
}
.modulelist.article .items div.article.insubtree.boosted .article__checkbox .ressortindicator,
.modulelist.article .items div.article.insubtree.boosted .article__uebernehmen .ressortindicator {
	background: #ffe0b2;
}
.modulelist.article .items div.article.insubtree .article__uebernehmen .material-icons {
	font-size: 20px; margin-top: -5px; height: 20px;
}

 .article__inner {
     grid-area: article__inner;
     position: relative;
     padding: 5px;
	 min-height: 85px;
     display: grid;
     grid-template-columns: auto 1fr;
     grid-template-areas:
        "article-image article-details"
        "article-image additional-infos";

}
 .subcontent.small .article__inner {
     grid-template-columns: auto 1fr;
     grid-template-areas: "article-image article-details" "additional-infos additional-infos";
     margin-bottom: 0;
     padding-bottom: 0;
}
 .article__inner .article__image {
     grid-area: article-image;
	 min-height: 100px;
	 margin-right: 20px;
}
.subcontent.small .article__inner .article__image {
	min-height: 60px;
}
 .article__inner .additionalinfos {
     grid-area: additional-infos;
	 align-self: end;
}
 .article__inner .article__details {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     grid-area: article-details;
}
 .article__checkbox,
 .article__uebernehmen {
     grid-area: article__checkbox;
     position: relative;
	 padding: 2px;
}
 .article__additionals {
     grid-area: article__additionals;
     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: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .article__additionals .icons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     cursor: default;
     -webkit-box-flex: 1;
     -ms-flex: 1 0 auto;
     flex: 1 0 auto;
     align-items: center;
     /* margin-top: 10px; */
     height: auto;
     width: 80px;
     color: #000;
     opacity: 0.5;
}
 .article__additionals .icons i {
     padding-right: 6px; line-height: 20px;
}
.article__additionals .icons.noticeCount {opacity: 1; margin-top: 0;}

.article__additionals i.noticeCount {
    color: var(--color-primary); opacity: 1; cursor: default;
}
 .article__additionals .artid {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 80px;
     display: flex;
     align-items: center;
	 cursor: default;
}
 .article__additonals .zeitplan, .article__additonals .prio {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     width: 80px;
     margin-bottom: 5px;
}
 .article__additionals .typ {
     margin: 10px 0 0 0;
     display: flex;
     align-items: center;
}
 .article__edit {
     grid-area: article__edit;
}
/* Geruest Defaultliste */
 /* .modulelist.template {
     grid-column: 1 / -1;
} */

/*
 .modulelist.template .items > div {
     grid-column: 1 / -1;
     background: var(--color-grey);
     padding: 10px;
     display: grid;
     grid-template-areas: "default__checkbox default__additionals default__inner default__edit";
     grid-template-columns: 25px minmax(20px, auto) 1fr 20px;
     grid-gap: 10px;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
} */
 .modulelist.template .items > div:nth-child(even) {
     background-color: white;
}
 .default__inner {
     grid-area: default__inner;
     position: relative;
}
 .default__inner .ueberschrift {
     font-weight: 700;
     display: flex;
     justify-content: space-between;
}
 .default__inner .ueberschrift .default {
     font-weight: normal;
     color: var(--color-primary);

}
 .default__inner .ueberschrift .default i {
     font-size: 12px;
     cursor: pointer;
}
.default__inner .ueberschrift .small.default i {
     cursor: default;
}
 .default__checkbox {
     grid-area: default__checkbox;
     position: relative;
}
 .default__additionals {
     grid-area: default__additionals;
     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: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
}
 .default__edit {
     grid-area: default__edit;
}
 .default__edit i, .default__edit i:before {
     cursor: pointer;
	 color: var(--color-primary);
}