@charset "UTF-8";
/* CSS Document */





.iconset,
#link_renew,
#backup_nav{
	float: right;
	width: 38px;
	height: 38px;
	margin-right:8px;
	cursor: pointer;
}
.iconsetInline{
    float: inherit;
    display: inline-block;
	width: 30px;
	height: 30px;
	margin-right:2px;
    margin-left:0px;
	cursor: pointer;
    vertical-align: middle;
}
.icon_on_search_viewresfast{
    float: inherit;
    display: block;
	width: 30px;
	height: 30px;
	margin-right:2px;
    margin-left:3px;
	cursor: pointer;
    vertical-align: middle;
}


.iconsetpopup{
    z-index:9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    position: absolute;
    top:-3px;
    right:-10px;
}


.iconset::before,
#link_renew::before,
#backup_nav::before,
#userinfo::before {
    background-color: var(--color-trenner-rahmen-50);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    mask-image: url('/src/img/svg/database-arrow-down.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-image: url('/src/img/svg/database-arrow-down.svg');
}
#userinfo::before {
    mask-image: url('/src/img/svg/information-variant-circle-outline.svg');
    -webkit-mask-image: url('/src/img/svg/information-variant-circle-outline.svg');
}

#link_renew::before{
    mask-image: url('/src/img/svg/autorenew.svg');
    -webkit-mask-image: url('/src/img/svg/autorenew.svg');
}

.iconset:hover::before,
#link_renew:hover::before,
#backup_nav:hover::before,
#userinfo:hover::before{
	background-color: var(--color-text-default);
}



.iconset.qr::before {
    mask-image: url('/src/img/svg/qrcode.svg');
    -webkit-mask-image: url('/src/img/svg/qrcode.svg');
}
.iconset.qr:hover::before{
	background-color: var(--color-immergruen);
}





.iconset.showindex::before {
    mask-image: url('/src/img/svg/eye.svg');
    -webkit-mask-image: url('/src/img/svg/eye.svg');
    background-color: var(--color-immergruen);
}
.iconset.showindex.off::before {
    mask-image: url('/src/img/svg/eye-off-outline.svg');
    -webkit-mask-image: url('/src/img/svg/eye-off-outline.svg');
    background-color: var(--color-immerrot);
}
.iconset.showindex:hover::before{
	background-color: var(--color-immergruen);
}










.iconset.share::before {
    mask-image: url('/src/img/svg/share-variant.svg');
    -webkit-mask-image: url('/src/img/svg/share-variant.svg');
}
.iconset.share:hover::before{
	background-color: var(--color-immerrot);
}

.iconset.safe::before {
    mask-image: url('/src/img/svg/content-save.svg');
    -webkit-mask-image: url('/src/img/svg/content-save.svg');
}
.iconset.safe:hover::before{
	background-color: var(--color-immerrot-hover);
}

.iconset.gotolinkicon::before {
    mask-image: url('/src/img/svg/share.svg');
    -webkit-mask-image: url('/src/img/svg/share.svg');
}
.iconset.gotolinkicon:hover::before{
	background-color: var(--color-immerrot-hover);
}

.iconset.copylinkicon::before {
    mask-image: url('/src/img/svg/clipboard-plus-outline.svg');
    -webkit-mask-image: url('/src/img/svg/clipboard-plus-outline.svg');
}
.iconset.copylinkicon:hover::before{
	background-color: var(--color-immerrot-hover);
}


.iconset.trash::before {
    mask-image: url('/src/img/svg/trash-can-outline.svg');
    -webkit-mask-image: url('/src/img/svg/trash-can-outline.svg');
}
.iconset.trash:hover::before{
	background-color: var(--color-immerrot-hover);
}


.iconset.load::before {
    mask-image: url('/src/img/svg/progress-upload.svg');
    -webkit-mask-image: url('/src/img/svg/progress-upload.svg');
}
.iconset.load:hover::before{
	background-color: var(--color-immerorange);
}

.iconset.download::before {
    mask-image: url('/src/img/svg/file-download.svg');
    -webkit-mask-image: url('/src/img/svg/file-download.svg');
}
.iconset.upload::before {
    mask-image: url('/src/img/svg/file-upload.svg');
    -webkit-mask-image: url('/src/img/svg/file-upload.svg');
}

.iconset.eye::before {
    mask-image: url('/src/img/svg/eye-arrow-right.svg');
    -webkit-mask-image: url('/src/img/svg/eye-arrow-right.svg');
}
.iconset.eye:hover::before{
	background-color: var(--color-immerrot-hover);
}




.iconset.close::before {
    mask-image: url('/src/img/svg/close-circle-outline.svg');
    -webkit-mask-image: url('/src/img/svg/close-circle-outline.svg');
}
.iconset.close:hover::before{
	mask-image: url('/src/img/svg/close-circle.svg');
    -webkit-mask-image: url('/src/img/svg/close-circle.svg');
}










.iconset.green:hover::before{
	background-color: var(--color-immergruen);
}














.headicon{
	float: right;
    z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	width:40px;
	height:37px;
	cursor: pointer;
    line-height:35px;
	text-align:center;
}
.headicon::before {
    background-color: var(--color-trenner-rahmen-50);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    mask-image: url('/src/img/svg/filter.svg');
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-image: url('/src/img/svg/filter.svg');
}
.headicon.filled::before {
    mask-image: url('/src/img/svg/filter-plus.svg');
    -webkit-mask-image: url('/src/img/svg/filter-plus.svg');
    background-color: var(--color-immerrot-hover);
}

#displayviews{
    float:right;
    z-index:99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
    background-color: var(--color-hauptfarbe);
}
#viewdisplay{
	cursor: pointer;
	float:right;
	background-color: var(--color-hauptfarbe);
	width:40px;
	height:37px;
	line-height:35px;
	text-align:center;
}
#viewdisplay::before {
    background-color: var(--color-trenner-rahmen-50);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


.admin_viewdisplayklein,
.admin_viewdisplay{
	cursor: pointer;
	float:right;
	
	width:40px!important;
	height:43px;
	line-height:35px;
	text-align:center;
}
.admin_viewdisplayklein{
    display: inline-block;
    float:inherit;
    padding:0;
    margin: 0;
    width:35px;
	height:30px;
    line-height:30px;
}
.admin_viewdisplayklein::before,
.admin_viewdisplay::before {
    background-color: var(--color-trenner-rahmen-50);
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}


.admin_viewdisplay.popup::before,
#viewdisplay.popup::before{
    mask-image: url('/src/img/svg/dock-window.svg');
    -webkit-mask-image: url('/src/img/svg/dock-window.svg');
}
.admin_viewdisplay.popup:hover::before,
#viewdisplay.popup:hover::before{
	background-color: var(--color-immergruen);
}







.admin_viewdisplay.cover::before,
#viewdisplay.cover::before {
    mask-image: url('/src/img/svg/view-comfy.svg');
    -webkit-mask-image: url('/src/img/svg/view-comfy.svg');
}
.admin_viewdisplay.cover:hover::before,
#viewdisplay.cover:hover::before{
	background-color: var(--color-immergruen);
}




.admin_viewdisplay.cover_simpel_new::before,
#viewdisplay.cover_simpel_new::before,

.admin_viewdisplay.cover_simpelnf::before,
#viewdisplay.cover_simpelnf::before,

.admin_viewdisplay.cover_simpel::before,
#viewdisplay.cover_simpel::before {
    mask-image: url('/src/img/svg/view-comfy.svg');
    -webkit-mask-image: url('/src/img/svg/view-comfy.svg');
}



.admin_viewdisplay.cover_simpel_new:hover::before,
#viewdisplay.cover_simpel_new:hover::before,

.admin_viewdisplay.cover_simpelnf:hover::before,
#viewdisplay.cover_simpelnf:hover::before,

.admin_viewdisplay.cover_simpel:hover::before,
#viewdisplay.cover_simpel:hover::before{
	background-color: var(--color-immergruen);
}








.admin_viewdisplay.cover_smal::before,
#viewdisplay.cover_smal::before {
    mask-image: url('/src/img/svg/view-comfy.svg');
    -webkit-mask-image: url('/src/img/svg/view-comfy.svg');
}
.admin_viewdisplay.cover_smal:hover::before,
#viewdisplay.cover_smal:hover::before{
	background-color: var(--color-immergruen);
}




.admin_viewdisplay.cover_old::before,
#viewdisplay.cover_old::before {
    mask-image: url('/src/img/svg/view-quilt-outline.svg');
    -webkit-mask-image: url('/src/img/svg/view-quilt-outline.svg');
}
.admin_viewdisplay.cover_old:hover::before,
#viewdisplay.cover_old:hover::before{
	background-color: var(--color-immergruen);
}



.admin_viewdisplay.cover_2::before,
#viewdisplay.cover_2::before {
    mask-image: url('/src/img/svg/view-comfy.svg');
    -webkit-mask-image: url('/src/img/svg/view-comfy.svg');
}
.admin_viewdisplay.cover_2:hover::before,
#viewdisplay.cover_2:hover::before{
	background-color: var(--color-immergruen);
}






.admin_viewdisplay.gallery::before,
#viewdisplay.gallery::before {
    mask-image: url('/src/img/svg/view-carousel.svg');
    -webkit-mask-image: url('/src/img/svg/view-carousel.svg');
}
.admin_viewdisplay.gallery:hover::before,
#viewdisplay.gallery:hover::before{
	background-color: var(--color-immergruen);
}



.admin_viewdisplay.masonry_withsnf::before,
#viewdisplay.masonry_withsnf::before,

.admin_viewdisplay.masonry_wsnf::before,
#viewdisplay.masonry_wsnf::before,

.admin_viewdisplay.masonry_adi::before,
#viewdisplay.masonry_adi::before,

.admin_viewdisplay.masonry_wswithf::before,
#viewdisplay.masonry_wswithf::before,

.admin_viewdisplay.masonry::before,
#viewdisplay.masonry::before {
    mask-image: url('/src/img/svg/view-dashboard-variant.svg');
    -webkit-mask-image: url('/src/img/svg/view-dashboard-variant.svg');
}






.admin_viewdisplay.masonry_wsnf:hover::before,
#viewdisplay.masonry_wsnf:hover::before,

.admin_viewdisplay.masonry_withsnf:hover::before,
#viewdisplay.masonry_withsnf:hover::before,

.admin_viewdisplay.masonry_adi:hover::before,
#viewdisplay.masonry_adi:hover::before,

.admin_viewdisplay.masonry_wswithf:hover::before,
#viewdisplay.masonry_wswithf:hover::before,

.admin_viewdisplay.masonry:hover::before,
#viewdisplay.masonry:hover::before{
	background-color: var(--color-immergruen);
}








.admin_viewdisplay.list_smal::before,
#viewdisplay.list_smal::before,

.admin_viewdisplay.list::before,
#viewdisplay.list::before {
    mask-image: url('/src/img/svg/view-list.svg');
    -webkit-mask-image: url('/src/img/svg/view-list.svg');
}

.admin_viewdisplay.list_smal:hover::before,
#viewdisplay.list_smal:hover::before,

.admin_viewdisplay.list:hover::before,
#viewdisplay.list:hover::before{
	background-color: var(--color-immergruen);
}





.admin_viewdisplay.text::before,
#viewdisplay.text::before {
    mask-image: url('/src/img/svg/view-headline.svg');
    -webkit-mask-image: url('/src/img/svg/view-headline.svg');
}
.admin_viewdisplay.text:hover::before,
#viewdisplay.text:hover::before{
	background-color: var(--color-immergruen);
}




.admin_viewdisplay.grid::before,
#viewdisplay.grid::before {
    mask-image: url('/src/img/svg/view-grid-compact.svg');
    -webkit-mask-image: url('/src/img/svg/view-grid-compact.svg');
}
.admin_viewdisplay.grid:hover::before,
#viewdisplay.grid:hover::before{
	background-color: var(--color-immergruen);
}



.admin_viewdisplay.benton::before,
#viewdisplay.benton::before {
    mask-image: url('/src/img/svg/newspaper-variant-outline.svg');
    -webkit-mask-image: url('/src/img/svg/newspaper-variant-outline.svg');
}
.admin_viewdisplay.benton:hover::before,
#viewdisplay.benton:hover::before{
	background-color: var(--color-immergruen);
}






.admin_viewdisplayklein.qr::before {
    mask-image: url('/src/img/svg/qrcode.svg');
    -webkit-mask-image: url('/src/img/svg/qrcode.svg');
}
.admin_viewdisplayklein.qr:hover::before{
	background-color: var(--color-immergruen);
}




.admin_viewdisplayklein.share::before {
    mask-image: url('/src/img/svg/share-variant.svg');
    -webkit-mask-image: url('/src/img/svg/share-variant.svg');
}
.admin_viewdisplayklein.share:hover::before{
	background-color: var(--color-immergruen);
}