@font-face {
	font-family: 'Open Sans';
	src: url(/framework/OpenSans/OpenSans-Regular.woff) format('woff'), url(/framework/OpenSans/OpenSans-Regular.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url(/framework/OpenSans/OpenSans-Bold.woff) format('woff'), url(/framework/OpenSans/OpenSans-Bold.ttf) format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url(/framework/OpenSans/OpenSans-Italic.woff) format('woff'), url(/framework/OpenSans/OpenSans-Italic.ttf) format('truetype');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Open Sans';
	src: url(/framework/OpenSans/OpenSans-BoldItalic.woff) format('woff'), url(/framework/OpenSans/OpenSans-BoldItalic.ttf) format('truetype');
	font-weight: bold;
	font-style: italic;
}

@font-face {
	font-family: 'analyse Regular';
	src: url(/framework/analyse.woff?v4) format('woff'), url(/framework/analyse.ttf?v4) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'finanzprofi Regular';
	src: url(/framework/finanzprofi.woff?v3) format('woff'), url(/framework/finanzprofi.ttf?v3) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ionicons Medium';
	src: url(/framework/ionicons.woff?v3) format('woff'), url(/framework/ionicons.ttf?v3) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'gewerbe Regular';
	src: url(/framework/gewerbe.woff?v1) format('woff'), url(/framework/gewerbe.ttf?v1) format('truetype');
	font-weight: normal;
	font-style: normal;
}

* {
	font-family: "Open Sans", "sans-serif";
}

:root {
	--wcd-bg-color: white;
	--wcd-bg2-color: rgb(241,242,242);
	--wcd-bg2-alt-color: rgb(241,242,242);
	--wcd-fg2-color: #333;
	--wcd-bg3-color: rgb(196,196,196);
	--wcd-fg3-color: #515151;
	--wcd-bg4-color: rgb(196,196,196); 
	--wcd-bg-knowledge: rgba(200,200,200,.5);
	--wcd-bg-knowledge-yellow: #fe0;
	--wcd-menu-bg-color: white;
	--wcd-btn-bg-color: #e6e6e6;
	--wcd-btn-border-color: #d3d3d3;
	--wcd-btn-bg-hover-color: #d9d9d9;
	--wcd-menu-bg-hover: #f1f1f1;
	--wcd-panelview-bg-color: #ccc;
	--wcd-bcelem-fg-color: #333;
	--wcd-newhh-fg-color: blue;
	--wcd-assignedownhh-fg-color: #d03100;
	--wcd-contractview-fg-color: #555;
	--wcd-readonly-bg-color: #F3F3F3;
	--wcd-datepicker-hover: #ccc;
	--wcd-input-disabled-bg-color: #EBEBEB;
	--wcd-news-bg-color: #eee;
	--wcd-fieldset-bg-color: #eee;
	--wcd-a-link-color: #29166F;
	--wcd-green-color: #117711;
	--wcd-bg-transparent: rgba(66,66,66,.2);
	--wcd-splitting-table-color1: rgb(234,234,234);
	--wcd-splitting-table-color2: rgb(222,222,222);
	--wcd-splitting-table-color3: rgb(196,196,196);
	--wcd-flip-bg: transparent;
	--wcd-flip-circle-bg: white;
	--wcd-flip-circle-shadow: #ccc;
	--wcd-filter-shadow: gray;
	--wcd-fg-dark-color: black;
	--wcd-consistency-red: rgb(186,0,34); 
	--wcd-consistency-fg: rgb(255,255,255); 
	--wcd-table-semi-header: #888;
	--wcd-table-semi-alt1: #ccc;
	--wcd-table-semi-alt2: #aaa;
}
@media (prefers-color-scheme: dark) {
	:root {
		color-scheme: dark;
		--wcd-bg-color: black;
		--wcd-bg2-color: #333;
		--wcd-bg2-alt-color: #333;
		--wcd-fg2-color: white;
		--wcd-bg3-color: #555;
		--wcd-fg3-color: #ccc;
		--wcd-bg4-color: #777;
		--wcd-bg-knowledge: rgba(100,100,100,.5);
		--wcd-bg-knowledge-yellow: yellow;
		--wcd-menu-bg-color: #424242;
		--wcd-btn-bg-color: #424242;
		--wcd-btn-border-color: #555;
		--wcd-btn-bg-hover-color: #5e5e5e;
		--wcd-menu-bg-hover: #1f1f1f;
		--wcd-panelview-bg-color: #555;
		--wcd-bcelem-fg-color: #ccc;
		--wcd-newhh-fg-color: #00e7ff;
		--wcd-assignedownhh-fg-color: #f70;
		--wcd-contractview-fg-color: #999;
		--wcd-readonly-bg-color: #3F3F3F;
		--wcd-datepicker-hover: #444;
		--wcd-input-disabled-bg-color: #444;
		--wcd-news-bg-color: #555;
		--wcd-fieldset-bg-color: #444;
		--wcd-a-link-color: #91B3F4;
		--wcd-green-color: #00FD00;
		--wcd-bg-transparent: rgba(233,233,233,.2);
		--wcd-splitting-table-color1: #444;
		--wcd-splitting-table-color2: #555;
		--wcd-splitting-table-color3: #666;
		--wcd-flip-bg: #aaa;
		--wcd-flip-circle-bg: #333;
		--wcd-flip-circle-shadow: #444;
		--wcd-filter-shadow: #333;
		--wcd-fg-dark-color: white;
		--wcd-consistency-red: #ff55ee;
		--wcd-consistency-fg: black;
		--wcd-table-semi-header: #444;
		--wcd-table-semi-alt1: #555;
		--wcd-table-semi-alt2: #666;
	}
}

/*
 * Link Colors
 */
a {
	font-size: 11px;
	font-weight: normal;
	color: var(--wcd-a-link-color);
	background-color: transparent;
	text-decoration: none;
}

span.analyse {
	font-family: 'analyse Regular';
	font-size: 24px;
	padding: 4px;
}

span.finanzprofi {
	font-family: 'finanzprofi Regular';
	font-size: 24px;
	padding: 4px;
}

span.ionicons {
	font-family: 'ionicons Medium';
	font-size: 24px;
	padding: 4px;
}

span.gewerbeIcon {
	font-family: 'gewerbe Regular';
	font-size: 24px;
	padding: 4px;
}

span.analyse small, span.finanzprofi small {
	font-family: inherit;
	font-size: 14px;
}

span.analyse.solid {
	color: rgb(255,255,255) !important;
	background-color: rgb(186,0,34) !important;
	border-radius: 4px;
	padding: 0 4px;
	font-size: 20px;
	vertical-align: middle;
	cursor: default;
}

h1 a, h1 a:link, h1 a:visited, h1 a:active {
	font-size: 12pt;
}

a:link {
	font-size: 11px;
	/* font-weight: bold; */
	color: var(--wcd-a-link-color);
	background-color: transparent;
	text-decoration: none;
}

a:visited {
	font-size: 11px;
	/*font-weight: bold;*/
	color: var(--wcd-a-link-color);
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #75C5F0;
	background-color: transparent;
	text-decoration: none;
}

a:active {
	color: #75C5F0;
	background-color: transparent;
	text-decoration: none;
}

a.selected {
	font-size: 11px;
	/*font-weight: bold;*/
	color: #75C5F0;
	background-color: transparent;
	text-decoration: none;
}

a.header {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

a.header:link {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

a.header:visited {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

a.header:hover {
	color: #fff;
	font-weight: bold;
	background-color: #75C5F0;
	text-decoration: none;
}

a.header:active {
	font-weight: bold;
	color: #fff;
	background-color: transparent;
}

a[onclick] {
	cursor: pointer;
}

a.line {
	text-decoration: underline;
}

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

a.linkBigButton {
	display: block;
	text-align: center;
	background-color: var(--wcd-btn-bg-color);
	border: 1px solid var(--wcd-btn-border-color);
	border-radius: 4px;
	margin: 1em 0;
	padding: 1em;
	font-size: 14px;
}

a.linkBigButton:hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

a[disabled] {
	cursor: default;
	color: gray !important;
}

.wcdBtn, a.wcdBtn:link {
	-webkit-appearance: none;
	font-size: 9pt !important;
	border-radius: 4px;
	padding: 3px 6px;
	margin: 1px 1px 1px 0;
	min-width: 24px;
	min-height: 24px;
	vertical-align: middle;
	transition: background 200ms;
}

.wcdBtn:not(.nobg) {
	background-color: var(--wcd-btn-bg-color);
	border: 1px solid var(--wcd-btn-border-color);
}

.wcdBtn::-moz-focus-inner {
	border: 0;
}
.wcdBtn:not([disabled]) {
	color: var(--wcd-fg2-color);
	cursor: pointer;
}
.wcdBtn:not([disabled]):hover, .wcdBtn:not([disabled]):focus {
	background-color: var(--wcd-btn-bg-hover-color);
}

.wcdBtn:not([disabled]):active {
	background-color: #d2d2d2;
}

.tabline.plausiLineExclusive .wcdBtn {
	color: var(--wcd-consistency-red);
}

.fa-highlight {
	color: rgb(186,0,34) !important;
}

.fa-orange {
	color: orange !important;
}

.fa-green {
	color: var(--wcd-green-color) !important;
}

.fa-red {
	color: red !important;
}

.fa-fixed-2em {
	width: 2em; 
	text-align: center; 
	line-height: 1.3em; 
}

@keyframes spinner {
	to { transform: rotate(360deg); }
}

.wcd-spinner {
	border-top: 4px solid var(--wcd-fg2-color);
	border-left: 4px solid var(--wcd-fg2-color);
	border-bottom: 4px solid var(--wcd-fg2-color);
	border-right: 4px solid transparent;
	width: 26px !important;
	height: 26px !important;
	display: inline-block;
	border-radius: 50%;
	box-sizing: border-box;
	vertical-align: super !important;
	margin: 3px 6px;
	padding: 0 !important;
	animation: spinner .6s linear infinite;
}

.wcd-spinner.hidden {
	visibility: hidden;
}

.wcd-spinner.small {
	border-width: 2px;
	width: 20px !important;
	height: 20px !important;
}

.dropDownLeiste .wcd-spinner {
	

	border-top: 4px solid rgb(255,255,255);
	border-left: 4px solid rgb(255,255,255);
	border-bottom: 4px solid rgb(255,255,255);
}

.Clarus .dropDownLeiste .wcd-spinner {
	/*weiß erzwingen weil Clarus schwarze Schrift hat und das unschön aussieht.*/
	border-top: 4px solid white !important;
	border-left: 4px solid white !important;
	border-bottom: 4px solid white !important;
}

.wcd-spinner.inline {
	

	border-top: 2px solid rgb(186,0,34) !important;
	border-left: 2px solid rgb(186,0,34) !important;
	border-bottom: 2px solid rgb(186,0,34) !important;
	vertical-align: middle !important;
	width: 20px !important;
	height: 20px !important;
}


#WaitDialog .wcd-spinner {
	vertical-align: middle !important;
}

#WaitDialog .fa-solid {
	font-size: 26px;
	margin: 3px 6px;
}

.wcdLoader {
	display: grid;
	grid-template-columns: auto auto;
}

.wcdLoader b+br {
	/* break nach <b>Bitte warten...</b> nicht anzeigen (wird sonst im Chrome/Safari als eigene Zeile angezeigt*/
	display: none;
}

.wcdLoader::before {
	content: " ";
	border-top: 4px solid;
	border-left: 4px solid;
	border-bottom: 4px solid;
	border-right: 4px solid transparent;
	width: 26px !important;
	height: 26px !important;
	display: inline-flex;
	border-radius: 50%;
	box-sizing: border-box;
	margin: 3px 6px;
	padding: 0 !important;
	animation: spinner .6s linear infinite;
	grid-row: 1/10;
	align-self: center;
}

/*
 * global classes
 */
.left {
	text-align: left !important;
}
 
.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

/*
 * main classes
 */
.otpFields {
	margin: 2em;
	text-align: center;
	white-space: nowrap;
}

.otpFields input[name=otp] {
	padding: 4px;
	margin: 2px;
	text-align: center;
	font-size: 14px;
	-moz-appearance: textfield;
	border: 1px solid var(--wcd-btn-border-color);
	border-radius: 4px;
	width: 2em;
	height: 2em;
}

.otpFields input[name=otp]::-webkit-outer-spin-button,
.otpFields input[name=otp]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.documentSelection {
	display: grid; 
	grid-template-columns: 30px auto; 
	align-items: center; 
	margin: 1em 0;
}

.documentSelection label {
	padding: 0 .5em;
}

.zuwButtons {
	display: flex;
	justify-content: center;
	height: 160px;
	margin-top: 1em;
}

.zuwButtons .grid {
	position: relative;
}

.zuwButtons .item {
	display: block;
	position: absolute;
	width: 100px;
	height: 136px;
	z-index: 1;
	margin: 5px;
}
.zuwButtons .item.muuri-item-dragging {
	z-index: 3;
}
.zuwButtons .item.muuri-item-releasing {
	z-index: 2;
}
.zuwButtons .item.muuri-item-hidden {
	z-index: 0;
}
.zuwButtons .item-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.zuwButtons a {
	display: flex;
	flex-direction: column;
	align-items: center;
	background: var(--wcd-btn-bg-color);
	border: 1px solid var(--wcd-btn-border-color);
	width: 100px;
	height: auto;
	font-size: 12px;
	border-radius: 4px;
	overflow: hidden;
}

.zuwButtons a.disabled {
	filter: grayscale(100%);
	opacity: 0.55;
}

.zuwButtons a.active::after {
	content: attr(data-order);
	position: absolute;
	right: 2px;
	bottom: 38px;
	font-size: 20px;
	line-height: 1em;
	background-color: green;
	color: white;
	padding: 2px;
	border-radius: 22px;
	width: 22px;
	height: 22px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.zuwButtons a > span {
	white-space: normal;
	line-height: 1em;
	padding: 5px 0;
	height: 2em;
	display: flex;
	align-items: center;
	text-align: center;
}

.abschluss, .abschlussGT, .abschlussDocs {
	margin: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 1em;
}

.abschluss {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1em;
	align-items: start;
}

.abschluss > span:not([data-cnt]) {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
	justify-content: center;
}

.abschluss > span:not([data-cnt]) > span {
	background: gray;
	color: white;
	border-radius: 4px;
	padding: 2px 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.abschluss span[data-cnt] {
	color: rgb(255,255,255) !important;
	background-color: rgb(186,0,34) !important;
	display: inline-flex;
	width: 100px;
	height: 100px;
	align-items: center;
	overflow: hidden;
	flex-direction: column;
	border-radius: 50%;
	gap: .5em;
	justify-self: center;
	box-shadow: 0 0 10px gray;
	cursor: pointer;
}

.abschluss span[data-cnt]::before {
	content: attr(data-cnt);
	font-size: 2em;
	padding: 15px 5px 5px 5px;
}

.abschlussGT {
	display: grid;
	grid-template-columns: auto auto auto;
	margin: 4em;
}

.abschlussGT span {
  text-align: right;
}

.abschlussGT img {
	height: 32px;
}

.abschlussGT button {
	display: inline-flex;
	align-items: center;
	gap: .5em;
}

.abschlussGT button img {
	height: 20px;
}

.abschlussDocs {
	display: block;
}

.abschlussDocs ul {
	display: inline-block;
	text-align: left;
	list-style-type: disc;
	margin: 0;
	padding: 0;
}

.abschlussDocs ul span {
	display: flex;
	justify-content: space-between;
	gap: 1em;
	border-bottom: 1px dotted gray;
}

.abschlussDocs ul li {
	line-height: 1.7em;
}

.abschlussDocs ul li:not(:has(span)) {
  list-style-type: none;
}

.abschlussDocs ul li span i {
	width: 1.7em;
}

.abschlussDocs ul li span i[title] {
	mask: no-repeat center/1.7em url(/framework/ImageServlet?file=pencil-outline.svg);
	background: #555;
}

#processImageId {
	height: 19px;
	padding: 6px 10px;
	vertical-align: middle;
}

.test {
	font-family: arial, courier;
	text-align: left;
}

.age_text_field_label {
	max-width: 180px;
	min-width: 180px;
}

.age_dbja_values {
	max-width: 200px;
	min-width: 200px;
}

.age_text_field {
	font-weight: bold;
	max-width: 200px;
	min-width: 200px;
}

.age_datum_text {
	font-weight: bold;
	max-width: 200px;
	min-width: 200px;
}

.age_datum {
	font-weight: bold;
}

.age_datum_input {
	width: 200px;
	border-right: 0 !important;
	border-radius: 4px 0 0 4px !important;
}

.age_datum_input ~ .ui-datepicker-trigger {
	position: static;
	vertical-align: middle;
	padding: 4px;
	margin-left: 0;
	border: 1px solid #D3D3D3;
	border-radius: 0 4px 4px 0;
	height: 14px;
	background-color: #e6e6e6;
	cursor: pointer;
	display: inline-block;
	box-sizing: content-box;
	font-size: 12px;
}

.ui-datepicker-trigger img {
	height: 14px;
}

.invisibleNativeDatePicker {
	position: absolute;
	margin-left: -118px;
	z-index: -1;
	height: 20px;
	vertical-align: middle;
	border: 0;
	width: 85px;
}

.ui-datepicker-trigger.inaktiv {
	cursor: default;
}

.datePickerWcd #ui-datepicker-div {
	width: auto !important;
}

.datePickerWcd .ui-datepicker-header {
	background: none;
	border: none;
}

.datePickerWcd .ui-datepicker-calendar {
	width: auto;
	margin: 1em;
}

.datePickerWcd .ui-datepicker-calendar th {
	font-weight: normal;
	text-align: center;
	color: gray;
}

.datePickerWcd .ui-datepicker-week-col {
	text-align: left !important;
	padding-left: 2px;
	color: gray;
}

.datePickerWcd .ui-datepicker-calendar a {
	background: none;
	border: none;
	color: var(--wcd-fg2-color);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

.datePickerWcd .ui-datepicker-calendar a:hover {
	background-color: var(--wcd-datepicker-hover);
}

.datePickerWcd .ui-datepicker-today a {
	background-color: var(--wcd-bg3-color);
}

.datePickerWcd .ui-datepicker-calendar a.ui-state-active {
	color: rgb(255,255,255) !important;
	background-color: rgb(186,0,34) !important;
	border-radius: 4px;
}

.datePickerWcd .ui-datepicker-calendar .ui-datepicker-week-end,
.datePickerWcd .ui-datepicker-calendar .ui-datepicker-week-end a {
	color: red;
}

.fieldGroup .fieldAppendix {
    padding: 5px;
    border: 1px solid var(--wcd-btn-border-color);
    border-left: 0;
    background-color: var(--wcd-btn-bg-color);
    color: var(--wcd-fg2-color);
    vertical-align: middle;
    display: inline-block;
    line-height: 12px;
    min-width: 12px;
    text-align: center;
}

.fieldGroup :first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.fieldGroup :not(:first-child) {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fieldGroup :last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.fieldGroup :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fieldGroup .fieldAppendix[for] {
	cursor: pointer;
}

.age_seitenname {
	font-size: 4em;
}

.mail a:link {
	
}

.vtop {
	vertical-align: top;
}

.middle, .vmiddle {
	vertical-align: middle;
}

td.grup td {
	font-size: 7pt;
	width: 150px;
}

td.grup .age_text_field_label {
	width: 50px;
}

td.grup .age_dbja_values {
	width: 20px;
	color: #A9A9A9; /*darkGray*/
}

.leftimg {
	float: left;
}

@page {
	size: landscape;
}

/* Grundeinstellungen */
html {
	overflow: auto;
	overflow-x: auto;
	overflow-y: scroll !important;
	-webkit-text-size-adjust: 100%;
}

html, body {
	width: 100%;
	/* height: 100%; */
	background-color: var(--wcd-bg-color);
}

body {
	font-size: 8pt;
	text-align: left;
	margin: 0;
	padding: 0;
}

body input, body select, body textarea {
	font-size: 9pt;
	font-weight: normal;
}

div.main {
	width: 100%;
}

ul {
	list-style-type: none;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}

ul.disc {
	list-style-type: disc;
	text-align: left;
	padding-left: 40px;
	color: gray;
}

ul.a16 {
	list-style-type: disc;
	margin-left: 20px;
	padding-left: 0;
	color: rgb(150, 148, 145);
}

ul.a16 u {
	color: black;
}

ul.wobbl {
	list-style-type: square;
	margin-left: 0.8cm;
}

#flake {
	font-family: "Zapf Dingbats";
	color: rgb(186,0,34);
	text-shadow: 0 0 3px white;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: default;
}

img.head_bg {
	width: 5cm;
}

/* persönliche Daten */
table.persdat {
	font-size: 10pt;
	margin-left: 1.7cm;
	border: 1px solid rgb(150, 148, 145);
	width: 15.4cm;
}

table.persdat td.sp1 {
	font-weight: bold;
	color: rgb(150, 148, 145);
	width: 2.5cm;
}

table.persdat td {
	vertical-align: top;
}

table.persdat .sep {
	width: 1cm
}

table.persdat .fill {
	width: 20%
}

/* Überschriften, mit oder ohne Punkt */
table.p {
	width: 100%;
	border: 0;
	margin-top: 1cm;
	margin-bottom: 4mm;
}

table.p td {
	border: 0;
}

div.brk table.p { /* Kein Abstand vorher bei Seitenumbruch */
	margin-top: 0;
}

/*table.p td.sp1 {
	width: 30px;
	height: 30px;
	text-align: center;
}*/
td.ph1 { /* Titel des Dokuments */
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	width: 100%;
	vertical-align: bottom;
	padding-left: 5mm;
	padding-bottom: 0;
}

td.ph2 { /* Unterüberschriften mit Punkt */
	font-size: 14pt;
	font-style: italic;
	text-align: left;
	padding-left: 5mm;
	padding-bottom: 0;
	width: 100%;
	vertical-align: bottom;
}

.ph2a {
	font-weight: bold;
	margin-left: 1mm;
	font-size: 1.1em;
	border-bottom: 3px solid gray;
}

.ph3 {
	text-decoration: underline;
	font-weight: bold;
	margin-left: 1mm;
	font-size: 1.1em;
}

.ph4 {
	font-weight: bold;
	margin-left: 1mm;
}

h3 {
	font-weight: bold;
	font-size: 1em;
	margin-left: 1mm;
}

div.text h3 {
	margin-left: 0;
}

div.text .ph2a {
	margin-left: 0;
}

div.text .ph3 {
	margin-left: 0;
}

div.text .ph4 {
	margin-left: 0;
}

/* Datentabelle */
table.myli {
	text-align: left;
	font-size: 8pt;
	border-collapse: collapse;
	width: 98%;
	margin-left: 1mm;
}

div.text table.myli {
	margin-left: 0;
}

table.myli td {
	vertical-align: top;
}

table.myli2 {
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	margin-left: 1mm;
}

div.text table.myli2 {
	margin-left: 0;
}

table.myli2 td {
	vertical-align: top;
}

table.sel {
	text-align: left;
	font-size: 1em;
	width: 100%;
	border: 0;
	margin-top: 5mm;
	margin-bottom: 5mm;
	margin-left: 1mm;
	padding: 5mm;
}

div.text table.sel {
	margin-left: 0;
}

table.sel td {
	vertical-align: top;
}

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

img.xy {
	width: 100%;
	max-height: 100%;
}

table.myli td.meta {
	text-align: left;
	font-size: 1em;
	min-width: 80%;
}

table.myli tr.meta {
	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
	
}

table.myli .alt1 { background-color: rgb(241,242,242);
	
}

table.myli .alt2 {
	background-color: rgb(241,242,242);
	
}

table.myli td.texi {
	text-align: left;
	color: gray;
}

table.myli td.numi {
	text-align: right;
	color: gray;
}

table.myli td.texs {
	text-align: left;
	color: #5a5424;
}

table.myli td.nums {
	text-align: right;
	color: #5a5424;
}

table.myli td.soll {
	text-align: right;
	font-size: 1em;
	color: #5a5424;
	border: 0;
	min-width: 20%;
	font-weight: bold;
}

table.myli td.ist {
	min-width: 20%;
	font-size: 1em;
	text-align: right;
	border: 0;
	color: gray;
}

table.myli td.tabtit {
	text-align: right;
	border: 0;
}

table.myli td.tabtit2 {
	text-align: left;
	border: 0;
}

table.myli td.sspar {
	text-align: right;
	color: #5a5424;
}

table.myli td.ispar {
	text-align: right;
	color: gray;
}

td.label {
	text-align: left;
}

td.noPad {
	padding: 0mm;
}

b.big {
	font-size: 1.3em;
	font-weight: bold;
}

div.text {
	text-align: left;
	font-size: 10pt;
	margin-left: 0;
	margin-bottom: 1cm;
	padding-right: 2mm;
}

/* Unterschriftenblock */
table.us {
	width: 100%;
	border: 0;
	font-size: 8pt;
}

table.us {
	
}

table.us tr.box td {
	border-right: 1pt solid gray;
	border-bottom: 1pt solid gray;
	font-size: 10pt;
}

table.us tr.box td.sp1 {
	border-right: 0;
	border-bottom: 0;
}

table.us td.sp1 {
	width: 40px;
	text-align: center;
	border: 0;
	border-right: 0;
	border-bottom: 0;
}

table.us td.sp1l {
	width: 30px;
	height: 30px;
	border: 0;
}

table.us td.sp2 {
	width: 280px;
	text-align: center;
	/*	alignment: top;*/ /*veraltet*/
	vertical-align: top;
}

table.us td.sp25 {
	width: 33%;
	text-align: center;
	/*	alignment: top;*/ /*veraltet*/
	vertical-align: top;
}

table.us td.sp2270 {
	width: 280px;
	text-align: center;
	/*	alignment: top;*/ /*veraltet*/
	vertical-align: top;
}

table.us td.sp3 {
	text-align: center;
	/*	alignment: top;*/ /*veraltet*/
	vertical-align: top;
}

div.uschrift {
	margin-top: 1cm;
}

div.abspann {
	width: 100%;
	margin-top: 1.3cm;
	text-align: center;
}

div.abspann table {
	width: 100%;
}

div.abspann th {
	color: rgb(232, 125, 13);
	font-size: 7pt;
	margin-right: 5mm;
	text-align: left;
}

div.abspann td {
	color: rgb(150, 148, 145);
	font-size: 7pt;
	margin-right: 5mm;
	text-align: left;
}

.brk {
	page-break-before: always;
}

.nobrk .brk {
	page-break-before: auto;
}

h4 {
	font-size: 10pt;
	font-weight: bold;
}

.nobr {
	white-space: nowrap;
}

.tdoben { /*   vertical-align:top; */
	
}

/* Anlage zum Maklervertrag */
body.vue td.ist {
	text-align: left;
}

body.vue table.myli td {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

body.vue table.myli {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

/* Beratungsprotokoll */
body.bd {
	font-size: 9pt;
}

body.bd table.persdat {
	width: 100%;
	margin-left: 0;
}

body.bd table.myli {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

body.bd table.myli td {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

body.bd table.myli td.istkom {
	border-width: 0;
	border-style: none;
	border-color: white;
	color: gray;
}

body.bd table.myli td.sollkom {
	border-width: 0;
	border-style: none;
	border-color: white;
	color: #5a5424;
}

body.bd div.text {
	font-size: 9pt;
	margin-left: 0;
}

body.bd div.abspann {
	margin-top: 0.5cm;
}

body.bd .ph2a3 {
	margin: 0;
	text-decoration: underline;
}

body.bd p {
	margin-top: 0.95em;
	margin-bottom: 0.95em;
}

/* Maklervertrag*/
body.mv {
	font-size: 9pt;
}

body.mv div.text {
	font-size: 9pt;
}

body.mv div.abspann {
	margin-top: 1cm;
}

body.mv p {
	margin-top: 0.95em;
	margin-bottom: 0.95em;
}

table.ankreuzen {
	font-size: 1em;
	text-align: left;
	border-collapse: collapse;
	width: 99.5%;
	margin-left: 1mm;
}

div.text table {
	margin-left: 0;
}

table.ankreuzen td.tabtit {
	width: 2cm;
	text-align: center;
	vertical-align: top;
}

table.ankreuzen td.pic {
	width: 2cm;
	text-align: center;
}

table.ankreuzen td.kom {
	padding-left: 3mm;
	font-style: italic;
	width: 9.5cm;
	font-size: 8pt;
}

table.myli td.istkom {
	padding-left: 3mm;
	font-style: italic;
	font-size: 8pt;
	border-bottom: 0;
	border-top: 0;
}

table.myli td.sollkom {
	padding-left: 3mm;
	font-style: italic;
	font-size: 8pt;
	border: 0;
}

body.bd div.text {
	width: 100%;
}

table.line {
	width: 100%;
}

table.line td {
	border-bottom: 1px dotted black;
	width: 100%;
	height: 7mm;
}

table.shadow.line td {
	border-color: #333;
}

/* Vertragsübersicht */
body.nnf td.soll {
	text-align: left;
}

body.nnf table.myli td {
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

body.nnf table.myli {
	border-collapse: collapse;
	border-width: 1px;
	border-style: solid;
	border-color: gray;
}

p.vermerk {
	width: 3.5cm;
	margin-bottom: 0.8cm;
}

p.vermerk hr {
	color: gray;
}

table.myli td.line {
	vertical-align: middle;
	height: 1.4cm;
	width: 3.5cm;
}

/* table.myliLine */
table.myliLine {
	font-size: 8pt;
	width: 100%;
	empty-cells: show;
}

table.myliLine td {
	border-bottom: 1px dotted gray;
}

div.ohnerahmen table.myliLine td {
	border: 0;
}

table.myliLine td.vcm {
	width: 4cm;
	text-align: right;
}

table.myliLine td.meta {
	border: 0;
}

table.myliLine td.ist {
	margin-left: 5mm;
	border: 0;
}

table.myliLine td.soll {
	margin-left: 5mm;
	border: 0;
}

table.myliLine td.noPad {
	width: 7cm;
	min-width: 7cm;
	border: 0;
}

table.myliLine td.ergIst {
	text-align: right;
	color: gray;
	vertical-align: middle;
}

table.myliLine td.ergSoll {
	text-align: right;
	color: #5a5424;
	vertical-align: middle;
	font-weight: bold;
}

table.myliLine td.ergtit {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

table.myliLine tr.tabtit td {
	padding-bottom: 1mm;
	padding-top: 1mm;
}

table.myliLine td.sep {
	height: 0mm;
	padding: 0;
	margin: 0;
}

/* Verzichtserklärung */
body.ve div.abspann {
	margin-top: 2cm;
}

/* Beitragsvergleich Gesamtansicht */
body.bvga table.p {
	margin-top: 0;
}

body.bvga table.persdat {
	margin-bottom: 4mm;
	width: auto;
	border: 0;
}

body.bvga div#r img {
	margin-bottom: 1cm;
}

body.bvga table {
	font-size: 8pt;
}

body.bvga td.meta {
	border: 0;
}

body.bvga td.ist {
	color: black;
	margin-left: 5mm;
	border: 0;
}

body.bvga td.soll {
	color: black;
	margin-left: 5mm;
	border: 0;
}

body.bvga td.noPad {
	width: 7cm;
	min-width: 7cm;
	border: 0;
}

body.bvga td.ergIst {
	text-align: right;
	/*	color:gray; */
	vertical-align: middle;
	color: black;
}

body.bvga td.ergSoll {
	text-align: right;
	/*	color: #5a5424; */
	vertical-align: middle;
	font-weight: bold;
	color: black;
}

body.bvga td.ergtit {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
}

body.bvga tr.tabtit td {
	padding-bottom: 1mm;
	padding-top: 1mm;
	font-weight: bold;
}

body.bvga table.myli td.sep {
	height: 0mm;
	padding: 0;
	margin: 0;
}

body.bvga table.myliInner {
	border-collapse: collapse;
	width: 100%;
}

body.bvga table.myli td {
	border-bottom: 1px dotted gray;
}

body.bvga table.myliInner td {
	font-size: 7pt;
	border: 0;
	text-align: left;
}

body.bvga div.ohnerahmen table.myli td {
	border: 0;
}

body.bvga table.myliInner td.metal {
	text-align: left;
}

body.bvga table.myliInner td.istl {
	text-align: right;
	color: black;
}

body.bvga table.myliInner td.solll {
	text-align: right;
	color: black;
}

body.bvga #breite50p {
	width: 50%;
}

body.bvga #breite13mm {
	width: 13mm;
}

div.linksoben {
	
}

td.pa {
	width: 20%;
	font-size: 13pt;
	text-align: center;
}

p.hinweis {
	font-size: 7pt;
	margin-top: 1em;
}

/* Kundenbefragungsbogen */
body.kbb table.persdat {
	width: 100%;
	margin-left: 0;
	margin-bottom: 3mm;
}

body.kbb p {
	margin-left: 1mm;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

body.kbb table.p {
	margin-top: 0;
}

body.kbb div.uschrift {
	margin-top: 5mm;
}

body.kbb div.abspann {
	margin-top: 0.5cm;
}

body.bd div.uschrift {
	margin-top: 5mm;
}

body.ve div.uschrift {
	margin-top: 2cm;
}

body.vaka table.p {
	margin-top: 0;
}

body.vaka table.myli td {
	border-bottom: 1px dotted gray;
}

body.vaka table.myli table td {
	border: 0;
}

/* Kündugngsschreiben */
.kuendigung {
	font-size: 11pt;
}

div.cashlife table tbody tr td {
	font-size: 9pt;
}

div.cashlife p {
	font-size: 9pt;
}

body.kuend p.ph2a {
	margin-top: 0;
	margin-bottom: 0;
}

div.falz {
	height: 1cm;
}

div.absender {
	height: 3.5cm;
	margin-left: 5mm;
}

div.adr {
	width: 7.5cm;
	height: 4.5cm;
	margin-left: 5mm;
	text-align: left;
}

div.adr2 {
	width: 7.5cm;
	text-align: left;
}

div.adr div.Abs {
	width: 100%;
	text-align: left;
	font-size: 0.6em;
	border-bottom: 1px solid black;
	margin-bottom: 1mm;
}

div.inhalt {
	width: 16cm;
	margin-left: 5mm;
}

div.inhalt div.datum {
	width: 100%;
	text-align: right;
}

.anrede {
	margin-top: 3em;
	margin-bottom: 2em;
}

.gruss {
	margin-top: 2em;
}

.sign {
	margin-top: 2cm;
}

.betreff {
	margin-top: 1em;
	font-weight: bold;
}

/* Leistungsvergleich Gesamtansicht */
body.lvga table.persdat {
	width: 100%;
	margin-left: 0;
}

/* Deckblatt Kuendigungen */
div.deckblatt table.myli td {
	padding-right: 3mm;
	border-bottom: 1px dotted gray;
	font-size: 8pt;
	height: 1cm;
}

div.deckblatt table.myli tr.tabtit td {
	font-weight: bold;
}

.ohnerahmen table.myli td {
	border-width: 0;
	border-style: none;
}

#l {
	text-align: left;
}

#r {
	text-align: right;
}

#c {
	text-align: center;
}

#autow {
	width: auto;
}

#gummiw {
	width: 15%;
}

.rot {
	color: red;
}

b.rot {
	font-weight: bold;
}

#breite2cm {
	width: 2cm;
}

div.proc {
	
}

.istsoll {
	width: 350px;
	/* width: 100%; */
	border: 1px;
	border-style: solid;
	border-color: rgb(215, 215, 215);
	margin-bottom: 5px;
	background-color: rgb(255, 255, 255);
}

.wecodehome {
	width: 244px;
	vertical-align: top;
}

.struc {
	width: 100%;
}

.funktionenWECODE {
	padding: 0px;
	vertical-align: top;
}

.navibaum {
	min-width: 100% !important;
	width: 100%;
	padding-bottom: 8px;
	margin-bottom: 5px;
}

.navibaum table {
	table-layout: fixed;
}

#tabTree {
	margin-left: 8px;
}

.naviBaumItemEffect td:nth-child(1) {
	display: none;
}

.naviBaumItemEffect td:last-child {
	border-bottom: 1px dotted #777;
}

.naviBaumItemEffect td:nth-child(2) {
	width: 3px;
}
.naviBaumItemEffect td:nth-child(2) * {
	visibility: hidden;
}

.naviBaumItemEffect:nth-child(2) td:nth-child(2) {
	width: 6px;
}

.EinsZuEins .naviBaumItemEffect td:nth-child(2) {
	width: 6px;
}

.EinsZuEins .naviBaumItemEffect:nth-child(1) td:nth-child(2) {
	width: 3px;
}

.Clarus .naviBaumItemEffect:nth-child(3) td:nth-child(2) {
	width: 6px;
}

.globalTree {
	width: 318px;
	margin-left: 8px;
}

.leitfaden {
	width: 345px;
	border: 1px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-style: solid;
	margin-bottom: 5px;
	background-color: white;
	border-collapse: collapse;
	overflow: hidden;
	border: 1px solid rgb(186,0,34);
}

.leitfadenExclusive {
	width: 300px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 5px;
	margin-left: 8px;
	margin-top: 0px;
	background-color: var(--wcd-bg-color);
	border-collapse: collapse;
}

.content {
	width: 660px;
	border-collapse: collapse;
	border: 0px;
	border-color: rgb(215, 215, 215);
	padding-left: 10px;
	padding-right: 10px;
	background-color: var(--wcd-bg-color);
	margin: 0 auto;
}

.content > tbody > tr > td {
	padding: 0;
}

.dokument {
	width: 99%;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	/* margin-top: 20px; */
	background-color: rgb(255, 255, 255);
	text-align: left;
}

.dokument h1 {
	background-color: white;
	color: black;
	font-size: 9pt;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0;
	letter-spacing: 0.25em;
	padding: 3px;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

.dokument h2 {
	font-size: 13pt;
	background-color: rgb(196,196,196);
	font-weight: normal;
	padding: 2px;
	padding-left: 5px;
}

.dokument h3 {
	font-size: 1.1em;
}

.dokument p {
	text-align: center;
}

.dokument table.m {
	margin: 0 auto;
	border-collapse: collapse;
}

.dokument table th {
	padding: 0.5em;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.dokument table td {
	padding: 0.3em 0.5em;
	vertical-align: top;
}

.myTable .image img, .myTable .image i {
	height: 16px;
	width: 20px;
	font-size: 1.25em;
	margin-right: 3px;
	vertical-align: middle;
	text-align: center;
}

.menueleiste {
	height: 100px;
	width: 100%;
	margin-top: 15px;
	padding: 0px;
	min-width: 1024px;
}

.menueTypePulldown .servlet_all {
	width: 100%;
	min-width: 1024px;
}

.statusleiste {
	width: 100%;
	height: 30px;
	border-collapse: collapse;
	text-align: right;
}

.menueTypeRaster .statusleiste.Process {
	display: none;
}

.menueTypePulldown .statusleiste.Structure {
	right: 0;
	width: 40px;
	box-shadow: 0px 1px 6px #ccc;
}

.menueTypePulldown .statusleiste {
	position: fixed;
	top: 30px;
	background-color: var(--wcd-bg-color);
	height: auto;
	z-index: 600;
}

.menueTypePulldown .menueleiste {
	display: none;
}

.menueTypePulldown .wasserzeichen {
	background: none !important;
}

.menueTypePulldown .dropDownLeiste {
	position: fixed;
	min-width: 310px;
	height: 30px;
	display: flex;
	align-items: center;
}

/* Neue Pulldown Menü Anfang*/

.menueTypeNext.menueTypePulldown .dropDownLeiste {
	height: 40px;	
}

.menueTypeNext.menueTypePulldown .statusleiste {
	top: 40px;
	height: 15px;
}
.menueTypeNext.menueTypePulldown .statusleiste.Structure {
	display: none !important;
}

.menueTypeNext.menueTypePulldown #ProcessComponentBreadCrumbIdWrapperDiv {
	height: 105px;
}

.menueTypeNext.menueTypePulldown #ProcessComponentBreadCrumbIdOverviewDiv {
	top: 55px;
}

.menueTypeNext.menueTypePulldown .dropbtn, a.dropbtn {
	font-size: 13px;
}

.menueTypeNext .auftraggeber img {
	padding: 4px; 
	margin: 0 4px;
	height: 40px;
	box-sizing: border-box;
	vertical-align: middle;
}

.Clarus .menueTypeNext .auftraggeber img, 
.EinsZuEins .menueTypeNext .auftraggeber img {
	background: white; 
}

.menueTypeNext .dropDownRight div {
	vertical-align: top;
}

.menueTypeNext .dropbtn, a.dropbtn {
	padding: 13px 8px;
}

.menueTypeNext .startPageTable {
	top: -23px !important;
	height: calc(100vh - 40px);
}

.dropDownLeiste .wcd-spinner {
	flex-shrink: 0;
}

.dropDownLeiste div.search {
	padding: 1em;
	position: relative;
}

.dropDownLeiste div.search.menuTextLine {
	margin: 0;
	padding: 0;
}

.dropDownLeiste div.search input {
	height: auto;
	width: 100%;
	min-width: 150px;
	background: var(--wcd-bg2-color);
	border-radius: 4px;
	border: 0;
	padding: 6px;
	padding-right: 26px;
	box-sizing: border-box;
}

.dropDownLeiste div.search button {
	position: absolute;
	right: 14px;
	height: 29px;
	border: 0;
	background: none;
	cursor: pointer;
	visibility: hidden;
	
}

/* Neue Pulldown Menü Ende*/

.overlappingImage {
	position: absolute;
	right: 95px;
	z-index: 100000;
	top: 10px;
}
.overlappingImage img {
    padding: 30px 20px;
	box-shadow: 0px 1px 6px #ccc;
	background-color: white;
	float: right;
}
.menueTypePulldown .menueleiste {
	margin-top: 0px !important;
}

.menuezeile {
	width: 100%;
	font-size: 6px;
	padding: 0px;
	margin: 0px;
	height: 13px;
	text-align: left;
}

.menuezeile img {
	border: 0px;
	height: 12px;
}

.menueTR, .menueTD {
	height: 12px;
	font-size: 6px;
}

.menueTD a {
	height: 12px;
	background-repeat: no-repeat;
	display: block;
}

.linkProvKonto {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 99px;
	float: left;
}

.linkProvKonto a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VORSCHAU&schrift=4);
}

.linkProvKonto a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VORSCHAU&schrift=4&farbe=255,0,0);
}

.linkProvContracts {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 100px;
	float: left;
}

.linkProvContracts a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERTRÄGE&schrift=4);
}

.linkProvContracts a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERTRÄGE&schrift=4&farbe=255,0,0);
}

.linkProvAdmin {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 172px;
	float: left;
}

.linkProvAdmin a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=ADMINISTRATION&schrift=4);
}

.linkProvAdmin a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=ADMINISTRATION&schrift=4&farbe=255,0,0);
}

.linkLogout {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 72px;
	float: left;
}

.linkLogout a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LOGOUT&schrift=4);
}

.linkLogout a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LOGOUT&schrift=4&farbe=255,0,0);
}

.linkHilfe {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 59px;
	float: left;
}

.linkHilfe a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HILFE&schrift=4);
}

.linkHilfe a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HILFE&schrift=4&farbe=255,0,0);
}

.linkHandbuch {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 99px;
	float: left;
}

.linkHandbuch a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HANDBUCH&schrift=4);
}

.linkHandbuch a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HANDBUCH&schrift=4&farbe=255,0,0);
}

.linkHaushaltsuebersichtInline, .linkHaushaltsuebersichtInlineInaktiv {
	display: inline;
	padding: 0 1em;
	cursor: pointer;
}

.linkHaushaltsuebersichtInlineInaktiv {
	color: #999999;
	cursor: default !important;
}

.linkHaushaltsuebersicht {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 97px;
	float: left;
}

.linkHaushaltsuebersicht a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HAUSHALT&schrift=4);
}

.linkHaushaltsuebersicht a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HAUSHALT&schrift=4&farbe=255,0,0);
}

.linkHaushaltsuebersichtInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 97px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HAUSHALT&schrift=4&farbe=150,150,150);
}

.linkWahl {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	float: left;
}

.linkWahl a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=START&schrift=4);
}

.linkWahl a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=START&schrift=4&farbe=255,0,0);
}

.linkConfig {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 162px;
	float: left;
}

.linkConfig a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=EINSTELLUNGEN&schrift=4);
}

.linkConfig a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=EINSTELLUNGEN&schrift=4&farbe=255,0,0);
}

.linkMaklerdaten {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 134px;
	float: left;
}

.linkMaklerdaten a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=MAKLERDATEN&schrift=4);
}

.linkMaklerdaten a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=MAKLERDATEN&schrift=4&farbe=255,0,0);
}

.linkRechenmodule {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 149px;
	float: left;
}

.linkRechenmodule a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=RECHENMODULE&schrift=4);
}

.linkRechenmodule a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=RECHENMODULE&schrift=4&farbe=255,0,0);
}

.linkChangelog {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 99px;
	float: left;
}

.linkChangelog a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HISTORIE&schrift=4);
}

.linkChangelog a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HISTORIE&schrift=4&farbe=255,0,0);
}

.linkAbout {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 50px;
	float: left;
}

.linkAbout a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=ÜBER&schrift=4);
}

.linkAbout a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=ÜBER&schrift=4&farbe=255,0,0);
}

.linkEdit {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 124px;
	float: left;
}

.linkEdit a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=BEARBEITEN&schrift=4);
}

.linkEdit a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=BEARBEITEN&schrift=4&farbe=255,0,0);
}

.linkNotes {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 87px;
	float: left;
}

.linkNotes a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NOTIZEN&schrift=4);
}

.linkNotes a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NOTIZEN&schrift=4&farbe=255,0,0);
}

.linkService {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 87px;
	float: left;
}

.linkService a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=DIENSTE&schrift=4);
}

.linkService a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=DIENSTE&schrift=4&farbe=255,0,0);
}

.linkHNeu {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 38px;
	float: left;
}

.linkHNeu a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NEU&schrift=4);
}

.linkHNeu a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NEU&schrift=4&farbe=255,0,0);
}

.linkNeu {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 210px;
	float: left;
}

.linkNeu a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HAUSHALT+EINFÜGEN&schrift=4);
}

.linkNeu a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=HAUSHALT+EINFÜGEN&schrift=4&farbe=255,0,0);
}

.linkDok {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 162px;
	float: left;
}

.linkDokInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 162px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=DOKUMENTATION&schrift=4&farbe=150,150,150);
}

.linkDok a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=DOKUMENTATION&schrift=4);
}

.linkDok a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=DOKUMENTATION&schrift=4&farbe=255,0,0);
}

.linkTermine {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 112px;
	float: left;
	font-size: 11px;
}

.linkTermine a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=AKTUELLES&schrift=4);
}

.linkTermine a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=AKTUELLES&schrift=4&farbe=255,0,0);
}

.linkVertraege {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 99px;
	float: left;
}

.linkVertraegeInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 99px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERTRÄGE&schrift=4&farbe=150,150,150);
}

.linkVertraege a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERTRÄGE&schrift=4);
}

.linkVertraege a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERTRÄGE&schrift=4&farbe=255,0,0);
}

.linkStammdaten {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 211px;
	float: left;
}

.linkStammdaten a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=PERSÖNLICHE+DATEN&schrift=4);
}

.linkStammdaten a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=PERSÖNLICHE+DATEN&schrift=4&farbe=255,0,0);
}

.linkKontakt {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 84px;
	float: left;
}

.linkKontakt a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=KONTAKT&schrift=4);
}

.linkKontakt a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=KONTAKT&schrift=4&farbe=255,0,0);
}

.linkTarifvergleich {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 112px;
	float: left;
}

.linkTarifvergleichInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 112px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERGLEICH&schrift=4&farbe=150,150,150);
}

.linkTarifvergleich a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERGLEICH&schrift=4);
}

.linkTarifvergleich a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VERGLEICH&schrift=4&farbe=255,0,0);
}

.linkTarifliste {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 62px;
	float: left;
}

.linkTariflisteInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 62px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LISTE&schrift=4&farbe=150,150,150);
}

.linkTarifliste a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LISTE&schrift=4);
}

.linkTarifliste a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LISTE&schrift=4&farbe=255,0,0);
}

.linkVR {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 87px;
	float: left;
}

.linkVRInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 87px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=RECHNER&schrift=4&farbe=150,150,150);
}

.linkVR a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=RECHNER&schrift=4);
}

.linkVR a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=RECHNER&schrift=4&farbe=255,0,0);
}

.linkPE {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 112px;
	float: left;
}

.linkPEInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 112px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VORSCHLAG&schrift=4&farbe=150,150,150);
}

.linkPE a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VORSCHLAG&schrift=4);
}

.linkPE a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=VORSCHLAG&schrift=4&farbe=255,0,0);
}

.linkAT {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	float: left;
}

.linkATInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 60px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image: url(/framework/ImageServlet?wcddo=getPicture&text=SUCHE&schrift=4&farbe=150,150,150);
}

.linkAT a {
	background-image: url(/framework/ImageServlet?wcddo=getPicture&text=SUCHE&schrift=4);
}

.linkAT a:hover {
	background-image: url(/framework/ImageServlet?wcddo=getPicture&text=SUCHE&schrift=4&farbe=255,0,0);
}

.linkCopy {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 100px;
	float: left;
}

.linkCopyInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 100px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=KOPIEREN&schrift=4&farbe=150,150,150);
}

.linkCopy a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=KOPIEREN&schrift=4);
}

.linkCopy a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=KOPIEREN&schrift=4&farbe=255,0,0);
}

.linkPaste {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 100px;
	float: left;
}

.linkPasteInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 100px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=EINFÜGEN&schrift=4&farbe=150,150,150);
}

.linkPaste a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=EINFÜGEN&schrift=4);
}

.linkPaste a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=EINFÜGEN&schrift=4&farbe=255,0,0);
}

.linkNeuProd {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 38px;
	float: left;
}

.linkNeuProdInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 38px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NEU&schrift=4&farbe=150,150,150);
}

.linkNeuProd a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NEU&schrift=4);
}

.linkNeuProd a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=NEU&schrift=4&farbe=255,0,0);
}

.linkDelProd {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 86px;
	float: left;
}

.linkDelProdInaktiv {
	padding: 0px;
	margin: 0px;
	display: inline-block;
	width: 86px;
	height: 12px;
	vertical-align: top;
	float: left;
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LÖSCHEN&schrift=4&farbe=150,150,150);
}

.linkDelProd a {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LÖSCHEN&schrift=4);
}

.linkDelProd a:hover {
	background-image:
		url(/framework/ImageServlet?wcddo=getPicture&text=LÖSCHEN&schrift=4&farbe=255,0,0);
}

.aktiv {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.inaktiv {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.inner_label0 {
	width: 200px;
	text-align: left;
	vertical-align: top;
}

.inner_label3 {
	width: 150px;
	text-align: left;
	vertical-align: top;
}

.inner_label4 {
	width: 200px;
	text-align: left;
	vertical-align: top;
}

.inner_label5 {
	width: 200px;
	text-align: left;
	vertical-align: top;
}

.inner_label6 {
	width: 300px;
	text-align: left;
	vertical-align: top;
}

.inner_label7 {
	width: 350px;
	text-align: left;
	vertical-align: top;
}

.inner_labela {
	width: 400px;
	text-align: left;
	vertical-align: top;
}

.inner_label8 {
	text-align: left;
	vertical-align: top;
}

.inner_label9 {
	width: 350px;
	text-align: left;
	vertical-align: top;
}

.inner_label6 {
	width: 400px;
	text-align: left;
	vertical-align: top;
}

.inner_age_group>tbody>tr>td {
	height: 26px;
}

.inner_age_group.full {
	width: 100%;
}

.inner_age_group.center {
	margin-left: auto;
	margin-right: auto;
}

.inner_age_group.right {
	margin-left: auto;
	margin-right: 17px;
}

.inner_age_group a {
	color: inherit;
}

.number { /*width: 85px;*/
	
}

.number_text {
	width: 85px;
	text-align: right;
}

.textfield {
	width: 100px;
}

.textfieldg {
	width: 345px;
}

.inner_textfieldg {
	width: 100%;
}

.inner_textfield9 {
	width: 375px;
}

.inner_textfield8 {
	width: 350px;
}

.inner_textfield7 {
	width: 325px;
}

.inner_textfield6 {
	width: 300px;
}

.inner_textfield5 {
	width: 275px;
}

.inner_textfield4 {
	width: 245px;
}

.inner_textfield3 {
	width: 234px;
}

.inner_textfield2 {
	width: 200px;
}

.inner_textfield1 {
	width: 150px;
}

.tabline {
	padding: 0 15px;
	transition: background 200ms ease-in-out, color 200ms ease-in-out;
}

.tabline.markRed {
	background-color: var(--wcd-consistency-red) !important;
	color: var(--wcd-consistency-fg) !important;
}

.combobox>input {
	position: relative;
	font-style: italic;
	z-index: 3;
}

.combobox>img {
	position: absolute;
	right: 3px;
	top: 3px;
	cursor: auto;
	z-index: 4;
	cursor: pointer;
	background-color: white;
	border: 1px solid white;
}

.comboboxdiv {
	position: relative;
	height: 1px;
	font-size: 1px;
	z-index: 5;
}

.combobox {
	position: relative;
	z-index: 2;
	width: 245px;
}

.comboboxg {
	width: 350px;
}

.combobox6 {
	width: 350px;
}

.combobox_select6 {
	width: 310px;
}

.combobox0 {
	width: 300px;
}

.combobox_select0 {
	width: 270px;
}

.servlet_main {
	vertical-align: top;
	margin: 0;
}

.servlet_all {
	background-color: var(--wcd-bg-color);
	overflow: visible;
	border: 0;
	position: relative;
	
	/* Breite an Menü anpassen */
	display: inline-block;
	
	/* Flackern im Firefox verhindern*/
	min-width: 100%;
}

.servlet_content {
	position: relative;
	border-left: 3px solid var(--wcd-bg-color);
	border-right: 3px solid var(--wcd-bg-color);
	/*overflow: hidden;*/
	min-height: 700px;
}

.loginField {
	border-collapse: collapse;
	line-height: 20px;
	width: 200px;
	border-radius: 4px 0 0 4px !important;
	vertical-align: middle;
	-webkit-appearance: none;
}

.loginButton {
	padding: 0 0 0 5px;
	border: 0;
	background-color: var(--wcd-btn-border-color);
	font-size: 10pt;
	line-height: 24px;
	height: 24px;
	text-align: left;
	width: 100px;
	cursor: pointer;
	border-radius: 0 4px 4px 0 !important;
	position: relative;
	left: -3px;
	vertical-align: middle;
	-webkit-appearance: none;
	opacity: 1;
}

.loginButton.red {
	color: white;
	

	background-color: rgb(186,0,34);
}

.configHeader1 {
	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
}

.configAlt1 {
	background-color: var(--wcd-fieldset-bg-color);
}

.configAlt2 {
	background-color: rgb(241,242,242);
}

.janein0 {
	width: 150px;
}

.janein5 {
	width: 200px;
}

.tab1 {
	width: 10px;
	height: 0px;
}

.tab2 {
	width: 20px;
	height: 0px;
}

.links {
	width: 332px;
	vertical-align: top;
	padding: 0;
}

.linksExclusive {
	width: 332px;
	vertical-align: top;
	padding: 0;
	padding-bottom: 25px;
}

.links.hidden, .linksExclusive.hidden {
	display: none !important;
}

.rechts {
	width: 100%;
	vertical-align: top;
	text-align: left;
	padding: 0;
	padding-bottom: 25px;
}

.hintergrund {
	table-layout: fixed;
	width: 100%;
	background-color: var(--wcd-bg-color);
}

.hintergrundExclusive {
	table-layout: fixed;
	border-collapse: collapse;
	width: 100%;
	background-color: var(--wcd-bg-color);
}

.hintergrund.center, .hintergrundExclusive.center {
	width: 665px !important;
	margin: 0 auto;
}

.guilist {
	border-collapse: collapse;
	border: 0px;
	width: 100%;
	position: relative;
}

.groupMargin > div, .groupMargin > .sectionContent > div {
	margin-bottom: 3px;
}

.household {
	vertical-align: top;
	margin-left: 8px;
	margin-bottom: 15px;
	width: 317px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.household tr:hover {
	color: rgb(0,0,0);
	background-color: rgb(166,166,255);
}

.household tr:hover a:not([disabled]) {
	color: rgb(0,0,0);
}

.household tr a:hover:not([disabled]) {
	color: rgb(0,0,0);
}

.household tr.active {
	background-color: var(--wcd-bg3-color);
}

.household tr.active a {
	font-weight: bold;
}

.household a {
	color: inherit;
}

.deletedHousehold {
	margin-top: 2px;
	white-space: normal;
	padding: 0pt;
	border: 1px;
	border-collapse: collapse;
	

	border-style: solid;
	border-color: rgb(186,0,34);
	margin-bottom: 5px;
	margin-left: 8px;
	width: 317px;
}

.deletedHousehold a {
	text-decoration: underline;
}

.deletedHousehold td {
	padding: 1px 0 1px 4px;
	text-align: left;
	height: 26px;
}

.deletedHousehold td.bg {
	font-weight: bold;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	text-align: left;
	width: 140px;
	padding: 3px 17px;
}

#linksID .deletedHousehold td.bg {
	width: auto;
}

.vrHinweis {
	margin-top: 0;
	width: 100%;
}

.vrHinweis td {
	padding: 1px 0 1px 4px;
}

.vrHinweis a {
	text-decoration: underline;
}

.vrHinweis .vrLabel {
	width: 140px;
	padding: 3px 17px;
	font-weight: normal !important;
}

.vrHinweis .vrButtons {
	width: 110px;
	text-align: right;
	white-space: nowrap;
}

.cons {
	vertical-align: top;
	border: 0px;
	padding-bottom: 8px;
	margin-bottom: 5px;
	background-color: rgb(255, 255, 255);
	width: 100%;
	min-width: 100% !important;
}

.regElem {
	background-color: #CCCCCC;
	border-right: 1px solid #999999;
	color: #000000;
	font-size: 11px;
	font-style: italic;
	padding: 2px 8px;
}

.regElemActive {
	background-color: #E8E8E8;
	border-right: 1px solid #999999;
	color: #000000;
	font-size: 11px;
	font-style: normal;
	padding: 2px 8px;
}

.trans {
	border: 1px solid #999999;
	padding: 4px 8px;
	margin-top: 4px;
	margin-bottom: 4px;
	text-align: left;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	cursor: pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.trans a { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

.proc { /*color: rgb(0, 0, 0);
	background-color: rgb(255, 236, 139);
	border: 1px solid #999999;
	padding: 2px 8px;
	margin-top: 4px;
	margin-bottom: 4px;*/
	
}

.leitfadenBaum {
	padding-bottom: 3px;
	height: 550px;
	width: 347px;
	overflow: auto;
}

.leitfadenBaum div {
	white-space: nowrap;
	display: inline;
	min-width: 100% !important;
	float: left;
}

.leitfadenBaum a img {
	border: 0px;
	margin-right: 5px;
}

.baumGrey {
	background-color: #eee;
}

.baumWhite {
	background-color: #fff;
}

.leitfadenBlatt1 {
	
}

.leitfadenBlatt1selected { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

.leitfadenBlatt2 {
	
}

.leitfadenBlatt2selected { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

.leitfadenBlatt3 {
	
}

.leitfadenBlatt3selected { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

.register {
	margin-bottom: 1px;
	text-align: left;
	width: 100%;
}

.control_instances {
	background-color: #ccc;
}

/* Auswahlseite */
.tableAuswahl {
	border-collapse: collapse;
	float: left;
	overflow: hidden;
}

.tableFeed {
	width: 26%;
	border-collapse: collapse;
	float: right;
}

.tableMail {
	width: 26%;
	clear: right;
	float: right;
	padding: 0;
}

.tableStart {
	width: 73.1%;
	border-collapse: collapse;
	float: left;
}

.auswahlMail {
	border: 1px solid #808080;
	padding: 5px;
}

.auswahlHHlist {
	padding-left: 0px;
	vertical-align: top;
}

.auswahlHHlist table, .auswahlRss table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
}

.auswahlHHlist h1, .auswahlHHlist h2, .auswahlRss h1, .auswahlRss h2 {
	padding: 2px 0 2px 5px;
	font-size: 12pt;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
	height: 20px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.tableMail h1, .tableMail h2 {
	font-size: 10pt;
	padding: 0;
	margin-bottom: 3px;
	text-align: center;
	background-color: #F1F2F2;
}

.auswahlHHlist .selectFeld {
	width: 100%;
	height: 156px;
	background-color: rgb(245, 245, 245);
}

.auswahlHHlist .filter {
	width: 99.1%;
	color: #777;
	font-style: italic;
}

.auswahlHHlist a.button {
	display: block;
	margin: 0 1px;
	width: 176px;
	display: block;
}

.auswahlHHlist .left {
	float: left;
}

.auswahlHHlist .right {
	float: right;
}

/* neue Startseite */
#startSearch {
	position: relative;
	z-index: 1;
	width: 575px;
	margin: 2em auto;
	filter: drop-shadow(0 0 10px #ccc);
}
#startSearch > i {
	position: absolute;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 0 15px;
	color: gray;
	font-size: 14px;
}
#startSearch > input {
	width: 100%;
	box-sizing: border-box;
	border: 1px solid var(--wcd-bg3-color);
	border-radius: 4px;
	padding: 6px;
	padding-left: 33px;
	font-size: 16px;
	outline: none;
}
#startSearch.open > input {
	border-radius: 6px 6px 0 0;
}
#startSearch .searchFilter {
	font-size: 13px;
	font-weight: bold;
	background: var(--wcd-btn-bg-hover-color);
	color: var(--wcd-fg2-color);
	gap: 10px;
	padding: 2em 1em 2em 33px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#startSearch .searchFilter i {
	color: rgb(186,0,34);
	font-size: 24px;
	cursor: pointer;
	background: radial-gradient(white 50%, transparent 50%);
	border-radius: 50%;
	filter: drop-shadow(0 0 10px var(--wcd-filter-shadow));
}
#startSearch .searchFilter .fil {
	background: rgb(186,0,34);
	color: white;
	border-radius: 1em;
	padding: 3px 3px 3px .5em;
	cursor: pointer;
	box-shadow: 0 0 10px var(--wcd-filter-shadow);
	font-size: inherit;
	font-weight: inherit;
	display: flex;
	align-items: center;
	column-gap: 5px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
#startSearch .searchFilter .fil i {
	color: white;
	background: transparent;
	filter: none;
	transition: color 200ms;
	font-size: 19px;
}
#startSearch .searchFilter .fil i:hover {
	color: #ccc;
}
#startSearch .expressFilter {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
	background: var(--wcd-btn-bg-hover-color);
	color: var(--wcd-fg2-color);
	padding: 5px 1em 5px 33px;
}
#startSearch .expressFilter a {
	background: var(--wcd-filter-shadow) !important;
	color: var(--wcd-fg-dark-color) !important;
	padding: 2px 6px;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	gap: 3px;
	box-shadow: 0 0 10px var(--wcd-filter-shadow);
	cursor: pointer;
}
#startSearch .expressFilter a .analyse {
	font-size: 14px;
	padding: 0;
}
#startSearch .expressFilter a.newHH {
	background: var(--wcd-newhh-fg-color) !important;
	color: var(--wcd-bg-color) !important;
}
#startSearch #content {
	position: absolute;
	left: 0;
	right: 0;
	background: var(--wcd-bg2-color);
	border-radius: 0 0 6px 6px;
	border: 1px solid var(--wcd-bg3-color);
	border-top: 0;
	text-align: left;
	display: flex;
	flex-direction: column;
	min-height: 117px;
}
#startSearch #content.loading::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, black 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgb(186,0,34) 50%, rgba(255,255,255,0) 100%); 
	background-size: 200% 100%;
	animation: loading 2s linear infinite;
	z-index: 9999;
}

@keyframes loading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
#startSearch #results {
	position: relative;
	overflow: auto;
	flex-grow: 1;
	margin: 0;
	padding: 0;
}
#startSearch #results li {
	padding: 10px;
	display: flex;
	align-items: baseline;
	cursor: pointer;
	min-height: 18px;
}
#startSearch #results .produkte {
	display: grid;
	grid-template-columns: 1fr 1fr min-content min-content min-content;
	white-space: nowrap;
	column-gap: 10px;
}
#startSearch #results .produkte > b {
	grid-column: 1/6;
}
#startSearch #results .produkte > span {
	overflow: hidden;
	text-overflow: ellipsis;
}
#startSearch #results .produkte .beitrag {
	max-width: 111px;
}
#startSearch #results .produkte b {
	color: var(--wcd-fg3-color);
}
#startSearch #results .produkte b:first-of-type {
	border-bottom: 1px solid var(--wcd-bg3-color);
	text-align: center;
	margin-top: 1em;
}
#startSearch .searchCnter {
	display: flex;
	padding: 1em;
	gap: 1em;
	border-bottom: 1px solid var(--wcd-bg3-color);
}
#startSearch .searchCnter #cnter {
	flex-grow: 1;
	text-align: center;
}
#startSearch .actions {
	background: var(--wcd-btn-bg-hover-color);
	padding: 5px 10px;
	display: flex;
	align-items: center;
}
#startSearch .actions i {
	padding: 7px;
}
#startSearch #results li:hover {
	background: var(--wcd-btn-bg-hover-color) !important;
}
#startSearch #results li:has(i.fa-circle-check) {
	background: var(--wcd-btn-bg-color);
}
#startSearch #results i.checkbox {
	cursor: pointer;
	font-size: 1.3em;
	color: gray;
}
#startSearch #results i.checkbox.fa-circle-check {
	font-weight: bold;
	color: #0a7df8;
}
#startSearch #results li h1 {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0 !important;
	font-size: 1.2em;
	color: var(--wcd-fg2-color);
}
#startSearch #results li h1 i {
	width: 25px;
	text-align: center;
	font-weight: bold;
}
#startSearch #results li .owner {
	margin-left: auto;
	color: gray;
	font-weight: normal;
}
#startSearch #results li .subtext {
	padding-left: 25px;
}
#startSearch #results li .empty {
	color: gray;
	font-style: italic;
}
#startSearch #results li:not(:last-of-type) {
	border-bottom: 1px solid var(--wcd-bg3-color);
}
#startSearch #results li>div {
	width: 100%;
}
/* #startSearch #results::before {
	content: " ";
	display: block;
	position: sticky;
	top: 0;
	width: 100%;
	height: 20px;
	background: radial-gradient( farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top;
	opacity: var(--border-top);
}
#startSearch #results::after {
	content: " ";
	display: block;
	position: sticky;
	bottom: 0;
	width: 100%;
	height: 20px;
	background: radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;
	opacity: var(--border-bottom);
} */
.searchFilterPopup {
	text-align: center;
	background: var(--wcd-bg2-color);
}

.searchFilterPopup .ui-dialog-content {
	padding: 0;
	border-radius: 4px;
}

.searchFilterPopup h1 {
	color: var(--wcd-fg2-color);
	font-size: 16px;
	padding: 0 1em;
}

.searchFilterPopup .scroll {
	overflow: auto;
	min-width: 300px;
	min-height: 50px;
	background: var(--wcd-bg-color);
}

.searchFilterPopup .filterButtons {
	display: grid;
	grid-template-columns: repeat(auto-fill, 100px);
	justify-content: center;
	gap: 10px;
	padding: 10px;
	margin-inline: auto;
}

.searchFilterPopup .filterButtons .wcdBtn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	padding: 1em;
	margin: 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	width: 100px;
	height: 100px;
}

.searchFilterPopup .filterButtons .wcdBtn span:last-of-type {
	max-width: 100%;
}

.searchFilterPopup .filterButtons.produkte .wcdBtn {
	gap: 0;
	padding: 5px;
}

.searchFilterPopup .filterButtons.produkte .wcdBtn .gewerbeIcon {
	font-size: 34px;
}

.searchFilterPopup .filterButtons:is(.rollen,.produkte) .wcdBtn span:last-of-type {
	display: -webkit-inline-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.searchFilterPopup .filterButtons .wcdBtn.active {
	

	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
}

.searchFilterPopup .hr {
	position: sticky;
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	gap: 10px;
	background: var(--wcd-bg-color);
	color: gray;
	top: 0;
	margin: .5em 10px;
}

.searchFilterPopup .filterButtons .hr {
	margin: .5em 0;
}

.searchFilterPopup .hr hr {
	flex-grow: 1;
	color: transparent;
	border-bottom: 1px solid #ccc;
}

.searchFilterPopup button i {
	font-size: 30px;
}

.searchFilterPopup .grid, #startSearch .grid {
	display: grid;
	grid-template-columns: max-content auto;
	gap: 3px 6px;
	padding: 3px 0;
}

.searchFilterPopup .grid {
	padding: 1em;
	justify-content: center;
}

.searchFilterPopup .grid3 {
	display: inline-grid;
	grid-template-columns: max-content max-content auto;
	gap: 3px 6px;
	padding: 1em;
	align-items: center;
}

.searchFilterPopup .buttons {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1px;
	padding: 1em;
	background: var(--wcd-bg2-color);
	border-radius: 0 0 4px 4px;
	border-top: 1px solid var(--wcd-bg3-color);
}

.searchFilterPopup .serienmail {
	width: 600px;
	height: 700px;
	max-height: calc(100vh - 130px);
	text-align: left;
	padding: 1em;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.searchFilterPopup .serienmail b {
	margin-top: 1em;
}

.searchFilterPopup .serienmail textarea {
	flex-grow: 1;
	resize: none;
	min-height: 100px;
}

.filter {
	width: 99.1%;
	color: #777;
	font-style: italic;
}

.hhListId {
	width: 100%;
	border-collapse: collapse;
}

.zeile {
	clear: both;
	height: 17px;
}

.zeileAlt {
	background-color: #F1F2F2;
}

.zeile:hover { 
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.scrollPane {
	height: 205px;
	overflow: auto;
	border: 1px solid #808080;
}

.zeileHeader {
	width: 747px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	font-weight: bold;
	margin-top: 2px;
	border-collapse: collapse;
}

.zeile th {
	padding: 1px 5px;
	height: 15px;
}

.zeile td {
	padding: 0px 5px;
}

.zeile .hhFunktion {
	width: 85px;
}

.zeile .hhFunktion img {
	height: 14px;
	border: 0;
}

.zeile .typ {
	width: 30px;
}

.zeile .name {
	width: 150px;
}

.zeile .vorname {
	width: 150px;
}

.zeile .plz {
	width: 50px;
}

.zeile .ort {
	
}

.zeile .ptyp {
	width: 25px;
}

.mPointer {
	cursor: pointer;
}

.dPointer {
	cursor: default;
}

.zeile .gebdatum {
	width: 80px;
}

.hhFunktion img {
	height: 14px;
	border: 0;
	vertical-align: middle;
}

.fsHH {
	color: var(--wcd-fg2-color) !important;
}

.newHH {
	color: var(--wcd-newhh-fg-color) !important;
}

.assignedHH {
	color: var(--wcd-green-color) !important;
}

.assignedOwnHH {
	color: var(--wcd-assignedownhh-fg-color) !important;
}

.noName {
	color: gray;
	font-style: italic;
}

.startPageButtons {
	display: flex;
	justify-content: center;
	align-items: center;
}

.startPageButtons > div {
	width: 300px;
}

table.termine a {
	color: gray;
	text-decoration: none;
}

table.termine a span {
	display: inline;
}

table.termine a:not(.faIconLink):hover {
	text-decoration: underline;
}

.faIconLink:hover span {
	text-decoration: underline;
}

ul.tooltip li {
	white-space: nowrap;
}

[name=kundentable] {
	width: 400px;
}

[name=kundentable] img {
	vertical-align: middle;
}

/* Ende neue startseite */

.fsMarker::before {
	content: "*";
	position: absolute;
	margin-left: -7px;
}

.auswahlRss {
	vertical-align: top;
}

.auswahlMitte {
	vertical-align: top;
}

.tableStartDrittel .auswahlMitte table td {
	width: 33%;
}

.tableStartVoll .auswahlMitte table td {
	width: 100%;
}

.auswahlMitte h1 {
	padding: 2px 0 2px 5px !important;
}

.auswahlMitte form {
	height: 100%;
	width: 100%;
}

div.svl {
	margin: 2px 0 0 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

div.svl .headline {
	margin: 0;
	padding: 2px 0;
	width: 100%;
	text-align: center;
}

div.svl .headline img {
	margin: 0;
	padding-right: 5px;
}

div.svl .text {
	margin: 15px 0;
	font-size: 8pt;
}

div.svl .text>td {
	vertical-align: top;
}

div.svl table td {
	margin: 0;
	padding: 0;
}

div.svl div {
	margin: 0;
	padding: 0;
}

div.svl ul {
	list-style-type: square;
	margin: 0;
	padding: 0 0 0 15px;
}

div.svl ul li {
	margin: 0;
	padding: 2px 0;
}

div.svl h1 {
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

div.svl h1 a {
	font-size: 8pt;
}

div.svl h2 {
	margin: 0;
	padding: 0;
	font-size: 8pt;
}

div.svl h2 a {
	font-size: 8pt;
}

/* CSS Vergleichsrechner */
div.vr {
	text-align: left;
	overflow: auto;
	/*	height: 656px;*/
	width: 650px;
	margin: 0 auto;
}

div.vr.auto {
	width: auto;
	padding: 1em;
}

div.vr p img {
	vertical-align: middle;
}

div.vr p {
	text-align: center;
}

div.vr .m {
	text-align: center;
}

div.vr h1 {
	background-color: var(--wcd-bg2-color);
	color: var(--wcd-fg2-color);
	font-size: 9pt;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid var(--wcd-btn-border-color);
	margin-bottom: 0;
	letter-spacing: 0.25em;
	padding: 3px;
	margin: 0;
	text-transform: uppercase;
	text-align: center;
}

div.vr h1.updateHeadline {
	color: gray;
	background: none;
	border: none;
	margin: 1em;
	font-size: 20px;
	font-weight: normal;
	text-transform: none;
}

div.vr hr {
	display: none;
}

div.vr h1.fehler {
	color: red;
}

div.vr th {
	padding: 5px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

div.vr th a {
	text-decoration: underline;
	color: rgb(255,255,255);
}

div.vr li {
	margin-top: 5px;
}

div.vr h2 { /* 2. Unterschriftenebene */
	font-size: 1.25em;
	background-color: #ded8be;
	font-weight: normal;
	padding: 2px;
	padding-left: 5px;
}

div.vr h3 {
	font-size: 1.1em;
}

div.vr p.title {
	font-size: 16pt;
	font-weight: bold;
}

div.vr table.main {
	width: 100%;
}

div.vr table.m {
	margin: 0 auto;
}

div.vr table.main table {
	margin: 0 auto;
}

div.vr td {
	margin: 1px;
	padding: 1px 5px;
	text-align: left;
}

div.vr td.abgesetzt {
	margin-top: 10px;
}

div.vr td.m {
	text-align: center;
}

div.vr table.m td {
	background-color: rgb(241, 242, 242);
}

div.vr td.title, div.vr th.title { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	font-size: 9pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

div.vr td.titlem { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	vertical-align: top;
}

div.vr .mittig {
	text-align: center;
}

div.vr table.mittig {
	text-align: left;
	width: 100%;
}

div.vr td.title_m, div.vr th.title_m {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	text-align: center;
	font-size: 9pt;
}

div.vr table.hl {
	width: 100%;
	border: 0;
}

div.vr table.hl td {
	font-size: 14pt;
	font-weight: bold;
	background-color: white;
}

div.vr td.r, div.vr th.r {
	text-align: right;
}

div.vr tr.top5 td {
	background-color: rgb(255, 204, 6);
}

div.vr.div90 {
	width: 90%;
}

/* Ende CSS Vergleichsrechner */ /* CSS Services/Dienste */
div.services {
	padding-top: 20px;
	font-size: 10pt;
	width: 90%;
	margin: 0 auto;
}

div.services p {
	text-align: left;
	margin: 0;
	margin-left: 52px;
}

div.services.vorlagen ul {
	list-style-image: url(/framework/ImageServlet?file=dokumente.png);
	padding-left: 3em;
}

div.services.vorlagen h1 {
	text-align: center;
}

div.services h1 {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	text-align: left;
}

div.services h1.website {
	background-color: unset;
	color: unset;
	font-size: 9pt;
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0;
	letter-spacing: 0.25em;
	padding: 0;
}

div.services h1.fehler {
	color: red;
}

div.services li {
	margin-top: 5px;
}

div.services table.uebhd td {
	font-size: 1em;
	font-weight: normal;
	vertical-align: top;
}

div.services .userliste {
	width: 100%;
	border-collapse: collapse;
}

div.services table.userliste .alt1 {
	background-color: rgb(241,242,242);
	border-bottom: 2px solid white;
}

div.services table.userliste .alt2 {
	background-color: rgb(241,242,242);
	border-bottom: 2px solid white;
}

div.services h2 {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	font-size: 1.1em;
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
}

div.services h2.website {
	background-color: unset;
	color: unset;
	font-size: 8pt;
	padding: 0;
	margin-bottom: 0;
	margin-top: 0;
	text-align: left;
	font-weight: normal;
}

div.services h3.website {
	background-color: unset;
	color: unset;
	font-size: 8pt;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: normal;
}

div.services h3 {
	font-size: 1.1em;
	background-color: #ffe01a; /* helles grau */
	font-weight: bold;
	padding: 2px;
	padding-left: 5px;
}

div.services img.uebhd {
	width: 100px;
}

div.services table.prozess td {
	background-color: #e8a45d;
	padding: 5px;
	margin: 0px;
	margin-left: 5px;
}

div.services table.prozess td.sp1 {
	margin-left: 0px;
}

div.services table.prozess td ol {
	margin-left: 20px;
}

div.services table.datStat {
	width: 100%;
}

div.services table.datStat>tbody>tr>td, div.services table.datStat>tbody>tr>th
	{
	padding: 5px;
}

div.services table.datStat th, div.services table.datStat th a {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	text-align: center;
}

div.services table.datStat .grau {
	background-color: var(--wcd-bg2-color);
	color: var(--wcd-fg2-color);
}

div.services .ch1 { color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

div.services .ch1 td {
	background-color: inherit;
	color: inherit;
}

div.services .divP {
	padding-left: 52px;
	padding-bottom: 10px;
}

div.services .orange {
	color: rgb(232, 125, 13);
}

div.services .grau {
	color: #a2a296;
}

div.services .r {
	text-align: right;
}

div.services ul.nob {
	list-style-type: none;
	list-style-image: url();
	padding: 0;
	margin: 0;
}

div.services ul {
	padding: 0;
	margin: 0;
	margin-left: 10px
}

/* Kontoverwaltung */
div.services .kontoliste {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

div.services .kontoliste .header {
	background-color: #ccc;
}

div.services .kontoliste .alt0 {
	background-color: #F1F2F2;
}

div.services .kontoliste .right {
	text-align: right;
}

div.services .kontoliste .stand {
	height: 40px;
	vertical-align: bottom;
	border-bottom: medium double #666;
}

div.services th a {
	color: black;
	text-decoration: underline;
	font-size: 1em;
	font-weight: bold;
}

div.services th a:hover {
	text-decoration: none;
}

/* DropDown Menu */

.dropDownLeiste {
	background-color: rgb(186,0,34);
	font-size: 11px;
	width: 100%;
	height: 30px;
	position: relative;
	top: 0px;
	z-index: 1000;
	min-width: 1024px;
	padding: 0 12px;
	box-sizing: border-box;
	box-shadow: 0 0 6px gray;
}

.dropDownRight {
	flex-grow: 1;
	text-align: right;
	white-space: nowrap;
}

.dropdown {
    position: relative;
    display: block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: var(--wcd-menu-bg-color);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown:not(.ssoButtons) .dropdown-content {
    max-height: calc(100vh - 55px);
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
} 

.dropdown-content .dropdown {
	width: 100%;
}

.dropdown-content .dropdown-content {
	left: 100%;
	top: 0;
	box-shadow: 16px 8px 16px 0px rgba(0,0,0,0.2);
    border-left: 1px solid #ccc;
}

.dropbtn, a.dropbtn {
	color: rgb(255,255,255);
    padding: 8px;
    margin: 0;
    font-size: 11px;
    border: none;
    border-radius: 0;
    cursor: pointer;
    background: none !important;
    display: inline-block;
    line-height: 14px;
}

.menuTextLine {
	display: flex;
	gap: 10px;
	color: gray;
	margin-top: 1rem;
}

.menuTextLine hr {
	background: none;
	color: transparent;
	flex-grow: 1;
	border-bottom: 1px solid #ccc;
}

.dropbtn[disabled] {
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.dropdown:is(.forceOpen,:hover) .dropbtn:not([disabled]) {
    text-decoration: underline;
    background-color: rgb(186,0,34) !important;
    filter: brightness(90%);
}

.dropdown-content a {
    color: var(--wcd-fg2-color);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover, .dropdown.forceOpen>a.sub {
	background-color: var(--wcd-menu-bg-hover);
}

.dropdown:hover > .dropdown-content,
.dropdown.forceOpen > .dropdown-content {
    display: block;
}

.dropdown a {
	white-space: nowrap;
}

.dropdown a[disabled] {
	color: gray;
}

.dropdown .sub::after {
	content: "⟩";
	position: absolute;
	right: 0;
	font-size: 20px;
	font-weight: bold;
	color: #ccc;
	top: 0;
	bottom: 0;
	padding: 6px;
}

.indicator {
	position: absolute;
	z-index: 10000;
	font-size: 30px;
	filter: drop-shadow(0 0 10px gray);
	animation: orbit 4s forwards linear infinite;
}

@keyframes orbit {
    0%  { transform: rotate(0deg) translateX(4px) translateY(2px) rotate(0deg); }
    25%  { transform: rotate(90deg) translateX(4px) translateY(2px) rotate(-90deg); }
    50%  { transform: rotate(180deg) translateX(4px) translateY(2px) rotate(-180deg); }
    75%  { transform: rotate(270deg) translateX(4px) translateY(2px) rotate(-270deg); }
    100%  { transform: rotate(360deg) translateX(4px) translateY(2px) rotate(-360deg); }
}

/* CSS für Pulldown Menü */
.menueType1 .menueleiste {
	margin-top: 0px;
	height: 127px;
}

div.menueType1 {
	border-left: 0px;
	border-right: 0px;
}

.menueVersion1 .servlet_all {
	border: 0px;
}

.menueType1 .hintergrund {
	margin: 3px;
	width: 99%;
}

/* Navibaum Neu */

ul.tree {
  padding: 0 !important;
  position: relative;
}

ul.tree, .tree ul {
  margin: 0;
  padding-left: 1.5em;
}

.globalTree.structure ul.tree > li > details > ul::after,
.globalTree.structure ul.tree > li > details > ul > li:last-of-type > details > ul::after,
.globalTree.structure ul.tree > li > details > ul > li:last-of-type > details > ul > li:last-of-type > details > ul::after,
.globalTree.structure ul.tree > li > details > ul > li:last-of-type > details > ul > li:last-of-type > details > ul > li:last-of-type > details > ul::after  {
  content: " ";
  width: 11px;
  height: 1px;
  background: rgb(186,0,34);
  position: absolute;
  margin-left: -5px;
  display: block;
}

.tree li {
	position: relative;
  border-left: 1px solid rgb(186,0,34);
}

.tree li.consistency {
	border-left-color: var(--wcd-consistency-red);
}

.tree i {
	display: inline-block;
	font-size: 15px;
	min-width: 17px;
	text-align: center;
}

.tree li.consistency i {
	color: var(--wcd-consistency-red);
}

.tree small {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tree li.active, .tree summary.active {
	background: var(--wcd-bg3-color);
}

.tree :is(li,summary)[onclick]:hover {
	cursor: pointer;
	background: var(--wcd-btn-bg-hover-color);
}

.tree li:not(:has(ul)) {
	padding: 5px 5px 5px 1em;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr;
	column-gap: 1em;
	align-items: center;
}

.tree .del {
	grid-row: 1 / 3;
	grid-column: 3;
	visibility: hidden;
	width: 0;
}

.tree :is(li,summary):hover > .del.active {
	visibility: visible;
	width: auto;
}

.tree summary {
	position: relative;
	list-style: none;
	padding: 5px 5px 5px 1em;
	display: grid;
	grid-template-columns: auto 1fr auto;
	grid-template-rows: 1fr;
	column-gap: 1em;
	align-items: center;
	cursor: pointer;
}

.tree summary::marker,
.tree summary::-webkit-details-marker {
	display: none;
}

.tree :is(li,summary):not(:has(ul))::after {
	content: " ";
	height: 0;
	position: absolute;
	bottom: 0;
	left: 38px;
	right: 0;
	border-bottom: 1px dotted var(--wcd-fg2-color);
}

.tree > li:first-child {
	border-left: 0;
}

.tree > li:first-child > details > summary {
	min-height: 22px;
	background-color: rgb(186,0,34) !important;
	color: rgb(255,255,255) !important;
} 

.tree > li:first-child > details > ul {
	padding-left: 0;
}

.tree span.line {
	text-decoration: underline;
}

.tree details[open] > summary > i.fa-folder::before {
	content: "\f07c";
	font-weight: normal;
}

/* Navibaum Default */

.treeConfigLink a {
	margin-left: 8px;
}

/* Ende CSS Services/Dienste */ /* Style for News Feed */
.Feed {
	float: none;
	height: 450px;
	width: 99%;
	margin: 0;
	padding: 0;
	overflow: auto;
	text-align: center;
	background-color: var(--wcd-bg2-color);
	border: 1px solid #808080;
}

.smallFeed .Feed {
	height: 447px;
}

.Feed .liste {
	width: 100%;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
	border-bottom: 1px solid black;
	text-align: left;
}

.Feed .unread {
	font-weight: bold;
}

.Feed .title {
	padding: 2px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	cursor: pointer;
	font-weight: bold;
}

.Feed ul li {
	padding: 2px;
}

.Feed .descr {
	padding: 2px;
}

.Feed .catDat {
	padding: 2px;
}

.Feed .tableCatDat {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 100%;
}

.Feed .cat {
	font-weight: bold;
	font-size: 10px;
}

.Feed .date { /*width: 90px;*/
	text-align: right;
	font-size: 8px;
}

.Feed .descr p {
	padding: 0;
	margin: 0;
}

.Feed .descr ul {
	list-style-type: none;
	padding-left: 15px;
}

.videoPlaceholder {
	background-color: black;
	background-image:
		url(/framework/ImageServlet?do=verlaufImage&r=0&g=0&b=0);
	background-repeat: repeat-x;
	background-position: bottom;
	color: white;
	width: 600px;
	height: 361px;
	text-align: center;
	font-size: 1.3em;
	box-shadow: 6px 6px 6px #ccc;
}

.videoPlaceholder a {
	color: white;
	text-decoration: underline;
	font-size: 1.5em;
}

.printHM {
	width: 80%;
	margin: 0 auto;
}

.insertHH h1, .insertHH h2 {
	padding: 2px 0 2px 5px;
	font-size: 11pt;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.insertHH {
	width: 400px;
	margin: 0 auto;
}

#WiedervorlageButtonButtonId {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
	padding-right: 2em;
}

#WiedervorlageButtonButtonId .ionicons {
	font-size: 35px;
	padding: 5px 15px;
}

#FolgeberatungButtonButtonId {
	display: flex;
	align-items: center;
	margin-bottom: 2em;
	padding-right: 2em;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	border-color: rgb(186,0,34);		
}

#FolgeberatungButtonButtonId .ionicons {
	font-size: 35px;
	padding: 5px 15px;
}

a.button, a.button:link, a.button:visited, a.button:active, a.button:hover
	{
	cursor: pointer;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid black;
	padding: 2px;
	font-size: 8pt;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

a.bigButton, a.bigButton:link, a.bigButton:visited, a.bigButton:active,
	a.bigButton:hover {
	cursor: pointer;
	margin-top: 15px;
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 1.1em;
	border: 1px solid black;
	padding: 2px 0px;
	width: 100%;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

#SelectHaushalt>option:hover, #SelectCompany>option:hover {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	
}

/* Colors for the Section */
.sectionHeadline {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	margin-top: 10px;
	margin-bottom: 0 !important;
	display: flex;
	align-items: center;
	height: 29px;
}

.sectionHeadline[onclick] {
	cursor: pointer;
}

.sectionHeadline:not([data-open]) {
	padding-left: 20px;
}

.sectionHeadline[data-open]::before {
	content: " ";
	width: 0px;
	height: 0px;
	margin: 7px;
	border-style: solid;
	border-width: 5px 0 5px 7px;
	border-color: transparent transparent transparent rgb(255,255,255);
	transition: transform 200ms;
}

.sectionHeadline[data-open=true]::before {
	transform: rotate(90deg);
}

.sectionHeadline span:first-of-type {
	flex-grow: 1;
}

.sectionHeadline .badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 11px;
	height: 11px;
	border-radius: 11px;
	padding: 5px;
	margin: 0 1em;
	font-weight: bold;
	color: rgb(186,0,34);
	background-color: rgb(255,255,255);
}

.sectionContent {
	clear: left;
	padding: 1em;
	border: 1px solid rgba(186,0,34,0.3);
}

/* Konfiguration */
.aboliste {
	width: 98%;
	border-spacing: 0;
}

.aboliste th h1 {
	font-size: 9pt;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 0;
	letter-spacing: 0.25em;
}

.aboliste th, .aboliste td {
	
}

.aboliste .alt1 {
	background-color: #FFFFFF;
}

.aboliste .alt2 {
	background-color: #F1F2F2;
}

table.farbgestaltung {
	width: 100%;
	min-width: 768px;
	border-collapse: collapse;
}

/* Tabbed Navigation */

.wcdTabs {
	margin-top: -1px !important;
}

.groupMargin .wcdTabs {
	margin: 0;
}

.wcdTabs a {
	padding: 10px 20px 0 20px;
	height: 18px;
	margin-right: 4px;
	margin-top: 1px;
	display: inline-block;
	outline: none;
	background-color: var(--wcd-bg3-color);
	color: var(--wcd-fg2-color);
}

.wcdTabs a.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	text-decoration: underline;
}

.wcdTabs a:not(.selected):hover {
	background-color: rgb(166,166,255);
	color: rgb(0,0,0);
	text-decoration: underline;
}

.wcdTabs a:not(.selected):focus {
	background-color: rgb(166,166,255);
	color: rgb(0,0,0);
}

.householdTab {
	box-sizing: border-box;
	padding: 1em;
	border-top: 10px solid rgb(186,0,34);
	background-color: var(--wcd-bg2-color);
}

.householdTab table {
	width: 100%;
}

.householdTab a:hover, .householdTab a:focus {
	text-decoration: underline;
}

.customLogo {
	position: absolute;
	height: 85px;
	width: 180px;
	margin: 13px 30px;
	top: 0;
	background-color: white;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

/*
 * Dialog
 */
.noTitleDialog {
	padding: 0;
	-webkit-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
	border: 1px solid var(--wcd-bg3-color);
}

.noTitleDialog .ui-dialog-titlebar {
	display: none;
}

.ui-dialog-titlebar-close {
	display: none !important;
}

.ui-dialog {
	overflow: visible !important;
}

.ui-dialog, .ui-front {
	z-index: 10000 !important;
}

.ui-dialog .scrollarea {
	display: block;
	max-height: calc(100vh - 100px);
	overflow: auto;
}

.ui-widget-content, .ui-widget-content a {
	color: inherit;
}

.ui-tooltip {
	z-index: 10001 !important;
	font-size: 1em !important;
	max-width: 800px !important;
}

.clockpicker-popover {
	z-index: 10001 !important;
}

.wcd-filter {
	width: 100%; 
	box-sizing: border-box;
	margin-top: .5em;
}

.ui-autocomplete {
	z-index: 10001 !important;
}

.ui-external-combobox.ui-autocomplete-loading, input.wcd-filter.loading {
	background-image: url(/framework/ImageServlet?file=Servlet/transparentLoader.gif);
	background-repeat: no-repeat;
	background-position: 99% center;
	background-size: 18px;
}

#ui-datepicker-div {
	z-index: 99999 !important;
	width: 18em !important;
}

.ui-autocomplete .moreLessButton {
	opacity: 0.8 !important;
	filter: alpha(opacity = 80) !important;
}

.ui-autocomplete .moreLessButton a {
	cursor: pointer !important;
}

.ui-datepicker-trigger {
	position: relative;
	top: 3px;
	margin-left: 5px;
}

.changeServicesData {
	padding: 0 1em; 
	display: flex; 
	justify-content: space-between;
}

.changeServices, .bigButtonDialog {
	display: flex;
}

.changeServices button, .bigButtonDialog button {
	width: 190px;
	height: 170px;
	margin: 1em;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2em 1em;
}

.bigButtonDialog button {
	justify-content: center;
	gap: 1em;
}

.changeServices button i {
	font-size: 33px;
	padding: 10px;
}

.changeServices button .ionicons, .bigButtonDialog button i {
	font-size: 40px;
}

.changeServices button span:last-child {
	margin-top: 1em;
	flex-grow: 1;	
}

.contextButton:first-child {
	border-top: 0;
}

.contextButton {
	border-top: 1px solid var(--wcd-btn-border-color);
	border-radius: 3px;
	line-height: 25px;
	cursor: pointer;
	white-space: nowrap;
	padding-right: 5px;
}

.contextButton:hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

.contextButton i {
	vertical-align: middle;
	width: 2.5em;
	text-align: center;
	font-size: 1.2em;
}

.contextButton span {
	vertical-align: middle;
}

.contextButton.inaktiv {
	cursor: default;
}

.buttonList a {
	display: block;
    background-color: var(--wcd-btn-bg-color);
    margin: 5px 0;
    text-align: center;
    padding: 8px;
    border-radius: 4px;
}

.buttonList a[disabled] {
	color: gray;
}

.buttonList a:not([disabled]):hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

table.zentriert {
	margin: 0 auto;
	width: 80%;
}

h2.colorHeader {
	text-align: center;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

div.selectDiv {
	border: 1px solid #CCCCCC;
	background-color: white;
	width: 80%;
	margin: 0 auto;
	text-align: left;
	height: 295px;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 12px;
	text-align: left;
}

div.selectDiv .header {
	background-color: rgb(245, 246, 248);
	height: 25px;
	padding-top: 5px;
	border-bottom: 4px solid #d5d5d5;
	font-size: 14px;
}

div.selectDiv>div {
	padding: 2px 15px;
}

div.selectDiv>div:hover {
	color: rgb(0,0,0);
	background-color: rgb(166,166,255);
}

div.selectDiv>div.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

div.transitionDialogDiv {
	height: 200px;
	border: 1px solid #CCCCCC;
	overflow: auto;
}

div.transitionDialogDiv ul {
	padding: 0;
	margin: 0;
}

div.transitionDialogDiv ul li {
	padding: 2px 0 2px 15px;
	border-bottom: 1px solid #cccccc;
}

div.transitionDialogDiv ul li:hover {
	color: rgb(0,0,0);
	background-color: rgb(166,166,255);
}

div.transitionDialogDiv ul li.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

#dialogPlausiId, #dialogDivId {
	overflow: hidden;
}

.hilfeInput {
	display: block;
	float: left;
	overflow: hidden;
}

.hilfeConfig {
	padding-left: 100px;
}

.hilfeSonst {
	padding-left: 68px;
}

.hilfeInput input {
	display: block;
	float: left;
	height: 15px;
	margin: -1px 0 0 0;
	padding: 2px 0 0 0;
	font-size: 11px;
	width: 107px;
	border: 0;
	color: #999999;
}

.yesNoDialog td {
	text-align: center;
}

.yesNoDialog td a {
	width: 99%;
}

.dialogTitle {
	text-align: center;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	margin: 0 0 10px 0;
	padding: 10px 0;
}

.dialogText {
	border: 1px solid #cccccc;
	background-color: white;
	margin: 10px;
	height: 315px;
	text-align: left;
}

.dialogParagraph {
	text-align: left;
	min-height: 20px;
	padding: 1em 0;
}

#WaitDialog .dialogParagraph {
	min-height: 0;
}

a.dialogButton, a.dialogButton:link, a.dialogButton:visited, a.dialogButton:active,
	a.dialogButton:hover {
	cursor: pointer;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	padding: 5px 10px;
	margin: 5px 10px;
}

/* resultset dialog */
.resultsetScrollPane {
	width: 80%;
	height: 295px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	background-color: white;
	overflow: auto;
}

.resultset {
	width: 100%;
	border-collapse: collapse;
}

.resultset thead {
	background-color: #CCCCCC;
}

.resultset thead .header {
	padding: 5px 0;
}

.resultset tbody tr.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.resultset tbody tr:hover {
	color: rgb(0,0,0);
	background-color: rgb(166,166,255);
}

/* showlist dialog */
.showlist {
	margin: 0pt auto;
	width: 80%;
	background-color: white;
}

.showlist .showListRows {
	height: 235px;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	border-top: 0px;
	background-color: white;
	overflow: auto;
	text-align: left;
}

.showlistSearch {
	width: 80%;
	margin: 0 auto;
	font-style: italic;
}

.showlist .listRowHeader {
	background-color: rgb(245, 246, 248);
	height: 25px;
	padding-top: 5px;
	border: 1px solid #cccccc;
	border-bottom: 4px solid #d5d5d5;
	font-size: 13px;
}

.showlist .listColHeader {
	padding: 2px 15px;
	float: left;
}

.showlist .showListRows>div:hover {
	color: rgb(0,0,0);
	background-color: rgb(166,166,255);
}

.showlist .showListRows>div.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.showlist .listRow {
	border-bottom: 1px solid #d5d5d5;
	clear: both;
	min-width: 100% !important;
	min-width: 350px;
	width: auto !important;
	width: 350px;
	cursor: pointer;
	display: inline;
	float: left;
}

.showlist .listCol {
	font-size: 8pt;
	float: left;
	padding: 2px 15px;
	display: inline;
}

.showlist .visible { /* nothing */
	
}

.showlist .invisible {
	display: none;
}

.simpleDialog {
	display: none;
}

.simpleDialogButtons.dynamic {
	position: static !important;
}

.simpleDialogButtons {
	text-align: right;
	position: absolute;
	bottom: 1em;
	left: 1em;
	right: 1em;
	padding-top: 0.5em;
	border-top: 1px solid var(--wcd-btn-border-color);
}

.simpleDialogButtons a {
	text-decoration: underline;
	line-height: 22px;
	font-size: 1em;
}

.simpleDialogButtons .red {
	color: red !important;
}

.simpleDialogButtons .left {
	float: left;
	margin-right: 1em;
}

.dialogSubTitle {
	text-align: center;
	background-color: var(--wcd-bg3-color);
	padding: 1em;
	margin: 0 -.8em 0 -.8em;
}

.terminPopup {
	padding: 0 !important;
	max-width: 700px;
}

.terminPopup p.title {
	font-size: 1.5em;
	padding: 0.5em;
	margin: 0;
	border-radius: 4px 4px 0 0;
}

.terminPopup p.subtitle {
	padding: .5em 1em;
	margin-left: -1em;
	margin-top: -1em;
	margin-right: -1em;
	margin-bottom: 1em;
}

.terminPopup p.subtitle.ok {
	background-color: green;
	color: white;
}

.terminPopup p.subtitle.error {
	background-color: red;
	color: white;
}

.terminPopup table {
	padding: 0.5em;
}

.terminPopup a {
	color: black;
	text-decoration: underline;
}

.terminPopup a.openLink {
	display: block;
	background-color: #ccc;
	padding: 1em;
	text-align: center;
}

.messagesPopup {
	overflow: hidden !important;
}

.messagesPopup .title {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
	overflow: hidden;
	text-align: center;
	line-height: 20px;
	height: 20px;
	position: relative;
}

.messagesPopup .title span {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	padding: 0 70px;
	box-sizing: border-box;
	z-index: 1;
}

.messagesPopup .title a {
	line-height: 20px;
	color: white;
	text-decoration: none;
	font-size: 13px;
	cursor: pointer;
	position: absolute;
	z-index: 2;
}

.messagesPopup .title a.hidden {
	visibility: hidden;
}

.messagesPopup .title a.left {
	left: .5em;
}

.messagesPopup .title a.right {
	right: .5em;
	font-size: 20px;
}

.messagesPopup .subtitleContent {
	display: none;
}

.messagesPopup .subtitle {
	background-color: #ccc;
	text-align: center;
	position: absolute;
	margin: 0 !important;
	padding: .5em !important;
	width: 100%;
	box-sizing: border-box;
}

.messagesPopup .subtitle input {
	width: 280px;
	text-align: center;
	border: none;
}

.messagesPopup .subtitle input[readonly] {
	background-color: #ccc;
}

.messagesPopup .messages-content {
	padding: 0;
	margin: 0;
	height: 315px;
	overflow-y: auto;
	overflow-x: hidden;
}

.messagesPopup .toolbar {
	margin: 0;
	padding: .5em;
	text-align: center;
}

.messagesPopup .toolbar textarea {
	width: 215px;
	max-height: 100px;
	margin-right: 6px;
	padding: 3px 6px;
	resize: none;
	height: 15px;
}

.messagesPopup .toolbar a {
	cursor: pointer;
	padding: 1em 0;
}

.messagesPopup .messages-content.loading {
	background-image: url(/framework/ImageServlet?file=Servlet/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.messagesPopup .messages-content ul {
	padding: 0;
}

.messagesPopup div.empty {
	color: gray;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.messagesPopup ul.userlist {
	margin: 0;
}

.messagesPopup ul.userlist li span.date {
	float: right;
	color: gray;
	font-weight: normal;
}

.messagesPopup ul.userlist li {
	border-bottom: 1px solid #ccc;
	cursor: pointer;
	padding: .5em;
	text-overflow: ellipsis;
	overflow: hidden;
}

.messagesPopup ul.userlist li span.name {
	font-weight: bold;
}

.messagesPopup ul.userlist li span.unread {
	color: blue;
}

.messagesPopup ul.messages {
	margin: 1em;
}

.messagesPopup ul.messages li {
	clear: both;
}

.messagesPopup ul.messages li.date {
	text-align: center;
	color: gray;
	font-size: 10px;
}

.messagesPopup ul.messages li>span {
	padding: .5em;
	border-radius: 6px;
	max-width: 200px;
	margin-top: 1px;
	word-break: break-all;
}

.message-sent {
	background-color: #00d449;
	color: white;
	float: right;
}

.message-received {
	background-color: #e5e5ea;
	float: left;
}

.messagesPopup .olderEntries {
	text-align: center;
	color: gray;
	padding-bottom: .5em;
	cursor: pointer;
}

.uploadLimitDialog {
	max-height: 80vh;
	overflow: auto;
}

.uploadLimitDialog table {
	width: 100%; 
	white-space: nowrap;
}

.uploadLimitDialog table th {
	border-bottom: 1px solid #ccc;
	letter-spacing: 0.1em;
}

.uploadLimitDialog table td {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 200px;
    padding-right: 4px;
}

#ocrDialog.servletDialog {
	max-width: 70vw;
}

#ocrDialog form {
	position: relative;
	min-width: 300px;
	max-height: 70vh;
	overflow: auto; 
	display: flex; 
	flex-wrap: wrap;
}

#ocrDialog form.loading::after {
	content: ' ';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(/framework/ImageServlet?file=Servlet/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
	background-size: 27px;
}

#ocrDialog form .entry {
	border: 1px solid #ccc; 
	border-radius: 4px; 
	margin: 0.5em;
	flex-grow: 1;
	width: 286px;
}

#ocrDialog form .spacer {
	flex-grow: 100;
}

#ocrDialog form .empty {
	flex-grow: 1;
	text-align: center;
	padding: 2em;
}

#ocrDialog form .entry > table {
	width: 100%; 
	border-spacing: 0;
}

#ocrDialog form .entry > table tr:first-child {
	background-color: #ccc;
}

#ocrDialog form .entry > table td, #ocrDialog form .entry > table th {
	padding: 2px 4px;
}

#ocrDialog form .entry > table tr td:nth-child(2) {
	width: 150px;
}

.ocrResultDialog {
	display: flex;
	max-width: calc(100vw - 4em);
}

.ocrResultDialog > div {
	height: calc(100vh - 122px);
	margin-bottom: 1em;
}

.ocrResultDialog #ocrDocumentPlaceholderID {
	position: relative;
	overflow: auto;
}

.ocrResultDialog #ocrDocumentPlaceholderID img {
	width: 100%;
	min-width: 700px;
}

.ocrResultDialog form {
	white-space: nowrap; 
	padding: 0 1em; 
	overflow: auto; 
	height: 100%;
}

.ocrResultDialog form > div:not(:last-child) {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
}

/*
 * layout from website
 */
h1.website {
	border-bottom: 1px solid #CCCCCC;
	margin-bottom: 0;
	font-size: 9pt;
	letter-spacing: 0.25em;
	text-align: left;
}

h2.website {
	font-size: 8pt;
	margin-bottom: 0;
	margin-top: 0;
	font-weight: normal;
	text-align: left;
}

.upcase {
	text-transform: uppercase;
}

/*
 * print only
 */
@media print {
	.noprint {
		display: none;
	}
}

/*
 * myTable
 */
.myTable {
	overflow: hidden;
	border: 1px solid var(--wcd-btn-border-color);
	border-radius: 4px;
	background-color: var(--wcd-bg-color);
	color: var(--wcd-fg2-color);
}

@keyframes mytable-loading {
	0% {
		background-color: var(--wcd-bg-color);
	}
	100% {
		background-color: var(--wcd-bg2-color);
	}
}

.myTable:not(.finished) {
	animation: mytable-loading 1s ease-in-out infinite alternate;
}

.myTable table {
	border-collapse: collapse;
	table-layout: fixed;
}

.myTable table td, .myTable table th {
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 6px 0 6px 10px;
	text-align: left;
	font-size: 8pt;
	height: auto;
}

.myTable table td font, .myTable table th font {
	font-size: 8pt;
}

.myTable table td.underline {
	text-decoration: underline;
}

.myTable .subTable table.myTable {
	border: 0;
	background-color: white;
}

.myTable .subTable>td {
	padding: 0;
}

.myTable .subTable>td>div.myTable {
	border: 0;
	border-radius: 0;
}

.myTable .header {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.myTable .header2 {
	background-color: rgb(196,196,196) !important;
}

.myTable .scrollpane {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}

.myTable .body .alt {
	background-color: var(--wcd-bg2-color);
}

.myTable .semi {
	background-color: var(--wcd-table-semi-header);
}

.myTable .body .semi {
	background-color: var(--wcd-table-semi-alt1);
}

.myTable .body .alt .semi {
	background-color: var(--wcd-table-semi-alt2);
}

.myTable .body .trhover:hover {
	color: rgb(0,0,0) !important;
	background-color: rgb(166,166,255) !important;
}

.myTable:not(.visibleCheckbox) .body tr.selected {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.myTableFilter {
	margin: 1px 0;
}

.myTable td.spacer, .myTable th.spacer {
	width: 25px;
}

.subTable .header {
	background-color: var(--wcd-bg4-color) !important;
	color: black !important;
}

.myTableDropArea {
	margin: 0 auto;
}

.myTableDropArea td {
	padding: 0 15px;
}

.myTable .header font.sortable {
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.myTable .header font.sortable::after {
	content: " \2191\2193";
}

.myTable .header font.asc::after {
	content: " \2191";
}

.myTable .header font.desc::after {
	content: " \2193";
}

/*
 * Timeline
 */

#myTableAkteTable.timeline {
	background-color: transparent !important;
	border: none;
	max-width: 500px;
	padding: 10px;
}

#myTableAkteTable.timeline > div {
  display: flex;
  align-items: stretch;
}

#myTableAkteTable.timeline > div:last-child > div:after {
  content: " ";
  position: absolute;
  bottom: 0;
  right: -5px;
  width: 10px;
  height: 1px;
  background: gray;
}

#myTableAkteTable.timeline > div > div {
  border-right: 1px solid gray;
  padding-right: 10px;
  position: relative;
}

#myTableAkteTable.timeline span {
	position: sticky;
	top: 50px;
}

#myTableAkteTable.timeline span::after {
  content: " ";
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: gray;
  right: -15.5px;
}

#myTableAkteTable.timeline ul {
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
}

#myTableAkteTable.timeline li {
	background-color: var(--wcd-bg-color);
	padding: 10px;
	margin: 0 10px;
	border-radius: 10px;
	text-align: left;
	display: flex;
  	gap: 7px;
  	align-items: center;
}

#myTableAkteTable.timeline li i {
  width: 16px;
  text-align: center;
  font-size: 1.3em;
  flex-shrink: 0;
}

#myTableAkteTable.timeline li i.fa-star {
	color: orange;
}

#myTableAkteTable.timeline li[onclick] {
	cursor: pointer;
}

#myTableAkteTable.timeline:not(.complete) > div:last-child > div {
	border-right-style: dashed;	
}

#myTableAkteTable.timeline:not(.complete) > div:last-child span {
	visibility: hidden;
}

#myTableAkteTable.timeline:not(.complete) > div:last-child a {
	text-decoration: underline;
	width: 100%;
	padding: 10px;
}

/*
 * Uebersicht.whtml
 */
div.IconUeS {
	background-position: left center;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 50px;
	padding-top: 20px;
}

li div.listIcon {
	background-image: url(/framework/ImageServlet?file=dokumente.png);
	padding-left: 20px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.dokpage li {
	margin-top: 5px;
}

ul.dokpage li .comment {
	font-size: 0.9em;
	padding: 2px 20px;
	margin: 0;
	color: grey;
}

ul.dokpage li .errComment {
	font-size: 0.9em;
	padding: 2px 20px;
	margin: 0;
	color: grey;
	font-weight: bold;
}

span.subtitle, span.subtitle a {
	font-size: 0.8em;
	font-weight: normal;
}

#groupIdSCANBU .wcdBtn small {
	white-space: nowrap;
}

#groupIdABS .fa-solid {
	display: flex;
	justify-content: center;
	font-size: 40px;
	padding: 15px;
	min-width: 60px;
}

#groupIdABS .wcdBtn {
	margin: 1em 0;
}

#groupIdHISTORYTABLE {
	margin-bottom: 0;
}

#groupIdRESTORECONS {
	margin-top: -10px;
	margin-bottom: 0;
}

#groupIdHISTORYTABLE .tabline {
	padding: 2em;
}

#groupIdHOUSEHOLDVIEW {
	margin-bottom: 0;
}

#groupIdHOUSEHOLDVIEW2 .tabline {
	padding-bottom: 1em;
}

#groupIdHOUSEHOLDVIEW3 .tabline {
	padding: 1em 15px;
}

#groupIdCONTRACTVIEW .tabline, 
#groupIdCONTRACTVIEWk .tabline, 
#groupIdCONTRACTVIEWp .tabline, 
#groupIdHOUSEHOLDVIEW .tabline {
	padding: 0;
}

#groupIdCONTRACTVIEW table,
#groupIdCONTRACTVIEWk table,
#groupIdCONTRACTVIEWp table, 
#groupIdHOUSEHOLDVIEW table.full {
	border-spacing: 0;
}

#HouseholdView {
	padding: 0;
}

#HouseholdView .buttonrow {
	display: flex;
	align-items: center;
	padding-bottom: .5em;
}

#HouseholdView table.onlineServices td {
	max-width: unset;
}

#HouseholdView .onlineServices .wcdBtn {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	min-height: 45px;
	gap: 5px;
}

#HouseholdView .onlineServices .wcdBtn img {
	height: 32px;
}

#HouseholdView h1 {
	color: gray;
	margin: 1em 0 0;
	font-size: 15px;
}

#HouseholdView .buttonrow button {
	display: inline-flex;
	align-items: center;
	gap: .5em;
}

#HouseholdView .buttonrow button img { 
	height: 16px;
}

#HouseholdView .buttonrow > div {
	flex-grow: 1;
	width: 33%;
}

#HouseholdView .buttonrow > div:nth-of-type(2) {
	text-align: center;
	color: rgb(186,0,34);
	font-weight: bold;
	font-size: 15px;
	white-space: nowrap;
	width: 400px;
	overflow: hidden;
	text-overflow: ellipsis;
}

#HouseholdView .buttonrow > div:last-of-type {
	text-align: right;
}

#HouseholdView .geslogo {
	display: flex;
	align-items: center;
}

#HouseholdView .geslogo img {
	max-height: 70px;
	padding: 1em;
	mix-blend-mode: multiply;
	margin-right: 1.6em;
}

#HouseholdView table { 
	border-spacing: 0;	
}

#HouseholdView table tr.mPointer:hover td {
	background-color: var(--wcd-panelview-bg-color);
}

#HouseholdView table td:first-of-type {
	border-radius: 4px 0 0 4px;
}

#HouseholdView table td:last-of-type {
	border-radius: 0 4px 4px 0;
}

#HouseholdView table th, #HouseholdView table td {
	white-space: nowrap;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 3px 6px;
}

#ContractView, #ContractViewKunde, #ContractViewPartner {
	padding: 0 !important;
}

.contractView {
	border-bottom: 3px solid var(--wcd-bg-color);
}

.contractView > div {
	display: inline-block; 
	vertical-align: top;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px;
}

.contractView > div:first-child img {
	vertical-align: middle;
}

.contractView:not(.sidebyside) > div:first-child {
	background: white;
	line-height: 60px;
}

.contractView.sidebyside {
	display: grid;
	grid-template-columns: 1fr 120px 1fr;
	align-items: center;
	padding: 0;
}

.contractView.sidebyside > div {
	padding: 17px;
}

.contractView.sidebyside:last-of-type, .contractView.sidebyside:has(+h1) {
	border-bottom: 0;
}

h1.contractViewHeader {
	color: gray;
	margin: 10px;
	padding: 10px;
	font-size: 12pt;
	border-bottom: 1px solid #ccc;
}

.contractView.sidebyside > div:nth-child(2) img {
	mix-blend-mode: multiply;	
}

.contractView.sidebyside > div:last-of-type {
	margin-left: 1em;
}

.contractView.sidebyside > div > div:last-of-type {
	margin-top: 3px; 
	display: grid; 
	grid-template-columns: 70px auto; 
	color: var(--wcd-contractview-fg-color); 
	white-space: nowrap;
}

.contractView.sidebyside > div > div:last-of-type > span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.contractView.sidebyside a {
	display: inline-flex;
	align-items: center;
	gap: 0.5em;
	min-height: unset;
}

.contractView.sidebyside a.wcdBtn .ionicons {
	padding: 0;
}

.contractView.sidebyside a.wcdBtn img {
	height: 16px;
}

.contractView.sidebyside .add {
	justify-self: center;
}

.contractView.sidebyside .add a {
	flex-direction: column;
}

.contractView.sidebyside .add a img {
	height: 32px;
}

.contractView.sidebyside .flip {
	display: grid;
	grid-template-rows: 1fr 32px 1fr;
	align-items: center;
	justify-items: center;
	justify-content: center;
	align-self: stretch;
	background-color: var(--wcd-flip-bg);
}

.contractView.sidebyside .flip img:nth-of-type(2) {
	mix-blend-mode: unset;
	background: var(--wcd-flip-circle-bg);
	border-radius: 50%;
	box-shadow: 0 0 32px var(--wcd-flip-circle-shadow);
	padding: 4px;
	transform: rotate(180deg);
}

.panelView {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(92px, 1fr));
    grid-gap: 16px;
    grid-auto-rows: 1fr;
    padding-bottom: 16px;
}

.panelView.noheader {
	padding-top: 16px;
}

.panelView::before {
    content: '';
    width: 0;
    padding-bottom: 100%;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.panelView > a, .panelView > span {
    background-color: var(--wcd-panelview-bg-color);
    color: var(--wcd-fg2-color);
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 4px;
    border-radius: 4px;
    display: grid;
    transition: background 200ms;
}

.panelView > a:not(.marked,.disabled,[disabled]):hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

.panelView > a.disabled {
	opacity: 0.3;
	cursor: default;
}

.panelView > a.marked, .panelView > span.marked {
	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
}

.panelView > a.marked[disabled] {
	opacity: 0.5;
}

.panelView > a > span, .panelView > span > span {
	overflow: hidden;
	text-overflow: ellipsis;
}

.panelView .analyse, .panelView .fa-regular {
	padding-top: 20px;
	font-size: 30px;
}

.panelView .gewerbeIcon {
	padding-top: 15px;
	font-size: 40px;
}

.panelView img {
	position: absolute;
	top: -8px;
	right: -8px;
}

.panelView img.superduper {
	position: relative;
	top: auto;
	right: auto;
	height: 59px;
	display: inline-block;
	padding: 20px;	
}

.panelView .bottomRight {
	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
	position: absolute;
	right: -8px;
	bottom: -8px;
	border-radius: 1em;
	width: 1em;
	height: 1em;
	padding: 2px 3px 4.2px 3px;
	font-size: 16px;
} 

.panelView > a:first-child, .panelView > span:first-child {
    grid-row: 1 / 1;
    grid-column: 1 / 1;	
}

.panelView > span > a {
    background: #ddd;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center;
    margin: 1px;
}

.panelViewHeader {
	display: flex;
	align-items: center;
}

.panelViewHeader h1 {
	flex-grow: 1;
}

.panelViewHeader a {
	text-decoration: underline;
}

/*
 * BreadCrumb
 */

#ProcessComponentBreadCrumbIdOverviewDiv {
	position: -webkit-sticky !important;
	position: sticky !important;
	position: relative;
	top: 0;
	height: 60px;
	z-index: 750;
	min-width: 1000px;
	margin: 0 9px 22px;
	/* overflow: hidden; Overflow mus für bcPopup sichtbar sein */
}

.menueTypePulldown #ProcessComponentBreadCrumbIdOverviewDiv {
	position: fixed !important;
	top: 50px;
	left: 1px;
	right: 1px;
	margin: 0 11px 20px;
}

.menueTypePulldown #ProcessComponentBreadCrumbIdWrapperDiv {
	height: 80px;
	min-width: 1000px;
}

#ProcessComponentBreadCrumbId {
	box-shadow: 0 0 60px var(--wcd-btn-border-color);
	width: 100%;
}

#ProcessComponentBreadCrumbIdOverviewDiv .appendix {
	position: absolute;
	right: 0; 
	top: 60px;
	padding: 0;
	z-index: 0;
	box-shadow: 0 0 60px var(--wcd-btn-border-color);
	border-radius: 0 0 4px 4px;
}

#ProcessComponentBreadCrumbIdOverviewDiv .appendix a {
	display: inline-block;
	padding: 6px 8px 8px 8px;
	font-weight: bold;
	vertical-align: top;
	color: inherit;
}

#ProcessComponentBreadCrumbIdOverviewDiv .appendix a:hover {
	text-decoration: underline;
}

#processProgressImageId {
	height: 19px;
	padding: 2px 6px 5px 6px;
	vertical-align: middle;
}
 
.bcList {
	list-style-type: none;
	padding: 0;
	white-space: nowrap;
	z-index: 750;
	cursor: default;
	height: 60px;
	/* overflow: hidden; Overflow mus für bcPopup sichtbar sein */
}

.bcListMargin {
	margin: 0 23px;
}

.bcListNoMargin {
	margin: 0;
}

.bcElemText {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	text-align: left;
	background-size: auto 60px;
	background-repeat: no-repeat;
	background-position: right;
	height: 60px;
	white-space: normal;
	background-image: none !important;
	border-right: 1px solid gray;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bcElemText:last-child {
	border-right: 0px;
}

.bcElemText:not(:last-child)::after {
    content: " ";
    background-color: inherit;
    width: 10px;
    height: 10px;
    position: absolute;
    right: -6px;
    top: 25px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: 1px solid gray;
    border-top: 1px solid gray;
}

.bcElemText > div {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 46px;
	padding: 4px 6px 10px 16px;
	position: relative;
	z-index: 7;
	background: inherit;
}

.bcElemText:first-child > div {
	padding-left: 6px;
}

.bcElemText span {
	white-space: nowrap;
}

.bcElemText small {
	color: var(--wcd-bcelem-fg-color);
	max-height: 4.6em;
}

.bcElemText.active, .bcElemText.active small, .appendix.active {
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.bcElemText:not(.disabled):hover span {
	text-decoration: underline;	
}

.bcElemText.active span {
	text-decoration: underline;
	font-weight: bold;
}

.bcElemText[onclick] {
	cursor: pointer;
}

.bcElemText small, .processListElem small {
	font-size: 10px;
	font-weight: normal;
	width: 100%;
	line-height: 1.2em;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 2px 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	box-sizing: border-box;
	display: -webkit-inline-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.hyphens {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.bcElemText.enabled:hover {
	color: white !important;
}

.bcElemText ul.bcPopup {
	display: none;
	padding: 0pt;
	background-color: var(--wcd-bg2-color);
	color: var(--wcd-fg2-color);
	position: absolute;
	left: 0px;
	margin: 0pt;
	top: 60px;
	box-shadow: 0 0 60px var(--wcd-btn-border-color);
	white-space: nowrap;
	min-width: 100%;
	max-height: calc(100vh - 140px);
	overflow: auto;
}

.bcElemText:first-child ul.bcPopup {
	left: 0;
}

.bcElemText ul.bcPopup li {
	padding: 6px;
	font-weight: normal;
	color: var(--wcd-fg2-color);
	border-top: 1px dotted gray;
}
.bcElemText ul.bcPopup li.headline {
	background-color: var(--wcd-bg3-color);
	position: sticky;
	top: 0;
	border-top: 0;
}
.bcPopup li.headline + li {
	border-top: 0;
}
.bcElemText ul.bcPopup li span {
	text-decoration: none !important;
	font-weight: normal !important;
	vertical-align: middle;
}
.bcElemText ul.bcPopup li:hover span {
	text-decoration: underline !important;
}
.bcElemText ul.bcPopup li.active span:not(.bcIcon) {
	text-decoration: underline !important;
	font-weight: bold !important;
}

.bcElemText ul.bcPopup.disabled li {
	color: #bbbbbb !important;
}

.bcElemText ul.bcPopup li:hover span {
	text-decoration: underline;
}

.bcElemText ul.bcPopup li img {
	vertical-align: middle;
	height: 16px;
	margin-top: -2px;
	padding-right: 3px;
}

.bcElemText ul.bcPopup li .bcIcon {
	vertical-align: middle;
	width: 24px;
	text-align: center;
	margin-left: -6px;
	font-size: 14px;
	display: inline-flex;
	justify-content: center;
	height: 14px;
}

.bcElemText ul.bcPopup li .bcIcon small {
	width: auto;
	background: unset;
	color: unset;
	line-height: unset;
	align-self: end;
	font-size: 9px;
	margin: 0;
}

.bcElemText ul.bcPopup li.active {
	font-weight: bold;
}

.bcElemText.visited, .appendix.visited {
	background-color: rgb(196,196,196);
}

.bcElemText.unvisited, .appendix.unvisited {
	background-color: rgb(234,234,234) !important;
}

.bcElemText.disabled, .bcElemText.disabled small {
	color: #999 !important;
}

.bcElemText.enabled {
	color: #000000;
}

.bcElemIcon.disabled img {
	opacity: 0.5;
	filter: alpha(opacity = 50);
}

.breadCrumbDisabled {
	text-align: center;
	font-size: 2em;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

/*
 * new Process
 */
.processListElem {
	display: flex;
	align-items: center;
	width: 300px; 
	height: 60px;
	margin-bottom: 3px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	cursor: default;
	background-color: rgb(234,234,234);
}

.processListElem > span {
	padding: 4px 6px;
	flex-grow: 1;
	align-self: stretch;
	overflow: hidden;
	text-overflow: ellipsis;
}

.processListElem > hr {
	width: 1px;
	height: 32px;
	background-color: gray;
	border: 0;
}

.processListElem > div {
	text-overflow: ellipsis;
	overflow: hidden;
}

.processListElem.small {
	height: auto; 
	line-height: 24px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34) !important;
}

.processListElem:is(.active, .selbst, .marked) > span:not(.analyse) {
	font-weight: bold;
	text-decoration: underline;
}

.processListElem:is(.active, .selbst, .marked) > span:not(.analyse) > span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.processListElem[onclick], .processListElem [onclick] {
	cursor: pointer;
}

.processListElem[onclick]:hover:not(:has(img:hover)) span:not(.processIcon) {
	text-decoration: underline;
}

.processListElem.headElem.small {
	white-space: nowrap;
}

.processListElem.headElem img {
	padding: 14px;
}

.processListElem i {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	aspect-ratio: 1;
}

.processListElem img[onclick], .processListElem i[onclick] {
	transition: background 200ms;
}

.processListElem img[onclick]:hover, .processListElem i[onclick]:hover {
	background-color: var(--wcd-bg-transparent);
}

.processListElem.inaktiv:hover {
	color: inherit;
}

.processListElem.normal.selbst {
	color: rgb(255,255,255) !important;
	background-color: rgb(186,0,34) !important;
}

.processListElem.active {
	background-color: rgb(196,196,196) !important;
}

.processListElem.marked {
	background-color: var(--wcd-consistency-red) !important;
	color: var(--wcd-consistency-fg) !important;
}

.processListElem.inline {
	background-color: white;
	border-bottom: 1px dotted gray;
	margin-bottom: 0px !important;
	white-space: nowrap;
	padding: 4px 8px;
}

.processListElem.inline span:not(.analyse) {
	line-height: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.processIcon {
	font-size: 18px;
	padding: 3px;
	height: 33px;
	width: 33px;
	min-width: 33px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: white;
	background-color: gray;
}

span.processIcon.gewerbeIcon {
	font-size: 30px;
}

span.processIcon small {
	font-size: 10px !important;
	align-self: end;
}

span.processIcon.soll {
	

	background-color: rgb(186,0,34);
	color: rgb(255,255,255);
}

.processListElem .txt {
	width: 100%;
}

.treeContent .txt {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	display: inline-block;
	vertical-align: middle;
	padding-right: 6px;
	box-sizing: border-box;
}

.processListElem:not(.mobile):hover .txt.hasDel, .processListElem.mobile.active .txt.hasDel {
	width: calc(100% - 22px);
}

.treeContent:hover .txt.hasDel {
	width: calc(100% - 26px);
	padding-right: 4px;	
}

.processListElem .del, .treeContent .del {
	display: inline-block;
	visibility: hidden;
	vertical-align: middle;
	width: 0; /* safari text-overflow fix */ 
}

.processListElem:not(.mobile):hover .del.active, .treeContent:hover .del.active {
	visibility: visible;
	width: auto;
}

.processListElem.mobile.active .del.active {
	visibility: visible;
	width: auto;
}

.processListElem .del button, .treeContent .del button, .tree .del button {
	display: inline-block;
	-webkit-appearance: none;
	font-size: 16px !important;
	border-radius: 4px;
	padding: 0 4px;
	vertical-align: middle;
	background: none;
	border: 1px solid transparent;
	color: red;
	cursor: pointer;
	transition: background 200ms;
}

.processListElem .del button:hover, .treeContent .del button:hover, .tree .del button:hover {
	background-color: var(--wcd-btn-bg-color);
	border: 1px solid var(--wcd-btn-border-color);
}

/*
 *	Konsistenz / Plausibilität
 */
.tabline.plausiLineExclusive {
	color: var(--wcd-consistency-red);
	border-left: 3px solid var(--wcd-consistency-red);
  	padding-left: 12px;
}

.tabline.toClear {
	color: var(--wcd-consistency-red);
}

#globalKonsistenzId>h3{
	font-weight: normal;
	text-align: center;
	margin-top: 0;
}

.plausiContent {
	background-color: var(--wcd-bg-color);
	width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	border: 1px solid var(--wcd-btn-border-color);
	height: 295px;
	margin-bottom: 50px;
}

.plausiContent.ampel {
	height: auto; 
	width: auto; 
	overflow: visible;
}

.plausiContent.ampel .consistencyRow.activeColumn, .plausiContent.ampel .consistencyRow.activeColumn span {
	background-color: #ccc !important;
}

.consistencyHeadline {
	cursor: pointer;
	background-color: var(--wcd-bg3-color); 
	color: var(--wcd-fg2-color);
}

.consistencyHeadline td {
	white-space: nowrap;
	max-width: 315px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.consistencyRow {
/*	white-space: nowrap; */
	cursor: pointer;
	font-size: 0.9em;
}

.consistencyRow.activePage {
	font-weight: bold;
}

.consistencyRow.activeColumn, .consistencyRow.activeColumn span {
	background-color: var(--wcd-consistency-red) !important;
	color: var(--wcd-consistency-fg) !important;
}

.consistencyRow td, .consistencyHeadline td {
	padding: 0.5em;
}

.consistencyRow td:first-child {
	color: orange;
	width: 1em;
}

/*
 * News RSS
 */
.news {
	background-color: #eee;
	box-shadow: 0 0 10px rgba(200,200,200,.5);
	border-radius: 6px;
	margin: 0 auto;
	padding: 1em;
	max-width: 650px;
}

.news h1 {
	font-size: 1.3em;
	margin-bottom: 0;
	text-align: left;
}

.news hr {
	height: 1px;
	border: 0 none;
	color: #cccccc;
	background-color: #777777;
}

.news h2 {
	font-size: 1em;
	color: #999;
	margin: 0pt;
}

.newsHeadline {
	max-width: 650px;
  	margin: 2em auto;
  	position: relative;
}

.newsQRCode {
	position: fixed;
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 172px;
	margin-left: 700px;
	margin-top: -1em;
	text-align: center;
}

.newsTicker {
	height: 100px;
}

.newsTicker div {
	margin: 3em auto;
	background: var(--wcd-news-bg-color);
	color: var(--wcd-fg2-color);
	border-radius: 10px;
	width: max-content;
	box-shadow: 0 0 10px rgba(200,200,200,.5);
	display: flex;
	align-items: center;
}

.newsTicker a {
	color: inherit;
	font-weight: bold;
	padding: 1em;
}

.newsTicker a::after {
  content: " ";
  background: #bbb;
  width: 1px;
  height: 12px;
  display: inline-block;
  position: relative;
  right: -1em;
  vertical-align: middle;
}

.newsTicker ul {
	margin: 0;
	padding: 0;
	text-align: left;
	max-width: 850px;
    white-space: nowrap;
}

.newsTicker ul li {
	cursor: pointer;
	padding: 1em;
	display: flex;
	gap: 6px;
}

.newsTicker ul li span {
	max-width: 700px;
	overflow: hidden;
	display: inline-block;
	text-overflow: ellipsis;
	flex-grow: 1;
}

/*
 * Tarifinfo
 */
#tarifinfoSidePanel {
	width: 260px;
	vertical-align: top;
	border-left: 1px solid #ccc;
}

#tarifinfoSidePanel:has(.rentenMuster,.sidePDF) {
	width: 33vw;
	max-width: calc(100vw - 1024px);
	border: 0;
}

#tarifinfoSidePanel:has(.sidePDF) #TarifinfoCloseID {
	display: none;
}

#tarifinfoSidePanel :is(.rentenMuster, .sidePDF) {
	width: calc(33vw - 20px);
	max-width: calc(100vw - 1040px);
	border-left: 1px solid #ccc !important;
	padding-left: 10px;
}

#tarifinfoSidePanel .sidePDF {
	background-color: var(--wcd-bg2-color);
	border: 1px solid #ccc !important;
	height: calc(100vh - 160px);
	padding: 0;
	position: fixed;
	right: 0;
}
	
#TarifinfoLabelID {
	background-color: var(--wcd-bg2-color);
	border: 1px solid var(--wcd-btn-border-color);
	border-radius: 6px;
	z-index: 598;
	padding: 5px;
	display: none;
}

#TarifinfoCloseID { 
	color: rgb(186,0,34);
	cursor: pointer;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	display: none;
}

#TarifinfoID {
	background-color: var(--wcd-bg-color);
	overflow: hidden;
	padding: 0 10px 0;
	text-align: left;
	width: 230px;
	z-index: 599;
}

#TarifinfoID:has(.rentenMuster, .sidePDF) {
	width: auto;
	text-align: right;
}

#TarifinfoID table {
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word;
}

#TarifinfoID table td:first-child {
	width: 25px;
}

#TarifinfoID div h2 {
	font-size: 18px;
	margin: 12px 0 !important;
	padding-left: 35px;
}

#TarifinfoID table tr.alt td {
	background-color: var(--wcd-bg2-color);
}

#TarifinfoID td.img img:is([src*="vollgruen"],[src*="vollr"],[src*="halbe"]) {
	display: none;
}

#TarifinfoID td.img:has(img:is([src*="vollgruen"],[src*="vollr"],[src*="halbe"]))::after {
	font: var(--fa-font-solid);
	font-size: 15px;
	display: block;
	text-align: center;
	padding-top: 9px;
}

#TarifinfoID td.img:has(img[src*="vollgruen"])::after {
	content: "\f055";
	color: var(--wcd-green-color);
}

#TarifinfoID td.img:has(img[src*="vollr"])::after {
	content: "\f056";
	color: red;
}

#TarifinfoID td.img:has(img[src*="halbe"])::after {
	content: "\f042";
	color: gold;
}

/*
 * Globale Gui-Elements
 */
fieldset legend {
	color: var(--wcd-fg2-color);
}

fieldset.gray {
	background-color: var(--wcd-fieldset-bg-color);
}

fieldset.tabbed {
	border-top: 10px solid rgb(186,0,34);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding: 1em 0;
	margin: 0;
}

.ie7 fieldset.gray, .ie8 fieldset.gray {
	position: relative;
	padding: 1em;
	margin-bottom: 0.5em;
}

.ie7 fieldset.gray legend {
	position: absolute;
	top: -0.6em;
}

.ie8 fieldset.gray legend {
	position: absolute;
	top: -0.8em;
}

.ie7 fieldset.gray legend {
	left: 0.2em;
}

textarea, input.number_text, input[type=text], input[type=email], input[type=password] {
	border: 1px solid var(--wcd-btn-border-color);
	border-radius: 4px;
	padding: 1px 3px;
	-webkit-appearance: none;
	vertical-align: middle;
}

input.number_text::-ms-clear {
    display: none;
}

.einheit {
	vertical-align: middle;
}

.number_text.nb_einheit {
	border-radius: 4px 0 0 4px;
}

textarea {
	font-size: 10pt;
	overflow: auto;
	font-weight: normal;
}

.autoWidth {
	width: 100%;
	box-sizing: border-box;
	padding: 12px 6px !important;
}

input.number_text, input[type=text], input[type=email], input[type=password] {
	height: 20px;
	line-height: 20px;
}

input.readonly, input[type=text][readonly], input[type=email][readonly], input[type=password][readonly], textarea[readonly] {
	cursor: default;
	background-color: var(--wcd-readonly-bg-color);
}

input.disabled, input[type=text][disabled], input[type=email][disabled], input[type=password][disabled] {
	cursor: default;
	color: #999;
	background-color: var(--wcd-input-disabled-bg-color);
	opacity: 1;
}

span.disabled {
	color: #606060;
}

span.bold {
	font-weight: bold;
}

span.radio, span.checkbox {
	white-space: nowrap;
}

.radio input, .checkbox input, .image input {
	vertical-align: middle;
	margin: 1px 5px;
}

.radio.floated>*, .checkbox.floated>* {
	float: left;
}

.radio span, .radio label, .checkbox span, .checkbox label  {
	display: inline-block;
}

.radio input ~ label, .checkbox input ~ label  {
	box-sizing: border-box;
	padding-right: 14px;
}

.radio span, .radio label, .checkbox span, .checkbox label, .image span {
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 20px;
	vertical-align: middle;
}

input[type=checkbox], input[type=radio] {
	cursor: pointer;
}

/*
 * Radio Buttons
 */

.radio-touch-group {
	border: 1px solid var(--wcd-btn-border-color);
	background-color: var(--wcd-btn-bg-color);
	color: var(--wcd-fg2-color);
	border-radius: 4px;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	z-index: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.radio-touch-group::before {
	content: " ";
	opacity: var(--radio-touch-group-opacity);
	background-color: var(--wcd-btn-border-color);
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--radio-touch-group-width);
	left: var(--radio-touch-group-left);
	z-index: -1;
	transition-property: var(--radio-touch-group-transition);
	transition-duration: 333ms;
	transition-timing-function: cubic-bezier(.2,.8,.4,.9);
}
.radio-touch-group>span {
	display: inline-block;
	width: auto !important;
	border-right: 1px solid var(--wcd-btn-border-color);
}
.radio-touch-group>span.disabled {
	color: #888;
}
.radio-touch-group>span:last-child {
	border-right: 0;
	padding-right: 0 !important;
}
.radio-touch-group input[type=radio] {
	display: none;
}
.radio-touch-group .checkbox label {
	padding-left: 0 !important;
}
.radio-touch-group label {
	display: inline-block;
	padding: 1px 10px !important;
	box-sizing: border-box;
	width: auto !important;
	text-align: center;
}
.radio-touch-group>span.active label {
	text-decoration: underline;
}
.radio-touch-group span:not(.disabled) label {
	cursor: pointer;
}

.autoCombobox {
	white-space: nowrap;
	display: inline-block;
}

.autoCombobox input {
	border-radius: 4px 0 0 4px;
	vertical-align: middle;
	border-right: 0;
}

.autoCombobox.disabled input {
	cursor: default;
	color: #999;
	background-color: var(--wcd-input-disabled-bg-color);
	opacity: 1;
}

.autoCombobox.disabled .ui-button-icon-primary {
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

.autoCombobox a {
	height: 22px;
	vertical-align: middle;
}

.autoCombobox.disabled a {
	cursor: default !important;
}

img {
	border: 0;
}

table.w100 {
	width: 100%;
}

#OpenStreetMap img {
	border: 1px solid #d3d3d3;
	border-radius: 6px;
}

a.zusatzbutton {
	cursor: pointer;
	margin-left: 5px;
}

a.zusatzbutton.wcdBtn {
  	display: inline-block;
  	min-height: 10px;
  	padding: 0;
  	text-align: center;
  	background-color: var(--wcd-btn-bg-color);
}

a.zusatzbutton:not(.wcdBtn):has(i) {
	display: inline-block;
	border-radius: 6px;
}


a.zusatzbutton:not(.wcdBtn):has(i):hover {
	background-color: #e6e6e6;
}

a.zusatzbutton img {
	border: 1px solid transparent;
	vertical-align: middle;
}

a.zusatzbutton:focus img {
	border: 1px solid #ccc;
}

.fieldInfo {
	background-color: #0e56a6;
	color: white;
	aspect-ratio: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3em;
	font-weight: bold;
	margin-right: 2em;
}

button[disabled] img:not([src*=Badge]) {
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

a[disabled] img:not([src*=Badge]) {
	opacity: 0.2;
	filter: alpha(opacity = 20);
}

.standVom input {
	display: none;
}

.standVom, .standVom a {
	color: gray;
}

#AddressManagement.servletDialog {
	max-width: 70vw;
}

.addressManagement {
	max-height: 70vh;
	overflow: auto; 
	display: flex; 
	flex-wrap: wrap;
}

.addressManagement > div {
	display: inline-block; 
	flex-grow: 1; 
	margin: 1em .5em; 
	border: 1px solid #ccc;
	border-radius: 6px;
}

.addressManagement > div.new, .addressManagement > div.new a {
	cursor: pointer;
	min-width: 100px;
	text-align: center;
}
.addressManagement > div > label > input {
	margin: 0 0 3px 0;
}
.addressManagement > div > label {
	padding: 1em;
	display: block;
}

.addressManagement > div > span:last-child {
	padding: 0.5em 1em;
	display: flex;
	border-top: 1px solid #ccc;
}

.addressManagement > div > span:last-child > button:first-child {
	flex-grow: 2;
}

.addressManagement > div:last-child {
	flex-grow: 100;
	border: 0;
}

/*
 * Administration
 */
table.shadow {
	width: 95%;
	margin: 0 auto;
	background-color: var(--wcd-bg2-color);
	border-radius: 6px;
	padding: 1em;
	box-shadow: 0 0 10px #ccc;
}

table.shadow hr {
	color: #ccc;
	background-color: #ccc;
}

table.shadow th {
	padding: 10px 0 10px 10px;
	font-weight: normal;
}

table.headerLeft th {
	text-align: left;
}

div.table {
	width: 95%;
	margin: 0 auto;
	padding: 1em;
}

table td.p12em {
	padding: 1em 2em;
}

.naviButtons {
	text-align: center;
	padding: 3px 5em;
	box-shadow: 1px 2px 3px rgb(204, 204, 204);
}

.naviButtons a {
	padding: 0 5px;
	cursor: pointer;
}

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

/*
 * Circles
 */
.group {
	width: 250px;
	height: 250px;
	position: relative;
	float: left;
}

.newGroup {
	width: 120px;
	height: 120px;
	float: left;
	margin: 65px;
	font-size: 35px;
	line-height: 120px;
	border-radius: 60px;
	border: 1px solid #ccc;
	text-align: center;
	color: #999999;
	cursor: default;
}

.group .circle {
	width: 120px;
	height: 120px;
	border: 1px solid #ccc;
	border-radius: 60px;
	position: absolute;
	left: 64px;
	top: 64px;
}

.group .circle.open {
	width: 250px;
	height: 250px;
	border-radius: 125px;
	top: 0;
	left: 0;
	box-shadow: 0 0 3px 3px #ddd;
}

.group label {
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 50px;
	position: absolute;
	left: 75px;
	top: 75px;
	background-color: rgb(186,0,34);
	box-shadow: 0 0 3px 3px rgb(186,0,34);
	text-align: center;
}

.group.add label {
	background-color: #eee;
	box-shadow: 0 0 3px 3px #eee;
}

.group label input {
	font-size: 14px;
	border: 0;
	border-radius: 6px;
	text-align: center;
	width: 70px;
	background-color: rgb(186,0,34) !important;
	color: white;
	margin: 30px 0;
}

.group.edit label input {
	background-color: white !important;
	color: black;
	position: relative;
	z-index: 10;
}

.group label.cnt {
	display: block;
	font-size: 12px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	background-color: white;
	color: rgb(186,0,34);
	left: 115px;
	top: 140px;
	box-shadow: 0px 0px 2px 2px rgb(186,0,34) inset;
	border-radius: 11px;
}

.group.edit label.cnt {
	font-weight: bold;
	z-index: 10;
}

.group ul {
	display: none;
	list-style-type: none;
}

.group ul li {
	width: 34px;
	height: 40px;
	padding: 5px 8px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 25px;
	position: absolute;
	background-color: var(--wcd-bg-color);
	text-align: center;
	cursor: pointer;
}

.group ul li.add {
	background-color: var(--wcd-news-bg-color);
	color: #999;
	font-size: 35px;
	cursor: default;
	z-index: 1;
}

.group ul li.remove {
	background-image: url(/framework/ImageServlet?file=trash.png);
	background-repeat: no-repeat;
	background-position: center;
}

.group ul li.ui-draggable-dragging {
	box-shadow: 0 0 3px 3px #eee;
}

.ui-dialog ul.wcdSortable {
	max-height: calc(100vh - 170px);
	overflow-x: hidden;
	overflow-y: auto;
}

#DruckkonfigurationIDText #lmForm {
	max-height: calc(100vh - 150px);
	overflow-x: hidden;
	overflow-y: auto;
}

ul.wcdSortable {
	padding: 0;
}

ul.wcdSortable li {
	padding: .5em;
}

ul.wcdSortable li.ui-state-fix {
	background: rgb(222, 222, 222);
}

.ui-state-highlight {
	height: 1.3em;
	line-height: 1.2em;
}

/*
 * Logout/Sitzungsseite
 */
div.msg {
	margin: 0px auto;
	width: 100%;
	text-align: center;
}

div.msg a {
	text-decoration: underline;
}

/*
 * Knowledgebase
 */
div.knowledge {
	display: flex;
	position: fixed;
	right: 25px;
	bottom: 15px;
	height: 26px;
	text-align: right;
	background-color: var(--wcd-bg-knowledge);
	box-shadow: 0 0 10px rgba(200,200,200,.5);
	border-radius: 4px;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
}

div.knowledge .imageButton {
	width: 16px;
	height: 16px;
	padding: 5px 10px;
	font-size: 14px;
	color: var(--wcd-fg2-color);
}

div.knowledge .imageButton.disabled {
	color: #999;
}

div.knowledge .imageButton:hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

div.knowledge input {
	margin: 0;
}

div.knowledge > span:first-of-type .imageButton {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

div.knowledge > span:last-of-type .imageButton {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

div.knowledge > span:not(:last-of-type)::after {
  content: " ";
  background: #bbb;
  width: 1px;
  height: 12px;
  display: inline-block;
  position: relative;
}

div.notifications {
	background-color: transparent;
	bottom: 40px;
	position: fixed;
	right: 15px;
	width: 291px;
	display: none;
	pointer-events: none;
}

div.notifications div.scrollpane {
	overflow: auto;
	max-height: calc(100vh - 230px);
}

div.notifications div.closeButton {
	display: none;
	margin: 0 18px 0 0;
	text-align: right;
	position: relative;
	top: 5px;
}

div.notifications div.closeButton a {
	pointer-events: initial;
	font-weight: bold;
	font-size: 14px;
	color: rgb(186,0,34);
}

@media screen and (max-width: 1072px) {
	div.notifications div.closeButton a {
		color: rgb(255,255,255);
	}	
}

div.notifications ul {
	padding: 0;
	text-align: left;
}

div.notifications ul li {
	padding: 10px;
	margin: 5px 10px;
	color: var(--wcd-fg2-color);
	background-color: var(--wcd-bg-knowledge);
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(200,200,200,.5);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	pointer-events: initial;
}

div.notifications ul li.yellow {
	background-color: var(--wcd-bg-knowledge-yellow);
	color: #333; 
}

div.notifications ul li center img { 
	vertical-align: middle;
	border-radius: 4px;
}

div.notifications ul li i.icon {
	margin-right: 6px;
	display: inline-block;
	box-sizing: border-box;
	font-size: 2em;
	vertical-align: middle;
}

div.notifications ul a, div.notifications ul a:hover {
	color: inherit;
	text-decoration: underline;
}

div.notifications .kGroup {
	display: flex;
	flex-direction: column;
}

div.notifications .kGroup h2 {
  color: var(--wcd-fg3-color);
  font-size: 1.2em;
  display: flex;
  align-items: center;
  gap: 1em;
  font-weight: normal;
  margin: .5em 0;
}

div.notifications .kGroup h2 i {
	font-size: 3em;
	color: var(--wcd-consistency-red);
}

div.notifications .kGroup > a {
  background-color: var(--wcd-bg3-color);
  color: var(--wcd-fg3-color);
  padding: 4px 8px;
  border-radius: 4px;
  text-decoration: none !important;
  cursor: pointer;
  transition-property: transform, max-height, padding, margin-top;
  transition-duration: 300ms;
  transition-timing-function: ease-in;
  overflow: hidden;
  margin-top: 10px;
}

div.notifications .kGroup > a.slideOut {
	transform: translateX(300px);
	max-height: 0 !important;
	padding: 0 8px;
	margin-top: 0;
}

div.notifications .kGroup > a.activePage {
	font-weight: bold;
}

div.notifications .kGroup > a:hover {
	background-color: var(--wcd-btn-bg-hover-color);
}

div.notifications .kGroup > a.activeColumn {
	background-color: var(--wcd-consistency-red) !important;
	color: var(--wcd-consistency-fg) !important;
}

div.notifications .kGroup > a a {
	padding: 2px;
}

#knowledgeDialogID td.makler {
	width: 90px !important;
}

#knowledgeDialogID td.makler img {
	cursor: pointer;
}

#knowledgeDialogID fieldset#knowledgeResult {
	width: 400px;
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 10px;
	margin-top: 10px;
	max-height: 200px;
	overflow: auto;
}

#knowledgeDialogID .knowledgeContentBox {
	height: 200px;
	margin: 12px;
	max-height: 200px;
	overflow: auto;
	padding: 12px;
	width: 373px;
}

#knowledgeDialogID fieldset#knowledgeResult p {
	text-decoration: underline;
	margin: 3px 0;
	padding: 0;
	cursor: pointer;
}

#knowledgeDialogID fieldset#knowledgeResult p:hover {
	text-decoration: none;
}

#knowledgeDialogID a {
	text-decoration: underline;
	line-height: 24px;
}

#knowledgeDialogID a:hover {
	text-decoration: none;
}

#korrespondenzCounter {
	border: none; 
	height: 22px;
	position: absolute; 
	top: -10px; 
	left: 15px;
	cursor: pointer;
}

/*
 * jOrgChart
 */
.jOrgChart .line {
	height: 20px;
	width: 4px;
}

.jOrgChart .down {
	background-color: black;
	margin: 0px auto;
}

.jOrgChart .top {
	border-top: 3px solid black;
}

.jOrgChart .left {
	border-right: 2px solid black;
}

.jOrgChart .right {
	border-left: 2px solid black;
}

.jOrgChart .off {
	visibility: hidden;
}

/* node cell */
.jOrgChart td {
	text-align: center;
	vertical-align: top;
	padding: 0;
}

/* The node */
.jOrgChart .node {
	background-color: black;
	color: white;
	display: inline-block;
	z-index: 10;
	margin: 0 2px;
	padding: 10px;
	border-radius: 8px;
	border: 2px solid #333;
	box-shadow: 1px 1px 1px #999999;
	text-align: center;
}

.jOrgChart .node.top {
	background-color: rgb(186,0,34);
	border-color: rgb(186,0,34);
	cursor: default !important;
}

.jOrgChart .node.tippgeber {
	background-color: #ADD8E6;
	color: black;
	border: 2px solid #ADD8E6;
}

div.jOrgChart {
	width: 800px;
	overflow: auto;
	padding: 1em 0;
}

div.jOrgChart table {
	margin: 0 auto;
}

ul.jOrgChart {
	display: none;
}

.jOrgChart .drag-active {
	border-style: dashed !important;
	border-color: white !important;
}

.jOrgChart .drop-hover {
	border-style: solid !important;
	border-color: white !important;
}

/*
 * DragAndDropUpload
 */
.droparea {
	padding: 2em 0;
	margin: 0 auto;
	width: 330px;
	border: 3px dashed #ccc;
	border-radius: 12px;
	text-align: center;
	background-color: var(--wcd-bg-color);
}

.droparea.noDrop {
	border: 1px solid #ccc;
}

.droparea a {
	text-decoration: underline;
}

.dropareaMax {
	color: #999;
	font-size: 12px;
	padding: 1em 1em 0;
}

.dropareaMax.borderTop {
	border-top: 1px solid #ccc;
}

.dropareaMax ul {
	padding-left: 0;
}

.droparea.drag-active {
	border: 3px solid #ccc;
}

.filearea {
	text-align: left;
	padding: 10px;
	margin: 0 16px;
	border: 1px solid #808080;
	background-color: white;
}

.logarea {
	margin: 5px 0;
}

.logarea .ui-progressbar {
	height: 15px !important;
}

.progress-label {
	float: left;
	width: 100%;
	text-shadow: 1px 1px 0 var(--wcd-bg-color);
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

/*
 * Notizen-Dialog
 */
.noteList {
	text-align: right;
	margin-top: 1em;
	cursor: default !important;
	font-weight: normal !important;
	border-radius: 6px 6px 0 0;
}

.noteList.minified {
	display: none;
}

.noteList * {
	vertical-align: middle;
}

.noteListText {
	border: 1px solid #cccccc;
	height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
	border-radius: 0 0 6px 6px;
	-webkit-overflow-scrolling: touch;
}

.noteMessage {
	border-top: 1px solid rgb(222, 222, 222);
	padding-bottom: 2em;
	cursor: pointer;
}

.noteAnlagezeit {
	width: 100px;
	color: gray;
	text-align: right;
}

.noteButtons .ui-button-text {
	padding: .1em !important;
}

.noteButtons i {
	font-size: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 22px;
}

/*
 * Common 
 */
.none {
	display: none;
}

.bold {
	font-weight: bold;
}

.bold a {
	font-weight: bold;
}

table.wcdMessage {
	border: 2px solid #ccc;
	margin: 0 auto;
	border-collapse: collapse;
}

table.wcdMessage td {
	background-color: rgb(255, 255, 174);
	color: black;
	text-align: center;
	vertical-align: middle;
	padding: 1em;
	font-weight: bold;
}

table.wcdMessage td a {
	color: black !important;
	text-decoration: underline;
}

/*
 * hinweis
 */
 
.umgebungHinweis img {
	position: relative;
	top: 8px;
	padding: 0 5px;
}

.umgebungHinweis > :not(:last-child)::after {
	content: "|";
	padding: 0 1em;
	display: inline-block;
}

div.umgebungHinweis img {
	vertical-align: middle;
	height: 20px;
	top: -1px;
}

div.umgebungHinweisPage {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	bottom: 0;
}

div.umgebungHinweisPage iframe.eva {
	position: absolute;
	top: 0;
	bottom: 0;
}

div.umgebungHinweis {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #4ad;
	background: -moz-linear-gradient(top, #4ad, #256);
	background: -webkit-linear-gradient(top, #4ad, #256);
	color: white;
	text-align: center;
	font-weight: bold;
	line-height: 25px;
}

div.umgebungHinweis.white {
	background: var(--wcd-bg-color);
	color: var(--wcd-fg2-color);
}

div.umgebungHinweis.big {
	line-height: 50px;
	font-size: 15px;
}

div.umgebungHinweis a.lnk {
	color: inherit;
	text-decoration: underline;
}

#Download .iframe {
	width: 100%;
	height: 600px;
	border: 1px solid #ccc;
	overflow: auto;
}

#Download div.iframe {
	text-align: center;
}

#Download .iframe>img {
	max-width: 200%;
	max-height: 100%;
}

/*
 * Information Object
 */
#groupIdInformationElements {
	margin-bottom: 30px;	
}

#groupIdInformationElements>div.informationObject {
	margin-bottom: 3px;
}

#groupIdInformationElements>div.informationObject.defaultMargin {
	margin-bottom: 3px;
}

.informationObject {
	border: 1px solid rgb(186,0,34);
	border-collapse: collapse;
	display: table;
	margin: 0 auto;
	width: 660px;
}

.informationObject>div {
	display: table-cell;
	padding: 1em;
	vertical-align: middle;
}

.informationObject>div a:not(.wcdBtn) {
	text-decoration: underline;
}

.informationObject>div:first-child {
	padding: 9px 0 9px 17px;
	width: 120px;
	color: rgb(255,255,255);
	background-color: rgb(186,0,34);
}

.informationObject>div.buttons {
	text-align: right;
	padding-right: 9px;
}

.informationObject.buPremium > div {
	vertical-align: top;
	padding: 0;
}

.informationObject.buPremium b {
	border-radius: 25px;
	padding: 2px 5px;
	display: inline-block;
	margin: 2px;
}

.informationObject.buPremium table {
	text-align: center; 
	border-spacing: 9px;
	width: 100%;
}

.informationObject.buPremium table tr td {
	white-space: nowrap;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.informationObject.buPremium table tr:nth-child(1) td {
	border-bottom: 1px solid #ccc;
}

.informationObject.buPremium table tr:nth-child(3) td {
	padding: 6px; 
	background: #ccc; 
	color: black; 
}

.informationObject.buPremium table .wcdBtn {
	margin-top: 1em;
}

.informationObject .vraufruf {
	text-align: right;
	display: flex;
	justify-content: center;
	gap: 1em;
	min-width: 517px; /* gleiche breite wie bei BU Premium Ergebnis */
}

.informationObject .vraufruf a {
	display: inline-flex;
	align-items: center;
	gap: 1em;
	padding: 1em;
	text-decoration: none;
	text-align: center;
} 

.informationObject .vraufruf i.fa-shield-halved {
	font-size: 40px;
	color: red;
}

/*
 * Dynamic Raster Menu
 */
 
#rasterMenu {
	position: relative;
	padding-top: 20px;
	width: 100%;
	height: 97px;
	line-height: 11px;
	overflow: hidden;
}
#rasterMenu > div {
	white-space: nowrap;
	height: 14px;
}
#rasterMenu img {
	left: 26.4px;
	position: absolute;
	background-color: white;
	bottom: 11px;
	padding: 8px 17px 14px;
	cursor: pointer;
	z-index: 1;
}
#rasterMenu > div div {
	background-color: #f1f2f2;
	border-radius: 0 0 0 5px;
	width: 11px;
	height: 11px;
	font-size: 9px;
	display: inline-block;
	margin: 1.5px;
	text-align: center;
	position: relative;
}
#rasterMenu > div div::after {
	content: " ";
	background-color: #f1f2f2;
	width: 3px;
	height: 1px;
	position: absolute;
	top: 5px;
	left: 11px;
}
#rasterMenu > div div::before {
	content: " ";
	background-color: #f1f2f2;
	width: 1px;
	height: 3px;
	position: absolute;
	top: 11px;
	left: 5px;
}
#rasterMenu span {
	color: gray;
}
#rasterMenu span.he {
	color: black;
	font-weight: bold;
}
#rasterMenu a {
	cursor: pointer;
	color: black;
	font-size: 9px;
}
#rasterMenu a:hover {
	color: #ba0022;
}

.actionMenu a {
	display: block;
	padding: 8px;
}

.actionMenu a[disabled] {
    color: gray;
} 

.actionMenu a:hover {
	background-color: #f1f1f1
}

#dragAndDropPageWrapper {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	overflow: auto;
	padding: 3rem;
	text-align: center;
	font-size: 1rem;
	transition: backdrop-filter .3s, background-color .3s;
	
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

#dragAndDropPageWrapper>:first-child {
	margin-top: auto;
}

#dragAndDropPageWrapper>:last-child {
	margin-bottom: auto;
}

#dragAndDropPageWrapper.show {
	visibility: visible;
	background-color: rgba(144,144,144,0.5);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

#dragAndDropPageWrapper h1 {
	margin: 0;
}

#dragAndDropPageWrapper > div {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));	
}

@media screen and (max-width: 520px) {
	#dragAndDropPageWrapper > div {
		grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));	
	}	
}

#dragAndDropPageWrapper div[id] {
	background-color: rgba(144,144,144,0.5);
	border: 3px dashed #333;
	padding: 1rem;
	border-radius: 1rem;
	aspect-ratio: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	max-width: 50vw;
	max-height: calc(50vh - 100px - 3rem);
	box-sizing: border-box;
}

#dragAndDropPageWrapper div[id=MULTIUPLOAD] {
	height: 100px;
	max-width: 100%;
}

#dragAndDropPageWrapper span {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#dragAndDropPageWrapper img {
	height: 100px;
	max-width: 100%;
	max-height: 100%;
}

/*
 * small window stuff
 */

@media screen and (max-width: 1024px) {
	
	#groupIdx0x7 {
		right: 2.5em !important;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1140px) {
	
	#groupIdx0x7 {
		right: .5em !important;
	}
}

/*
 * hide tarifinfo on small screens 
 * Breite Baum+Inhalt 1024px + 2x 11px padding
 * Breite Seitenpanel 260px 
 * Summe = 1306px;
 */

@media screen and (max-width: 1306px) {
	
	#tarifinfoSidePanel {
		width: auto !important;
		border-left: 0;
	}
	
	html:has(.sidePDF), body:has(.sidePDF) {
		overflow: hidden !important;
	}
	
	#TarifinfoID:has(.sidePDF) {
		width: unset;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1000000;
		display: grid;
		place-items: center;
		overflow: hidden;
		padding: 20px;
		background-color: rgba(20,20,20,.5);
		backdrop-filter: blur(3px);
		border: 0;
		border-radius: 0;
		text-align: center;
	}
	
	#tarifinfoSidePanel .sidePDF {
		position: static;
		height: calc(100vh - 40px);
		border-radius: 1em;
		width: 700px;
		max-width: calc(100vw - 40px);
		max-height: 1041px;
	}
	
	#tarifinfoSidePanel .rentenMuster {
		width: 700px;
		max-width: unset;
	}
	
	#TarifinfoLabelID {
		position: absolute;
		right: 10px;
		top: 120px;
		display: block;
	}
	
	#TarifinfoCloseID { 
		position: absolute;
		left: 11px;
		top: 9px;
		display: block;
	}
	
	#TarifinfoID {
		position: absolute;
		right: 10px;
		top: 120px;
		display: none;
		box-shadow: -3px -3px 6px #ddd;
		border: 1px solid var(--wcd-btn-border-color);
		border-radius: 6px;
	}
}

/*
 * Dark Mode
 */

@media (prefers-color-scheme: dark) {
	div.knowledge, 
	div.notifications ul li,
	.noTitleDialog, 
	.dropDownLeiste,
	.jOrgChart .node,
	.bcElemText ul.bcPopup,
	.ui-tooltip, 
	#TarifinfoID {
		box-shadow: 0 0 10px black;
	}
	
	.ui-datepicker-trigger, .darkmodeinvert {
		filter: invert(.8);
	}
	
	.darkmodeinvertBlack {
		filter: invert(1);
	}
	
	.darkmodeinvertHue {
		filter: invert(1) hue-rotate(180deg);
	}
	
	.ui-widget-content {
		background: #333 !important;
		border-color: #555 !important;
		color: white !important;
	}
	
	.fieldInfo {
		background-color: #75baff;
		color: black;
	}
	
	.processListElem, .bcElemText.unvisited, .appendix.unvisited {
		background-color: var(--wcd-bg2-color) !important;
		color: var(--wcd-fg2-color) !important;
	}
	.processListElem.active, .bcElemText.visited, .appendix.visited, .myTable .header2 {
		background-color: #555 !important;
	}
	#ProcessComponentBreadCrumbId {
		box-shadow: none;
	}
	
	img[src*=OpenStreetMap] {
		filter: invert(.8) hue-rotate(180deg);
	}
	
	.panelView img.superduper {
		filter: invert(1) hue-rotate(180deg);
	}
	
	#HouseholdView .geslogo img {
		mix-blend-mode: unset;
		background: white;
	}
	
	
	#startSearch {
		filter: none;
	}
	
	#startSearch #results .searchFilter .fil {
		box-shadow: none;
	}
}
.text ul li {
	padding-bottom: 10px;
}

div.text {
	font-size: 9pt;
}