/* Minification failed. Returning unminified contents.
(3469,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3470,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3471,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3472,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3474,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3476,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3835,25): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-radius'
(3836,22): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-accent-soft'
(3837,17): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-text'
(3848,22): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-accent'
(3850,17): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-text-inverse'
(3859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3863,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3865,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3868,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3869,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3871,17): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-text'
(3875,22): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-bg'
(3898,15): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-gap'
(3900,25): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-gap'
(3907,15): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-gap'
(3922,28): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-border'
(3923,25): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-radius'
(3924,22): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-surface'
(3925,22): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-shadow'
(3930,35): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-border'
(3944,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3945,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3971,21): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-basefontsize'
(3972,23): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-baselineheight'
(3986,21): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-basefontsize'
(3987,23): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-baselineheight'
(3992,21): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-basefontsize'
(3993,23): run-time error CSS1039: Token not allowed after unary operator: '-moduleviewtable-baselineheight'
(3998,17): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-muted'
(4052,17): run-time error CSS1039: Token not allowed after unary operator: '-moduleview-muted'
(4111,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4119,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg'
(4120,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4138,32): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4142,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4143,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4155,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4160,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4162,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg'
(4163,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4179,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4191,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4209,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4240,42): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4265,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4289,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4290,25): run-time error CSS1039: Token not allowed after unary operator: '-outer-radius'
(4292,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4293,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4312,54): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4313,38): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4324,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-active'
(4329,24): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-text-active'
(4366,32): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4389,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4398,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-active'
(4399,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-text-active'
(4428,21): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-width'
(4438,28): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4440,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-bg'
(4441,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4498,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4507,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4512,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4517,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4530,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4548,33): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4567,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4598,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4630,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4663,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4754,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4756,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4757,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4783,19): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(4784,25): run-time error CSS1039: Token not allowed after unary operator: '-outer-radius'
(4785,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-text'
(4800,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4801,25): run-time error CSS1039: Token not allowed after unary operator: '-subitem-radius'
(4805,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-active'
(4806,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-text-active'
(4810,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-hover'
(4814,22): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-bg-active'
(4815,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-link-text-active'
(4827,33): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4844,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4867,33): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-border'
(4880,17): run-time error CSS1039: Token not allowed after unary operator: '-sidebar-muted'
(4894,25): run-time error CSS1039: Token not allowed after unary operator: '-inner-radius'
(4944,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4945,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/* START metanavi styles */
div.metanavi {
	position: absolute;
	right: 19px;
	top: 6px;
}

div.metanavi ul {
    display: inline-block;
    vertical-align: top;
	list-style: none;
}

div.metanavi ul li {
	float: left;
}

div.metanavi ul li a,
div.metanavi ul li span {
	background: transparent url(../images/bg_navi_meta_trenner.png) 0 2px no-repeat;
	font-size: 11px;
	text-decoration: none;
	padding: 0 6px 0 8px;
}

div.metanavi ul li.first a {
	background: none;
}

div.metanavi ul li a:hover {
	text-decoration: underline;
}

div.metanavi div.tenant-selection { display: inline-block; vertical-align: top; padding-left: 20px; }
div.metanavi div.tenant-selection br { display: none; }
div.metanavi div.tenant-selection label { font-size: 11px; padding-right: 5px; }
div.metanavi div.tenant-selection select { font-size: 11px; }
/* END metanavi styles */



/* START main navi styles */
div.mainnavi {
	background: #eaeaea url(../images/bg_navi_main.png) left bottom repeat-x;
	position: relative;
	z-index: 30;
	height: 33px;
	margin-bottom: -1px;
	overflow: hidden;
}

div.mainnavi ul {
	margin-left: 26px;
	list-style: none;
}

div.mainnavi ul li {
	float: left;
}

div.mainnavi ul li a {
	background: transparent url(../images/bg_navi_main_sprite.png) 0px 0px no-repeat;
	display: block;
	position: relative;
	height: 21px;
	padding: 11px 10px 0 17px;
	margin-right: 12px;
	font-size: 15px;
	font-weight: bold;
	color: #999;
	text-decoration: none;
}

div.mainnavi ul li a span {
	background: transparent url(../images/bg_navi_main_sprite.png) -400px 0px no-repeat;
	display: block;
	position: absolute;
	width: 10px;
	height: 32px;
	right: -10px;
	top: 0;
}

div.mainnavi ul li.active a {
	background-position: 0px -66px;
	padding-bottom: 1px;
	color: #fff;
}

div.mainnavi ul li.active a span {
	background-position: -400px -66px;
	height: 33px;
}
/* END main navi styles */



/* START sub navi styles */
div.subnavi {
	background: transparent url(../images/bg_navi_sub.png) left top repeat-x;
	position: relative;
	z-index: 20;
	height: 42px;
	overflow: hidden;
}

div.subnavi_leer {
	background-image: url(../images/bg_navi_sub_leer.png);
	height: 17px;
}

div.subnavi_leer ul {
	display: none;
}

div.subnavi ul {
	clear: left;
	margin-left: 7px;
	list-style: none;
}

div.subnavi ul li {
	float: left;
}

div.subnavi ul li a {
	display: block;
	float: left;
	padding: 10px 14px 8px 14px;
	text-decoration: none;
	font-weight: bold;
	color: #666;
}

div.subnavi ul li.active a {
	color: #fff;
}
/* END sub navi styles */



/* START tool navi styles */
div.toolnavi {
	background: transparent url(../images/bg_navi_tool.png) left top repeat-x;
	height: 58px;
	z-index: 10;
	position: relative;
	top: -6px;
	margin-bottom: -6px;
}

.toolnavi-is-sticky div.toolnavi {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    top: 0;
}

div.toolnavi ul {
	clear: left;
	margin-left: 5px;
	list-style: none;
}

div.toolnavi ul li {
	float: left;
	margin: 8px 5px 0 15px;
}

div.toolnavi ul li a {
	display: table-cell;
	vertical-align: middle;
	padding: 6px 14px 5px 14px;
	text-decoration: none;
	border: 1px solid #fbae27;
	line-height: 15px;
	height: 31px;
	min-width: 102px;
	background: #fde2b3 url(../images/bg_navi_tool_button.png) 0px 0px repeat-x;
}

div.toolnavi ul li a:hover {
	background-position: 0 -42px;
}
/* END tool navi styles */



/* START history navi styles */
div.historynavi {
	margin-left: 22px;
	padding: 7px 0 17px 0;
}

div.historynavi span {
	position: relative;
	top: -1px;
	margin: 0 5px 0 9px;
	font-size: 11px;
	color: #666;
}

div.historynavi a {
	font-size: 11px;
	color: #666;
	text-decoration: none;
}

div.historynavi a:hover {
	text-decoration: underline;
}
/* END history navi styles */


.versioninfo--without-link {
    cursor: help;
    text-decoration: none !important;
}

a.nn { text-decoration: none; }
a.nn:hover { text-decoration: none; }

a.ny { text-decoration: none; }
a.ny:hover { text-decoration: underline; }

a.yn { text-decoration: underline; }
a.yn:hover { text-decoration: none; }

a.yy { text-decoration: underline; }
a.yy:hover { text-decoration: underline; }
/* START test and bugfix styles */
.markiert { border: 1px solid #c00 !important; }
.markiert2 { background-color: #ddd !important; }
.markiert3 { background-color: #900 !important; }
.markiert4 { background-color: #090 !important; }
/* END test and bugfix styles */



/* START general styles */
* {
	margin: 0;
	padding: 0;
}

body, div, p, a, li, span, td, input, textarea, h1, h3, h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	color: #333;
}

textarea {
    resize: none;
}

a {
	text-decoration: none;
}

.clearForIE {
	display: none;
}

.clearafter:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea {
	-moz-box-sizing: content-box;
}

input[type="hidden"] {
	display: none !important;
}
/* END general styles */



/* START header styles */
div.header {
	background-color: #eaeaea;
	height: 81px;
}

div.logo {}

.page-login div.logo {
    position: absolute;
    left: 17px;
    top: 19px;
}

/* new-2026 */
div.logo img {
    width: 100%;
    height: auto;
}

div.debug_status {
	background: transparent url(../images/bg_debugstatus.png) left top no-repeat;
	position: fixed;
	top: 0;
	left: 50%;
	width: 446px;
	height: 23px;
	text-align: center;
	vertical-align: middle;
	padding-top: 1px;
	font-size: 11px;
	color: #900;
	font-weight: bold;
	margin-left: -223px;
	z-index: 1000;
}
/* END header styles */



/* START popup styles */
div#darken_site {
	background-color: #000;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.65;
	filter: alpha(opacity = 65);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 50;
	display: none;
}

#scrollbugfix {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 60;
	display: none;
}

div.popupwindow {
	position: absolute;
	z-index: 2000;
	top: 95px;
	padding: 8px 10px 0 8px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: none;
}

div.popupwindow_full {
	width: 780px;
	left: 212px;
	background-image: url(../images/popup/shadow_popup_full_l.png);
}
div.popupwindow_full iframe {
	width: 780px;

    /* new-2026 */
	display: block;
}
div.popupwindow_full div.popupwindow_bottom {
	position: absolute;
	width: 798px;
	height: 18px;
	bottom: -18px;
	left: 0;
	background: transparent url(../images/popup/shadow_popup_full.png) left bottom no-repeat;
}

div.popupwindow_half {
	width: 400px;
	left: 295px;
	background-image: url(../images/popup/shadow_popup_half.png);
}
div.popupwindow_half iframe {
	width: 400px;

    /* new-2026 */
	display: block;
}
div.popupwindow_half div.popupwindow_bottom {
	position: absolute;
	width: 418px;
	height: 18px;
	bottom: -18px;
	left: 0;
	background: transparent url(../images/popup/shadow_popup_half.png) left bottom no-repeat;
}
/* END popup styles */



/* START popup layer styles */
div#darken_site_layer {
	background-color: #000;
	bottom: 0;
	height: 100%;
	left: 0;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 50;
	display: none;
}

#scrollbugfix_layer {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 60;
	display: none;
}
/* END popup layer styles */



/* =========
// CHANGELOG
// ========= */

.changelog { margin-bottom: 20px; }
.changelog ul { margin-left: 20px; }

/* START button styles */
a.button {
	position: relative;
	padding: 9px 10px 12px 10px;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	white-space: nowrap;
	min-width: 130px;
	text-align: center;
	text-decoration: none;
	margin: 5px 0 5px 0;
	background: transparent url(../images/buttons/btn_sprite.png) 0px 0px no-repeat;
}

a.button span {
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
	height: 37px;
	background: transparent url(../images/buttons/btn_sprite.png) -400px 0px no-repeat;
}

a.button {						background-position:    0px 0px; }
a.button span {				background-position: -400px 0px; }
a.button:hover {			background-position: -406px 0px; }
a.button:hover span {	background-position: -806px 0px; }

a.button_disabled {							background-position:    0px -37px; color: #888; cursor: default; }
a.button_disabled span {				background-position: -400px -37px; }
a.button_disabled:hover {				background-position:    0px -37px; }
a.button_disabled:hover span {	background-position: -400px -37px; }

a.button_orange {							background-position:    0px -74px; }
a.button_orange span {				background-position: -400px -74px; }
a.button_orange:hover {				background-position: -406px -74px; }
a.button_orange:hover span {	background-position: -806px -74px; }

a.button_red {						background-position:    0px -111px; }
a.button_red span {				background-position: -400px -111px; }
a.button_red:hover {			background-position: -406px -111px; }
a.button_red:hover span {	background-position: -806px -111px; }

a.button_green {						background-position:    0px -148px; }
a.button_green span {				background-position: -400px -148px; }
a.button_green:hover {			background-position: -406px -148px; }
a.button_green:hover span {	background-position: -806px -148px; }
/* END button styles */



/* START small button styles */
a.button_sml {
	position: relative;
	padding: 4px 10px 8px 10px;
	color: #fff;
	font-weight: bold;
	display: block;
	float: left;
	white-space: nowrap;
	min-width: 110px;
	text-align: center;
	text-decoration: none;
	margin: 5px 0 5px 0;
	background: transparent url(../images/buttons/btn_sml_sprite.png) 0px 0px no-repeat;
}

a.button_sml span {
	position: absolute;
	right: -6px;
	top: 0;
	width: 6px;
	height: 28px;
	background: transparent url(../images/buttons/btn_sml_sprite.png) 0px 0px no-repeat;
}

a.button_sml {						background-position:    0px 0px; }
a.button_sml span {				background-position: -400px 0px; }
a.button_sml:hover {			background-position: -406px 0px; }
a.button_sml:hover span {	background-position: -806px 0px; }

a.button_sml_disabled {							background-position:    0px -28px; color: #888; cursor: default; }
a.button_sml_disabled span {				background-position: -400px -28px; }
a.button_sml_disabled:hover {				background-position:    0px -28px; }
a.button_sml_disabled:hover span {	background-position: -400px -28px; }

a.button_sml_orange {							background-position:    0px -56px; }
a.button_sml_orange span {				background-position: -400px -56px; }
a.button_sml_orange:hover {				background-position: -406px -56px; }
a.button_sml_orange:hover span {	background-position: -806px -56px; }

a.button_sml_red {						background-position:    0px -84px; }
a.button_sml_red span {				background-position: -400px -84px; }
a.button_sml_red:hover {			background-position: -406px -84px; }
a.button_sml_red:hover span {	background-position: -806px -84px; }

a.button_sml_green {						background-position:    0px -112px; }
a.button_sml_green span {				background-position: -400px -112px; }
a.button_sml_green:hover {			background-position: -406px -112px; }
a.button_sml_green:hover span {	background-position: -806px -112px; }
/* END small button styles */



/* START loading button styles */
a.button img.loadingStatusImage {
	background: transparent url(../images/buttons/btn_loadingstatus.gif) left top no-repeat;
	position: absolute;
	left: 15px;
}

a.button img.loadingStatusImage,
a.button_sml img.loadingStatusImage {
	display: none;
}

a.button_loading {
	cursor: default;
}

a.button_loading:hover {
	background-image: inherit;
}

a.button_loading img.loadingStatusImage {
	display: block;
}
/* END loading button styles */


/* START active status test styles */

a.button { background-image: url(../images/buttons/btn_sprite_mitactive.png); }
a.button span { background-image: url(../images/buttons/btn_sprite_mitactive.png); }

a.button_orange:active {			background-position: -812px -74px !important; }
a.button_orange:active span {	background-position: -1212px -74px !important; }

/* END active status test styles */



/* =================
// BUTTON TEXT STYLE
// ================= */

a.button_textstyle {
    min-width: unset;
    background: none;
    color: #333333;
    text-decoration: underline;
}

a.button_textstyle:hover {
    text-decoration: none;
}

a.button_textstyle span {
    display: none;
}

/* START content styles */
div.content {
	width: 1200px;

    /* new-2026 */
    box-sizing: border-box;
    width: 100%;
    max-width: 1800px;
    padding-right: 20px;
}

div.content>h1 {
	font-size: 24px;
	line-height: 24px;
	font-weight: normal;
	margin-left: 20px;
	position: relative;
}

div.content>h1 span.pageInfoAuthor,
div.content>h1 span.pageInfoStatus {
	position: absolute;
	bottom: -17px;
	font-size: 11px;
}

div.content>h1 span.pageInfoAuthor { left: 2px; }
div.content>h1 span.pageInfoStatus { right: 2px; }

div.content>p {
	margin-left: 20px;
}

div.col_250>p, div.col_1000>p, div.col_500>p {
	margin-left: 20px;
}
/* END content styles */



/* START content aufteilung styles */
div.row {
	clear: both;
/*	border: 2px solid blue;*/
}

div.col {
/*	border: 1px solid red;
	padding: 5px;
	margin: 5px;*/
	min-height: 1px;
}

div.parallelCols:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.parallelCols>div.col {
	float: left;
}

div.col_250 {
	width: 300px;
}

div.col_500 {
	width: 600px;
}

div.col_750 {
	width: 900px;
}

div.col_1000 {
	width: 1200px;
}
/* END content aufteilung styles */



/* START specials */
div.special_menuColFoldedAway_250_750 div.special_menuColBig {
	position: absolute;
	display: none;
	background-color: #fff;
	padding: 0 1px 1px 0;
	z-index: 1;
}

div.special_menuColFoldedAway_250_750 div.special_menuColBig div.section {
	border-right: 3px solid #f90;
	border-bottom: 3px solid #f90;
}

div.special_menuColFoldedAway_250_750 div.col_750 { width: 1140px; }
div.special_menuColFoldedAway_250_750 div.col_750 div.iFrameContainer iframe { width: 1098px; }

div.special_menuColFoldedAway_250_750 div.special_menuColSml a {
	display: block;
	border: 1px solid #f90;
	border-top-width: 3px;
	margin-left: 20px;
	margin-top: 40px;
	min-height: 100px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	color: #666;
	background-color: #fff0d0;
	padding-top: 10px;
	padding-bottom: 12px;
}


div.special_menuColSml {
	display: none;
	width: 60px;
}

div.special_menuColFoldedAway_250_750 div.special_menuColSml { display: block; }
div.special_menuColRollover div.special_menuColBig { display: block; }

div.content div.special_menuColBig div.section div.sectionIcons a.icon_foldRight,
div.content div.special_menuColBig div.section div.sectionIcons a.icon_foldClose {
	display: none;
}

div.content div.special_menuColRollover div.special_menuColBig div.section div.sectionIcons a.icon_foldRight,
div.content div.special_menuColRollover div.special_menuColBig div.section div.sectionIcons a.icon_foldClose {
	display: block;
}

div.content div.special_menuColRollover div.special_menuColBig div.section div.sectionIcons a.icon_foldLeft {
	display: none;
}






/* END specials */


/*
div.form_row {
	background-color: #09f;
	padding: 10px;
}

div.form_col {
	background-color: #f90;
}

div.form_col_1_1 {
	width: 100%;
}

div.form_col_2_3 {
	width: 66%;
	float: left;
}

div.form_col_1_2 { 
	width: 50%;
	float: left;
}

div.form_col_1_3 {
	width: 33%;
	float: left;
}

div.form_col_1_4 {
	width: 25%;
	float: left;
}

div.form_section {
	margin: 10px;
	background-color: #0f9;
}

div.form_section label {
	display: block;
	width: 25%;
	float: left;
}

div.form_section input {
	width: 75%;
	float: left;
}
*/

div.joblinge_2parallelSections:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.col_500 div.joblinge_2parallelSections div.joblinge_parallelSection1 {
	float: left;
	width: 280px;
}

div.col_500 div.joblinge_2parallelSections div.joblinge_parallelSection2 {
	float: left;
	width: 280px;
}

div.content h3.sectionHeadline {
	padding: 10px;
/*	margin-top: 20px;*/
}

div.content h3.sectionMidHeadline {
	padding-top: 20px;
	padding-bottom: 5px;
}

div.sectionContent {
	padding: 0 10px 0 10px;
}

div.sectionContent strong {
	color: #666;
}

div.content h3 {
/*	border-top: 3px solid #f90;*/
/*	background: transparent url(../images/bg_section.png) left -9px repeat-x;*/
	padding-bottom: 20px;
	font-size: 15px;
	color: #666;
}

div.content h3 a {
	font-size: 15px;
	color: #666;
}

div.content h3 a:hover {
	color: #000;
}

div.content h3 span {
	font-size: 15px;
	color: #666;
	font-weight: normal;
}

div.section {
	background: transparent url(../images/bg_section.png) left -9px repeat-x;
	border-top: 3px solid #f90;
	margin-left: 20px;
	margin-top: 40px;
	min-height: 100px;
}

div.content div.midSection {
	margin-top: 0;
	background: 0;
	border-top: 0;
}

div.section_noheader {
	background-image: none;
}

div.section_noMinHeight {
	min-height: 0;
}

div.content div.section_grau {
	background: transparent url(../images/bg_section_grau.png) left -9px repeat-x;
}

div.content div.section_grau {
	border-color: #7f7f7f;
}

div.content div.section_noheader {
	border-color: #fff;
}

div.content div.section_noheader h3 {
	color: #ee8f00;
}

div.content div.section div.sectionIcons {
	float: right;
	margin-right: 6px;
}

div.content div.section div.sectionIcons a {
	display: block;
	float: left;
	width: 19px;
	height: 19px;
	margin: 6px 0 0 1px;
}

div.content div.section div.sectionIcons a img {
	background: transparent url(../images/sectionicon_sprite.png) 0px 0px no-repeat;
}

div.content div.section div.sectionIcons a.icon_close img {				background-position:   0px 0px; }
div.content div.section div.sectionIcons a.icon_close:hover img {	background-position: -19px 0px; }

div.content div.section div.sectionIcons a.icon_delete img {				background-position:   0px 0px; }
div.content div.section div.sectionIcons a.icon_delete:hover img {	background-position: -19px 0px; }

div.content div.section div.sectionIcons a.icon_edit img {				background-position:   0px -19px; }
div.content div.section div.sectionIcons a.icon_edit:hover img {	background-position: -19px -19px; }

div.content div.section div.sectionIcons a.icon_add img {				background-position:   0px -38px; }
div.content div.section div.sectionIcons a.icon_add:hover img {	background-position: -19px -38px; }

div.content div.section div.sectionIcons a.icon_moveup img {				background-position:   0px -57px; }
div.content div.section div.sectionIcons a.icon_moveup:hover img {	background-position: -19px -57px; }

div.content div.section div.sectionIcons a.icon_movedown img {				background-position:   0px -76px; }
div.content div.section div.sectionIcons a.icon_movedown:hover img {	background-position: -19px -76px; }

div.content div.section div.sectionIcons a.icon_move img {				background-position:   0px -95px; }
div.content div.section div.sectionIcons a.icon_move:hover img {	background-position: -19px -95px; }

div.content div.section div.sectionIcons a.icon_insertbefore img {				background-position:   0px -114px; }
div.content div.section div.sectionIcons a.icon_insertbefore:hover img {	background-position: -19px -114px; }

div.content div.section div.sectionIcons a.icon_rmt img {				background-position:   0px -133px; }
div.content div.section div.sectionIcons a.icon_rmt:hover img {	background-position: -19px -133px; }

div.content div.section div.sectionIcons a.icon_foldLeft img {				background-position:   0px -152px; }
div.content div.section div.sectionIcons a.icon_foldLeft:hover img {	background-position: -19px -152px; }

div.content div.section div.sectionIcons a.icon_foldRight img {				background-position:   0px -171px; }
div.content div.section div.sectionIcons a.icon_foldRight:hover img {	background-position: -19px -171px; }

div.content div.section div.sectionIcons a.icon_foldClose img {				background-position:   0px 0px; } /* derzeit wie icon_close */
div.content div.section div.sectionIcons a.icon_foldClose:hover img {	background-position: -19px 0px; } /* derzeit wie icon_close */

div.content div.section div.sectionIcons a.icon_maximize img {				background-position:   0px -190px; }
div.content div.section div.sectionIcons a.icon_maximize:hover img {	background-position: -19px -190px; }

div.content div.section_maximizeIframe div.sectionIcons a.icon_maximize img {				background-position:   0px -209px; }
div.content div.section_maximizeIframe div.sectionIcons a.icon_maximize:hover img {	background-position: -19px -209px; }

div.content div.section div.sectionIcons a.icon_dropdown img {				background-position:   0px -76px; } /* derzeit wie icon_movedown */
div.content div.section div.sectionIcons a.icon_dropdown:hover img {	background-position: -19px -76px; } /* derzeit wie icon_movedown */

div.content div.section div.sectionIcons a.icon_copyitem img {				background-position:   0px -228px; }
div.content div.section div.sectionIcons a.icon_copyitem:hover img {	background-position: -19px -228px; }


div.plainContentContainer {
	width: 1180px;
	margin-left: 20px;
}

div.content div.section div.sectionContent span.itemIcons {
	margin-left: 5px;
	cursor: pointer;
	vertical-align: baseline;
}

div.content div.section span.itemIcons a {
	margin-right: 6px;
	width: 9px;
}

div.content div.section span.itemIcons a img {
	background: transparent url(../images/itemicon_sprite.png) 0px 0px no-repeat;
}

div.content div.section span.itemIcons a.icon_close img { 															background-position:   0px 0px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_close img {	background-position:  -9px 0px; }
div.content div.section span.itemIcons a.icon_close:hover img {													background-position: -18px 0px; }

div.content div.section span.itemIcons a.icon_edit img { 																background-position:   0px -9px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_edit img {	background-position:  -9px -9px; }
div.content div.section span.itemIcons a.icon_edit:hover img {													background-position: -18px -9px; }

div.content div.section span.itemIcons a.icon_add img { 															background-position:   0px -18px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_add img {	background-position:  -9px -18px; }
div.content div.section span.itemIcons a.icon_add:hover img {													background-position: -18px -18px; }

div.content div.section span.itemIcons a.icon_view img { 																background-position:   0px -27px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_view img {	background-position:  -9px -27px; }
div.content div.section span.itemIcons a.icon_view:hover img {													background-position: -18px -27px; }

div.content div.section span.itemIcons a.icon_moveup img { 																background-position:   0px -36px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_moveup img {	background-position:  -9px -36px; }
div.content div.section span.itemIcons a.icon_moveup:hover img {													background-position: -18px -36px; }

div.content div.section span.itemIcons a.icon_movedown img { 																background-position:   0px -45px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_movedown img {	background-position:  -9px -45px; }
div.content div.section span.itemIcons a.icon_movedown:hover img {													background-position: -18px -45px; }

div.content div.section span.itemIcons a.icon_move img { 																background-position:   0px -54px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_move img {	background-position:  -9px -54px; }
div.content div.section span.itemIcons a.icon_move:hover img {													background-position: -18px -54px; }

div.content div.section span.itemIcons a.icon_insertbefore img { 																background-position:   0px -63px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_insertbefore img {	background-position:  -9px -63px; }
div.content div.section span.itemIcons a.icon_insertbefore:hover img {													background-position: -18px -63px; }

div.content div.section span.itemIcons a.icon_rmt img { 																background-position:   0px -72px; }
div.content div.section .itemIconsRolloverSensitivityContainer:hover a.icon_rmt img {	background-position:  -9px -72px; }
div.content div.section span.itemIcons a.icon_rmt:hover img {													background-position: -18px -72px; }

div.content div.standardTable table tr span.listIcons a {
	margin-left: 6px;
	line-height: 16px;
	vertical-align: bottom;
}

div.content div.standardTable table tr span.listIcons a img {
	background: transparent url(../images/itemicon_sprite.png) 0px 0px no-repeat;
}

div.content div.standardTable table tr span.listIcons a img {
/*	background-image: none; /* TODO: rmt-rendering umstellen!!! */
}

div.content div.standardTable table tr span.listIcons a.icon_close img { 				background-position:   0px 0px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_close img {	background-position:  -9px 0px; }
div.content div.standardTable table tr span.listIcons a.icon_close:hover img {	background-position: -18px 0px; }

div.content div.standardTable table tr span.listIcons a.icon_edit img { 			background-position:   0px -9px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_edit img { background-position:  -9px -9px; }
div.content div.standardTable table tr span.listIcons a.icon_edit:hover img { background-position: -18px -9px; }

div.content div.standardTable table tr span.listIcons a.icon_add img { 				background-position:   0px -18px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_add img {	background-position:  -9px -18px; }
div.content div.standardTable table tr span.listIcons a.icon_add:hover img {	background-position: -18px -18px; }

div.content div.standardTable table tr span.listIcons a.icon_view img { 			background-position:   0px -27px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_view img {	background-position:  -9px -27px; }
div.content div.standardTable table tr span.listIcons a.icon_view:hover img {	background-position: -18px -27px; }

div.content div.standardTable table tr span.listIcons a.icon_moveup img { 			background-position:   0px -36px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_moveup img {	background-position:  -9px -36px; }
div.content div.standardTable table tr span.listIcons a.icon_moveup:hover img {	background-position: -18px -36px; }

div.content div.standardTable table tr span.listIcons a.icon_movedown img { 			background-position:   0px -45px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_movedown img {	background-position:  -9px -45px; }
div.content div.standardTable table tr span.listIcons a.icon_movedown:hover img {	background-position: -18px -45px; }

div.content div.standardTable table tr span.listIcons a.icon_move img { 			background-position:   0px -54px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_move img {	background-position:  -9px -54px; }
div.content div.standardTable table tr span.listIcons a.icon_move:hover img {	background-position: -18px -54px; }

div.content div.standardTable table tr span.listIcons a.icon_insertbefore img { 			background-position:   0px -63px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_insertbefore img {	background-position:  -9px -63px; }
div.content div.standardTable table tr span.listIcons a.icon_insertbefore:hover img {	background-position: -18px -63px; }

div.content div.standardTable table tr span.listIcons a.icon_rmt img { 			background-position:   0px -72px; }
div.content div.standardTable table tr:hover span.listIcons a.icon_rmt img {	background-position:  -9px -72px; }
div.content div.standardTable table tr span.listIcons a.icon_rmt:hover img {	background-position: -18px -72px; }

span.rmtButton a img {
	background: transparent url(../images/itemicon_sprite.png) 0px -72px no-repeat !important;
}

.rmtButtonRolloverSensitivityContainer:hover span.rmtButton a img {
	background-position:  -9px -72px !important;
}

span.rmtButton a:hover img,
.rmtButtonRolloverSensitivityContainer span.rmtButton a:hover img {
	background-position:  -18px -72px !important;
}

div.extendedTextEdit {
	position: relative;
	z-index: 1;
}

div.formitem_kalender {
	position: absolute;
	top: 40px;
	right: 0;
}

/* TODO: DELETE */
div.col_500 div.extendedTextEdit,
div.col_1000 div.extendedTextEdit {
	position: static;
	z-index: auto;
}

div.col_500 div.formitem_kalender,
div.col_1000 div.formitem_kalender {
	top: auto;
	right: auto;

	position: absolute;
	margin-top: 40px;
	z-index: 1;
}

div.col_500 div.formitem_kalender {
	margin-left: 159px;
}

div.col_1000 div.formitem_kalender {
	margin-left: 539px;
}
/* // TODO: DELETE */


div.formitem_kalender table {
	background-color: #fff;
}

div.formitem_kalender input {
	float: none !important;
	width: 70px !important;
	height: 23px !important;
	line-height: 23px !important;
	margin-top: 1px !important;
}

div.formitem_kalender td a {
	width: 25px !important;
	height: 25px !important;
	display: block;
}



/* START section navi styles */
div.sectionTabs {
	height: 22px;
	margin: 0px 10px;
	position: relative;
	top: 40px;
	overflow: hidden;
}

div.sectionTabs div.sectionTabs_right {
	float: right;
}

div.sectionTabs ul {
	margin-left: 26px;
	list-style: none;
}

div.sectionTabs ul li {
	float: left;
}

div.sectionTabs ul li a {
	display: block;
	height: 17px;
	padding: 2px 10px 1px 10px;
	margin-right: 6px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background-color: #eaeaea;
	margin-top: 2px;
}

div.sectionTabs ul li.active a {
	height: 19px;
	padding: 3px 10px 0 10px;
	color: #fff;
	background-color: #f90;
	margin-top: 0;
}
/* END section navi styles */






/* START standard table styles */
div.standardTable {
	border-top: 3px solid #f90;
	background: transparent url(../images/bg_section.png) left -9px repeat-x;
	margin: 40px 0 0 20px;
}

div.standardTable table {
	width: 100%;
}

div.standardTable_paddingBox div.standardTable table {
	padding: 0 10px;
}

div.standardTable tbody tr {
	cursor: pointer;
}

div.standardTable thead th {
	text-align: left;
	border-bottom: 1px solid #f90;
}

div.standardTable thead th a {
	text-decoration: none;
}

div.standardTable thead a.sort_none {
	background: transparent url(../images/standardtable_sort_none.gif) right 2px no-repeat;
	margin-right: 12px;
	padding-right: 12px;
}

div.standardTable thead a.sort_down {
	background: transparent url(../images/standardtable_sort_down.gif) right 2px no-repeat;
	margin-right: 12px;
	padding-right: 12px;
}

div.standardTable thead a.sort_up {
	background: transparent url(../images/standardtable_sort_up.gif) right 2px no-repeat;
	margin-right: 12px;
	padding-right: 12px;
}

div.standardTable thead a {
	font-weight: bold;
	text-decoration: none;
}

div.standardTable div.table_header {
	position: relative;
	height: 29px;
	padding-top: 11px;
}

div.standardTable div.table_footer {
	border-top: 1px solid #f90;
	position: relative;
	height: 25px;
	padding-top: 8px;
}

div.standardTable_paddingBox div.standardTable div.table_footer {
	margin-left: 10px;
	margin-right: 10px;
}

div.standardTable div.table_header span.range, div.standardTable div.table_footer span.range {
	position: absolute;
	display: block;
	text-align: center;
	left: 50%;
	width: 160px;
	margin-left: -80px;
}

div.standardTable div.table_header.hasPageNavi span.range {
	margin-left: -95px; /* 30px/2 weiter links zwecks Platz f�r "+"-Button" */
}

div.standardTable div.table_header div.tablenavi, div.standardTable div.table_footer div.tablenavi {
	position: absolute;
	right: 15px;
}

div.standardTable div.table_header.hasPageNavi div.tablenavi {
	right: 45px; /* 30px weiter links zwecks Platz f�r "+"-Button" */
}

div.standardTable div.table_header h3 {
	position: absolute;
	left: 10px;
	font-size: 15px;
	color: #666;
}

div.standardTable div.table_footer div.table_resultCount {
	position: absolute;
	left: 10px;
}

div.standardTable div.table_footer div.table_resultCount select {
	width: 60px;
	margin-left: 5px;
}

div.standardTable a.navi_first {
}

div.standardTable a.navi_prev {
	margin: 0 6px 0 9px;
}

div.standardTable a.navi_next {
	margin: 0 0 0 10px;
}

div.standardTable a.navi_last {
	margin: 0 0 0 9px;
}

div.standardTable div.tablenavi ul {
	display: inline;
}

div.standardTable div.tablenavi ul li {
	display: inline;
}

div.standardTable div.tablenavi ul li a {
	padding: 0 2px 0 4px;
	text-decoration: none;
}

div.standardTable div.tablenavi ul li a:hover {
	text-decoration: underline;
}

div.standardTable div.tablenavi ul li.active a {
	font-weight: bold;
}

div.standardTable div.tablenavi.isFirst a.navi_first, div.standardTable div.tablenavi.isFirst a.navi_prev {
	visibility: hidden;
}

div.standardTable div.tablenavi.isLast a.navi_next, div.standardTable div.tablenavi.isLast a.navi_last {
	visibility: hidden;
}

div.standardTable a.navi_prev {
	margin: 0 6px 0 9px;
}

div.standardTable th {
	padding: 2px 5px 5px 5px;
}

div.standardTable td {
	padding: 2px 5px 2px 5px;
}

div.standardTable tbody td.has_link {
	cursor: pointer;
}

div.standardTable thead th.first {
	padding-left: 20px;
}

div.standardTable tbody td.first {
	padding-left: 10px;
}

div.standardTable thead th.first {
	padding-left: 10px;
}

div.standardTable tbody td.last {
	padding-right: 20px;
}

div.standardTable tbody td.border_right {
	border-right: 1px solid #eaeaea;
}

div.standardTable tbody td.right {
	text-align: right;
}

div.standardTable tbody tr.alternateBg1 {
	background-color: #fff;
}

div.standardTable tbody tr.alternateBg2 {
	background-color: #eee;
}

div.standardTable tbody tr.activeRow {
	background-color: #fff3d7;
}



/* Tablebuttons */  /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */
div.standardTable div.table_buttons{
	clear:both;
	min-height:45px;
	padding-top:10px;
}

div.standardTable div.table_buttons div.rechts{
	float:right;
	/*margin-right:23px;*/
}

div.standardTable div.table_buttons div.rechts a.button, div.standardTable div.table_buttons div.rechts a.button_sml{
	margin-left:13px;

    /* new-2026 */
    margin-right: 6px;
}
 /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */ /* TODO: ERASE!!! */
/* END standard table styles */



.table_headernewbutton {
    position: absolute;
    z-index: 1;
    right: 6px;
    top: 1px;
}

.table_headernewbutton a {
    display: block;
    width: 19px;
    height: 19px;
    background: transparent url(../images/sectionicon_sprite.png) 0px -38px no-repeat;
    text-indent: -9999px;

    /* override interfering styles */
    min-width: 0;
    padding: 0;
}

.table_headernewbutton a:hover {
    background-position: -19px -38px;
}

.table_headernewbutton span {
    display: none;
}



/* START filter container styles */
div.filterContainer div.sectionFormItem input:focus,
div.filterContainer div.sectionFormItem select:focus,
div.filterContainer div.sectionFormItem textarea:focus {
	background-color: #fff4dc;
}

div.filterContainer {
	border-top: 3px solid #7f7f7f;
	border-bottom: 3px solid #7f7f7f;
	background: transparent url(../images/bg_section_grau.png) left -9px repeat-x;
	margin: 20px 0 0 20px;
	width: 1180px; /* TODO: fixe breite sollte raus. achtung: seiteneffekte im popup moeglich; achtung: darstellung in 500er box */

    /* new-2026 */
    width: unset;
}

div.filterContainer div.filterItemContainer {
	padding: 5px 0 9px 0;
}

div.filterContainer div.filterItemContainer:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.filterContainer div.buttons {
	background: #eaeaea url(../images/popup/bg_buttons.png) left top repeat-x;
	clear: both;
	min-height: 45px;
	padding-top: 10px;
}

div.filterContainer div.buttons:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.filterContainer div.buttons div.links {
	float: left;
	margin-left: 19px;
}

div.filterContainer div.buttons div.links a.button {
	margin-right: 13px;
}

div.filterContainer div.buttons div.rechts {
	float: right;
	margin-right: 23px;
}

div.filterContainer div.buttons div.rechts a.button {
	margin-left: 13px;
}

div.filterContainer div.sectionFormItem {
	float: left;
	width: 200px;
	width: 206px;
	margin: 5px 10px 5px 10px;
	margin: 5px 4px 5px 10px;
}

div.filterContainer div.sectionFormItem label {
	padding-top: 2px;
	display: block;
	width: 190px;
	font-size: 11px;
	color: #666;
	padding-left: 2px;
	font-weight: bold;
}

div.filterContainer div.sectionFormItem input {
	display: block;
	border: 1px solid #999;
	margin-bottom: 2px;
	width: 200px;
	height: 16px;
	padding: 1px 2px 1px 2px;
}

div.filterContainer div.sectionFormItem textarea {
	display: block;
	border: 1px solid #999;
	margin-bottom: 2px;
	width: 200px;
	height: 48px;
	padding: 1px 2px 1px 2px;
}

div.filterContainer div.sectionFormItem select {
	display: block;
	border: 1px solid #999;
	margin-bottom: 2px;
	width: 206px;
}

div.filterContainer div.sectionFormItem.checkListItem label.title {
	float: none;
	padding-top: 2px;
	width: 190px;
	font-size: 11px;
	color: #666;
	padding-left: 2px;
	font-weight: bold;
}

div.filterContainer div.sectionFormItem.checkListItem label {
	float: left;
	display: block;
	color: #333;
	font-size: 13px;
	font-weight: normal;
	overflow: hidden;
	padding: 0 0 2px 0;
	width: 170px;
	height: 17px;
}	

div.filterContainer div.sectionFormItem.checkListItem input {
	float: left;
	clear: left;
	width: 20px;
	display: block;
	border: none;
	height: 14px;
	margin: 2px 2px 2px 0;
	padding: 2px 0 0 0;
}

div.filterContainer div.sectionFormItem.extendedTextEdit input {
	width: 179px;
	float: left;
}

div.filterContainer div.sectionFormItem.extendetTextEditWithDelete input {
	width: 158px;
}

div.filterContainer div.sectionFormItem.extendedTextEdit input.extendedTextEditButton {
	width: 18px;
	height: 18px;
	margin: 1px 0 1px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	clear: none;
	float: left;
}

div.filterContainer div.sectionFormItem.extendetTextEditWithDelete a.extendedTextEditDeleteButton img {
	width: 18px;
	height: 18px;
	margin: 1px 0 1px 3px;
	clear: none;
	float: left;
	background: #d4d0c8 url(../images/popup/extendedTextEditDeleteButton.png) left top no-repeat;
}

div.filterContainer div.doubleFilterSize {
	width: 426px;
}
div.filterContainer div.doubleFilterSize label {
	width: 410px;
}
div.filterContainer div.doubleFilterSize input {
	width: 420px;
}

div.filterContainer div.doubleFilterSize.extendedTextEdit input {
	width: 399px;
}

div.filterContainer div.doubleFilterSize textarea {
	width: 420px;
	height: 166px;
}

div.filterContainer div.doubleFilterSize select {
	width: 426px;
}

div.filterContainer div.tripleFilterSize {
	width: 646px;
}
div.filterContainer div.tripleFilterSize label {
	width: 630px;
}
div.filterContainer div.tripleFilterSize input {
	width: 640px;
}

div.filterContainer div.tripleFilterSize.extendedTextEdit input {
	width: 619px;
}

div.filterContainer div.tripleFilterSize textarea {
	width: 640px;
	height: 216px;
}

div.filterContainer div.tripleFilterSize select {
	width: 646px;
}

div.buttons div.expandSearch a {
	display: block;
	margin: 5px 0 5px 0;
	padding: 9px 10px 12px 0;
	font-weight: bold;
	color: #999;
	float: left;
	margin-left: 19px;
	text-decoration: none;
}
div.buttons div.expandSearch a:hover {
	text-decoration: underline;
}

div.buttons div.expandSearch.arrow_down a {
	padding-left: 15px;
	background: transparent url(../images/expandsearcharrow_down.png) left 15px no-repeat;
}

div.buttons div.expandSearch.arrow_up a {
	padding-left: 15px;
	background: transparent url(../images/expandsearcharrow_up.png) left 15px no-repeat;
}
/* END filter container styles */



/* START categoryTree styles */
div.categoryTree {}

div.categoryTree a {
	line-height: 13px;
	padding: 3px 0 4px 5px;
	border-bottom: 1px solid #ffe1a5;
	text-decoration: none;
	display: block;
    word-break: break-word;
}
div.categoryTree div.categoryTreeActive a { font-weight: bold; }

div.categoryTree div.categoryTree_e0 a {}
div.categoryTree div.categoryTree_e1 a { margin-left: 15px; }
div.categoryTree div.categoryTree_e2 a { margin-left: 30px; }
div.categoryTree div.categoryTree_e3 a { margin-left: 45px; }
div.categoryTree div.categoryTree_e4 a { margin-left: 60px; }
div.categoryTree div.categoryTree_e5 a { margin-left: 75px; }
div.categoryTree div.categoryTree_e6 a { margin-left: 90px; }

div.categoryTree div.categoryTree_e0.hasTwoIcons a {margin-left: 15px;}
div.categoryTree div.categoryTree_e1.hasTwoIcons a { margin-left: 30px; }
div.categoryTree div.categoryTree_e2.hasTwoIcons a { margin-left: 45px; }
div.categoryTree div.categoryTree_e3.hasTwoIcons a { margin-left: 60px; }
div.categoryTree div.categoryTree_e4.hasTwoIcons a { margin-left: 75px; }
div.categoryTree div.categoryTree_e5.hasTwoIcons a { margin-left: 90px; }
div.categoryTree div.categoryTree_e6.hasTwoIcons a { margin-left: 105px; }

div.categoryTree div.categoryTreeIcon a {
	padding-left: 17px;
}

div.section h3.hasStatusIcon {
	padding-left: 27px;
}

div.categoryTree div.categoryTreeIcon a img.statusicon {
	position: absolute;
	margin: 1px 0 0 -16px;
	background: transparent url(../images/statusicon_sprite.png) 0 0 no-repeat;
}

div.section h3.hasStatusIcon img.statusIcon {
	position: absolute;
	margin: 2px 0 0 -16px;
	background: transparent url(../images/statusicon_sprite.png) 0 0 no-repeat;
}

div.categoryTree div.categoryTreeIcon_gruen a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gruen {
	background-position: 0px 0px;
}

div.categoryTree div.categoryTreeIcon_gelb a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb {
	background-position: 0 -12px;
}

div.categoryTree div.categoryTreeIcon_weiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_weiss {
	background-position: 0 -24px;
}

div.categoryTree div.categoryTreeIcon_gelb_rot a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_rot {
	background-position: 0 -36px;
}

div.categoryTree div.categoryTreeIcon_gelb_gruen a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_gruen {
	background-position: 0 -48px;
}

div.categoryTree div.categoryTreeIcon_grau_pfeil a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_grau_pfeil {
	background-position: 0 -60px;
}

div.categoryTree div.categoryTreeIcon_gruen_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gruen_borderWeiss {
	background-position: 0px -72px;
}

div.categoryTree div.categoryTreeIcon_gelb_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_borderWeiss {
	background-position: 0 -84px;
}

div.categoryTree div.categoryTreeIcon_weiss_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_weiss_borderWeiss {
	background-position: 0 -96px;
}

div.categoryTree div.categoryTreeIcon_gelb_rot_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_rot_borderWeiss {
	background-position: 0 -108px;
}

div.categoryTree div.categoryTreeIcon_gelb_gruen_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_gruen_borderWeiss {
	background-position: 0 -120px;
}

div.categoryTree div.categoryTreeIcon_grau_pfeil_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_grau_pfeil_borderWeiss {
	background-position: 0 -132px;
}

div.categoryTree div.categoryTreeIcon_gruen_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gruen_halfWeiss {
	background-position: 0px -144px;
}

div.categoryTree div.categoryTreeIcon_gelb_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_halfWeiss {
	background-position: 0 -156px;
}

div.categoryTree div.categoryTreeIcon_weiss_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_weiss_halfWeiss {
	background-position: 0 -168px;
}

div.categoryTree div.categoryTreeIcon_gelb_rot_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_rot_halfWeiss {
	background-position: 0 -180px;
}

div.categoryTree div.categoryTreeIcon_gelb_gruen_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gelb_gruen_halfWeiss {
	background-position: 0 -192px;
}

div.categoryTree div.categoryTreeIcon_grau_pfeil_halfWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_grau_pfeil_halfWeiss {
	background-position: 0 -204px;
}

/*
div.categoryTree div.categoryTreeIcon_gruen_borderWeiss a img.statusicon,
div.section h3.hasStatusIcon img.statusIcon_gruen_borderWeiss {
	background-position: 0 -72px;
}*/



div.categoryTree div.pathTreeIcon a {
	padding-left: 17px;
}

div.categoryTree div.pathTreeIcon a img.pathicon {
	position: absolute;
	margin: 1px 0 0 -31px;
	margin: 1px 0 0 -16px;
	background: transparent url(../images/pathicon_sprite.png) 0 0 no-repeat;
}

div.categoryTree div.hasTwoIcons a img.pathicon {
	margin-left: -31px;
	background-position: 0px -24px;
}

div.categoryTree div.pathTreeIcon_plus a img.pathicon {
	background-position: 0px 0px;
}

div.categoryTree div.pathTreeIcon_minus a img.pathicon {
	background-position: 0px -12px;
}




/* END categoryTree styles */



/* START button styles */
div.buttons {
/*	background: #eaeaea url(../images/popup/bg_buttons.png) left top repeat-x;*/ /* TODO */
	min-height: 45px;
	margin-bottom: -4px;
	padding-top: 16px;
}

div.buttons:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.buttons div.buttons_links {
	float: left;
	margin-left: 19px;
}

div.sectionContent div.buttons {
	padding-top: 0;
}

div.sectionContent div.buttons div.buttons_links {
	margin-left: 0;
}

div.sectionContent div.buttons div.buttons_rechts {
	margin-right: 4px;
}

div.buttons div.buttons_links a.button {
	margin-right: 13px;
}

div.buttons div.buttons_rechts {
	float: right;
	margin-right: 23px;
}

div.buttons div.buttons_rechts a.button {
	margin-left: 13px;
}
/* END button styles */



/* START bildergalerie styles */
div.bildergalerieContainer:after {
	display: block;
	content: '.';
	visibility: hidden;
	height: 0;
	line-height: 0;
	clear: both;
	margin: 0;
}

div.bildergalerieEntry {
	border: 1px solid #f90;
	float: left;
	position: relative;
	margin: 11px 8px 0 2px;
}

div.bildergalerieEntry span.itemIcons {
	position: absolute;
	right: 3px;
	top: 4px;
}

div.bildergalerieEntry a.bildergalerieEntry {
	background-color: #fff9ea;
	width: 160px;
	height: 160px;
	display: table-cell;
	display: block;
	text-align: center;
	vertical-align: middle;
}

div.bildergalerieEntry a.bildergalerieEntry:hover {
	background-color: #fff2d8;
}

div.bildergalerieEntry div.bildergalerieEntry_headline {
	background-color: #ffe9bd;
	height: 24px;
	display: block;
	width: 160px;
}

div.bildergalerieEntry div.bildergalerieEntry_headline div.rmt_button { /* TODO: Hotfix for old rmtButton in Bildergalerie */
	position: absolute;
	right: 0;
	top: 0;
}

div.bildergalerieEntry h4 {
	text-align: left;
	overflow: hidden;
	line-height: 24px;
	height: 24px;
	padding-left: 6px;
	width: 127px;
	white-space: nowrap;
}

div.bildergalerieEntry a.bildergalerieEntry img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
/* END bildergalerie styles */



/* START kalender styles */
div.kalenderContainer {
	padding-top: 5px;
}

div.kalenderContainer table {
	border: 1px solid #f90;
	border-collapse: collapse;
	width: 100%;
}

div.kalenderContainer table thead th {
	text-align: left;
	background-color: #ffe5af;
	color: #666;
	padding: 4px;
}

div.kalenderContainer table tbody td {
	padding: 4px;
	height: 180px;
	vertical-align: top;
	background-color: #fff9e9;
	
}

div.kalenderContainer table tbody td.kalender_weekend {
	background-color: #fff5d7;
}

div.kalenderContainer table tbody td.kalender_grey {
	background-color: #f4f4f4;
}

div.kalenderContainer table tbody td div.date {
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	color: #666;
}

div.kalenderContainer table tbody td.kalender_weekend div.date { color: #f90; }
div.kalenderContainer table tbody td.kalender_grey div.date { color: #999; }

div.kalenderContainer table tbody td div.termin {
	margin-top: 3px;
}

div.kalenderContainer table tbody td div.termin {
	margin-top: 3px;
}

div.kalenderContainer table tbody td div.termin span.border {
	position: absolute;
	border-left-width: 6px;
	border-left-style: solid;
	line-height: 14px;
	font-size: 14px;
	margin: 1px 3px 0 0;
}

div.kalenderContainer table tbody td div.termin_standard span.border { border-left-color: #7cc576; }
div.kalenderContainer table tbody td div.termin_geburtstag span.border { border-left-color: #d87f63; }

div.kalenderContainer table tbody td div.termin div.text {
	padding-left: 10px;
	white-space: nowrap;
	width: 140px;
	overflow: hidden;
}

div.kalenderContainer table tbody td div.termin div.text a {
	text-decoration: none;
}

div.kalenderContainer table tbody td div.termin div.text a:hover {
	text-decoration: underline;
}

div.kalenderContainer table tbody td div.termin div.text span.time {
	color: #666;
	font-size: 11px;
}
/* END kalender styles */



/* START cmsPage styles */
div.col_750 div.iFrameContainer iframe,
div.col_1000 div.iFrameContainer iframe {
	border: 1px solid #f90;
	width: 858px;
	min-height: 5000px !important;
}

div.col_1000 div.iFrameContainer iframe {
	width: 1158px;
}
/* END cmsPage styles */



/* START section headline navi styles */

div.section h3.sectionHeadlineHasNavi {
	position: relative;
}

div.section h3.sectionHeadline span.sectionRange,
div.section div.sectionFooter span.sectionRange {
	position: absolute;
	display: block;
	text-align: center;
	left: 50%;
	width: 160px;
	margin-left: -80px;
	font-weight: normal;
}

div.section h3.sectionHeadline div.sectionNavi,
div.section div.sectionFooter div.sectionNavi {
	position: absolute;
	right: 15px;
}


div.section div.sectionNavi a.navi_first {
}

div.section div.sectionNavi a.navi_prev {
	margin: 0 6px 0 9px;
}

div.section div.sectionNavi a.navi_next {
	margin: 0 0 0 10px;
}

div.section div.sectionNavi a.navi_last {
	margin: 0 0 0 9px;
}

div.section div.sectionNavi ul {
	display: inline;
}

div.section div.sectionNavi ul li {
	display: inline;
}

div.section div.sectionNavi ul li a {
	padding: 0 2px 0 4px;
	text-decoration: none;
}

div.section div.sectionNavi ul li a:hover {
	text-decoration: underline;
}

div.section div.sectionNavi ul li.active a {
	font-weight: bold;
}

div.section div.sectionNavi.isFirst a.navi_first,
div.section div.sectionNavi.isFirst a.navi_prev {
	visibility: hidden;
}

div.section div.sectionNavi.isLast a.navi_next,
div.section div.sectionNavi.isLast a.navi_last {
	visibility: hidden;
}

div.section div.sectionFooter {
	border-top: 1px solid #f90;
	position: relative;
	height: 25px;
	padding-top: 8px;
	margin-top: 12px;
}

div.section div.sectionFooter div.resultCount {
	position: absolute;
	left: 10px;
}

div.section div.sectionFooter div.resultCount select {
	width: 60px;
	margin-left: 5px;
}

/* END section headline navi styles */



/* START auswahlliste styles */
div.auswahlListe {
	padding: 10px 0;
}

div.auswahlListe input {
	float: left;
	clear: both;
	display: block;
	position: relative;
	top: 4px;
	left: 3px;
	height: 16px;
	width: 20px;	
	padding: 2px 0 0 0;
}

div.auswahlListe input + label {
	background: transparent url(../images/popup/bg_popup_list_0.png) left top repeat-x;
	height: 24px;
	line-height: 24px;
	color: #fff;
	font-weight: bold;
	padding-left: 12px;
	margin-bottom: 1px;
	cursor: pointer;
	display: block;
	margin-left: 25px;
}

div.auswahlListe input:checked + label,
div.auswahlListe label.active {
	background: transparent url(../images/popup/bg_popup_list_1.png) left top repeat-x;
}
/* END auswahlliste styles */



/* START section headline dropdown styles */
div.content h3.sectionHeadline a img.sectionDropdown {
	background: transparent url(../images/sectiondropdown_sprite.png) left top no-repeat;
}

div.content h3.sectionHeadline a:hover img.sectionDropdown {
	background-position: -11px 0px;
}

div.section div.sectionHeadlineDropdown {
	position: absolute;
	z-index: 50;
	background-color: #fff;
	margin-top: 6px;
	border: 2px solid #888;
	margin-left: 6px;
	min-height: 45px;
	display: none;
}

div.col_250 div.section div.sectionHeadlineDropdown {
	width: 264px;
}

div.section div.sectionHeadlineDropdown a.sectionHeadlineDropdown_close {
	position: absolute;
	right: -2px;
	top: -2px;
}

div.section div.sectionHeadlineDropdown a.sectionHeadlineDropdown_close img {
	background: #fff url(../images/sectionicon_sprite.png) -19px 0px no-repeat;
}

div.section div.sectionHeadlineDropdown div.sectionHeadlineDropdown_content {
	padding: 4px 4px 2px 4px;
}

div.section div.sectionHeadlineDropdown div.sectionHeadlineDropdown_content a.sectionHeadlineDropdown_entry {
	display: block;
	padding: 2px 15px 2px 6px;
	margin-bottom: 2px;
	color: #333;
}

div.section div.sectionHeadlineDropdown div.sectionHeadlineDropdown_content a.sectionHeadlineDropdown_entry--selected {
    background-color: #dddddd;
}

div.section div.sectionHeadlineDropdown div.sectionHeadlineDropdown_content a.sectionHeadlineDropdown_entry:hover {
	background-color: #ffe9bd;
}
/* ENDE section headline dropdown styles */



/* ===============
   filteredlistbox
   =============== */

.filteredlistbox {
    clear: both;
}

.filteredlistbox * {
    box-sizing: border-box;
}

.filteredlistbox__filter {
    position: relative;

}

.filteredlistbox__filterfield {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin-bottom: 0 !important;
}

.filteredlistbox__removefilter {
    position: absolute;
    right: 0;
    top: 0;
    width: 19px;
    height: 20px;
    background: #aa0000 url(../images/popup/popupicon_sprite.png) 0 0 no-repeat;
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
}

.filteredlistbox__filter--applied .filteredlistbox__removefilter {
    opacity: 1;
}

.filteredlistbox__tree {
    height: 200px;
    overflow: auto;
    border: 1px solid #cfcfcf;
    background-color: #ffffff;
}

/* basic tree layout */
.filteredlistbox__tree ul {}
.filteredlistbox__tree li { display: block; }
.filteredlistbox__tree a { display: block; }
.filteredlistbox__tree .highlighted > a { font-weight: normal; background-color: #f58221; color: #ffffff; word-break: break-all; }

/* tree item selection show/hide */
.filteredlistbox__tree:not(.filtered) li { display: none; } /* hide all items */
.filteredlistbox__tree:not(.filtered) > ul > li { display: block; } /* show items in first level */
.filteredlistbox__tree:not(.filtered) li.opened > ul > li { display: block; } /* show items direct in next level */

/* tree item selection for filtering */
.filteredlistbox__tree.filtered li { display: none; } /* hide all items */
.filteredlistbox__tree.filtered li.opened-by-filter { display: block; }
.filteredlistbox__tree.filtered li.opened > ul > li { display: block; } /* show items direct in next level */

.filteredlistbox--type-module li a {
    padding: 3px 2px;
    line-height: 12px;
}



/* ====
   HIDE
   ==== */

.\--hide {
    display: none;
}

div.popuplayer {
	position: absolute;
	z-index: 100;
	top: 95px;
	padding: 8px 10px 0 8px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: none;

	width: 400px;
	left: 295px;
	background-image: url(../images/popup/shadow_layer_half.png);
}

div.popuplayer div.popuplayer_bottom {
	position: absolute;
	width: 418px;
	height: 18px;
	bottom: -18px;
	left: 0;
	background: transparent url(../images/popup/shadow_layer_half.png) left bottom no-repeat;
}

div.popuplayer div.popup_header {
	position: relative;
	z-index: 20;
	height: 42px;
	overflow: hidden;

	background: #fff url(../images/bg_navi_sub_leer.png) left top repeat-x;
	height: 17px;
}

div.popuplayer div.popup_content {
	background-color: #FFFFFF;
}

div.popuplayer div.popup_content div.content {
	padding-top: 20px;
	padding-bottom: 10px;
	width: auto;
}

div.popuplayer div.popup_content div.content div.plainContentContainer {
	width: auto;
	padding-right: 20px;
}

div.popuplayer div.buttons {
	min-height: 0;
}

div.popuplayer div.buttons a.button,
div.popuplayer div.buttons a.button_sml {
	margin-bottom: 0;
}

/* START login styles */
div.header_login {
	background: #eaeaea url(../images/login_header_bg.gif) left top repeat-x;
	height: 119px;
}

div.loginContainer {
	position: absolute;
	left: 50%;
	margin-left: -200px;
	top: 200px;
	width: 400px;
	padding-bottom: 30px;
	background-color: #eaeaea;
}

div.loginContainer div.loginContainer_header span.versionInfo {
	position: absolute;
	z-index: 50;
	right: 5px;
	top: 15px;
	width: 280px;
	text-align: right;
	font-size: 11px;
	color: #aaa;
}

div.loginContainer div.loginContainer_header div.tab {
	background: #fff url(../images/bg_navi_main.png) left bottom repeat-x;
	position: relative;
	z-index: 30;
	height: 33px;
	margin-bottom: -1px;
	overflow: hidden;
}

div.loginContainer div.loginContainer_header div.tab ul {
	margin-left: 26px;
	list-style: none;
}

div.loginContainer div.loginContainer_header div.tab ul li {
	float: left;
}

div.loginContainer div.loginContainer_header div.tab ul li span.tab {
	background: transparent url(../images/bg_navi_main_sprite.png) 0px -66px no-repeat;
	display: block;
	position: relative;
	height: 21px;
	padding: 11px 10px 1px 17px;
	margin-right: 12px;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

div.loginContainer div.loginContainer_header div.tab ul li span.tab span.border {
	background: transparent url(../images/bg_navi_main_sprite.png) -400px -66px no-repeat;
	display: block;
	position: absolute;
	width: 10px;
	height: 33px;
	right: -10px;
	top: 0;
}

div.loginContainer div.loginContainer_header div.bar {
	background: transparent url(../images/bg_navi_sub_leer.png) left top repeat-x;
	position: relative;
	z-index: 20;
	height: 17px;
	overflow: hidden;
}

div.loginContainer p.loginContainer_text {
    padding: 20px 20px 25px 20px;
}

div.loginContainer p.loginContainer_text_fehler  {
	border-top: 3px solid #900;
	border-bottom: 3px solid #900;
	margin: 11px 24px 16px 19px;
	background-color: #e9bbbb;
	padding: 6px 10px 6px 9px;
}

div.loginContainer label.username,
div.loginContainer label.password {
	float: left;
	clear: left;
	padding-top: 2px;
	width: 130px;
	padding-left: 20px;
	color: #666;
}

div.loginContainer input.username,
div.loginContainer input.password {
	float: left;
	width: 220px;
	height: 16px;
	padding: 1px 2px;
	background-color: #fff;
	border: 1px solid #999;
}

div.loginContainer label.username,
div.loginContainer label.password,
div.loginContainer input.username,
div.loginContainer input.password {
	margin-bottom: 10px;
}

div.loginContainer div.loginContainer_button {
	float: right;
	padding: 10px 31px 0 0;
}

/* 2FA */
.logincontainer__2facontent * {
    box-sizing: border-box;
}

.logincontainer__2facontent {
    padding: 20px 31px 0 20px;
}

.logincontainer__2faintro {
    margin-bottom: 20px;
}

.logincontainer__2faform {
    margin-bottom: 10px;
}

.logincontainer__2fatextfield {
    display: block;
    width: 100%;
    padding: 10px 10px 8px;
    margin-bottom: 10px;
    font-size: 20px;
}

.logincontainer__2fatrustdevice {}

.logincontainer__2fatrustdevice input {}

.logincontainer__2fatrustdevice label {
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.logincontainer__2faaction {}

div.loginContainer .logincontainer__2faaction div.loginContainer_button {
    padding-right: 3px; /* main padding already defined by logincontainer__2facontent */
    margin-left: 10px;
}

.logincontainer__2faaction::after {
    content: '';
    clear: both;
    display: table
}

.logincontainer__2faerror {
    margin-top: 20px;
    font-weight: bold;
    color: #cc0000;
}

.logincontainer__2facontent--no-form {}

.logincontainer__2facontent--no-form .logincontainer__2faintro,
.logincontainer__2facontent--no-form .logincontainer__2faform,
.logincontainer__2facontent--no-form .logincontainer__2faaction {
    display: none;
}

.logincontainer__2facontent--no-form .logincontainer__2faerror {
    margin-top: 0;
}

/* END login styles */

.fokuspunkt__fokuspunkt {
    position: absolute;
    z-index: 100;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    border: 2px solid #ffffff;
    border-radius: 100%;
    background-color: #ff9900;
    transform: translate(-50%, -50%);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.7);
}

.fokuspunkt__resetwrapper {
    margin-top: 5px;
}

.fokuspunkt__reset {
    display: inline-block;
    text-decoration: none;
}

.fokuspunkt__reset:hover {
    text-decoration: underline;
}

/* Attribut "position" einbauen */
div.sectionFormItem {
    position: relative;
}

.multiListFilter {
    margin-bottom: -1px !important;
}

/* Neu für Dropdown */
.dropdownlist_result {
    position: absolute;
    z-index: 1;
    right: 9px;
    top: 20px;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    white-space: nowrap;
}

.linkoptions {
    padding: 0 20px;
    margin-top: 30px;
    border-top: 1px solid #999999;
}

.linkoptions * {
    box-sizing: border-box;
}

.linkoptions .col {
    width: auto !important; /* override: body.popup .linkoptions div.col_1000 */
}

.linkoptions div.section {
    background: none;
    border: 0;
    margin: 0;
    min-height: 0;
}

.linkoptions .sectionHeadline {
    margin: 20px 10px 3px;
    padding: 0 !important; /* override: div.content h3.sectionHeadline */
    font-size: 13px;
    color: #333;
}

.linkoptions .sectionContent {
    padding: 0;
}

.linkoptions .sectionContent > div {
    position: relative;
    padding: 11px 10px 9px 10px;
    border: 1px solid #ffffff;
    background-color: #e5e5e5;
}

.linkoptions .sectionContent > div + div {
    margin-top: -1px;
}

.linkoptions .sectionContent > div::before {
    content: '';
    position: absolute;
    z-index: 1;
    left: 250px;
    top: 0;
    bottom: 0;
    border-right: 1px solid #ffffff;
}

.linkoptions .sectionContent > div > .form_checkbox > label,
.linkoptions .sectionContent > div > .form_label.top {
    float: none !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem label */
    width: 230px !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem label */
    padding: 0 !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem label */
    margin: 0 !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem label */
    font-size: 13px !important; /* override body.popup div.col_1000 div.sectionFormItem label */
    line-height: 16px !important; /* override body.popup div.col_1000 div.sectionFormItem label */
    color: #333333 !important; /* override body.popup div.col_1000 div.sectionFormItem label */
}

.linkoptions .sectionContent > div > .form_checkbox > input[type=checkbox],
.linkoptions .sectionContent > div > .form_dropdownlist,
.linkoptions .sectionContent > div > .form_textbox {
    position: absolute;
    z-index: 1;
    left: 260px;
    top: 10px;
    width: 300px;
    float: none !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem input */
    height: auto !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem input */
    margin: 0 !important; /* override body.popup div.col_1000 div.section div.sectionFormItem.checkListItem input */
}

.linkoptions .sectionContent > div > .form_checkbox > input[type=checkbox] {
    top: 12px;
}
 
.linkoptions .sectionContent > div > .form_dropdownlist,
.linkoptions .sectionContent > div > .form_textbox {
    top: 6px;
    height: 24px !important; /* override body.popup div.col_1000 div.sectionFormItem input */
    min-width: 300px;
}

.linkoptions .sectionContent > div > .form_label.top + br {
    display: none;
}

.linkoptions .form_textbox {
    width: auto !important; /* override .body.popup div.col_1000 div.sectionFormItem input */
}

/* innercontent_datatable */

table.innercontent_datatable 
{
	border-bottom: 1px solid #FF9900;
}

table.innercontent_datatable thead th {
	text-align: left;
	border-bottom: 1px solid #FF9900;
}

table.innercontent_datatable th {
	padding: 2px 5px 5px 5px;
	color:#666666;
}

table.innercontent_datatable td {
	padding: 2px 5px 2px 5px;
}

table.innercontent_datatable td.center {
	text-align: center;
}

table.innercontent_datatable th.center {
	text-align: center;
}

table.innercontent_datatable tbody tr.alternateBg1 {
	background-color: #fff;
}

table.innercontent_datatable tbody tr.alternateBg2 {
	background-color: #eee;
}

table.innercontent_datatable td.nowrap 
{
	white-space: nowrap;
}

/* innercontent_keyvaluetable */

table.innercontent_keyvaluetable th {
	padding: 3px 5px 0px 0px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	color:#666666;
}

table.innercontent_keyvaluetable td {
	padding: 3px 5px 0px 5px;
	text-align: left;
	vertical-align: top;
	width: 100%;
}

table.innercontent_keyvaluetable ul 
{
	margin-top: 0px;
}


/* innercontent_spendentable */

table.innercontent_spendentable th {
	padding: 2px 5px 5px 5px;
}

table.innercontent_spendentable td {
	padding: 2px 5px 2px 5px;
}

table.innercontent_spendentable tr.summe td {
	border-top: 1px #FF9900 solid;
	font-weight: bold;
	color: #666;
}

table.innercontent_spendentable tr.gesamtsumme td {
	border-top: 3px #FF9900 solid;
	font-weight: bold;
	color: #666;
}

table.innercontent_spendentable td.rechts {
	text-align: right;
}

table.innercontent_spendentable tbody tr.alternateBg1 {
	background-color: #fff;
}

table.innercontent_spendentable tbody tr.alternateBg2 {
	background-color: #eee;
}

table.innercontent_spendentable td.nowrap 
{
	white-space: nowrap;
}

/* innercontent_rowsectiontable */

table.innercontent_rowsectiontable td {
	padding: 2px 20px 2px 0px;
}

table.innercontent_rowsectiontable div.tablesectionheadline 
{
	border-bottom: 1px #FF9900 solid;
}

/* innercontent_rightstable */

table.innercontent_rightstable td {
	padding: 3px 5px;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	border-right: 1px #FF9900 solid;
	border-top: 1px #FF9900 solid;
	color:#666666;
}

table.innercontent_rightstable td.rights_col 
{
	text-align: center;
}

table.innercontent_rightstable td.last_col 
{
	border-right: 0px;
}

table.innercontent_rightstable td.first_row 
{
	border-top: 0px;
}


/* Zeilenabstände */

br.sml
{
	line-height: 5px;
}

br.medium
{
	line-height: 8px;
}

/* Kontaktauswahl */

div.auswahl_neuerkontakt
{
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}

div.auswahl_neuerkontakt span 
{
	line-height: 22px;
}

div.auswahl_neuerkontakt span label
{
	font-weight: bold;
	margin-left: 10px;
}

/* Kontaktanzeige */

div.col_1000 div.joblinge_2parallelSections div.joblinge_parallelSection1 {
	float: left;
	width: 280px;
}

div.col_1000 div.joblinge_2parallelSections div.joblinge_parallelSection2 {
	float: left;
	width: 280px;
}

/* Section Sonderelemente */

div.section div.sectioncontentcount
{
	text-align: right;
	margin-bottom: 5px;
	font-size: 11px;
}

div.section span.format_small
{
	font-size: 11px;
}


/* Filtersection in col */

div.col div.filterContainer
{
	width: auto;
	background: transparent url(../images/bg_section.png) repeat-x scroll left -9px;
	border-top: 3px solid #FF9900;
	margin-top: 40px;
}

div.col div.filterContainer div.buttons
{
	background: #ffe5af url(../images/popup/bg_buttons.png) repeat-x scroll left top;
}

/* Newsletter Empfaenger */

div.newsletter_empfeanger_headline {
	font-size: 17px; 
	font-weight: bold; 
	color: #666666; 
	padding: 5px 0px;
}

div.newsletter_empfeanger_data {
	padding-bottom: 15px;
}

div.newsletter_empfeanger_data div.newsletter_empfeanger_data_headline {
	font-size: 15px; 
	font-weight: bold; 
	color: #666666; 
	padding: 15px 0px 0px 0px;
}

div.newsletter_empfeanger_data div.newsletter_empfeanger_data_left {
	float: left; 
	width: 400px;
}

div.newsletter_empfeanger_data div.newsletter_empfeanger_data_right {
	float: left; 
	width: 400px;
	margin-left: 20px;
	padding-top: 3px;
}

div.newsletter_empfeanger_data div.newsletter_empfeanger_data_headline {
	font-weight: bold; 
	color: #666666; 
}

div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions,
div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions tr th {
	border-bottom: 1px solid #FF9900;
	text-align: left;
}

div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions tr th,
div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions tr td {
	padding: 2px 10px;
}

div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions tr th {
	font-weight: bold; 
	color: #666666; 
}

div.newsletter_empfeanger_data table.newsletter_empfeanger_subscriptions tr.even {
	background-color: #EEEEEE;
}

table.newsletter_empfeanger_history {
	border-top: 1px solid #FF9900;
	border-bottom: 1px solid #FF9900;
	margin-top: 10px;
	padding: 5px 0px;
}

table.newsletter_empfeanger_history tr th,
table.newsletter_empfeanger_history tr td {
    text-align: left;
	padding: 4px 10px;
	vertical-align : top;
}

table.newsletter_empfeanger_history tr th {
    font-weight: bold;
    white-space: nowrap;
}

table.newsletter_empfeanger_history tr.even {
	background-color: #EEEEEE;
}

/* Newsletter Auswahl */

div.newsletter_selector div.sectionContent
{
	padding: 0;
}

div.newsletter_selector div.newsletter_selectorContainer
{
	border:1px solid #FF9900;
	margin:11px 0 0 0;
	background-color:#FFF9EA;
	cursor: pointer;
	position: relative;
}

div.newsletter_selector div.newsletter_selectorContainer:hover
{
	background-color:#FFF2D8;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_headline
{
	float: left;
	width: 858px;
	padding: 10px 10px 0 10px;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_headline,
div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_headline a
{
	color:#666666;
	font-size:16px;
	font-weight: bold;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_content
{
	float: left;
	width: 418px;
	padding: 5px 10px 10px 10px;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_content_small
{
	width: 338px;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_exporticon
{
	float: left;
	position: relative;
	width: 60px;
	padding: 5px 10px 10px 10px;
	top: -10px;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_exporticon img
{
	margin-left: 10px;
	margin-bottom: 3px;
}

/* Newsletter Detail */

div.newsletterContent_InfoContainer
{
	clear:both;
}

div.newsletterContent_InfoContainer div.newsletterContent_InfoBox
{
	float:left;
	width: 693px;
}

div.newsletterContent_InfoContainer div.newsletterContent_SendBox
{
	float:left;
	width: 165px;
	margin-top: 17px;
}

div.newsletterContent_InfoContainer div.newsletterContent_SendBox a
{
	cursor: pointer;
}

/* Historie */

div.history_section div.sectionContent
{
	padding: 0;
}

div.history_section div.history_selector
{
	float: left;
	width: 150px;
	background: url(../images/history_selector_left.gif) repeat-y scroll left top;
}

div.history_section div.history_selector div.history_selectoritem
{
	padding: 4px 10px;
}

div.history_section div.history_selector div.history_selectoritem_active
{
	font-weight: bold;
	background-color:#FFF9EA;
	border-top:1px solid #FF9900;
	border-left:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
}

div.history_section div.history_info
{
	position: relative;
	border-top:1px solid #FF9900;
	border-right:1px solid #FF9900;
	border-bottom:1px solid #FF9900;
	background-color:#FFF9EA;
	float: left;
	width: 708px;
	padding: 4px 10px;
}

div.history_section div.history_info--has-download {
	width: 613px;
	padding-right: 105px;
}

div.history_section div.history_info div.history_download {
	position: absolute;
	top: 10px;
	right: 10px;
	text-align: center;
}

div.history_section div.history_info div.history_download img {
	margin-bottom: 5px;
	margin-left: -10px;
}

div.history_section div.history_info div.history_spacer {
	height: 7px;
}

/* SocialMedia */

div.socialMediaFeedsOverview div.sectionContent
{
	padding: 0;
}

div.socialMediaFeedsOverview div.MessageContainer
{
	border:1px solid #FF9900;
	margin:11px 0 0 0;
	background-color:#FFF9EA;
	position: relative;
}

div.socialMediaFeedsOverview div.MessageContainer:hover
{
	background-color:#FFF2D8;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline
{
	float: left;
	width: 858px;
	padding: 10px 10px 0 10px;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline,
div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline a
{
	color:#666666;
	font-size:16px;
	font-weight: bold;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline span.DateInfo,
div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline div.ChannelInfo
{
	color:#666666;
	font-size:12px;
	font-weight: normal;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerHeadline div.ChannelInfo
{
	float: right;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerContent
{
	float: left;
	width: 398px;
	padding: 5px 10px 10px 10px;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerContent_Full
{
	width: 858px;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerContent a:hover
{
	text-decoration: underline;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerContent_small
{
	width: 338px;
}

div.socialMediaFeedsOverview div.MessageContainer div.MessageContainerImage
{
	float: left;
	position: relative;
	width: 80px;
	padding: 5px 10px 10px 10px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer
{
	position: relative;
	height: 15px;
}

div.socialMediaFeedsOverview div.PageNavigationContainerBottom
{
	margin-top: 11px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer span.PageInfo
{
	position: absolute;
	left: 50%;
	margin-left: -80px;
	width: 180;
	text-align: center;
	display: block;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation
{
	position:absolute;
	right: 15px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation ul,
div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation ul li
{
	display: inline;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation ul li.active a
{
	font-weight: bold;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation ul li a
{
    padding: 0 2px 0 4px;
    text-decoration: none;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation a.PageNavigationPrev
{
    margin: 0 6px 0 9px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation a.PageNavigationNext
{
    margin: 0 0 0 10px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation a.PageNavigationLast
{
    margin: 0 0 0 9px;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation_First a.PageNavigationFirst,
div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation_First a.PageNavigationPrev
{
	visibility: hidden;
}

div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation_Last a.PageNavigationLast,
div.socialMediaFeedsOverview div.PageNavigationContainer div.PageNavigation_Last a.PageNavigationNext
{
	visibility: hidden;
}

div.socialMediaFeedsOverview div.InfoContainer
{
	padding: 0 10px;
	clear:both;
}

div.socialMediaFeedsOverview div.InfoContainer div.InfoBox
{
	float:left;
	width: 564px;
}

div.socialMediaFeedsOverview div.InfoContainer div.ImageBox
{
	float:left;
	width: 154px;
	min-height: 10px;
}

div.socialMediaFeedsOverview div.InfoContainer div.NewBox
{
	float:left;
	width: 140px;
	margin-top: 34px;
}

div.socialMediaFeedsOverview div.InfoContainer div.NewBox a
{
	cursor: pointer;
}

/* UserRights */

div.userRightsOverview div.sectionContent
{
	padding: 0;
}

div.userRightsOverview div.userRightsContainer
{
	border:1px solid #FF9900;
	margin:11px 0 0 0;
	background-color:#FFF9EA;
	position: relative;
}

div.userRightsOverview div.userRightsContainer:hover
{
	background-color:#FFF2D8;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerHeadline
{
	float: left;
	width: 858px;
	padding: 10px 10px 0 10px;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerHeadline,
div.userRightsOverview div.userRightsContainer div.userRightsContainerHeadline a
{
	color:#666666;
	font-size:16px;
	font-weight: bold;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerContent
{
	float: left;
	width: 398px;
	padding: 5px 10px 10px 10px;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerContent a:hover
{
	text-decoration: underline;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerContent_small
{
	width: 338px;
}
/* =======
// HINWEIS
// ======= */

/* =======================================================================
// Stellen in anderen CSS-Dateien, die für den neuen Seitenrahmen dort 
// angepasst wurden, wurden jeweils mit new-2026 markiert. 
// ======================================================================= */



/* ====
// BASE
// ==== */

/* noch nicht aufgrund vielfacher Seiteneffekte
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
*/

html,
body {
    min-height: 100%;
}

body {
    min-height: 100dvh;
}

body.popup {
    min-height: auto;
}

.app-shell {
    --sidebar-bg: #f5f7fa;
    --sidebar-text: #1f2937;
    --sidebar-muted: #6b7280;
    --sidebar-border: #e5e7eb;
    --sidebar-link-bg-hover: #eef2f7;
    --sidebar-link-bg-active: #e0e7ff;
    --sidebar-link-text-active: #1d4ed8;
    --sidebar-width: 280px;
    box-sizing: border-box;
    min-height: 100dvh;
}

.app-main {
    min-width: 0;
    margin-left: 280px;
    min-height: 100dvh;
    border-left: 3px solid #f90;
    background-color: #ffffff;
    transition: margin-left 220ms ease;
    will-change: margin-left;
}


/* additional kram */

.col {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
}

.special_menuColBig {
    position: sticky;
    top: 120px;
}



/* ============================
// PREVENT WEBSITE MENU FOLDING
// ============================ */

.special_menuColBig .icon_foldLeft {
    display: none !important;
}



/* =============================
// HIDE PEN ICON IN WEBSITE MENU
// ============================= */

.special_menuColBig .icon_edit {
    display: none !important;
}



/* ==========================
// HIDE BREADCRUMB NAVIGATION
// ========================== */

#ctl00_pnlBreadCrump {
    display: none !important;
}



/* ===================================
// MAKE TOOLBAR STICKY AND USE FLEXBOX
// =================================== */

#ctl00_pnlToolbar {
    position: sticky;
    z-index: 2;
    top: 0;
}

div.toolnavi {
    box-sizing: border-box;
    top: 0;
    height: auto;
    min-height: 58px;
    padding: 6px 30px;
    margin-bottom: 0;
    background-color: #fcd693;
    background-position: bottom;
}

div.toolnavi ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0;
}

div.toolnavi ul li {
    margin: 0;
}

div.toolnavi ul li label {
    float: none;
}



/* =============================
// MAKE GRID RESPONSIVE/FLEXIBLE
// ============================= */

.page-content > div.content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
}

body.popup div.content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 20px 20px;
}

.page-content > div.content > *:empty,
body.popup div.content > *:empty {
    display: none;
}

.rowColContainer {}

div.parallelCols {
    display: flex;
    gap: 20px;
}

div.parallelCols > div.col {
    float: none;
    flex: 1 1 0;
    width: auto;
}

div.parallelCols > div.col_250 {
    flex: 0 0 300px;
}

div.parallelCols > div.col_250 .section {
    margin-left: 0;
}

div.col_750 div.iFrameContainer iframe, div.col_1000 div.iFrameContainer iframe {
    /* important: override inline style width set by JS in template.xml */
    width: 100% !important;
}

div.parallelCols::after {
    display: none;
}

div.parallelCols > .clearForIE {
    display: none;
}

div.parallelCols .col_750 > .section {
    margin-left: 0;
}

div.parallelCols .col_750 > div.sectionTabs ul {
    margin-left: 6px;
}

div.parallelCols > .standardTable {
    flex: 1 0 0;
}

div.sectionTabs {
    top: 20px;
}

div.section {
    margin-left: 0;
    margin-top: 20px;
}

div.filterContainer {
    margin: 20px 0 0 0;
}

div.col div.filterContainer {
    margin: 20px 0 0 0;
}

div.standardTable {
    margin: 20px 0 0 0;
}

div.content > h1 {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: -20px;
}

.filterContainer + .standardTable,
.filterContainer + .parallelCols {
    margin-top: 20px;
}

div.newsletter_selector div.newsletter_selectorContainer div.newsletter_selectorContainer_headline {
    float: none;
    width: auto;
    padding: 10px 10px 0 10px;
}

.newsletter__inner {
    display: flex;
    gap: 20px;
}

div.newsletter_selector div.newsletter_selectorContainer .newsletter__inner div.newsletter_selectorContainer_content {
    width: 100%;
}

.add-space-for-tabs {
    margin-top: 42px !important; /* 20 px + 22 px */
}

div.filterContainer {
    border-bottom: 0;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerHeadline {
    float: none;
    width: 100%;
}

div.userRightsOverview div.userRightsContainer div.userRightsContainerContent {
    float: none;
    width: 100%;
}

/* Button "Newsletter versenden" */

.newsletterContent_InfoContainer {
    display: flex;
    gap: 20px;
}

div.newsletterContent_InfoContainer div.newsletterContent_InfoBox {
    flex: 1 0 0;
    width: auto;
}

.newsletterContent_SendBox {
    flex: 0 0 0;
    width: 200px;
    text-align: right;
}

.newsletterContent_SendBox a {
    float: none;
}

/* user detail */

.userdetail__setpassword {
    margin-bottom: 20px;
}

.userdetail__setpassword::after {
    content: '';
    display: block;
    clear: both;
}

/* history */

.history_container {
    display: flex;
}

div.history_section div.history_selector {
    float: none;
}

div.history_section div.history_info {
    float: none;
    width: auto;
    flex: 1 0 0;
}

/* ==================
   HINT IN EDIT POPUP
   ================== */

body.popup .hint {
    position: relative;
    margin-left: 2px;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 16px;
    color: #999999;
}

/* needed for cms legacy code */
body.popup .hint,
body.popup .hint *,
body.popup .hint *::before,
body.popup .hint *::after {
    box-sizing: border-box;
}

body.popup .hint--no-margin {
    margin-bottom: 0;
}

body.popup .hint--indented {
    margin-left: 22px;
}

body.popup .hint--icon-i {
    padding-left: 16px;
}

body.popup .hint--icon-i::before {
    content: 'i';
    position: absolute;
    left: 0;
    top: 2px;
    display: block;
    width: 11px;
    height: 11px;
    border: 1px solid #999999;
    border-radius: 999px;
    font-size: 10px;
    line-height: 11px;
    font-weight: bold;
    color: #9b9c98;
    text-align: center;
}

body.popup .hint--large {
    font-size: 12px;
    line-height: 16px;
    color: #333333;
}

body.popup .hint--large.hint--icon-i {
    padding-left: 20px;
}

body.popup .hint--large.hint--icon-i::before {
    top: 0;
    width: 13px;
    height: 13px;
    font-size: 12px;
    line-height: 14px;
}



/* ==================
   HINT IN MODULEVIEW
   ================== */

.moduleviewtable__hint .hint {
    padding: 0.75rem 1rem;
    border-radius: var(--moduleview-radius);
    background: var(--moduleview-accent-soft);
    color: var(--moduleview-text);
}

.moduleviewtable__hint .hint--icon-i::before {
    content: 'i';
    display: inline-grid;
    place-items: center;
    width: 1.4em;
    height: 1.4em;
    margin-right: 0.5rem;
    border-radius: 999px;
    background: var(--moduleview-accent);
    font-weight: 700;
    color: var(--moduleview-text-inverse);
}

/* ====
   BASE
   ==== */

.moduleview {
    /* --moduleview-bg: #f6f7f9; */
    --moduleview-bg: #ffffff; /* passt besser zum legacy-design */
    --moduleview-surface: #ffffff;
    --moduleview-border: #d9dee7;
    --moduleview-text: #1f2937;
    --moduleview-muted: #6b7280;
    --moduleview-accent: #2563eb;
    --moduleview-accent-soft: #eff6ff;
    --moduleview-text-inverse: #ffffff;
    --moduleview-radius: 10px;
    --moduleview-gap: 1rem;
    --moduleview-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);;

    color: var(--moduleview-text);
    font: 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    /* padding: 1.25rem; */
    padding: 1.25rem 0; /* passt besser zum legacy-design */
    background: var(--moduleview-bg);

    /* für spätere Optik-Anpassung könnte das ein guter Ausgangspunkt sein:
       padding: 1.25rem;
       --moduleview-bg: #f6f7f9;
    */
}

/* needed for cms legacy code */
.moduleview *,
.moduleview *::before,
.moduleview *::after {
    box-sizing: border-box;
}



/* ====
   GRID
   ==== */

.moduleview__row {
    display: flex;
    gap: var(--moduleview-gap);
    align-items: stretch;
    margin-bottom: var(--moduleview-gap);
}

.moduleview__col {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    gap: var(--moduleview-gap);
    min-width: 0;
}



/* =======
   SECTION
   ======= */

.moduleview__section {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: clip;
    border: 1px solid var(--moduleview-border);
    border-radius: var(--moduleview-radius);
    background: var(--moduleview-surface);
    box-shadow: var(--moduleview-shadow);
}

.moduleview__sectionheadline {
    padding: 0.8rem 1.1rem 0.7rem;
    border-bottom: 1px solid var(--moduleview-border);
    background: linear-gradient(180deg, #ffffff, #f8fafc);
    font-size: 15px;
    font-weight: bold;
}

/* ====
   BASE
   ==== */

.moduleviewtable {
    flex: 1;
    padding: 0.5rem 1.1rem 1.1rem;

    --moduleviewtable-basefontsize: 15px;
    --moduleviewtable-baselineheight: 1.3;
}

.moduleviewtable__field {
    min-width: 0;
    padding: 0.5rem 0;
    border-bottom: 1px solid #edf0f5;
}

.moduleviewtable__field:last-child {
    border-bottom: 0;
}

.moduleviewtable__label {
    margin-bottom: 0.05rem;
    font-size: 12px;
    /*
    font-size: 13px;
    line-height: 18px;
    */
    color: #333333;
}

.moduleviewtable__value {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: var(--moduleviewtable-basefontsize);
    line-height: var(--moduleviewtable-baselineheight);
    color: #111111;
}

.moduleviewtable__value--truncate {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.moduleviewtable__text {
    font-size: var(--moduleviewtable-basefontsize);
    line-height: var(--moduleviewtable-baselineheight);
    color: #111111;
}

.moduleviewtable__text a {
    font-size: var(--moduleviewtable-basefontsize);
    line-height: var(--moduleviewtable-baselineheight);
    text-decoration: underline;
}

.moduleviewtable__field--empty {
    color: var(--moduleview-muted);
}

.moduleviewtable__field--empty .moduleviewtable__value::before {
  content: "-";
}



/* =====
   IMAGE
   ===== */

.moduleviewtable__mediawrapper {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.moduleviewtable__media a {
    display: block;
}

.moduleviewtable__media img {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 2px;
    background: #fff;
}

.moduleviewtable__metadata {
    margin-top: 6px;
}

.moduleviewtable__metadata a {
    text-decoration: underline;
}

.moduleviewtable__metadata a:hover {
    text-decoration: none;
}

.moduleviewtable__metadata div + div {
    margin-top: 0.3rem;
}

.moduleviewtable__metalabel {
    margin-right: 0.2rem;
    font-size: 11px;
    color: var(--moduleview-muted);
    text-transform: uppercase;
}



/* ========
   SPECIALS
   ======== */

.moduleviewtable__truncate {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
}

.moduleviewtable__hint {
    margin: 0.6rem 0 0.8rem;
}



/* =======
   BUBBLES
   ======= */

.moduleviewtable__bubbles {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.2rem;
}

.moduleviewtable__bubble {
    max-width: 100%;
    padding: 0.26rem 0.55rem 0.22rem;
    border-radius: 999px;
    background: #e2e8f0;
    color: #1f2937;
    border: 1px solid #cbd5e1;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ====
// BASE
// ==== */

.sidebar {
    box-sizing: border-box;
    position: fixed;
    z-index: 11;
    inset: 0 auto 0 0;
    width: var(--sidebar-width);
    height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    overflow-y: auto;

    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: var(--sidebar-bg);
    color: var(--sidebar-text);
    /*border-right: 1px solid var(--sidebar-border);*/

    transition: transform 220ms ease;
    will-change: transform;
}

/* needed for cms legacy code */
.sidebar * ,
.sidebar *::before,
.sidebar *::after {
    box-sizing: border-box;
}

.sidebar__footer {
    display: grid;
    gap: 4px;
    padding-top: 16px;
    border-top: 1px solid var(--sidebar-border);
}

.sidebar__footer li > a:hover {
    background: var(--sidebar-link-bg-hover);
    color: var(--sidebar-text);
}



/* ======
// HANDLE
// ====== */

.sidebar__handle {
    position: fixed;
    top: 10px;
    left: calc(var(--sidebar-width, 280px) - 18px);
    z-index: 40;

    width: 36px;
    height: 36px;
    border: 1px solid var(--sidebar-border, #e5e7eb);
    border-radius: 999px;
    background: var(--sidebar-bg, #ffffff);
    color: var(--sidebar-text, #1f2937);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);

    display: grid;
    place-items: center;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1;

    transition:
        left 220ms ease,
        transform 220ms ease,
        background-color 160ms ease;
}

.sidebar__handle:hover {
    background: var(--sidebar-link-bg-hover);
}



/* ================
// SIDEBAR COLLAPSE
// ================ */

/* initial */

html.sidebar-is-collapsed-initial .sidebar {
    transform: translateX(calc(-1 * var(--sidebar-width, 280px)));
    transition: none;
}

html.sidebar-is-collapsed-initial .sidebar__handle {
    left: -18px;
    transform: rotate(180deg);
    transition: none;
}

html.sidebar-is-collapsed-initial .app-main {
    margin-left: 0;
    transition: none;
}

/* normal */

body.sidebar-is-collapsed .sidebar {
    transform: translateX(calc(-1 * var(--sidebar-width, 280px)));
}

body.sidebar-is-collapsed .sidebar__handle {
    left: -18px;
    transform: rotate(180deg);
}

body.sidebar-is-collapsed .app-main {
    margin-left: 0;
}



/* ===============================
// COLLAPSED SIDEBAR DYNAMIC HOVER
// =============================== */

.sidebar__hoverzone {
    position: fixed;
    top: 56px; /* leave sidebar handle */
    bottom: 0;
    left: 0;
    z-index: 39;

    width: 18px;

    display: none;
}

body.sidebar-peek-disabled .sidebar {
    transform: translateX(calc(-1 * var(--sidebar-width, 280px)));
}

body.sidebar-peek-disabled .sidebar__handle {
    left: -18px;
    transform: rotate(180deg);
}

body.sidebar-is-collapsed .sidebar__hoverzone {
    display: block;
}

/* Overlay-Vorschau, wenn Sidebar persistent eingeklappt ist */
body.sidebar-is-collapsed.sidebar-is-peeking .sidebar {
    transform: translateX(0);
    box-shadow: 16px 0 40px rgba(15, 23, 42, 0.18);
}

/* App-Main bleibt unverändert bei margin-left: 0 */
body.sidebar-is-collapsed.sidebar-is-peeking .app-main {
    margin-left: 0;
}

/* Handle wandert bei Overlay wieder an den Sidebar-Rand */
body.sidebar-is-collapsed.sidebar-is-peeking .sidebar__handle {
    left: calc(var(--sidebar-width, 280px) - 18px);
}



/* ================ */
/* TENANT SELECTION */
/* ================ */

.tenant-selection {
    margin-bottom: 30px;
}

.tenant-selection .sectionFormItem label,
.tenant-selection .sectionFormItem br {
    display: none;
}

.tenant-selection .form_dropdownlist {
    width: 100%;
    min-height: 42px;

    padding: 0 38px 0 12px;

    border: 1px solid var(--sidebar-border);
    border-radius: var(--outer-radius);

    background-color: var(--sidebar-link-bg-hover);
    color: var(--sidebar-text);

    font: inherit;
    font-size: 0.92rem;
    font-weight: 500;

    cursor: pointer;

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    transition:
        border-color 160ms ease,
        background-color 160ms ease,
        box-shadow 160ms ease;

    /* eigener Pfeil */
    background-image:
        linear-gradient(45deg, transparent 50%, var(--sidebar-muted) 50%),
        linear-gradient(135deg, var(--sidebar-muted) 50%, transparent 50%);

    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50%;

    background-size: 6px 6px;
    background-repeat: no-repeat;
}

.tenant-selection .form_dropdownlist:hover {
    background-color: var(--sidebar-link-bg-active);
}

.tenant-selection .form_dropdownlist:focus {
    outline: none;
    border-color: var(--sidebar-link-text-active);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.12);
}



/* =================== */
/* COMPACT HEIGHT MODE */
/* =================== */

@media (max-height: 1000px) {
    .sidebar {
        padding-top: 16px;
        padding-bottom: 16px;
    }

    .tenant-selection {
        margin-bottom: 16px;
    }

    .tenant-selection .form_dropdownlist {
        min-height: 36px;
        font-size: 0.86rem;
    }

    .sidebar__footer {
        padding-top: 10px;
    }
}

/* ====
// BASE
// ==== */

.sidebarconfig {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid var(--sidebar-border);
}



/* ======
// BUTTON
// ====== */

.sidebarconfig__button {
    width: 100%;
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 0;
    border-radius: 14px;
    padding: 9px 12px;
    cursor: pointer;

    font: inherit;
    color: var(--sidebar-muted);
    background-color: transparent;
    appearance: none;

    transition: background-color 160ms ease;
}

.sidebarconfig__button:hover,
body.config-is-open .sidebarconfig__button {
    background: var(--sidebar-link-bg-active);
    color: var(--sidebar-link-text-active);
}

.sidebarconfig__icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 9px;

    background-image: url("../images/icons/gear-light-full.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 0.7;
}

.sidebarconfig__button span {
    color: inherit;
}



/* ============
// CONFIG PANEL
// ============ */

.sidebarconfig__panel {
    position: fixed;
    left: calc(var(--sidebar-width, 280px) + 12px);
    top: auto;
    bottom: 24px; /* will be overridden by JS */
    z-index: 900;

    width: 300px;
    max-height: calc(100dvh - 24px);
    overflow: hidden;

    padding: 12px;
    border: 1px solid var(--sidebar-border);
    border-radius: 18px;
    background: var(--sidebar-bg, #ffffff);
    color: var(--sidebar-text);

    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18);

    opacity: 0;
    transform: translateX(-8px) translateY(4px) scale(0.98);
    pointer-events: none;

    transition:
        opacity 180ms ease,
        transform 180ms ease;
}

body.config-is-open .sidebarconfig__panel {
    opacity: 1;
    transform: translateX(0) scale(1);
    pointer-events: auto;
}

body.sidebar-is-collapsed .sidebarconfig__panel {
    left: 54px;
}

.sidebarconfig__panel-inner {
    max-height: inherit;
    overflow-y: auto;
    scrollbar-width: none;
}

.sidebarconfig__panel-inner::-webkit-scrollbar {
    display: none;
}



/* ===========
// CONFIG MENU
// =========== */

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

.sidebarconfig__panel-inner > nav > ul {
    display: grid;
    gap: 4px;
}

.sidebarconfig__panel a {
    display: flex;
    align-items: center;
    min-height: 36px;
    padding: 3px 10px;
    border-radius: 10px;

    color: var(--sidebar-text);
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 500;

    transition: background-color 140ms ease, color 140ms ease;
}

.sidebarconfig__panel a:hover {
    background: var(--sidebar-link-bg-hover);
    color: #333333;
}

.sidebarconfig__nav > ul > li.active:not(.has-submenu) > a {
    background: var(--sidebar-link-bg-hover);
    color: #333333;
}

.sidebarconfig__nav > ul > li > ul > li.active > a {
    background: var(--sidebar-link-bg-hover);
    color: #333333;
}



/* ====================
// SUBMENUS (ACCORDION)
// ==================== */

.sidebarconfig__panel li.has-submenu > a::after {
    content: "›";
    margin-left: auto;
    color: var(--sidebar-muted);
    transition: transform 160ms ease;
}

.sidebarconfig__panel li.has-submenu.is-open > a::after {
    transform: rotate(90deg);
}

.sidebarconfig__panel li.has-submenu > ul {
    display: grid;
    gap: 2px;

    overflow: hidden;
    max-height: 0;
    opacity: 0;

    margin-left: 12px;
    padding-left: 10px;
    border-left: 1px solid var(--sidebar-border);

    transition:
        max-height 220ms ease,
        opacity 160ms ease,
        margin-top 220ms ease,
        margin-bottom 220ms ease;
}

.sidebarconfig__panel li.has-submenu.is-open > ul {
    max-height: 300px;
    opacity: 1;
    margin-top: 4px;
    margin-bottom: 8px;
}

.sidebarconfig__panel li.has-submenu > ul a {
    min-height: 30px;
    font-size: 0.84rem;
    color: var(--sidebar-muted);
}



/* =================== */
/* COMPACT HEIGHT MODE */
/* =================== */

@media (max-height: 1000px) {
    .sidebarconfig {
        padding-top: 0;
        padding-bottom: 0;
    }
}

/* ============== */
/* USER FUNCTIONS */
/* ============== */

.sidebar__logoutwrapper {
    display: flex;
    column-gap: 20px;
    justify-content: center;
    margin-bottom: 20px;
}

.sidebar__logout {
    display: flex;
    column-gap: 4px;
    align-items: center;
    color: var(--sidebar-muted);
    /*font-weight: bold;*/
}

.sidebar__logout::before {
    content: "";
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/arrow-left-from-bracket-regular-full.svg");
    opacity: 0.6;
}



/* ============
// VERSION INFO
// ============ */

.sidebar__versioninfo {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

.sidebar__versioninfo a {
    display: flex;
    column-gap: 4px;
    align-items: center;
    text-decoration: none;
    color: var(--sidebar-muted);
}

.sidebar__versioninfo a:hover {
    text-decoration: underline;
}

.sidebar__versioninfo a::before {
    content: "";
    flex: 0 0 23px;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("../images/icons/circle-info-light-full.svg");
    opacity: 0.6;
}



/* ==========
// SMALLPRINT
// ========== */

.sidebar__smallprint {
    display: flex;
    column-gap: 20px;
    justify-content: center;
}

.sidebar__imprintlink {
    font-size: 11px;
    text-decoration: none;
    color: var(--sidebar-muted);
}

.sidebar__imprintlink:hover {
    text-decoration: underline;
}



/* =================== */
/* COMPACT HEIGHT MODE */
/* =================== */

@media (max-height: 1000px) {
    .sidebar__logoutwrapper {
        margin-bottom: 10px;
    }
}

/* ====
// LOGO
// ==== */

.sidebarlogo {
    display: inline-flex;
    flex-direction: column;
    margin-bottom: 50px;
}

.sidebarlogo * {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: #666666;
}

.sidebarlogo__title {
    font-weight: 600;
    font-size: 23px;
    line-height: 31px;
    color: #444444;
}

.sidebarlogo__subtitle {
    font-style: italic;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.05em;
    font-variant: small-caps;
}

.sidebarlogo__poweredby {
    display: flex;
    align-items: center;
    gap: 6px;
}

.sidebarlogo__subtitle + .sidebarlogo__poweredby {
    margin-top: 4px;
}

.sidebarlogo__poweredbytext {
    font-style: italic;
    font-weight: 600;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: -0.05em;
}

.sidebarlogo__poweredbylogo {
    width: 61px;
    height: 13px;
    display: block;
}



/* =================== */
/* COMPACT HEIGHT MODE */
/* =================== */

@media (max-height: 1000px) {
    .sidebarlogo {
        margin-bottom: 30px;
    }
}

/* ====
// BASE
// ==== */

.sidebarnav {
    --outer-radius: 12px;
    --padding: 6px;
    --inner-radius: calc(var(--outer-radius) - var(--padding));
    --subitem-radius: calc(var(--outer-radius) - 4px);

    flex: 1 0 0;
    padding-bottom: 20px;
}

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

.sidebarnav > ul {
    display: grid;
    gap: 4px;
}

.sidebarnav li ul {
    margin: 4px 0 8px;
    padding-left: 8px;
}

.sidebarnav a {
    display: flex;
    column-gap: 10px;
    align-items: center;
    padding: var(--padding);
    border-radius: var(--outer-radius);
    color: var(--sidebar-text);
    text-decoration: none;
    font-size: 0.94rem;
    font-weight: 500;
    line-height: 1.25;
    transition:
        background-color 160ms ease,
        color 160ms ease,
        transform 160ms ease;
}

.sidebarnav li ul a {
    min-height: 34px;
    padding-left: 28px;
    font-size: 0.88rem;
    color: var(--sidebar-muted);
    border-radius: var(--subitem-radius);
}

.sidebarnav li.active > a {
    background: var(--sidebar-link-bg-active);
    color: var(--sidebar-link-text-active);
}

.sidebarnav li > a:hover {
    background: var(--sidebar-link-bg-hover);
}

.sidebarnav li.active > a {
    background: var(--sidebar-link-bg-active);
    color: var(--sidebar-link-text-active);
}




/* Submenu (immer über Struktur selektiert) */
.sidebarnav li > ul {
    display: grid;
    gap: 2px;
    margin: 6px 0 10px 38px;
    padding-left: 10px;
    border-left: 1px solid var(--sidebar-border);
}

/* initial versteckt (JS überschreibt) */
.sidebarnav li.has-submenu > ul {
    display: none;
}

/* geöffnet */
.sidebarnav li.has-submenu.is-open > ul {
    display: grid;
}

/* Pfeil */
.sidebarnav li.has-submenu > a::after {
    content: "›";
    margin-left: auto;
    color: var(--sidebar-muted);
    font-size: 1.1rem;
    transition: transform 160ms ease;
}

/* Pfeil gedreht */
.sidebarnav li.has-submenu.is-open > a::after {
    transform: rotate(90deg);
}

.sidebarnav li.has-submenu.is-open > ul {
    max-height: 300px;
    opacity: 1;
    margin-top: 6px;
    margin-bottom: 10px;
}

.sidebarnav li.has-submenu > ul {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    margin: 0 0 0 30px;
    padding-left: 23px;
    border-left: 1px solid var(--sidebar-border);

    transition:
        max-height 240ms ease,
        opacity 180ms ease,
        margin-top 240ms ease,
        margin-bottom 240ms ease;
}

.sidebarnav li > ul a {
    min-height: 32px;
    padding: 7px 10px;
    font-size: 0.86rem;
    color: var(--sidebar-muted);
}



/* =====
// ICONS
// ===== */

.sidebarnav > ul > li > a::before {
    content: "";
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: var(--inner-radius);
    background-color: rgba(100, 116, 139, 0.12);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px;
}

.sidebarnav > ul > li.icon-start > a::before {
    background-image: url("../images/icons/house-light-full.svg");
}

.sidebarnav > ul > li.icon-seiten > a::before {
    background-image: url("../images/icons/ballot-light-full.svg");
}

.sidebarnav > ul > li.icon-module > a::before {
    background-image: url("../images/icons/database-light-full.svg");
}

.sidebarnav > ul > li.icon-papierkorb > a::before {
    background-image: url("../images/icons/trash-light-full.svg");
}

.sidebarnav > ul > li.icon-vorlagen > a::before {
    background-image: url("../images/icons/pen-field-light-full.svg");
}

.sidebarnav > ul > li.icon-mediendb > a::before {
    background-image: url("../images/icons/images-light-full.svg");
}

.sidebarnav > ul > li.icon-newsletter > a::before {
    background-image: url("../images/icons/envelope-light-full.svg");
}

.sidebarnav > ul > li.icon-social-media > a::before {
    background-image: url("../images/icons/hashtag-light-full.svg");
}






/* =================== */
/* COMPACT HEIGHT MODE */
/* =================== */

@media (max-height: 1000px) {
    .sidebarnav {
        --outer-radius: 10px;
        --padding: 4px;
    }

    .sidebarnav > ul {
        gap: 2px;
    }

    .sidebarnav a {
        font-size: 14px;
    }

    .sidebarnav > ul > li > a::before {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
        background-size: 22px 22px;
    }

    .sidebarnav li.has-submenu > ul {
        margin-left: 24px;
        padding-left: 20px;
    }

    .sidebarnav li > ul a {
        min-height: 28px;
        padding-top: 5px;
        padding-bottom: 5px;
        font-size: 13px;
    }
}