@font-face {
  font-family: "Favorites";
  src: url("/static/font-icons/cmb/fonts/Favorites.eot");
  src: url("/static/font-icons/cmb/fonts/Favorites.eot?#iefix") format("embedded-opentype"),
       url("/static/font-icons/cmb/fonts/Favorites.woff2") format("woff2"),
       url("/static/font-icons/cmb/fonts/Favorites.woff") format("woff"),
       url("/static/font-icons/cmb/fonts/Favorites.ttf") format("truetype"),
       url("/static/font-icons/cmb/fonts/Favorites.svg#Favorites") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Favorites";
    src: url("/static/font-icons/cmb/fonts/Favorites.svg#Favorites") format("svg");
  }
}
.cmb .icons8 {
    font-family: "Favorites" !important;
}

.cmb .icons8, [data-icons8]:before,
.cmb .icons8-anf-gen:before,
.cmb .icons8-arrow-button:before,
.cmb .icons8-arrow-pointing-upward:before,
.cmb .icons8-aufgabenliste:before,
.cmb .icons8-content:before,
.cmb .icons8-dienstleistungen:before,
.cmb .icons8-dokument:before,
.cmb .icons8-dokument-2:before,
.cmb .icons8-down-arrow:before,
.cmb .icons8-eingekreistes-rangabzeichen-rechts:before,
.cmb .icons8-group-task:before,
.cmb .icons8-hilfe:before,
.cmb .icons8-info:before,
.cmb .icons8-info-2:before,
.cmb .icons8-inhalt:before,
.cmb .icons8-kalender:before,
.cmb .icons8-multiline-text:before,
.cmb .icons8-negativ:before,
.cmb .icons8-neu:before,
.cmb .icons8-numbered-list:before,
.cmb .icons8-ordner--dokumente:before,
.cmb .icons8-ordner--dokumente-2:before,
.cmb .icons8-post:before,
.cmb .icons8-privat-2:before,
.cmb .icons8-right-pointing-arrow:before,
.cmb .icons8-right-pointing-arrow-2:before,
.cmb .icons8-seiten-bersicht-4:before,
.cmb .icons8-sign-out:before,
.cmb .icons8-sign-out-2:before,
.cmb .icons8-sign-up:before,
.cmb .icons8-sign-up-2:before,
.cmb .icons8-sign-up-3:before,
.cmb .icons8-sortieren-links:before,
.cmb .icons8-sortieren-rechts:before,
.cmb .icons8-star-filled:before,
.cmb .icons8-stern:before,
.cmb .icons8-suche:before,
.cmb .icons8-team:before,
.cmb .icons8-thema:before,
.cmb .icons8-updates-herunterladen:before,
.cmb .icons8-zu-favoriten-hinzuf-gen:before {
    display: inline-block;
    font-family: "Favorites";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 1;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
 
.cmb .icons8-anf-gen:before { content: "\f10e"; }
.cmb .icons8-arrow-button:before { content: "\f129"; }
.cmb .icons8-arrow-pointing-upward:before { content: "\f12a"; }
.cmb .icons8-aufgabenliste:before { content: "\f123"; }
.cmb .icons8-content:before { content: "\f12b"; }
.cmb .icons8-dienstleistungen:before { content: "\f106"; }
.cmb .icons8-dokument:before { content: "\f103"; }
.cmb .icons8-dokument-2:before { content: "\f109"; }
.cmb .icons8-down-arrow:before { content: "\f128"; }
.cmb .icons8-eingekreistes-rangabzeichen-rechts:before { content: "\f117"; }
.cmb .icons8-group-task:before { content: "\f120"; }
.cmb .icons8-hilfe:before { content: "\f105"; }
.cmb .icons8-info:before { content: "\f110"; }
.cmb .icons8-info-2:before { content: "\f111"; }
.cmb .icons8-inhalt:before { content: "\f104"; }
.cmb .icons8-kalender:before { content: "\f124"; }
.cmb .icons8-multiline-text:before { content: "\f12c"; }
.cmb .icons8-negativ:before { content: "\f125"; }
.cmb .icons8-neu:before { content: "\f10d"; }
.cmb .icons8-numbered-list:before { content: "\f11f"; }
.cmb .icons8-ordner--dokumente:before { content: "\f102"; }
.cmb .icons8-ordner--dokumente-2:before { content: "\f10a"; }
.cmb .icons8-post:before { content: "\f112"; }
.cmb .icons8-privat-2:before { content: "\f113"; }
.cmb .icons8-right-pointing-arrow:before { content: "\f134"; }
.cmb .icons8-right-pointing-arrow-2:before { content: "\f135"; }
.cmb .icons8-seiten-bersicht-4:before { content: "\f101"; }
.cmb .icons8-sign-out:before { content: "\f132"; }
.cmb .icons8-sign-out-2:before { content: "\f133"; }
.cmb .icons8-sign-up:before { content: "\f12e"; }
.cmb .icons8-sign-up-2:before { content: "\f12f"; }
.cmb .icons8-sign-up-3:before { content: "\f130"; }
.cmb .icons8-sortieren-links:before { content: "\f114"; }
.cmb .icons8-sortieren-rechts:before { content: "\f115"; }
.cmb .icons8-star-filled:before { content: "\f122"; }
.cmb .icons8-stern:before { content: "\f100"; }
.cmb .icons8-suche:before { content: "\f107"; }
.cmb .icons8-team:before { content: "\f121"; }
.cmb .icons8-thema:before { content: "\f10b"; }
.cmb .icons8-updates-herunterladen:before { content: "\f10f"; }
.cmb .icons8-zu-favoriten-hinzuf-gen:before { content: "\f10c"; }


.icons8 {
    padding-right:7px;
    font-size:28px;
    display: table-cell;
    vertical-align: middle;
    color:var(--link-color);
}
.icons8-and-text {
    font-size:18px;
    display: table-cell;
    vertical-align: middle;
    color:#000;
}
.active .icons8,
.active .icons8-and-text {
    color:#c22d4b
}
h1 {
    text-align:center;
}
.dateField {
    width:30% !important;
    float: left !important;   
}

.cmb-docview.dv-dokument #content {

    padding-bottom:0 !important;
}
/*======================================
    ARCHIVLISTE
======================================*/
#toolbar li:nth-child(1) a::before {
    font-family: "Favorites";
    content: "\f107";
}
/*======================================
    ARCHIVLISTE
======================================*/
table {
    width:100%;
    border-collapse: collapse;
    margin-bottom:25px;
}
table tr td {
    vertical-align: top;
}
table tr td.left,
table tr td.leftColumn{
    width:25%;
    padding:20px 0;
    vertical-align: top;
}
table tr td.right,
table tr td.rightColumn{
	width:75%;
    padding:20px 0;
    vertical-align: top;
}
table tr {
    border-bottom: 1px solid #848486;;
}
table .icon-wrapper {
	float:right;
	margin-left:15px;
}
table .icon-wrapper *{
	display:block;
	float:left;
}

table .icons8-numbered-list {
    font-size:25px !important;
}

.title-description,
.title-topics,
.title-title {
    margin-right:30px;
    font-size:16px;
}
.title-date,
.content-date {
    color:#848486;
    font-weight:bold;
    font-size:16px;
}
.title-title,
.content-title a,
.content-title > span {
    font-weight:bold;
    font-size:16px;
}
.title-description-wrapper,
.right .icon-wrapper,
.content-date {
    display:table;
}
.content-date span,
.content-title a {
    font-size:16px;
}
.content-date span,
.content-title a,
.content-title span,
.right .icon-wrapper a,
.right .icon-wrapper span{
    display:table-cell;
    vertical-align:middle;
    line-height: 28px;
}
.content-topics {
    display:none;
    padding:20px;
    position: absolute;
    top:30px;
    width: 280px;
    background:#fff;
    z-index: 100;
    border: 1px solid #848486;;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
.topic-close {
    cursor:pointer; 
    position:absolute;
    right:10px;
    top:5px;
}
.left .title-description-wrapper {
    position: relative;
}

.pagination-wrapper {
    display:none;
}

@media screen and (max-width: 768px) {
	table tr:first-child {
		display:none;
	} 
	table tr td.right,
	table tr td.left {
		width: 100%;
		float:left;
		display:block;
		padding:10px;
		box-sizing: border-box;
	}
	table tr td.right .icon-wrapper {
		display:none;
	}
	table tr td.left .icon-wrapper {
		display:block !important;
    }
	form div label {
		float: left;
		width: 30%;
	}

}
@media screen and (max-width: 640px) {
	form div label {
		float: left;
		width: 100%;
		margin-bottom:10px;
	}
	button, input[type="text"], 
	input[type="password"], 
	input[type="email"], 
	input[type="search"], 
	input[type="submit"],
	textarea, select {
		float:left !important;
		margin-left:0;
		width:100% !important;
	}
}