html.html {
	overflow:scroll;
	-ms-overflow-x:auto;
	overflow-x:auto;
	-ms-overflow-style:scrollbar;
	-ms-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
}

body {
	margin:0;
}

iframe{
	max-width:100% !important;
}

@keyframes overlay-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

a{
	color:#1C1C1C;
	text-decoration:none;
}
a:hover,
a:focus {
	color:#1C1C1C;
	/*color:#337ab7;*/
	text-decoration:none;
}

label:has(input[type="radio"]) {
	font-weight: normal;
}

label:has(input[type="radio"]:checked) {
	font-weight: 600;
	color:#3f82a9;
}

.icon-external::before {
    font-family: "Font Awesome 7 Pro";
    font-weight: 400;              /* Solid für starken Kontrast */
    content: "\f08e";              /* Externes Link-Symbol */
    display: inline-block;
    margin-right: 0.35em;
    transform: translateY(1px);
    color: inherit;
}

img{
	border:0;
	max-width:100%;
	height:auto;
}

.hidden-inp {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

header.header
{
	display: block;
	background: #ffffff;
	left: 0;
	right: 0;
	z-index: 400;
}

.fixed-top
{
	position: fixed;
}

.brand
{
	position: relative;
	float: left;
	height: 100%;
}

a.logo
{
	float: left;
}

footer
{
	font-size: 10px;
	color: #444444;
}

footer a
{
	text-decoration: none;
	color: inherit;
}

footer a:hover
{
	color: #3f82a9;
}

a.alternative
{
	text-decoration: none;
	color: #3f82a9;
	font-weight: bold;
}

a.alternative:hover
{
	text-decoration: none;
	color: #ff9600;
}

a.newsversenden
{
	font-size: 11px;
	text-decoration: none;
	color: #3f82a9;
	font-weight: bold;
}

a.newsversenden:hover
{
	text-decoration: underline;
	color: #1C1C1C;
}

/* DROP DOWN */

.dropdown-menu
{
	background-color: #ffffff;
	border: 1px solid #cccccc;
	display: none;
	float: left;
	left: 0;
	list-style-type: none;
	margin: 2px 0 0;
	min-width: 160px;
	padding: 5px 0;
	position: absolute;
	top: 100%;
	z-index: 1000;
}

.open > .dropdown-menu
{
	display: block;
}

.dropdown-menu.extended
{
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 5px;
	left: -10px;
	padding: 0 10px;
	top: 42px;
}

.dropdown-menu.extended li a
{
	font-size: 12px;
	list-style: none outside none;
}

.dropdown-menu.extended li a:hover
{
	border-radius: 5px;
}

.dropdown-menu.extended li a:hover i
{
	color: #1461a8;
}

.dropdown-menu.extended.logout
{
	padding: 10px;
}

.dropdown-menu.extended.logout > li > a > i
{
	padding-right: 10px;
}

.dropdown-menu.extended.logout li a
{
	padding: 10px;
}

.top-nav li.dropdown .dropdown-menu
{
	float: right;
	left: auto;
	right: 0;
}

/* SIDEBAR */

.sidebar-open .sidebar-toggle,
.sidebar-toggle{
	z-index: 1;
	position: absolute;
	left:30px;
	bottom:30px;
	border-radius: 50%;
	background-color:#fff;
	height:35px;
	width:35px;
	line-height:35px;
	text-align:center;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);

	-webkit-transition: left ease-in-out .3s, transform ease-in-out .3s;
	-moz-transition: left ease-in-out .3s, transform ease-in-out .3s;
	-o-transition: left ease-in-out .3s, transform ease-in-out .3s;
	transition: left ease-in-out .3s, transform ease-in-out .3s;
}

.sidebar-toggle:before{
	-webkit-transition: transform ease-in-out .3s;
	-moz-transition: transform ease-in-out .3s;
	-o-transition: transform ease-in-out .3s;
	transition: transform ease-in-out .3s;
}

.sidebar-open .sidebar-toggle:before,
.sidebar-toggle:before{
	content: '\f053';

	display: block;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;

	-webkit-transition: transform ease-in-out .3s;
	-moz-transition: transform ease-in-out .3s;
	-o-transition: transform ease-in-out .3s;
	transition: transform ease-in-out .3s;
}

.sidebar-closed .sidebar-toggle{
	left:100%;
	left:calc(100% + 30px);
}

.sidebar-closed .sidebar-toggle:before{
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	transform-origin: center center;
}

@media (max-width:900px){

	.sidebar-toggle{
		left:100%;
		left:calc(100% + 30px);
	}

	.sidebar-toggle:before{
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		transform-origin: center center;
	}
}

#sidebar
{
	height: 100%;
	position: fixed;
	width: 240px;
	z-index: 100;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);

	-webkit-transition: transform ease-in-out .3s, box-shadow ease-in-out .3s;
	-moz-transition: transform ease-in-out .3s, box-shadow ease-in-out .3s;
	-o-transition: transform ease-in-out .3s, box-shadow ease-in-out .3s;
	transition: transform ease-in-out .3s, box-shadow ease-in-out .3s;
}

.sidebar-open #sidebar,
#sidebar{
	transform:translateX(0%);
}

.sidebar-closed #sidebar{
	transform:translateX(-100%);
	box-shadow: none;
}

@media (max-width:900px){
	#sidebar{
		transform:translateX(-100%);
		box-shadow: none;
		z-index:101;
	}
}

.leftside-navigation
{
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.sidebar-menu>ul
{
	list-style: none;
	margin: 0;
	padding: 0 0 70px;
}

.sidebar-menu>ul>li{
	margin:0;
	padding:0;
}

.sidebar-menu>ul>li>a,
.sidebar-menu>ul>li>span{
	position: relative;
	display: block;
	text-transform: uppercase;
	font-weight: normal;
	cursor:pointer;

	-webkit-transition: background-color ease .2s, border-left-color ease .2s;
	-moz-transition: background-color ease .2s, border-left-color ease .2s;
	-o-transition: background-color ease .2s, border-left-color ease .2s;
	transition: background-color ease .2s, border-left-color ease .2s;
}

.sidebar-menu>ul>li>span .icon{
	position: absolute;
	right:20px;
	top:10px;
	font-size:18px;
	font-weight:inherit;

	-webkit-transition: transform ease .2s;
	-moz-transition: transform ease .2s;
	-o-transition: transform ease .2s;
	transition: transform ease .2s;
}

.sidebar-menu>ul>li>span .icon:before{
	content: '\f106';
}

.sidebar-menu>ul>li>a.active,
.sidebar-menu>ul>li>a:hover,
.sidebar-menu>ul>li>a:focus,
.sidebar-menu>ul>li>span.active{
	font-weight: bold;
}

.sidebar-menu .sub{
	overflow: hidden;
	max-height:0;

	-webkit-transition: max-height ease .4s;
	-moz-transition: max-height ease .4s;
	-o-transition: max-height ease .4s;
	transition: max-height ease .4s;
}

.sidebar-menu .open .sub{
	max-height:800px;
}

.sidebar-menu .sub>ul{
	list-style:none;
	margin:0;
	padding:0;
}

.sidebar-menu .sub>ul>li{
	margin:0;
	padding:0;
}

.sidebar-menu .sub>ul>li>a{
	display: block;
	line-height:1.42857143;
	font-size:14px;

	-webkit-transition: background-color ease .2s, border-left-color ease .2s;
	-moz-transition: background-color ease .2s, border-left-color ease .2s;
	-o-transition: background-color ease .2s, border-left-color ease .2s;
	transition: background-color ease .2s, border-left-color ease .2s;
}

.sidebar-menu .sub>ul>li>a.active,
.sidebar-menu .sub>ul>li>a:hover,
.sidebar-menu .sub>ul>li>a:focus{
	text-decoration: none;
}

/* CONTENT */

div.content
{
	-webkit-transition: padding-left ease-in-out .3s;
	-moz-transition: padding-left ease-in-out .3s;
	-o-transition: padding-left ease-in-out .3s;
	transition: padding-left ease-in-out .3s;
}

.sidebar-open div.content,
div.content{
	padding-left: 240px;
}

.sidebar-closed div.content{
	padding-left:0;
}

@media (max-width:900px)
{
	div.content{
		padding-left: 0;
	}
}

.wrap{
	padding:0 20px;
}

.content>.wrap{
	padding:20px;
}

hr
{
	display: block;
	height: 1px;
	background: #cccccc;
	border: 0;
}

h1
{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
	padding: 0;
	color: #3f82a9;
}

.alert:empty
{
	display: none;
}

/* Bilderverwaltung neu */

.file-list{
	list-style-type: none;
	margin:-15px 0 0 -15px;
	padding:15px 0 0;
}

.file-list>li{
	margin:15px 0 0 15px;
	padding:0 0 40px;
	max-width:200px;
	width:100%;
	float: left;
}

.file-list>li>.file-box {
	position: relative;
	border-radius: 8px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	z-index: 1;
	height: 200px;
	background-color: #f5f5f5;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
}


.file-list>li .file-text{
	position: absolute;
	left:0;
	top:100%;
	padding:10px 15px 10px;
	display: block;
	max-width:100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	line-height:20px;
}

.file-list>li label{
	margin:0;
}

.file-list>li .bg-icon{
	position: absolute;
	height:100%;
	width:100%;
	line-height:200px;
	text-align:center;
	font-size:80px;
	z-index: -1;
}

.file-list>li .file-box.preview-enabled .bg-icon{
	display: none;
}

.file-list>li .basic-selection{
	height:100%;
	width:100%;
	border-radius: inherit;
	background-color: transparent;

	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.file-list>li .basic-selection-cb:checked + .basic-selection{
	background-color: rgba(41, 116, 152, 0.7);
}

.file-list>li .advanced-selection{
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	padding:15px;
	color: #4a4a4a;
	border-top:0;
	border-radius: inherit;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	opacity:.9;
	background: #ffffff;
	background-clip:padding-box;
	text-transform: uppercase;
	line-height:1;
	font-weight: bold;
	cursor:pointer;

	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.file-list>li .advanced-selection .check-icon{
	position: absolute;
	right:15px;
	top:15px;
	font-size:25px;
}

.file-list>li .advanced-selection>.uncheck{
	display: block;
}

.file-list>li .advanced-selection>.checked{
	display: none;
}

.file-list>li .advanced-selection-cb:checked + .advanced-selection{
	background-color:#36a835;
	color:#fff;
}

.file-list>li .advanced-selection-cb:checked + .advanced-selection>.checked{
	display: block;
}

.file-list>li .advanced-selection-cb[type="checkbox"]:checked + .advanced-selection>.checked .check-icon:after{
	content: '\f14a';
}

.file-list>li .advanced-selection-cb[type="radio"]:checked + .advanced-selection>.checked .check-icon:after{
	content: '\f058';
}



.file-list>li .advanced-selection-cb:checked + .advanced-selection>.unchecked{
	display: none;
}

.file-list>li .options{
	position: absolute;
	left:20px;
	top:20px;
	right:20px;
	list-style:none;
	margin:-9px 0 0 -9px;
	padding:0;
	pointer-events: none;

	opacity:0;
	visibility: hidden;

	-webkit-transition: opacity .2s ease, visibility .2s ease;
	-moz-transition: opacity .2s ease, visibility .2s ease;
	-o-transition: opacity .2s ease, visibility .2s ease;
	transition: opacity .2s ease, visibility .2s ease;
}

.file-list>li:hover .options{
	opacity: 1;
	visibility: visible;
}

.file-list>li .options>li{
	margin:9px 0 0 9px;
	padding:0;
	float: left;
}

.file-list>li .options>li:first-child
{

}

.file-list>li .options>li>a{
	position: relative;
	display: block;
	height:30px;
	width:30px;
	border-radius: 50%;
	background-color:rgba(255,255,255,1);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .5);
	text-align:center;
	line-height:30px;
	font-size:18px;
	pointer-events: all;
}

/* horizontal view */

.file-list.details>li{
	position: relative;
	float: none;
	display: block;
	padding:5px;
	max-width:none;
	width:auto;
	border-radius:0;
	overflow: hidden;
	margin-top:0;
	border-top: 1px solid #ddd;
}

.file-list.details>li:first-child{
	border-top-width:2px;
	margin-top:15px;
}

.file-list.details>li:nth-child(odd)
{
	background-color:#f9f9f9;
}

.file-list.details>li:hover{
	background-color:#d6ecff;
}

.file-list.details>li>.file-box {
	position: static;
	border-radius:0;
	box-shadow:none;
	height: auto;
	background-image:none !important;
	background-color:transparent;
}

.file-list.details>li .file-text{
	display: inline-block;
	vertical-align: top;
	position: static;
	padding:0;
	line-height:inherit;
}

.file-list.details>li .bg-icon{
	display: inline-block;
	position:static;
	height:auto;
	width:auto;
	line-height:1;
	text-align:left;
	font-size:14px;
	min-width:15px;
}

.file-list.details>li .file-box.preview-enabled .bg-icon{
	display: inline-block;
}

.file-list.details>li .options{
	position: static;
	float: right;

	opacity:1;
	visibility: visible;

	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

.file-list.details>li .options>li>a{
	display: block;
	height:auto;
	width:auto;
	border-radius:0;
	background:none;
	box-shadow:none;
	text-align:center;
	line-height:1;
	font-size:18px;
}

.file-list.details>li .basic-selection{
	position: absolute;
	left:0;
	top:0;
}

.file-list.details>li .advanced-selection{
	float: left;
	position: static;
	height:100%;
	padding:5px;
	border-radius:0;
	background: #ddd;
	margin:-5px 5px -5px -5px;

	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.file-list.details>li .advanced-selection .check-icon{
	display: none;
}

.file-list.details>li .advanced-selection br{
	display: none;
}

.selection-list{
	list-style:none;
	margin:0;
	padding:0;
	border: 1px solid #ddd;
}

.selection-list>li{
	position: relative;
	margin:0;
	padding:0;
	border-top:1px solid #ddd;
}

.selection-list>li:first-child{
	border-top:0;
}

.selection-list>li label{
	display: block;
	margin:0;
	padding:3px 5px;
	font-weight:normal;
}

.selection-list>li>label{
	/*border-left:3px solid #7d7d7d;*/
	font-weight: bold;
}

.selection-list>li:nth-child(odd){
	background-color:#f9f9f9;
}

.selection-list>li:not(.disabled) label:hover{
	transition-duration:0s;
	background-color:#d6ecff;
}

.selection-list>li.level2 label{
	text-indent:20px;
}

.selection-list>li.level3 label{
	text-indent:40px;
}

.selection-list>li.level4 label{
	text-indent:60px;
}

.selection-list>li.level5 label{
	text-indent:80px;
}

.selection-list>li.level6 label{
	text-indent:100px;
}

.selection-list>li.level7 label{
	text-indent:120px;
}

.selection-list>li input[type="checkbox"]:checked + label,
.selection-list>li input[type="radio"]:checked + label{
	background-color:#3f82a9;
	color:#fff;

	-webkit-transition: background-color ease .4s;
	-moz-transition: background-color ease .4s;
	-o-transition: background-color ease .4s;
	transition: background-color ease .4s;
}

.selection-list>li .sub>ul{
	list-style:none;
	margin:0;
	padding:0;
}

.selection-list>li .sub>ul>li{
	margin:0;
	padding:0;
}

.selection-list>li .sub label{
	/*border-left:5px solid #2a2c2e;*/
}

.selection-list>li.disabled {
	color:#939393;
}


/* Bilderverwaltung */

ul.folder-list > li
{
	border-bottom: 1px #cccccc solid;
	padding-top: 3px;
	padding-bottom: 3px;
}

ul.image-list > li:not(.clearfix),
ul.media-list > li:not(.clearfix)
{
	margin-bottom: 15px;
}

ul.image-list > li > label,
ul.media-list > li > label
{
	border: 1px #cccccc solid;
	background: #f5f5f5;
	transition: all 0.2s ease;
	position: relative;
	margin-bottom: 0;
	display: block;
	cursor: pointer;
}

ul.media-list > li > label
{
	padding: 5px 20px 5px 5px;
}

ul.image-list > li > input[type="checkbox"]:checked + label,
ul.media-list > li > input[type="checkbox"]:checked + label,
ul.image-list > li > input[type="radio"]:checked + label,
ul.media-list > li > input[type="radio"]:checked + label
{
	border: 1px #3f82a9 solid;
	background: #68b9ff;
}

ul.image-list > li .imageclick
{
	height: 100px;
	line-height: 0;
	cursor:pointer;
	background-repeat: no-repeat;
	background-position: center center;
	background-size:contain;
}

ul.image-list > li:hover .download {
	visibility: visible;
	opacity: 1;
}

ul.image-list > li .download {
	position:absolute;
	top:10px;
	right:20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease;
}

ul.media-list > li:hover .download
{
	visibility: visible;
	opacity: 1;
}

ul.media-list > li .download
{
	position: absolute;
	top: 10px;
	right: 20px;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease;
}

/* Anderes */

footer
{
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 10px;
	background-color: #fff;
	z-index: 2;
}

legend
{
	color: #0046d5;
	font-size: 1.2em;
}

.modal{
	visibility:hidden;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	opacity:0;
	z-index:1000;

	-webkit-transition:opacity linear .4s, visibility linear .4s;
	-moz-transition:opacity linear .4s, visibility linear .4s;
	-o-transition:opacity linear .4s, visibility linear .4s;
	transition:opacity linear .4s, visibility linear .4s;
}

.modal.active{
	visibility:visible;
	opacity:1;
	overflow:auto;
}

.modal.ki-auto-height{
	overflow-y:auto;
}

.modal.ki-auto-height>.modal-inner{
	bottom:auto;
}

.modal.ki-auto-height>.modal-inner>.modal-body{
	height:auto;
	overflow-y:visible;
}

.modal.full-height>.modal-inner{
	bottom:50px;
	margin-bottom:0;
}

.modal.full-height>.modal-inner>.modal-body{
	overflow-y:scroll;
	height:100%;
}

.modal.full-height.iframe>.modal-inner>.modal-body{
	overflow-y:visible;
}

.modal.full-height.iframe iframe{
	height:100%;
}

.modal-inner{
	position:absolute;
	left:0;
	right:0;
	top:50px;
	width: 1200px;
	max-width: 90%;
	max-width: calc(100% - 100px);
	margin:0 auto 50px;
	padding:20px;
	background-color:#fff;
	border-top:0;
	border-bottom:0;
	box-shadow:2px 2px 4px 0 rgba(0,0,0,.4);
}

@media (max-height:500px){

	.modal>.modal-inner{
		top:25px;
	}

	.modal.full-height>.modal-inner{
		bottom:25px;
	}
}

.modal.vcenter{
	white-space:nowrap;
	text-align: center;
}

.modal.vcenter:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height:100%;
	width:0;
}

.modal.vcenter>*{
	vertical-align:middle;
	white-space:normal;
	text-align:left;
	display: inline-block;
	width:100%;
	position: static;
	margin:50px 0;
}

.modal-close{
	position: absolute;
	left:100%;
	bottom:100%;
	padding:5px;
	background-color:#fff;
	border-radius:50%;
	width:24px;
	height:24px;
	text-align: center;
	line-height:14px;
	margin:0 0 -10px -10px;
}

.modal-iframe-body{
	padding-right:15px; /* needs to be >=15px (bootstrap problem with negative margins) */
}

.modal.modal-sm .modal-inner
{
	width: 300px;
}


/*
.graustufe
{
	background: rgba(0, 0, 0, 0.7);
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 500;
	opacity: 0;
	transition: all 0.4s ease;
	visibility: hidden;
}

.graustufe.visible
{
	opacity: 1;
	visibility: visible;
}

.textfenster
{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1100;
	display: block;
	visibility: hidden;
	padding-top: 30px;
}

.textfenster.visible
{
	visibility: visible;
}
*/

/* Ordner Struktur Liste */

a.folderB,
a.folderMB
{
	font-weight: bold;
}

ul.tree input[type="checkbox"]
{
	position: absolute;
	opacity: 0;
	z-index: -100;
}

ul.tree input[type="checkbox"] + label + a + ul
{
	display: none;
}

ul.tree input[type="checkbox"]:checked + label + a + ul,
ul.tree input[type="checkbox"]:checked + a + ul
{
	display: block;
}

ul.tree label
{
	position: absolute;
	left: -7px;
	top: 0;
	line-height: 20px;
	cursor: pointer;
	display: block;
	height: 16px;
	width: 16px;
	background-image: url("/back/img/steuer/plus.gif");
	background-repeat: no-repeat;
	background-position: 1px 4px;
}

ul.tree input[type="checkbox"]:checked + label
{
	background-image: url("/back/img/steuer/minus.gif");
}

ul.tree li
{
	position: relative;
}

ul.tree,
ul.tree ul
{
	margin: 0 0 0 5px;
	padding: 0;
	list-style-type: none;
	position: relative;
}

ul.tree ul
{
	margin-left: 5px;
}

ul.tree:before,
ul.tree ul:before
{
	content: "";
	display: block;
	width: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	border-left: 1px dotted;
}

ul.tree li
{
	margin: 0;
	padding: 0 9px;
	position: relative;
}

ul.tree li:before
{
	content: "";
	display: block;
	width: 8px; /* same with indentation */
	height: 0;
	border-top: 1px dotted;
	margin-top: -4px; /* border top width */
	position: absolute;
	top: 1em;
	left: 0;
}

ul.tree li:last-child:before
{
	background: white;
	height: auto;
	top: 1em;
	bottom: 0;
}

/* Tab Navigation */

.tabnav
{
	margin-bottom: 10px;
}

.tabnav.fixed{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	padding:0 0 10px;
	margin:0;
	background-color:#fff;
	z-index:100;
}

.mcePopupBody .has-fixed-tabnav .tabnav.fixed{
	margin:0 20px;
	padding-top: 20px;
	max-width: calc(100% - 40px);
}

.has-fixed-tabnav{
	padding-top:52px;
}

/* Cropper */

.imgCrop_previewWrap img {
	max-width:none;
}

#previewAreaWrap{
	position: relative;
	max-width: 100%;
}

#previewArea{
	position: absolute;
	left:0;
	top:0;
	-webkit-transform-origin: 0 0 0;
	-moz-transform-origin: 0 0 0;
	-ms-transform-origin: 0 0 0;
	-o-transform-origin: 0 0 0;
	transform-origin: 0 0 0;
}

html.scroll-auto
{
	overflow-y: auto;
}

/* TinyMCE */

textarea.tinymce
{
	display: none;
}
.tinygrau {
	background: #eee;
}
/* height responsive mce-windows */

.mce-window{
	max-width:100% !important;
}

.mce-tinymce{
	overflow: hidden;
}

#ki_hilfe_beschreibung_block .mce-tinymce{
	overflow: auto;
}

.mce-ico.mce-i-newline{
	display: inline-block;
	font: normal normal normal 14px/16px FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}

.mce-ico.mce-i-newline:before {
	content: "\f149";
	display: inline-block;

	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
}

.mce-btn button
{
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.mce-pagebreak{
	height:5px;
}

html.mce-fullscreen .mce-tinymce.mce-fullscreen
{
	z-index: 500;
}

.mcePopupBody
{
	padding:20px;
}

div.mce-edit-area{
	position: relative;
	margin:0 auto;
	border-top-color:#f0f0f0;
}

div.mce-edit-area:before{
	content: '';
	position: absolute;
	top:-1px;
	left:-4000px;
	right:-4000px;
	height:1px;
	background-color:rgba(0, 0, 0, 0.2);
}

.mceActionPanel
{
	margin-top: 10px;
}

.mceActionPanel input[type="button"],
.mceActionPanel input[type="submit"],
.mceActionPanel button
{
	margin-right: 20px;
}

.mceActionPanel input[type="button"]:last-child,
.mceActionPanel input[type="submit"]:last-child,
.mceActionPanel button:last-child
{
	margin-right:0;
}

.mceActionPanel.fixed{
	position: fixed;
	bottom: 5px;
	left:10px;
	margin:0;
	z-index:100;
}

.mcePopupBody .has-fixed-panel .mceActionPanel.fixed{
	margin:0 0 20px 20px;
}

.has-fixed-panel{
	padding-bottom:54px;
}

a.katnav
{
	text-decoration: none;
	font-weight: normal;
	display: block;
}

/* Bootstrap overwrite */

.input-group>.no-border{
	border-left:0;
	border-right:0;
}

.input-group>.force-last{
	border-top-right-radius:4px !important;
	border-bottom-right-radius:4px !important;
}

.input-group>.hidden:first-child ~ .first,
.input-group>.force-first{
	border-top-left-radius:4px !important;
	border-bottom-left-radius:4px !important;
}

input[type="checkbox"].auswahl,
input[type="radio"].auswahl{
	margin-top:0;
}

.table-hover>tbody>tr:hover,
.table-hover>tbody>tr.level1:hover,
.table-hover>tbody>tr.level2:hover,
.table-hover>tbody>tr.level3:hover,
.table-hover>tbody>tr.level4:hover,
.table-hover>tbody>tr.level5:hover,
.table-hover>tbody>tr.level6:hover,
.table-hover>tbody>tr.level7:hover,
.table-hover>tbody>tr.selected,
.table-hover>tbody>tr.level1.selected,
.table-hover>tbody>tr.level2.selected,
.table-hover>tbody>tr.level3.selected,
.table-hover>tbody>tr.level4.selected
.table-hover>tbody>tr.level5.selected
.table-hover>tbody>tr.level6.selected
.table-hover>tbody>tr.level7.selected
{
	background-color:#d6ecff;
}

.table-hover>tbody>tr.versandzone-bearbeiten:hover,
.table-hover>tbody>tr.versandzone-bearbeiten:hover>td
{
	background-color:inherit;
}

.table-hover>tbody>tr.steuerkategorie-bearbeiten:hover,
.table-hover>tbody>tr.steuerkategorie-bearbeiten:hover>td,
.table-hover>tbody>tr.admin-datensatz-bearbeitung:hover,
.table-hover>tbody>tr.admin-datensatz-bearbeitung:hover>td
{
	background-color:inherit;
}

.table>tbody>tr.level1,
.table>tbody>tr.level3,
.table>tbody>tr.level5,
.table>tbody>tr.level7,
.table>tbody>tr.level1innaktiv
{
	background: #e8e8e8;
}
.table>tbody>tr.level1innaktiv {
    color:#aaa;
}
.table>tbody>tr.level3>td:nth-child(-n+2),
.table>tbody>tr[class^="filter"]>td:nth-child(-n+2),
.table>tbody>tr.level5>td:nth-child(-n+2),
.table>tbody>tr.level7>td:nth-child(-n+2)
{
	background-color:#fff;
}
.table>tbody>tr[class^="filter"]
{
	background:#f5f5f5;
}

.table tr.level1 a > .fa.fa-arrow-down,
.table tr.level1 a > .fa.fa-arrow-up
{
	color: #f12720;
}

.table tr.level2 a > .fa.fa-arrow-down,
.table tr.level2 a > .fa.fa-arrow-up
{
	color: #2fa0ff;
}

.table tr.level3 a > .fa.fa-arrow-down,
.table tr.level3 a > .fa.fa-arrow-up,
.table tr[class^="filter"] a > .fa.fa-arrow-down,
.table tr[class^="filter"] a > .fa.fa-arrow-up
{
	color: #0faf0f;
}

.table tr.level4 a > .fa.fa-arrow-down,
.table tr.level4 a > .fa.fa-arrow-up
{
	color: #ffb830;
}

.table tr.level5 a > .fa.fa-arrow-down,
.table tr.level5 a > .fa.fa-arrow-up
{
	color: #800000;
}

.table tr.level6 a > .fa.fa-arrow-down,
.table tr.level6 a > .fa.fa-arrow-up
{
	color: #9A6324;
}

.table tr.level7 a > .fa.fa-arrow-down,
.table tr.level7 a > .fa.fa-arrow-up
{
	color: #f032e6;
}

.table tr.level1 > td > div.indent,
.table tr.level2 > td > div.indent,
.table tr.level3 > td > div.indent,
.table tr.level4 > td > div.indent,
.table tr.level5 > td > div.indent,
.table tr.level6 > td > div.indent,
.table tr.level7 > td > div.indent,
.table tr[class^="filter"] > td > div.indent
{
	position: relative;
}

.table tr.level2 > td > div.indent
{
	left: 30px;
}

.table tr.level3 > td > div.indent
{
	left: 60px;
}
.table tr.filter2 > td > div.indent
{
	left: 30px;
}
.table tr.filter3 > td > div.indent { left: 60px; }
.table tr.filter4 > td > div.indent { left: 80px; }
.table tr.filter5 > td > div.indent { left: 100px; }
.table tr.filter6 > td > div.indent { left: 120px; }
.table tr.filter7 > td > div.indent { left: 140px; }

.table tr.level4 > td > div.indent
{
	left: 80px;
}

.table tr.level5 > td > div.indent
{
	left: 100px;
}

.table tr.level6 > td > div.indent
{
	left: 120px;
}

.table tr.level7 > td > div.indent
{
	left: 140px;
}

.table tr.level2 > td.name > div.indent
{
	margin-right: 30px;
}

.table tr.level3 > td.name > div.indent
{
	margin-right: 60px;
}
.table tr.filter2 > td.name > div.indent
{
	margin-right: 30px;
}
.table tr.filter3 > td.name > div.indent { margin-right: 60px; }
.table tr.filter4 > td.name > div.indent { margin-right: 80px; }
.table tr.filter5 > td.name > div.indent { margin-right: 100px; }
.table tr.filter6 > td.name > div.indent { margin-right: 120px; }
.table tr.filter7 > td.name > div.indent { margin-right: 140px; }

.table tr.level4 > td.name > div.indent
{
	margin-right: 80px;
}

.table tr.level5 > td.name > div.indent
{
	margin-right: 100px;
}

.table tr.level6 > td.name > div.indent
{
	margin-right: 120px;
}

.table tr.level7 > td.name > div.indent
{
	margin-right: 140px;
}

.table .collapsed
{
	height: 0;
}

.plusminus-wrap
{
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.table input[type="checkbox"].plusminus + .plusminus{
	cursor:pointer;
	margin-bottom:0;
}

.table input[type="checkbox"].plusminus + .plusminus > span{
	color:#196972;
}

.table input[type="checkbox"].plusminus + .plusminus > span:before
{
	font-weight: 300;
	content: '\f0fe'; /*fa-plus-square-o*/
}

.table input[type="checkbox"].plusminus:checked + .plusminus > span:before
{
	font-weight: 300;
	content: '\f146'; /*fa-minus-square-o*/
}

.table-valign-middle>tbody>tr>td,
.table-valign-middle>tbody>tr>th{
	vertical-align: middle;
}

.chosen-select
{
	display: block;
	width: 100%;
}

.chosen-container .chosen-drop
{
	margin-bottom: 20px;
}

.chosen-container .chosen-results
{
	max-height: 480px;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}

a.danger,
a.modal-close
{
	color: #ed635c;
}

a.aktiv0
{
	color: #f12720;
}

a.offen1{
	color:#777;
}

a.offen3,
a.aktiv1
{
	color: #0faf0f;
}

a.offen2,
a.aktiv2
{
	color: #ffb830;
}

.fa.fa-folder-open
{
	color: #ffb830;
}

.captcha-label{
	display: block;
}

.login-form{
	max-width:500px;
}

.form-normal-width{
	max-width:812px;
}

.vspace{
	margin-top:15px;
}

.vspace-bottom{
	margin-bottom:15px;
}

.vspace-small{
	margin-top:5px;
}

.vspace-bottom-small{
	margin-bottom:5px;
}

.dl-list{
	padding:0;
	margin:10px 0;
}

.dl-list>dt,
.dl-list>dd{
	padding:2px 0;
	display: block;
}

.dl-list>dd{
	margin:0 0 0 35px;
}

.dl-list>dt{
	margin:15px 0 0;
	font-weight: bold;
}

.dl-list>dt:first-child{
	margin-top:0;
}

.bg-color,
.padded-box{
	background-color:#f5f5f5;
}

.TBBorder,
.padded-box{
	border: 1px solid #2c70b1;
}

.padded-box{
	padding:10px;
}

.katkoppl .node
{
	background: #f5f5f5;
	padding:5px;
	border: 1px #3f82a9 solid;
	margin-bottom:2px;
	cursor:pointer;
}

.katkoppl .node.selected
{
	color: #ffffff;
	background: #3f82a9;
}

.align_button
{
	width: 18px;
	height: 18px;
	background: no-repeat center;
	border: 1px solid #f5f5f5;
	border-right-color: #848484;
	border-bottom-color: #848484;
}

.auswahlcheckbox
{
	margin:0;
}

.move-arrows
{
	position: absolute;
	left: 0;
	top: 0;
	height: 36px; /* height of one tr row */
	height: calc( 1.42857143em + 16px ); /* line-height + ( padding-top + padding-bottom ) */

	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.move-arrows .move-above
{
	position:absolute;
	top:0;

	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	-o-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

.move-arrows .move-below
{
	position:absolute;
	bottom:0;

	-webkit-transform: translateY(50%) translateX(-50%);
	-moz-transform: translateY(50%) translateX(-50%);
	-ms-transform: translateY(50%) translateX(-50%);
	-o-transform: translateY(50%) translateX(-50%);
	transform: translateY(50%) translateX(-50%);
}

.show-move .move-arrows
{
	display: block;
}

.move-arrows,
.hide-move .move-arrows
{
	display: none;
}

/* chosen bootstrap style */

.chosen-container{
	height:34px;
	font-size:inherit;
}

/* chosen single select */

.chosen-container-single .chosen-single{
	height:100%;
	line-height:32px;
	color: #555;
	background:#fff;
	padding-left:12px;
	border-color:#ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.chosen-container-single.chosen-container-active .chosen-single{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.chosen-container-single .chosen-single div b{
	border-top: 5px solid transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single{
	background:#fff;
}


/* chosen multi select */

.chosen-container-multi .chosen-choices{
	height:100%;
	padding-left:12px;
	border-radius:4px;
	border-color:#ccc;
	background:#fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);

	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.chosen-container-multi.chosen-with-drop .chosen-choices{
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
}

.chosen-container-multi .chosen-drop{
	margin-top:-1px;
	border-bottom-right-radius:4px;
	border-bottom-left-radius:4px;
	overflow: hidden;
}

.chosen-container-multi.chosen-container-active .chosen-choices{
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

.chosen-container-multi .chosen-choices li.search-field input[type=text]{
	height:30px;
}

.chosen-container-multi .chosen-choices li.search-choice{
	line-height:18px;
	background:#eee;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
	top:50%;
	margin-top:-6px;
}

.chosen-container .chosen-results li{
	padding-left:12px;
}

/* chosen better bootstrap support */

.input-group>.chosen-container{
	display: table-cell;
}

.input-group>.chosen-container .chosen-choices,
.input-group>.chosen-container .chosen-single{
	border-radius: 0 !important;
}

.input-group>.chosen-container:first-child .chosen-choices,
.input-group>.chosen-container:first-child .chosen-single{
	border-bottom-left-radius:4px !important;
	border-top-left-radius:4px !important;
}

.input-group>.chosen-container:last-child .chosen-choices,
.input-group>.chosen-container:last-child .chosen-single{
	border-bottom-right-radius:4px !important;
	border-top-right-radius:4px !important;
}

.btn .fa
{
	line-height: inherit;
}

.previewOuter
{
	padding-top: 52px;
	position: relative;
	text-align: center;
}

.previewResponsiveButtons
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}

.previewResponsiveButtons a
{
	position: relative;
}

.previewResponsiveButtons a img
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	width: 16px;
}

.previewStickyWrap
{
	position: relative;

}

.previewContainer
{
	z-index: 200;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	max-height: 100vh;
	background-color: #eee;
	box-shadow: 2px 2px 5px rgba(0,0,0,.6);
	overflow: hidden;

	transition: height ease .2s;
}

.previewContainer:not(.sticky)
{
	left: 0 !important;
}

.previewContainer.sticky
{
	position: fixed;
	top: 61px;
	bottom: 20px;
	right: 20px;
	left: auto;
}

.previewZoom
{
	height: 100%;
	transform-origin: top left;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;

	transition: transform ease .2s;
}

.previewZoom iframe
{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 100%;
}

.word-count-wrap
{
	position: relative;
	margin: 0 0 15px;
}

.word-count-counter
{
	position: absolute;
	top: 100%;
	right: 0;
	font-size: 12px;
	background-color: #3c3c3c;
	color: #fff;
	padding: 0 5px;
}

.seo-form-additional
{
	height: 0;
	overflow: hidden;
}

.seo-form-additional.show-additional
{
	margin: 15px 0 0;
	height: auto;
	overflow: visible;
}

.label-sm
{
	font-size: 12px;
	margin-bottom: 0;
}

.form-group-horizontal
{
	display: flex;
}

.form-group-horizontal .word-count-wrap
{
	margin-bottom: 4px;
}

.form-group-horizontal > *
{
	flex-grow: 1;
}

.form-group-horizontal > label
{
	padding: 5px 0 0;
	margin: 0;
	width: 100px;
	flex-grow: 0;
}

.auto-grow
{
	overflow: hidden;

	-webkit-transition: height ease-in-out .1s;
	-moz-transition: height ease-in-out .1s;
	-o-transition: height ease-in-out .1s;
	transition: height ease-in-out .1s;
}

.designset-selector-list
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.designset-selector-list > li
{
	margin: 10px 0 0;
	padding: 0 10px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
}

.designset-selector-list-body
{
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: max-height ease-out .3s, visibility ease-out .3s, opacity ease-out .3s;
}

.designset-selector-list-body.open
{
	max-height: 1500px;
	visibility: visible;
	opacity: 1;
}

.designset-selector-list-headline
{
	margin: 0;
	padding: 5px 0;
	font-size: 20px;
}

.designset-selector-list-group-headline
{
	margin: 0 0 10px;
	padding: 5px 0;
	font-size: 18px;
}

.designset-selector-list-group
{
	padding: 10px 10px 0;
	margin: 5px 0 10px;
	border: 1px solid #ccc;
	background-color: #dedede;
	border-radius: 10px;
}

.no-select
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.chosen-search-input.default  {
	min-width: 157px;
}

.preview{
	background-color: #333;
	padding: 10px;
}

.preview .box{
	margin-top: 10px;
	height: 20px;
	background-color: #8d9aa2;
	text-align: center;
}

.preview [data-sort]:before{
	content: attr(data-sort);
}

.preview>.row{
	margin-top:-10px;
}

.preview .box.hover,
.data-preview>tbody>tr.hover{
	background-color: #d6ecff;
}

.maxback {
	max-width: 1024px;
}
.minback {
	max-width: 512px;
}
tr.successnew > td {
    background: #eee;
}

.selection-list label
{
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.selection-list label > a
{
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
}