/* :root {
	--themeColor: #1C7ECC;
	--boxBackground: #fafafa;
	--boxBorder: #B1B1B1;
	--buttonBackground: #DBDBDB;
	--buttonBorder: #B1B1B1;
} */

body {
	margin: 0;
}

th{
	font-weight: bold;
	text-align:left;
}

form {
	padding: 0;
	margin: 0;
}

a:link,a:visited,a:hover,a:active {
	color: #1C59B2;
	text-decoration: none;
}

.nobr {
	-khtml-user-drag: element;
}

a {
	-khtml-user-drag: none;
}

.nobr:-webkit-drag img {
	display: none;
}

a img {
	border: 0;
}

h1,h2,h3,h4{
	font-weight: 100;
}

.topicfield, a.topicfield, a.topicfield:hover {
	font-weight: bold;
}
/* 
ul.page-languages,
ul.page-languages li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: center;
	margin-top: .15rem;
}

ul.page-languages li {
	border-top: none;
}

ul.page-languages li a {
	display: block;
}

ul.page-languages li a:hover {
	text-decoration: underline;
} */

table.box td.content, table.box td.content_full {
	border-top: none;
}

table.box td.content_full {
	padding: 0;
}

table.box table.head {
	width: 100%;
}

table.box td.tab {
	vertical-align: bottom;
}

table.box div.tab {
	position: relative;
	a{
		padding: .5rem 0;
	}
}

table.box div.tab_active {
	border-bottom: none;
}

table.box div.tab a:hover, table.box div.tab_active a:hover {
	text-decoration: underline;
}

table.box div span.badge {
	position: relative;
	font-weight: bold;
}

table.box td.space {
	vertical-align: bottom;
}

table.box td.space div a:hover {
	text-decoration: underline;
}

div.form-button {
	text-align: right;
}
input.form-button, input.form-button-over, a.button {
	font-weight: bold;
	text-decoration: underline;
	text-align: left;
}

a.button, a.button:visited {
	text-decoration: underline;
}

/* a.button-preview {
	background-image: url(../images/button-preview.gif);
}
input.form-button-save {
	background-image: url(../images/save.gif);
}
input.form-button-recycle {
	background-image: url(../images/button-recycle.gif);
}
input.form-button-delete {
	background-image: url(../images/delete.gif);
} */

div.topic {
	font-weight: bold;
}

div.scrollbox {
	overflow: scroll;
}

div.littlebox {
	width: 250px;
	height: 200px;
}

div.highbox {
	width: 250px;
	height: 400px;
}

div.widebox {
	width: 800px;
	height: 500px;
}

div.search-results span.searchword {
	font-size: 1rem;
}

div.search-result-name, div.search-result-name * {
	font-weight: bold;
}

.datepicker_clear {
	display: none;
}

.datepicker_trigger {
	position: relative;
}

.cms-page-main-infos {
	width: 100%;
}

.cms-page-main-infos input[type="text"] {
	width: 100%;
	box-sizing: border-box;
}

table.page_edit_seo {
	width: 100%;
}

table.page_edit_seo tr td {
	vertical-align: top;
}

table.page_edit_seo tr td input,
table.page_edit_seo tr td textarea {
	width: 100%;
	box-sizing: border-box;
}

table.page_edit_seo tr td textarea {
	height: 80px;
}

table.page_edit_seo tr td div {
	font-size: 0.8em;
}

.page-buttons-delete-hint {
	margin-top: 1rem;
	text-align: right;
	font-style: italic;
}

div.page-infos {
	padding-bottom: 6rem;
}

div.page-template-view-table {
	width: 100%;
}

.page-template-view-table table {
	border-collapse: collapse !important;
	width: 100%;
}
.page-template-view-table table td {
	vertical-align: top;
}

div.page-contents {
	box-sizing: border-box;
}

div.page-content a,
div.page-content-area a {
	display: block;
	text-decoration: none;
}
div.page-content a:link {
	font-size: 1.25em;
}
/* .page-content-type-109 > .page-content > a::after,
div.page-content-area a::after {
	content: ' [+]';
	font-size: x-small;
} */
div.page-content a:hover,
div.page-content-area a:hover {
	text-decoration: underline;
}

div.page-contents ul,
div.page-contents ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

div.page-contents > ul{
	padding-left: .25rem;
	padding-right: .25rem;
}

div.page-contents ul:not(:has(li)) {
    height: 2rem;
	background-image: linear-gradient(45deg, var(--color-bg-white) 16.67%, var(--color-bg-light) 16.67%, var(--color-bg-light) 50%, var(--color-bg-white) 50%, var(--color-bg-white) 66.67%, var(--color-bg-light) 66.67%, var(--color-bg-light) 100%);
	background-size: 21.21px 21.21px;
}

div.page-contents[dir="rtl"] ul li.page-content {
	text-align: right;
}

div.page-contents ul li.page-content-entailed {
	/* opacity: 0.75; */
	/* background-image: linear-gradient(45deg, var(--color-bg-warning) 16.67%, var(--color-bg-light) 16.67%, var(--color-bg-light) 50%, var(--color-bg-warning) 50%, var(--color-bg-warning) 66.67%, var(--color-bg-light) 66.67%, var(--color-bg-light) 100%); */
	background-size: 21.21px 21.21px;
	background-color: var(--color-bg-warning);
}

a.link_entailed{
	font-size: .8rem;
	/* color: var(--color-text-strong); */
	color: var(--color-text-warning);
	&::before {
		content: '\f33d';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		font-style: normal;
		margin-right: 0.25rem;
	}
}
span.info-entail{
	opacity: 1;
	font-size: .8rem;
	/* color: var(--color-text-warning); */
	&::before {
		content: '\f345';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		font-style: normal;
		margin-right: 0.25rem;
	}
	&:hover{
		opacity: 1;
	}
}

span.timezone-help {
	cursor: help;
	background: transparent;
    color: var(--color-text-primary);
	/* border: .0625rem solid var(--color-text-regular);
    width: 1.2rem;
    height: 1.2rem; */
    margin: 0;
	line-height: 1.25;
	/* border-radius: 50%; */
	display: inline-block;
	text-align: center;
	&:hover{
		color: var(--color-text-primary);
	}
	&::after{
		content: '\f05a';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
	}
}

.help-icon::after{
	content: '\f05a';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
	font-size: .8rem;
}

label + span.timezone-help {
    margin-left: .25rem;
}

div.page-content-menu {
	padding: 0;
	position: absolute;
	z-index: 10;
	display: none;
}

div.page-content-menu a {
	display: block;
	font-weight: bold;
	background-repeat: no-repeat;
}

div.page-content-menu a:hover {
	text-decoration: underline;
}

div.page-content-menu a.disabled {
	font-weight: normal;
	cursor: default;
}

div.page-content-menu a.loading {
	/* background-image: url(../images/loading-ani-black.gif); */
	font-weight: normal;
	text-decoration: none;
	&::after {
		content: '\f00c';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-left: .25rem;
	}
}

div.page-content-menu a.done {
	/* background-image: url(../images/message-ok.gif); */
	font-weight: normal;
	&::after {
		content: '\f00c';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-left: .25rem;
	}
}
div.page-content-menu a.copy {
	font-weight: normal;
}
div.page-content-menu a.paste {
	font-weight: normal;
}
div.page-content-menu a.hide {
	font-weight: normal;
}
div.page-content-menu a.show {
	font-weight: normal;
}

#page-path {
	display: flex;
}

#page-path * {
}

#page-path span.sep {
	font-weight: 100;
	margin: 0 0.25rem;
}

#page-path span.language {
	opacity: .5;
}

#page-path a:hover{
	text-decoration: underline;
}

#page-path a.path-path-last {
	font-weight: 100;
}

a.page-preview {
	display: block;
	margin-left: auto;
	order: 10000;
}

#cms-status-message {
	display: none;
	position: fixed;
	width: 500px;
	top: 0;
	right: 0;
	z-index: 10;
}

#cms-status-message li {
	list-style-type: none;
}

.page-content.page-content-type-87 .page-content-teaser {
	max-width: 50em;
	word-break: break-all;
	word-wrap: break-word;
}

.content-attribute-text {
	width: 100%;
	box-sizing: border-box;
}

/* @supports (display: flex){
	@media (min-width: 1000px){ */
		/* .cms-page-infos {
			width: 35rem;
		} */
		div.page-contents ul[data-attr-layout="spalten"]{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}

		div.page-contents ul[data-attr-layout="spalten"] > li {
			box-sizing: border-box;
			min-width: 20%;
			flex: 1 0 0;
		}

		div.page-contents ul[data-attr-layout="spalten"] > li[data-attr-layout="spalte-volle-breite"] {
			flex: 1 0 100%;
		}

		div.page-contents ul[data-attr-layout="spalten"] > li[data-attr-layout="spalte-doppelbreite"] {
			flex: 2 0 0;
		}

		/* KIST cms 1041 */
		div.page-contents ul[data-attr-display="produkte"]{
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		div.page-contents ul[data-attr-display="produkte"] > li {
			margin: -1px -1px 0 0 !important;
			box-sizing: border-box;
			padding-top: 5px !important;
			border: 1px solid #acb2c6;
			min-width: 20%;
			flex: 0 1 25%;
		}
	/* }
} */

/*****/

frame[name="content"]{
	background-color:var(--color-bg-light);
}

div.page-content a{
	color: var(--color-text-strong);
	&:hover{
		color: var(--color-text-primary-hover);
		text-decoration: none;
		.fa {
			color: var(--color-text-primary-hover);
		}
	}
}

table.box {
    margin-top: .5rem;
    margin-left: 0;
    td.tab{
    	position: relative;
		width: 1rem;
    	div span.badge {
			position: absolute;
		    top: -0.25rem;
		    margin-left: 0;
		    padding: 0;
		    font-weight: 100;
		    background-color: var(--color-bg-primary);
		    color: var(--color-text-white);
		    width: 1.25rem;
		    height: 1.25rem;
		    border-radius: 50%;
		    display: block;
		    text-align: center;
		    right: -1rem;
		    line-height: 1.25rem;
		    font-size: .75rem;
			}
    }
}

body #page-path.page-path.page-path-topbar{
	position: sticky;
  	top: 0;
  	z-index: 99;
	font-weight: 600;
	a:not(.page-preview){
		text-decoration: none;
		/* border-bottom: .0625rem solid; */
		padding-bottom: .125rem;
		font-weight: 600;
		&:hover{
			color: var(--color-link-primary);
			text-decoration: none;
			font-weight: 600;
		}
	}
	&:has(+ table.user-page-edit){
		a.path-path-last{
			border: none;
		}
	}
	/* a.path-path-last{
		color: var(--color-link-primary);
	} */
}

#page-path-placeholder{
	display: none;
}

body:not(:has(#page-path.page-path.top-page-path)):has(table.box){
		#page-path-placeholder {
			height: 4rem;
			background-color: var(--color-bg-dark);
			display: block;
			position: sticky;
			top: 0;
			z-index: 99;
		}
}

/**/

table.box{
    margin-bottom: 2rem;
}

table.box:has(tr[id^='box-content-'][style="display: none;"]){
    margin-bottom: 0;
}


body > table.box:nth-last-of-type(1) {
    margin-bottom: 6rem;
}

#page-path.page-path-topbar * {
	color: var(--color-text-white);
	font-size:1rem;
	font-weight: 600 !important;
}
#page-path.page-path-topbar {
	margin: 0;
	background-color: var(--color-bg-dark);
	display: block;
	color: var(--color-text-white);
	height: 1rem;
	padding: 1.5rem;
		a.page-preview {
		float: none;
		display: block;
		color: var(--color-text-white);
		text-decoration: none;
		position: absolute;
		right: 1rem;
		top: 1rem;
		padding: .5rem 1rem;
		border-radius: .25rem;
		background-color: var(--color-bg-primary);
		&:hover{
			background-color: var(--color-bg-primary-hover);
		}
	}
}

table.box td.content, table.box td.content_full {
    background-color: transparent;
    border: none;
    border-top: none;
    /* padding: unset; */
    padding-top: 1rem;
}

table.box td.content_full{
	padding: 1rem;
}

table.box div.tab a{
	color: var(--color-text-regular);
}
table.box div.tab_active a {
	color: var(--color-text-primary);
}

table.box.user-page-edit {
    margin-bottom: 3rem;
}

table.box table.head{
	max-width: 80rem;
}

table.box.user-module-customer-content-gallery-items table.head{
	max-width: 95rem;
}

.user-page-content-edit-wrap{
    position: relative;
	.user-page-content-edit-row{
		display: flex;
		flex-direction: row;
	}
	.user-page-content-edit-left{
		margin-right: 1rem;
	}
	.user-page-content-edit-right{
		/* position: absolute;
	    bottom: 0; */
		display: block;
		div.form-button{
			position: relative;
			&::before{
				display: none;
			}
		}
	}
	summary {
		color: var(--color-text-strong);
		cursor: pointer;
	}
	details{
		margin-bottom: 1rem;
	}
}


table.box div.tab a{
  color: var(--color-text-regular);
}
table.box div.tab_active a {
  color: var(--color-text-primary);
}

table.box div.tab a:hover, table.box div.tab_active a:hover {
    text-decoration: none;
}

table.box div.tab,
table.box div.tab_active {
    position: relative;
    padding: .5rem 0;
    border: none;
    background-color: transparent;
	border-bottom: 0.125rem solid transparent;
}

table td.tab:hover{
	    border-bottom: .125rem solid var(--color-bg-primary);
}

table.box div.tab_active {
    padding: .5rem 0;
    border: none;
    border-bottom: .125rem solid transparent;
    background-color: transparent;
}

table td.tab:has(div.tab_active) {
    border-bottom: .125rem solid var(--color-bg-primary);
}

table.box{
	td.space {
    border-bottom: none;
	}
	table.head{
		margin-left:0;
		border-bottom: .125rem solid var(--color-border-light);
	}
	td.space_tab {
    width: 2rem;
    border-bottom: solid .0625rem var(--color-border-light);
	}
	td.head{
		padding-left:1rem;
	}
}

table.box{
	max-width: 59rem;
	margin-bottom: 2rem;
}
table.box.user-page-edit{
	max-width: unset;
}

input,
select,
textarea{
	color: var(--color-text-input);
	background-color: var(--color-bg-input);
}

td.content.module-page-http1-edit{
	td:has( > #page_forward_name_url),
	td:has( > #page_forward_target){
		/* width:auto; TEST */
	}
	td:has( > #page_forward_name_url)	> label,
	td:has( > #page_forward_target)	> label{
		padding-left: 3.5rem;
	}
	td:has( + td > #page_forward) {
    padding-right: 1rem;
	}
	input#page_forward{
		width: 24rem;
    	margin-right: .5rem;
	}
	td:has( > #page_forward) + td > a {
		position: relative;
		top: 0.475rem;
	}
}

td.content{
	small{
    	display: block;
	}
	td:has( > [type="checkbox"]){
		width: 3.25rem;
		display: block;
		height: auto;
		min-height: 1.25rem;
		padding-top: .25rem;
	}
	[type="checkbox"] {
		position: relative;
		top: .25rem; /*test*/
		z-index: 0;
		-webkit-appearance: none;
	}
	[type="checkbox"]{
		position: relative;
		display: block;
		cursor: pointer;
		position: relative;
	}
	[type="checkbox"]::before {
		width: 2.5rem;
		height: 1.2rem;
		border-radius: 1rem;
		border: .1rem solid var(--color-text-regular);
		background-color: var(--color-bg-white);
		content: "";
		margin-right: .5rem;
		transition: background-color .5s linear;
		z-index: 5;
		position: absolute;
		left: 0;
	}
	[type="checkbox"]::after {
		width: 1rem;
		height: 1rem;
		border-radius: 1rem;
		background-color: var(--color-text-regular);
		content: "";
		transition: margin .1s linear;
		position: absolute;
		left: .2rem;
		top: .1rem;
		z-index: 10;
		border: .1rem solid var(--color-bg-white);
	}
	[type="checkbox"]:checked{
		&::before {
	  	background-color: var(--color-bg-secondary-light);
	  	border-color: var(--color-bg-primary);
		}
	}
	[type="checkbox"]:checked{
		&::after {
		  	margin: 0 0 0 1.2rem;
			background-color: var(--color-bg-primary);
			border-color: var(--color-bg-secondary-light);
		}
	}
}

table.box td.head{
	padding-right: 1rem;
}

table.box #box-content-0-1 > td.content{
	padding-right: 1rem;
	padding-left: 1rem;
}

table.box td.content.user-module-content-media-display{
	padding-right: 1rem;
	padding-left: 1rem;
	/* img[src="images/filetypes/media-drop-icon.png"]{ */
	.media-display-wrap img{
		border: .0625rem dashed var(--color-border-primary);
		border-radius: .25rem;
	}
	td > a:has(small):hover > small{
		text-decoration: underline;
		color: var(--color-link-primary);
	}
}

.page-template-view-table tr td:last-child div.page-contents {
    margin-right: 0;
}

td:has(>language-bar) {
	width: 2rem;
	vertical-align: top;
	padding: 0;
	padding-right: 1rem;
}

td.cms-page-templates{
	vertical-align: top;
}

.cms-page-templates > modbox > table.box {
    margin-top: -.5rem;
}


/**/

div.topic {
	border: none;
	background-color: unset;
	padding: .5rem 0;
	color:var(--color-text-strong);
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
	border-bottom: .0625rem solid var(--color-border-light);
}

div.user-page-content-edit-wrap .user-page-content-edit-middle{
	p,
	td:has(select[name="control[]"]){
		padding-bottom: .5rem;
		color: var(--color-text-strong);
		margin-bottom: 0;
		margin-top: 0;
	}
	select[name="control[]"]{
		margin-top: .5rem;
	}
}

.cms-page-main-infos,
.page_edit_seo,
table.cms-page-pub-infos{
	width: 100%;
	background-color: var(--color-bg-white);
	padding: 1rem 1rem 0 1rem;
	display: block;
	margin-bottom: 1rem;
	tr td:first-child {
		padding-right: .25rem;
		width: 7rem;
		padding-bottom: .5rem;
	}
	input[type="text"],
	select,
	textarea{
	margin-bottom: 1rem;
	padding: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius:.25rem;
	width: 100%;
	&:focus { 
			outline: none !important;
			border-color: var(--color-bg-primary);
			/* box-shadow: 0 0 .75rem var(--color-border-light); */
			}
	}
	select {
		appearance: none;
		background-image: url("../images/icons/arrow-down.svg");
		background-repeat: no-repeat;
		background-position: right;
	}
	input[type="radio"]{
		margin-bottom: .5rem;
		margin-right: .25rem;
	}
	input#page_robots_2 {
		margin-bottom: 1rem;
	}
}

.cms-page-main-infos,
td.content.user-module-content-weblog-post-form{
	#page_name_url_field.url-change-warning,
	#weblog_post_page_canonical.url-change-warning{
		input{
			border-color: var(--color-border-error);
			margin-bottom: .75rem;
			background-color: var(--color-bg-error);
		}
	}
	.weblog_post_autor_informations{
		display: flex;
		align-items: center;
    	justify-content: flex-start;
		input{
			margin-right: .5rem;
		}
	}
	#page_name_url_warning.url-change-warning,
	#weblog_post_page_canonical_warning{
		td > span{
			background-color: var(--color-bg-error);
			border: .0625rem solid var(--color-border-error);
			padding: .5rem;
			width: calc(100% - 1rem);
            margin-bottom: 1rem;
			display: block;
			span, ul li, p{
				font-weight: 100;
				color: var(--color-text-error);
			}
			li{
				list-style: disc;
				display: list-item;
				list-style-position: outside;
				margin-left: 1rem;
				margin-top: .25rem;
			}
			p > span:before {
				content: '\f071';
				font-family: 'Font Awesome 6 Pro';
				font-weight: 400;
				margin-right: .25rem;
			}
			span{
				font-weight: 600;
			}
		}
	}
	#page_name_url_warning{
		background-color: var(--color-bg-error);
		border: .0625rem solid var(--color-border-error);
		width: 14rem;
		box-sizing: border-box;
		padding: .75rem;
		margin-bottom: 1rem;
		display: block;
		border-radius: .25rem;
		position: relative;
		span, ul li, p{
			font-weight: 100;
			color: var(--color-text-error);
		}
		p{
			margin-bottom: .5rem;
			font-size: .9rem;
    		font-style: italic;
			word-break: break-word;
			hyphens: auto;
		}
		li{
			list-style: disc;
			display: list-item;
			list-style-position: outside;
			margin-left: 1rem;
			margin-top: .25rem;
			font-size: .9rem;
			word-break: break-word;
			hyphens: auto;
		}
		p > span:before {
			content: '\f071';
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
			margin-right: .25rem;
			font-style: normal;
		}
		span{
			font-weight: 600;
		}
		&::before {
			content: "";
			position: absolute;
			top: -.5rem;
			left: 1rem;
			border-width: 0 .5rem .5rem;
			border-style: solid;
			border-color: transparent transparent var(--color-border-error) transparent;
		}
	}
}

/* table.page_edit_seo tr td textarea {
    height: 10rem;
} */

table.cms-page-pub-infos{
  padding-bottom: 1rem;
  margin-bottom: 4rem;
  input[type="text"]{
  	width: 6.25rem !important;
  	margin-right: .5rem;
	}
	input[name="form[page_public_to_time]"],
	input[name="form[page_public_from_time]"]{
		width: 5rem !important;
	}
	img.ui-datepicker-trigger {
  	display: none;
	}
	colgroup col:first-child {
  	width: 8.75rem;
	}
}

#page_robots_tags{
	& input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	label {
    	padding-left: .25rem;
	}
	table {
		margin-bottom: 1rem;
	}
}

.page_options_enhanced_link a {
    color: var(--color-link-primary);
	text-decoration: underline;
}

#cms-status-message {
  background-color: var(--color-bg-white);
  padding: 1rem 1.5rem;
  margin: 0;
  width: auto;
  z-index: 100;
  top: 5rem;
	box-shadow: 0 0 .75rem var(--color-drop-shadow);
	border-radius: .25rem 0 0 .25rem;
	img{
		display: none;
	}
}

div.page-contents {
    background: transparent;
    margin: 0;
    margin-right: .25rem;
    padding: 0 !important;
    .fa{
    	color: var(--color-text-primary);
 	    font-size: 1rem;
        margin-right: .25rem;
    }
}

div.page-content-area {
    background-color: var(--color-bg-light);
    /* border-bottom: .0625rem solid var(--color-border-light); */
    margin-top: 0;
	padding: 1rem .25rem 0 .25rem;
	&:hover {
		cursor: pointer;
		& > a{
			border-color: var(--color-border-primary);
		}
	}
	/* & > a{
		padding: .5rem;
	} */
}

.page-content-type-109{
	background-color: var(--color-bg-white);
  	padding: .5rem !important;
  	margin: 0;
	margin-bottom: .5rem;
}

#page-html1-content div.page-content-area > a {
    font-size: 1rem;
    color: var(--color-text-regular);
	font-style: italic;
	position: relative;

	font-style: normal;
    font-weight: 600;
    /* color: var(--color-text-strong); */
    border-bottom: .125rem solid var(--color-border-light);
    text-transform: capitalize;
    padding-bottom: 0.5rem;
    &:hover{
    	text-decoration: none;
    	color: var(--color-link-primary);
		border-color: var(--color-bg-primary);
    }
}

.page-content-type-109 > .page-content > a::after, 
div.page-content-area > a::after {
	font-size: .85rem;
    font-style: normal;
    content: '\f0fe';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    margin-left: .35rem;
}

div.page-contents ul li {
    margin-top: 0;
    margin-bottom: .5rem;
}

div a.go-to-clone{
	color: var(--color-text-primary);
	text-decoration: underline;
	&:hover{
		color: var(--color-text-primary-hover);
	}
}

div.page-content{
    padding: 0 0 .2rem .2rem;
}

div.page-content-meta{
	padding: 0 0 0 .2rem;
}

div.page-content-teaser {
    margin-bottom: .2rem;
}

div.page-content a{
	color: var(--color-text-primary);
	font-weight: 600;
}

div.page-content-box table.box {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 1rem;
}

td.content.user-page-content-edit > form > table > tbody > tr > td {
    padding-right: 1rem;
}

td.content{
	[type="text"],
	[type="number"],
	[type="password"],
	select{
		margin: .5rem 0;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius:.25rem;
		width: 16rem;
		&:focus { 
				outline: none !important;
				border-color: var(--color-bg-primary);
				/* box-shadow: 0 0 .75rem var(--color-border-light); */
		}
	}
	select {
		appearance: none;
		background-image: url("../images/icons/arrow-down.svg");
		background-repeat: no-repeat;
		background-position: right;
		background-size: 1.5rem;
		padding-right: 1.5rem;
	}
	select[multiple] {
		appearance: auto;
		background-image: none;
		height: auto;
		min-height: 6rem;
		width: 16rem;
		padding: 0;
	}
	td:has( > label) {
		padding-bottom: .5rem;
	    padding-right: 1rem;
	}
	[type="number"]{
		width: 6rem;
	}
}

td.content.user-setting-shop-paygates{
	select[name="shop_payment_gateways[shop_payment_gateway_module]"],
	select[name="payment_gateway_selected"] {
		appearance: auto;
		background-image: none;
		height: 12rem;
		width: 16rem;
		padding: 0;
	}
}

td.user-setting-paygate-parameter-methods{
	input[name="paygate_parameter_methods[paygate_parameter_method][]"]{
		-webkit-appearance: auto;
		display: inline;
		&::before,
		&::after{
			display: none;
		}
	}
}

.ui-datepicker-trigger{
	display: none;
}

i:has( > img[src="images/modules/cst_logo.png"])::before {
    content: "\f236";
}
i.fa.fa-fw:has( > img[src="images/modules/cst_logo.png"]) img {
    display: none;
}

.fa-file-text-o:before {
    content: "\f893";
}

.fa-file-image-o:before{
    content: "\e1b5";
}

.fa-picture-o:before{
    content: "\f87c";
}

.page-content-meta-list {
    margin-bottom: 0;
	span.timezone-help{
		font-size: .8rem;
		margin-left: .25rem;
		font-style: normal;
	}


}
.page-content-type-109 > .page-content-meta > .page-content-meta-list {
    margin-bottom: .5rem;
}

div.form-button {
    text-align: inherit;
    margin-bottom: inherit;
    clear: both;
	display: inline-block;
}

/*Save-Buttons Standard*/

input.form-button-save {
    padding: .75rem 1.25rem .75rem 2.5rem;
    border-radius: .25rem;
    background-color: var(--color-bg-primary);
    border: none;
    cursor: pointer;
    color: var(--color-text-white);
    width: auto;
    font-weight: 100;
    text-align: left;
    font-size: 1rem;
    text-decoration: none;
    display: block;
	box-shadow: 0 0 .75rem var(--color-drop-shadow);
    height: 3rem;
    margin-right: 1rem;
	position: relative;
    &:hover{
    	background-color: var(--color-bg-primary-hover);
    }
}

div.form-button:has(input.form-button-save)::before {
	content: '\f0c7';
	font-family: 'Font Awesome 6 Pro';
	padding-right: .75rem;
	color: var(--color-text-white);
	top: 1rem;
	left: 1rem;
	font-size: 1rem;
	line-height: 1rem;
	pointer-events: none;
	display: block;
	position: absolute;
	z-index: 33;
	font-weight: 700;
}

input.form-button-delete {
    padding: .5rem .75rem;
    border-radius: .25rem;
    background-color: var(--color-btn-delete-light);
    border: .025rem solid var(--color-btn-delete);
    cursor: pointer;
    color: var(--color-btn-delete);
    width: auto;
    font-weight: 100;
    text-align: left;
    font-size: 1rem;
    text-decoration: none;
    display: block;
	box-shadow: 0 0 .75rem var(--color-drop-shadow);
    height: 3rem;
    &:hover{
    	background-color: var(--color-btn-delete);
    	color: var(--color-text-white);
    }
}

.cms-page-templates input.form-button-delete{
	box-shadow: none;
    height: auto;
}


.content.user-page-content-edit input.form-button-save {
    background-color: var(--color-bg-secondary-light);
    color: var(--color-text-primary);
    border: .025rem solid var(--color-border-primary);
	box-shadow: none;
    padding: .5rem .75rem;
	height: auto;
	&:hover,
	.form-button-over{
		border: .025rem solid var(--color-bg-primary);
		box-shadow: none;
		background-color: var(--color-bg-primary);
		color: var(--color-text-white);
	}
}

.content.user-page-content-edit input.form-button-delete {
    background-color: var(--color-btn-delete-light);
    border: .025rem solid var(--color-btn-delete);
    cursor: pointer;
    color: var(--color-btn-delete);
	box-shadow: none;
    padding: .5rem .75rem;
	height: auto;
	&:hover,
	.form-button-over{
		border: .025rem solid var(--color-btn-delete);
		box-shadow: none;
		background-color: var(--color-btn-delete);
		color: var(--color-text-white);
	}
}

.cms-form-buttons.page-buttons:has(input.form-button-save){
	z-index: 100;
}

.page-buttons {
    display: block;
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 1;
    div.form-button {
	    text-align: center;
	    display: inline-block;
	}
	input.form-button, input.form-button-over, a.button {
		padding: .75rem 1.25rem .75rem 2.5rem;
		height: 3rem;
		border-radius: .25rem;
		background-color: var(--color-bg-primary);
		border: none;
		cursor: pointer;
		color: var(--color-text-white);
		width: auto;
		font-weight: 100;
		text-decoration: underline;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		box-shadow: 0 0 .75rem var(--color-drop-shadow);
	}
	input.form-button-delete{
		background-image: none;
		border-radius: .25rem;
		background-color: var(--color-btn-delete-light);
		border: .0625rem solid var(--color-btn-delete);
		cursor: pointer;
		color: var(--color-btn-delete);
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		box-shadow: 0 0 .75rem var(--color-drop-shadow);
		height: 3rem;
		&:hover{
			background-color: var(--color-btn-delete);
			color: var(--color-text-white);
		}
	}				
	input.form-button-save{
		background-image: none;
		background-color: var(--color-bg-primary);
		color: var(--color-text-white);
		&:hover{
			background-color: var(--color-bg-primary-hover);
		}
	}
	.page-buttons-delete-hint{
		display: inline-block;
		background-color: var(--color-bg-warning);
		padding: 0.9rem 1.25rem;
		border-radius: 0.25rem;
		font-size: 1rem;
		box-shadow: 0 0 0.75rem var(--color-drop-shadow);
		color: var(--color-text-warning);
		position: relative;
	}
	.page-buttons-delete-hint:before {
		content: '';
		width: .25rem;
		height: 2rem;
		background-color: var(--color-text-warning);
		display: inline-block;
		position: absolute;
		top: .5rem;
		left: .5rem;
		border-radius: .25rem;
	}
}

.module-cst-config input.form-button-save{
	padding: .5rem 1rem;
	height: auto;
	border-radius: .25rem;
	background-color: var(--color-bg-secondary-light);
	border: .15rem solid var(--color-bg-primary);
	color: var(--color-bg-primary);
	width: auto;
	font-weight: 100;
	text-decoration: none;
	text-align: left;
	font-size: 1rem;
	display: block;
	box-shadow: none;
	&:hover{
		background-color: var(--color-bg-primary);
		color: var(--color-text-white);
		cursor: pointer;
	}
}

table.box .cms-page-templates td.head {
	padding: 0;
	width: 60rem;
}

div.page-contents ul[data-attr-layout="spalten"] > li {
  border: .0625rem solid var(--color-border-light);
  padding: .5rem;
  border-top: 0;
  border-right: 0;
}

div.page-content a:link{
	font-size: 1rem;
}

div.page-contents ul > li.page-content-interrupt{
	& > .page-content a,
	& > .page-content-teaser a,
	& > .page-content-meta > .page-content-meta-list{
		opacity: .5;
	}
}

div.page-contents ul > li.page-content-interrupt:hover,
div.page-contents ul > li.page-content-interrupt:has(.page-content.open-menu){
	& > .page-content a,
	& > .page-content-teaser a,
	& > .page-content-meta > .page-content-meta-list{
		opacity: 1;
	}
}

div.page-contents{
	ul > li.page-content-interrupt {
		/* opacity: .5; */
		background-color: var(--color-bg-interrupt) !important;

		&:has(div.page-content.open-menu){
			opacity: 1;
		}

		&:hover{
			height: unset;
			opacity: 1;
			background-color: var(--color-bg-interrupt) !important;
		}
		li.page-content-interrupt {
			background-color: var(--color-bg-interrupt) !important;
			padding: .5rem;
		}
		span.page-content-interrupt{
			color: var(--color-text-error) !important;
			border-right: none;
			/* display: block; */
			&::before {
				content: '\f2a8';
				font-family: 'Font Awesome 6 Pro';
				font-style: normal;
				margin-right: 0.25rem;;
				font-weight: 400;
			}
		}
		/* div.page-content a{
			color: var(--color-text-error);
			.fa{
				color: var(--color-text-error);
			}
		} */
	}
	li.page-content,
	.page-content-type-109{
		border-bottom: none;
		background-color: var(--color-bg-white);
		padding: .75rem .5rem;
		font-size: .8rem;
        border-radius: .25rem;
		&:hover{
			background-color: var(--color-bg-secondary-light) !important;
			div.page-content-meta-list span,
			div.page-content-meta-list span b{
				color: var(--color-text-regular);
			}
			& > div.page-content-teaser,
			& > div.page-content-teaser a{
				opacity: 1;
			}
		}
	}
	li.page-content-type-109.page-content-interrupt li.page-content-interrupt{
		opacity: 1;
	}
	span.cloned {
		font-style: italic;
		font-weight: 600;
	}
	.page-content-meta-list:has(span.block:empty) {
		display: none;
	}
}

div.page-content-meta-list span {
    display: inline-block;
    color: var(--color-text-info);
    padding-right: .25rem;
    font-style: italic;
	font-size: .8rem;
	/* border-right: .0625rem solid var(--color-border-light); */
	margin-right: 0;
	&:last-child{
		border: none;
	}
    b{
		font-size: .8rem;
		color: var(--color-text-regular);
		font-weight: 600;
	}
	&.attribute-title{
		border: none;
		font-weight: 600;
	}
	&.warning{
		color: var(--color-text-strong);
		&::before{
			color: var(--color-text-primary) !important;
		}
	}
	&.block{
		display: block;
		/* margin-bottom: .125rem; */
		& > span{
			margin: 0 0 .25rem 0;
		}
	}
}

div.page-content-teaser,
div.page-content-teaser a {
    font-size: .8rem;
    color: var(--color-text-regular);
	opacity: .9;
	font-style: italic;
}

div.page-content-teaser a{
	display: block;
}

div.page-content-teaser{
	-webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    padding: 0 0 0 0.25rem;
}

div.page-content-menu {
    padding: .5rem 0;
    width: auto;
	color: unset;
	padding: 0.5rem 0;
	background: var(--color-bg-white);
	border-radius: 0.25rem;
	box-shadow: 0 0 0.75rem var(--color-drop-shadow);
	overflow: visible;
	margin-top: 1.75rem;
	z-index: 20 !important;
	a {
		color: var(--color-text-regular);
		padding: .5rem 1rem .5rem .25rem;
		font-weight: 100;
		background-repeat: no-repeat;
		background-position: 130px 5px;
		white-space: nowrap;
		&:hover{
			background-color: var(--color-bg-secondary-light);
			text-decoration: none;
			color: var(--color-text-primary-hover);
		}
   		margin-bottom: 0;
		&:last-child{
			margin-bottom:0;
		}
	}
	&::after{
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 0 .5rem .5rem;
		border-color: var(--color-bg-white) transparent;
		display: block;
		width: 0;
		z-index: 1;
		top: -.5rem;
		left: 1rem;
	}
	& > a::before{
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		width: 2.5rem;
		display: inline-block;
		text-align: center;
	}
	a.edit::before{
		content: '\f044';
	}
	a.copy::before{
		content: '\f0c5';
	}
	a.hide::before{
		content: '\f2a8';
	}
	a.show::before{
		content: '\f06e';
	}
	a.add::before{
		content: '\f0fe';
	}
	a.paste::before{
		content: '\f0ea';
	}
	a.quick{
		&::before{
			font-weight: 400;
		}
		&.article::before{
			content: '\f044';
		}
		&.media::before{
			content: '\f1c5';
		}
		&.group::before{
			content: '\f247';
		}
		&.gallery::before{
			content: '\f03e';
		}
		&.move::before{
			content: '\f0b2';
		}
		&.entailed::before{
			content: '\f33d';
		}
	}
	span.spacer{
		border-bottom: .0625rem solid var(--color-border-light);
		display: block;
		margin: .25rem 0.5rem;
	}
}

.cms-page-templates{
	modbox{
		max-width: 60rem;
		display: block;
		table.box{
		}
	}
	div.page-infos {
		max-width: 60rem;
		margin-top: 1rem;
		padding: 0;
		*{
			color: var(--color-text-regular);
		}
		.topic{
			color:var(--color-text-strong);
		}
		.timezone-help{
			color: var(--color-text-primary);
			margin-left: .25rem;
		}
		> table{
			width: auto;
			padding: 1rem;
			display: block;
			margin-bottom: 1rem;
			background-color: var(--color-bg-white);
			color: var(--color-text-info);
			col:first-child {
			width: 7.5rem;
			}
			td{
				padding: .5rem 0;
			}
			tr:first-child td {
				padding-top: 0;
			}
			tr:last-child td {
				padding-bottom: 0;
			}
			tr td:first-child {
				color: var(--color-text-strong);
				padding-right: 1rem;
			}
		}
	}
}

.cms-page-main-infos tr td:first-child, 
.page_edit_seo tr td:first-child,
table.cms-page-pub-infos tr td:first-child,
td.content tr td:first-child{
    		color: var(--color-text-regular);
}

td.cms-page-templates div#delete-page-button {
    margin-bottom: 3rem;
}

div.page-content-menu-box{
	position: fixed;
	border: 0.0625rem solid var(--color-border-light);
	z-index: 100;
	right: -13.125rem;
	border-left: .5rem solid var(--color-border-primary);
	transition: right 1s;
	/**/
	color: unset;
	background-color: var(--color-bg-white) !important;
	border-radius: .25rem 0 0 .25rem;
	box-shadow: 0 0 .75rem var(--color-drop-shadow);
	overflow: visible;
	bottom: 1rem !important;
	padding: .5rem 0 !important;
	width: auto;
	&:hover{
		right: -.125rem;

	}
	div {
		background-color: var(--color-bg-white) !important;
		padding: 0 !important;
		a {
			color: var(--color-text-regular);
			padding: .5rem 1rem .5rem .25rem;
			font-weight: 100;
			background-repeat: no-repeat;
			background-position: 130px 5px;
			margin-bottom: 0;
			display: block;
			&:hover{
				color: var(--color-text-primary);
                background-color: var(--color-bg-secondary-light);
			}
		}
	}
	a::before{
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		width: 2.5rem;
		display: inline-block;
		text-align: center;
	}
	a.show-entailed::before{
		content: '\f06e';
	}
	a.hide-entailed::before{
		content: '\f2a8';
	}
	a.move::before{
		content: '\f0b2';
	}
}

div.page-contents li.page-content-type-97,
div.page-contents ul > li.page-content-type-97 { 
	/* //HTML */
    border-left: .25rem solid var(--color-help-html);
	&.ui-sortable-handle::before {
		background-color: var(--color-help-html);
	}
}

div.page-contents li.page-content-type-20,
div.page-contents ul > li.page-content-type-20 {
  /* //Artikel */
  border-left: .25rem solid var(--color-help-article);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-article);
  }
}

div.page-contents li.page-content-type-87,
div.page-contents ul > li.page-content-type-87 {
  /* //Media Anzeige */
  border-left: .25rem solid var(--color-help-mediadisplay);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-mediadisplay);
  }
}

div.page-contents li.page-content-type-54,
div.page-contents ul > li.page-content-type-54 {
  /* //Galerie */
  border-left: .25rem solid var(--color-help-gallery);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-gallery);
  }
}

div.page-contents li.page-content-type-57,
div.page-contents ul > li.page-content-type-57 {
  /* //CST */
  border-left: .25rem solid var(--color-help-cst);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-cst);
  }
}

div.page-contents li.page-content-type-109,
div.page-contents ul > li.page-content-type-109 {
  /* //Gruppe */
  border-left: .25rem solid var(--color-help-group);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-group);
  }
}

div.page-contents li.page-content-type-19,
div.page-contents ul > li.page-content-type-19,
div.page-contents li.page-content-type-21,
div.page-contents ul > li.page-content-type-21,
div.page-contents li.page-content-type-23,
div.page-contents ul > li.page-content-type-23 {
  /* //Nav Menü + Breadcrumb + Nav Sitemap */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-30,
div.page-contents ul > li.page-content-type-30,
div.page-contents li.page-content-type-31,
div.page-contents ul > li.page-content-type-31 {
  /* //Suchformular + Suchergebnisse */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-83,
div.page-contents ul > li.page-content-type-83 {
  /* //Google Sitemap */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-90,
div.page-contents ul > li.page-content-type-90 {
  /* //Legal */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-25,
div.page-contents ul > li.page-content-type-25 {
  /* //Formulardaten */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-94,
div.page-contents ul > li.page-content-type-94 {
  /* //Clone */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-116,
div.page-contents ul > li.page-content-type-116 {
  /* //Map */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-117,
div.page-contents ul > li.page-content-type-117 {
  /* //Media Consent */
  border-left: .25rem solid var(--color-help-mediaconsent);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-mediaconsent);
  }
}

div.page-contents li.page-content-type-115,
div.page-contents ul > li.page-content-type-115,
div.page-contents li.page-content-type-118,
div.page-contents ul > li.page-content-type-118 {
  /* //Newsletter Empaction + Maileon */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-92,
div.page-contents ul > li.page-content-type-92,
div.page-contents li.page-content-type-86,
div.page-contents ul > li.page-content-type-86 {
  /* //Weblog Teaser + Weblog */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-102,
div.page-contents ul > li.page-content-type-102 {
  /* //Social Media */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-73,
div.page-contents ul > li.page-content-type-73 {
  /* //Container */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-50,
div.page-contents ul > li.page-content-type-50,
div.page-contents li.page-content-type-52,
div.page-contents ul > li.page-content-type-52,
div.page-contents li.page-content-type-74,
div.page-contents ul > li.page-content-type-74 {
  /* //Kontakte Login, Verwaltung, Registrierung */
  border-left: .25rem solid var(--color-help-contacts);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-contacts);
  }
}

div.page-contents li.page-content-type-66,
div.page-contents ul > li.page-content-type-66 {
  /* //Kalender */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-29,
div.page-contents ul > li.page-content-type-29 {
  /* //Proxy */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-58,
div.page-contents ul > li.page-content-type-58 {
  /* //Wetter */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-111,
div.page-contents ul > li.page-content-type-111 {
  /* //Tuerchen */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}

div.page-contents li.page-content-type-77,
div.page-contents ul > li.page-content-type-77 {
  /* //Shop */
  border-left: .25rem solid var(--color-help-general);

  &.ui-sortable-handle::before {
    background-color: var(--color-help-general);
  }
}


/*Module innerhalb einer Gruppe*/
li.page-content-type-109 li.page-content {
	border-right: .0625rem dashed var(--color-border-light) !important;
	border-bottom: .0625rem dashed var(--color-border-light) !important;
	border-top: .0625rem dashed var(--color-border-light) !important;
	border-left: .0625rem dashed var(--color-border-light);
}

div.page-contents li.page-content-cloned,
div.page-contents ul > li.page-content-cloned {
    border-left-style: dotted;
}

.cms-form-buttons{
	position: fixed;
    bottom: 1rem;
    left: 1rem;
	z-index: 100;
}

.cms-form-buttons.module-settings-buttons{
	position: static;
}

/* Ansicht: Neue Module anlegen*/


td.content.user-page-content-add{
	.fa-fw {
		color: var(--color-bg-primary);
		font-size: 1rem;
	}
	h2{
		font-weight: 100;
	}
	.module-list{
		margin-top: 1rem;
	}
	.module a:hover {
		border-color: var(--color-bg-primary);
		background-color: var(--color-bg-white);
		span{
			color: var(--color-bg-primary);
		}
	}
}

/*Ansicht: Kopie einfügen*/
td.content select[name="control[]"] {
  padding: 0;
  box-shadow: none;
  width: 24rem;
  margin-bottom: .5rem;
  background: var(--color-bg-white);
  option {
	  padding: .5rem .5rem;
	}
	option:checked {
		background: var(--color-bg-primary);
		color: var(--color-text-white);
	}
}

select:-internal-list-box:focus option:checked{
	background-color: var(--color-bg-primary);
	color: var(--color-text-white);
}

select option:checked{
	background-color: var(--color-bg-primary);
	color: var(--color-text-white);
}

select[name="control[]"] option.neg {
    background: var(--color-bg-warning) !important;
	color: var(--color-text-warning) !important;
}
	
input#page_content_public_to,
input#page_content_public_from{
    width: 10rem;
}

.user-module-customer-website-page-attribute-page-form{
	input:not([type="checkbox"]){
		margin-bottom: 1rem;
		padding: .5rem 1rem;
		border: .0625rem solid var(--color-border-light);
		border-radius:.25rem;
		width: 16rem;
		margin-right: .5rem;
	  	&:focus { 
			outline: none !important;
			border-color: var(--color-bg-primary);
			box-shadow: 0 0 .75rem var(--color-border-light);
		}
	}
}

input.page-attribute-text{
	margin-bottom: 1rem;
	padding: .5rem 1rem;
	border: .0625rem solid var(--color-border-light);
	border-radius:.25rem;
	width: 16rem;
	margin-right: .5rem;
	  &:focus { 
		outline: none !important;
		border-color: var(--color-bg-primary);
		box-shadow: 0 0 .75rem var(--color-border-light);
	}
}

/*Modul-Einstellungen Page Content ID*/
td.content.user-page-content-edit {
    position: relative;
	div.page-content-id-box{
		font-size: .9rem;
        position: absolute;
        top: -1.75rem;
        right: 1rem;
        font-style: italic;
	}
}

/*TinyMCE*/
body#tinymce.mceContentBody {
    font-size: 1rem;
}

td.mceIframeContainer.mceFirst.mceLast {
  height: auto;
  display: block;
  border-top: .0625rem solid var(--color-border-light);
  border-bottom: .0625rem solid var(--color-border-light);
}

td.mceIframeContainer.mceFirst.mceLast > iframe {
    height: auto !important;
    min-height: 30rem;
}

.mceEditor.defaultskin table.mceLayout td.mceToolbar{
	background-color: var(--color-bg-tinytoolbar);
    border: .0625rem solid var(--color-border-light);
    border-bottom: none;
}

td.mceStatusbar.mceFirst.mceLast {
    padding: .5rem;
    background-color: transparent;
    span, span a{
    	color: var(--color-text-info);
		font-style: italic;
    }
}

.defaultSkin .mceButton {
    border: .0625rem solid transparent !important;
	&:hover{
		border: .0625rem solid var(--color-border-primary) !important;
		background-color: var(--color-bg-white) !important;

	}
}

.defaultSkin a.mceButtonActive, .defaultSkin a.mceButtonSelected{
	background-color: var(--color-bg-white) !important;
	border: .0625rem solid var(--color-border-primary) !important;
}

.defaultSkin a.mceButtonActive, 
.defaultSkin a.mceButtonSelected,
.defaultSkin a.mceButtonEnabled:hover,
.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction, 
.defaultSkin .mceSplitButtonHover a.mceAction, 
.defaultSkin .mceSplitButtonSelected a.mceAction,
.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen, 
.defaultSkin .mceSplitButtonHover a.mceOpen, 
.defaultSkin .mceSplitButtonSelected a.mceOpen{
    /* border: .0625rem solid var(--color-bg-primary); */
    background-color: #fafafa; /*keine Variable, da Icons nicht für dark mode gemacht*/
}

.language-element .defaultSkin td.mceCenter table {
    margin: .125rem;
}

td.language-element .defaultSkin table.mceLayout {
    /* border: 0;
    border-left: none;
    border-right: none; */
	margin-bottom: 1rem;
}

body#charmap {
    background-color: #fafafa; /*keine Variable, da Icons nicht für dark mode gemacht*/
    color: #606266 !important;
}

td.language-flag {
    font-size: 1rem !important;
    padding-left: 1px;
    /* padding-bottom: .5rem; */
}

td.language-element > span.mceEditor > table {
    margin-top: 0.5rem;
}

/*Module:MediaAnzeige*/
td.content.user-module-content-media-display{
	/* tbody:has( > tr > td > input[name="mod[media_display][media_display_media]"]) > tr > td {
		padding-top: 1rem;
	} */
	
	#module_settings > table > tbody > tr{
		background-color: var(--color-bg-white);
	}
	
	#module_settings > table > tbody > tr > td:first-child{
		padding-left: 1rem;
	}
	
	#module_settings > table > tbody > tr > td:last-child{
		padding-right: 1rem;
	}
	
	/* #module_settings tr:has(div.form-button) {
		background: transparent;
	}
	
	#module_settings tr > td:has(div.form-button) {
		padding-left: 0;
		padding-right: 0;
	} */
	
	p.module-settings-more {
		padding-bottom: 2rem;
		a{
			color: var(--color-link-primary);
			text-decoration: underline;
		}
	}
	div.form-button{
		position: fixed;
		left: 1rem;
		bottom: 1rem;
	}
	#module_settings > table > tbody > tr:first-child > td {
		padding-bottom: 1rem;
	}
	td:has(> label) {
		padding-bottom: 0 !important;
	}
	[type="text"], [type="number"], select{
		margin-bottom: 0;
	}
	td.language-flag {
		font-size: .75rem;
		color: var(--color-text-regular);
		padding-top: .5rem;
	}
	input.cms-media-display-wide-field {
		width: 100%;
	}
}

/*Module:CST*/
table.module-cst-config{
	tr:nth-child(n+2){
		background-color: var(--color-bg-white);
		display: block;
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		td {
			padding-right: 1rem;
			/* width: 12rem; */
			select{
				margin-bottom: 0;
			}
		}
	}
	tr:last-child {
  	padding-bottom: 1rem;
	}
	td:has(> label){
		padding-bottom: 0;
	}
	td.review-hint.subpage_responsible{
		label {
    	padding-left: 3.5rem;
	    display: block;
	    width: 16rem;
	    padding-top: 0;
	    padding-bottom: 1rem;
		}
		input[type=checkbox]{
			margin-top: 0;
		}
	}
	tr:has( > td.review-hint),
	td.review-hint{
    background-color: var(--color-bg-warning);
		strong{
			color: var(--color-text-warning);
		}
	}
	td.review-hint:has(strong) {
		padding-bottom: 1rem;
		color: var(--color-text-warning);
	}
	.module-cst-config-head {
    	width: 12rem;
	}
	tr:has( > td > div#page-path) {
    	padding-top: 0;
	}
	#page-path{
		background: transparent;	
		padding: 0;
		height: auto;
		span.sep{
			color: var(--color-text-regular);
		}
		a{
			color: var(--color-link-primary);
			text-decoration: underline;
		}
	}
	.warning{
		color: var(--color-text-warning) !important;
		b{
			font-weight: 600;
			color: var(--color-text-warning) !important;
		}
	}
}

div.module-cst-config input {
    margin-top: .5rem;
    margin-bottom: 1rem;
}

a[target="_blank"] img[alt="Clearingstation"] {
  display: none;
}

table.module-cst-config:nth-last-child(2) tr:nth-last-child(2){
	padding-bottom: .5rem;
}

td.content.user-module-content-cst-proxy-login-form{
	table.cst-proxy > tbody > tr > td:first-child {
		padding-right: 1rem;
	}
	p.hint {
		font-style: italic;
		margin-bottom: .5rem;
	}
	table.cst-proxy input[value="Speichern"]{
		border-radius: .25rem;
		cursor: pointer;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		margin-right: 1rem;
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
		}
	}
	table.cst-proxy select{
		width: 24rem;
	}
}

/*Detailansicht Modul navigation;*/

td.content.user-module-content-menu1-form {
    padding-left: 1rem;
	form > table > tbody > tr:first-child > td:first-child {
		padding-bottom: 1rem;
	}
	form > table > tbody > tr > td:first-child {
		padding-right: 1rem;
	}
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}


/*Detailansicht Modul Social media*/

td.content.user-module-content-social-media-list{ /*Social Media*/
    padding-left: 1rem;
	form > table > tbody > tr > td:first-child{
		/* padding-right: 1rem; */
		width: 5rem;
	}
	table > tbody > tr > td:nth-child(4) a {
		color: var(--color-link-delete);
		&:hover{
			text-decoration: underline;
		}
	}
	table > tbody > tr > td{
		border: none;
	}
	& > table > tbody > tr > td {
		padding: 1rem;
	}
}


td.content.user-module-content-social-media-source{ /*add source*/
	padding-left: 1rem;
	table > tbody > tr > td input:not([type="submit"]){
		margin-bottom: 1rem;
		padding: .5rem 1rem;
		border: .0625rem solid var(--color-border-light);
		border-radius:.25rem;
		width: 16rem;
		&:focus { 
				outline: none !important;
				border-color: var(--color-bg-primary);
				box-shadow: 0 0 .75rem var(--color-border-light);
			}
	}
	table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

/* tbody:has(#social_media_source_foreign_types) 
td.content select[name="mod[social-media][social_media_display_layer_position_y]"] {
    margin-right: 1rem;
} */

/* form:has(select#social_media_display_layout_select) > table > tbody > tr > td:first-child {
    width: 5rem;
} */

#social_media_display_style div#social_media_icons_preview {
    display: none;
}

form:has(select#social_media_display_layout_select) > table:first-child {
    margin-top: 1rem;
}

/* td.content:has(#social_media_display_layout_select) > table > tbody > tr:first-child > td {
    border-bottom: 1px solid var(--color-border-light);
} */

/* td.content:has(#social_media_display_layout_select) > table > tbody > tr:only-child > td {
    border: none;
} */


/* td.content table:not(:has(tbody > tr)) {
    margin-bottom: 2rem;
} */

table + div.topic {
    margin-top: 1rem;
}

table#social_media_display_settings {
    margin-bottom: 1rem;
}

td.content.user-module-content-social-media-list{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

/*Detailansicht Modul Suchformular*/

.content.user-module-content-search_box1-form{
	padding-left: 1rem;
	#page-path{
		background: transparent;
		padding: .5rem;
		color: var(--color-text-regular);
		a:not(.page-preview){
			color: var(--color-link-primary);
			text-decoration: underline;
		}
		span.sep{
			color: var(--color-text-regular);
		}
		a.page-preview{
			top: 0;
		}
	}
	form > table > tbody > tr > td:first-child {
		width: 14rem;
		padding-bottom: 1rem;
	}
}

/*Detailansicht modul Google Sitemap*/

img[src='/(cms)/module/static/customer/2/content/google_sitemap/i/logo.gif']{
	display: none !important;
}

td.content.user-module-content-google-sitemap{
	padding-left: 1rem;
  font-style: italic;
  div.topic {
    padding-top: 1rem;
	font-style: normal;
	}
	table {
    margin-top: 1rem;
    margin-left: 1rem;
	}
	tbody > tr > td {
    padding-right: .5rem;
	}
	small{
		margin-bottom: .5rem;
	}
	input[type="submit"]{
		padding: 0.5rem 1rem;
		height: auto;
		border-radius: 0.25rem;
		background-color: var(--color-bg-secondary-light);
		border: 0.15rem solid var(--color-bg-primary);
		cursor: pointer;
		color: var(--color-bg-primary);
		width: auto;
		font-weight: 100;
		text-decoration: none;
		text-align: left;
		font-size: 1rem;
		display: block;
		box-shadow: none;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
		}
	}
	input[name="mod[google_sitemap_verify]"]{
    margin: .25rem .5rem;
    padding: 0.5rem 1rem;
    border: 0.0625rem solid var(--color-border-light);
    border-radius: 0.25rem;
    width: 16rem;
	}
	.nobr {
    padding-left: 1rem;
    display: block;
	}
	.nobr:first-child {
    padding-top: 1rem;
    display: block;
	}
	br:nth-child(2n) {
    display: none;
	}
	td[style="font-weight: bold"] {
    font-weight: 600 !important;
	}
}

/*Detailansicht Media Anzeige*/

tbody:has( > tr > td > input[name="mod[media_display][media_display_media]"]) > tr > td {
    padding-top: 1rem;
}

#module_settings > table > tbody > tr{
	background-color: var(--color-bg-white);
}

#module_settings > table > tbody > tr > td:first-child{
    padding-left: 1rem;
}

#module_settings > table > tbody > tr > td:last-child{
    padding-right: 1rem;
}

#module_settings tr > td:has(div.form-button) {
    padding-left: 0;
    padding-right: 0;
}

p.module-settings-more {
    padding-bottom: 2rem;
    a{
    	color: var(--color-link-primary);
    	text-decoration: underline;
    }
}

/*Detailansicht: html modul*/
.content.user-module-content-html1-form,
.content.user-setting-template-settings{
	.ace_editor *{
		overflow: hidden;
		font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace !important;
		font-size: 12px !important;
		line-height: normal;
		direction: ltr;
		font-weight: normal;
		letter-spacing: normal;
	}
	.ace_layer.ace_text-layer{
		padding-left: 0;
	}
	div:has([name="mod[module_content_html1_raw]"]) {
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.ace_folding-enabled > .ace_gutter-cell {
		padding-right: 1rem !important;
	}
	#html_editor {
		max-width: 57rem;
		border: .0625rem solid var(--color-border-light);
		max-height: 70vh;
	}
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
		z-index: 10;
	}
	.ace-chrome {
		/* background-color: var(--color-bg-white); */
		/* color: var(--color-text-regular); */
	}
	.ace-chrome .ace_gutter {
		/* background-color: var(--color-bg-input); */
		/* color: var(--color-text-strong); */
	}
}

/*detailansicht: legal modul*/

form[name="module_form_legal"] > table > tbody{
	padding: 1rem;
	display: block;
}

form[name="module_form_legal"] > table > tbody > tr > td {
  padding: .5rem 1rem .5rem 0;
}

td.content.user-module-content-legal-choice,
td.content.user-module-content-legal-privacy,
td.content.user-module-content-legal {
    padding-left: 1rem;
}

td.content form[name="module_form_legal"]{
	background-color: var(--color-bg-white);
	max-width: 57rem;
	tr input.listboxwidth,
	tr input.widthplz,
	tr input.widthcity,
	tr input.input-text-city,
	tr input.input-text-wide,
	tr input.input-text-zip,
	tr select{
	  padding: 0.5rem;
	  border: 0.0625rem solid var(--color-border-light);
	  border-radius: 0.25rem;
	  width: 16rem;
	  margin-bottom: 0;
	}
	tr input.input-text-wide[type="text"],
	[name="mod[settings][legal_disput_name]"],
	[name="mod[settings][legal_disput_url]"]{
		width: 16rem;
	  margin-bottom: 0;
	}
	[name="mod[settings][legal_disput_local_url]"],
	[name="mod[settings][legal_disput_local_name]"]{
		width: 100%;
	  margin-bottom: .25rem;
	}
	tr:has([name="mod[settings][legal_disput_local_name]"]) > td:first-child,
	tr:has([name="mod[settings][legal_disput_local_url]"]) > td:first-child,
	tr:has([name="mod[settings][legal_disput_url]"]) > td:first-child,
	tr:has([name="mod[settings][legal_disput_name]"]) > td:first-child{
  	padding-right: .5rem;
	}
	td:has([name="mod[settings][legal_disput_local_name]"]),
	td:has([name="mod[settings][legal_disput_local_url]"]){
  	font-style: italic;
	}
	[name="mod[settings][legal_org_manager]"],
	[name="mod[settings][legal_disput_url]"],
	[name="mod[settings][legal_disput_local_url]"]{
		margin-top: .5rem;
	}
	tr input.listboxwidth[type="radio"] {
	  width: auto;
	}
	tr input.widthplz{
		width: 3.75rem;
		margin-right: .5rem;
	}
	tr input.input-text-zip{
		width: 8rem;
	}
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	input[type="radio"] {
  	margin: .5rem .5rem .5rem 0;
	}
	div.topic {
    border-bottom: none;
    border-top: 0.0625rem solid var(--color-border-light);
    padding-top: 1rem;
	}
}

form[name=module_form_legal] > table > tbody > tr > td:first-child {
  width: 16rem;
}

form[name=module_form_legal] > table > tbody > tr:nth-child(2) > td {
  padding-top: 0;
  font-style: italic;
}

div:has([name="mod[content_settings][legal_showtype]"]) {
	padding-top: .5rem;
}

/* tr > td > div {
  padding: 0 0 .5rem 0;
} */

tr.hover-effect:hover td {
  background: transparent;
}

h3 {
  font-weight: 300;
  color: var(--color-text-strong);
}

td h3 {
    font-weight: 600;
	padding-bottom: .25rem;
	color: var(--color-text-strong);
}

form[name=module_form_legal] > table > tbody > tr td.header{
  border-top: 0.0625rem solid var(--color-border-light);
  width: 100%;
  padding-top: 1rem;
	b {
    font-weight: 100;
    color: var(--color-text-strong);
	}
}

form[name=module_form_legal] > table > tbody > tr td b{
  font-weight: 100;
  color: var(--color-text-strong);
}

form[name=module_form_legal] > table > tbody > tr:has(+ tr > td.header) > td {
  padding-bottom: 1rem;
}

/*Detailansicht: Modul Galerie*/

button#gallery_sort{
	padding: 0.5rem 1rem;
	height: auto;
	border-radius: .25rem;
	background-color: var(--color-bg-secondary-light);
	border: .0625rem solid var(--color-bg-primary);
	cursor: pointer;
	color: var(--color-text-primary);
	width: auto;
	font-weight: 100;
	text-decoration: none;
	text-align: left;
	font-size: 1rem;
	display: inline-block;
	box-shadow: none;
	&:hover{
		background-color: var(--color-bg-primary);
			border-color: var(--color-bg-primary);
			color: var(--color-text-white);
	}
}

.content.user-module-customer-content-gallery-form{
	#module_settings{
		td:has([type="radio"]) + td:has(label){
			padding-bottom: .5rem;
		}
		input[type="radio"]{
			float: right;
		    margin-right: 1rem;
		}
		td:has(> b){
			padding-bottom: .5rem;
			& > b{
				font-weight: 100;
				color: var(--color-text-strong);
			}
			& + td > input{

			}
		}
		.module_settings_gallery_main{
			margin-right: 1rem;
				tr td:first-child{
				padding-right: 1rem;
			}
			td input{
				margin-bottom: 0.25rem;
				padding: .5rem;
				border: .0625rem solid var(--color-border-light);
				border-radius: .25rem;
				width: 16rem;
			}
		}
	}
}

table.box.user-module-customer-content-gallery-items{
	.forcePlaceholderSize{
		background: red !important;
	}
	select#gallery_sort_order{
		width: 12rem;
	}
	max-width: 110rem !important;
	width: auto;
	min-width: 59rem;
	td.content.user-module-customer-content-gallery-items{
		.gallery-controls {
			padding-right: 1rem;
		}
		form[name="gallery_items"] .form-button {
			/* bottom: 1rem; */
			right: unset;
			z-index: 10;
		}
		div#gallery-media-items,
		div.gallery-multilanguage-1.gallery-html-text-1{
			min-height: 50vh;
			ul.gallery-media-items{
				padding: 0;
				display: flex;
			    flex-wrap: wrap;
    			justify-content: flex-start;
				gap: 1rem;
				min-height: unset;
				li.gallery-media-item-show-1{
					
				}
				li.gallery-media-item,
				li.gallery-media-item-show-1{
					margin: 0;
					width: 22.5rem;
					box-shadow: none;
					border: .0625rem solid var(--color-border-light);
					padding: 0;
					height: auto;
					display: flex;
					flex-direction: column;
					border-radius: .25rem;
					div.mcgi_data {
						background-color: var(--color-bg-white);
						display: flex;
						flex-direction: column;
						justify-content: stretch;
						height: 100%;
						border-radius: 0 0 .25rem .25rem;
					}
					.mcgi_media{
						border-radius: .25rem .25rem 0 0;
						border-bottom: .0625rem solid var(--color-border-light);
					}
					img.mcgi_media {
						width: 100%;
						height: 12.9rem;
						border-radius: .25rem .25rem 0 0;
					}
					div.mcgi_move {
						position: absolute;
						/* top: .5rem;
						right: .5rem;
						width: 3rem;
						height: 3rem; 
						border-radius: 50%; */
						top: 0;
						right: 0;
						border-radius: 0 .25rem 0 1rem;
						width: 2rem;
						height: 2rem;
						background-color: var(--color-bg-dark);
						&::before {
							line-height: 1.75rem;
							color: var(--color-text-white);
							font-size: 1rem;
						}
					}
					div.mcgi_name{
						padding: 0 .5rem;
    					margin-top: .25rem;
					}
					div.mcgi_alt{
						padding: 0 .5rem;
						margin-bottom: 1rem;
					}
					div.language-element ul{
						padding: 0;
    					margin: 0 0 .25rem 0;
						li{
							text-transform: uppercase;
                            margin-right: .5rem;
							cursor: pointer;
							label{
								cursor: pointer;
							}
							&.language-element-active{
								text-decoration: none;
								label{
									color: var(--color-text-primary);
								}
							}
							&:hover{
								color: var(--color-text-primary);
								label{
									color: var(--color-text-primary);
								}
							}
						}
					}
					div.mcgi_name input,
					div.mcgi_name textarea,
					div.mcgi_alt input {
						width: 100%;
						padding: .5rem;
						font-size: 1rem;
						color: var(--color-text-regular);
						line-height: 1.2rem;
						border: .0625rem solid var(--color-border-light);
						box-sizing: border-box;
						border-radius: .25rem;
						margin: .5rem 0 0 0;
						height: 2.375rem;
						&:focus{
							box-shadow: none;
							border-color: var(--color-border-primary);
						}
					}
					div.mcgi_alt,
					div.mcgi_text,
					div.actions{
						div.language-element > ul > li{
							opacity: 0;
							display: none;
						}
					}
					div.mcgi_text{
						/* height: 12.25rem; */
						height: auto;
						margin-bottom: auto;
						flex-grow: 1;
						.language-element{
							height: 100%;
							.language-element-language{
								height: auto;
							}
							.language-element-language:has(input:checked){
								height: 100%;
							}
							.language-element-language-active{
								height: 100%;
							}
						}
						.defaultSkin table.mceLayout {
							width: 100% !important;
						}
						.defaultSkin .mceListBox .mceText{
							width: 3rem;
						}
						a.mceButton.mce_outdent,
						a.mceButton.mce_indent {
							display: none;
						}
						textarea {
							width: 100%;
							min-height: 12.25rem !important;
							padding: .5rem;
							border-top: .0625rem solid var(--color-border-light);
							box-sizing: border-box;
							margin: 0;
							line-height: 1.2;
							font-size: 1rem;
							color: var(--color-text-regular);
						}
					}
					div.mcgi_actions {
						padding: .5rem .75rem;
						color: var(--color-text-regular);
						border-top: .0625rem solid var(--color-border-light);
						margin-top: auto;
						border-radius: 0 0 .25rem .25rem;
						a, label{
							color: var(--color-text-regular);
							&:hover{
								color: var(--color-link-primary);
								&[data-gal-action="delete"]{
									color: var(--color-text-error);
								}
							}
						}
					}
					td.mceIframeContainer.mceFirst.mceLast > iframe {
						height: 100% !important;
						min-height: 10rem;
					}
					.defaultSkin table.mceLayout tr.mceLast td{
						/* border-bottom: .0625rem solid var(--color-border-light); */
					}
					td.mceIframeContainer.mceFirst.mceLast{
						border: none;
					}
					/*Höhenangaben für leere / neue Elemente*/
					.mcgi_name {
						height: auto;
					}
					.mcgi_alt {
						height: 2.5rem;
						margin-bottom: .5rem;
					}
					div.language-element-language div.language-element-content{
						height: 99%;
						span[role="application"].mceEditor.defaultSkin{
							height: 100%;
    						display: block;
							table.mceLayout{
							    height: 100% !important;
								td.mceIframeContainer {
							    	height: 100% !important;
								}
							}
						}
					}
				}
			}
		}
	}
	/*list view*/
	#gallery-media-list:checked ~ #gallery-media-items ul.gallery-media-items {
		padding-right: 1rem;
		& > li{
			display: flex;
			width: 100%;
			float: none;
			height: 5rem;
			margin: 0;
			flex-direction: row;
			flex-wrap: nowrap;
			max-width: unset;
		}
		div.mcgi_text {
			height: 2.375rem;
			display: none;
		}
	}
	#gallery-media-list:checked ~ #gallery-media-items .mcgi_data input, 
	#gallery-media-list:checked ~ #gallery-media-items .mcgi_data textarea{
		width: 100%;
		padding: .5rem;
		font-size: 1rem;
		color: var(--color-text-regular);
		line-height: 1.2rem;
		border: .0625rem solid var(--color-border-light);
		box-sizing: border-box;
		border-radius: .25rem;
		margin: 0;
		height: 2.375rem;
	}
	#gallery-media-list:checked ~ #gallery-media-items{
		div.mcgi_alt,
		div.mcgi_text,
		div.actions{
			div.language-element > ul > li{
				/* opacity: 0;
				display: inline-block; */
				display: none;
			}
		}
		div.language-element-language div.language-element-content{
			padding-top: .5rem;
		}
		.mcgi_data {
			align-items: flex-start;
		}
		.mcgi_name{
			padding-top: 1.2rem;
		}
		.mcgi_name:has(div.language-element){
			padding-top: 0;
		}
		.mcgi_alt{
			height: auto;
			margin: 0;
			margin-top: 1.45rem;
		}
		.mcgi_actions{
			border-top: none;
			padding-bottom: 0;
			padding-left: 1rem;
            height: 1rem;
            margin-top: 2.5rem;
            padding-right: 1rem;
			> *{
				text-align: center;
			}
		}
		.mcgi_media {
			width: auto;
			height: 5rem;
			margin-right: 0;
		}
		/* .mcgi_data > * {
			flex: 1 1 50%;
		} */
	}
}

.box.user-module-content-content-slideshow-form{
	input[name="mod[mcg_slideshow_time]"],
	input[name="mod[mcg_slideshow_time_pause]"]{
		margin-bottom: 0.25rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
		margin-left: 1rem;
	}
}

td.content.user-module-content-content-advanced-form td {
    padding: .25rem;
	vertical-align: top;
	a{
		color: var(--color-link-primary);
		text-decoration: underline;
	}
}

table.box.user-module-customer-content-gallery-items {
    td.content.user-module-customer-content-gallery-items {
        padding-top: 0;
	    padding-right: 1rem;
		max-width: 95rem;
    }
	.gallery-controls {
		background: var(--color-bg-white);
        padding: .5rem 1rem;
		align-items: center;
		margin-bottom: 1rem;
		border-radius: 0 0 .25rem .25rem;
	}
}

/* Modul Kopie einfügen*/

td.content.user-page-content-copy table {
	tbody > tr > td:first-child{
		width: 9rem;
	}
	tr td {
		padding: .25rem 1rem .25rem 0;
	}
	small {
		font-style: italic;
	}
	a {
		color: var(--color-link-primary);
		text-decoration: none;
		img{
			display: none;
		}
	}
	.button-page-content-copy::before {
		content: '\f0c5';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-right: .25rem;
	}
	.button-page-content-move::before {
		content: '\f0ea';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-right: .25rem;
	}
	.button-page-content-clone::before {
		content: '\f24d';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-right: .25rem;
	}

	a.button-page-content-copy,
	a.button-page-content-move,
	a.button-page-content-clone{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		border-radius: .25rem;
		cursor: pointer;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: inline-block;
		margin-right: 1rem;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
		}
	}
}

#box-content-1-1 td.content.user-module-content-dolly1-form{
	td {
    	padding: .25rem .5rem .25rem 0;
	}
	div.form-button {
		bottom: 1rem;
		left: 1rem;
		position: fixed;
	}
	a {
		text-decoration: underline;
		color: var(--color-link-primary);
		img{
			display: none;
		}
	}
	table{
		margin-bottom: 1rem;
	}
}




/*Advanced Settings*/

.user-setting-advanced-form{
	div.form-button{
		display: inline-block;
		margin-bottom: 1rem;
	}
}

td.content.text{
	padding-left: 1rem !important;
    font-style: italic;
    color: var(--color-text-info);
}

/*Website Settings*/

td.user-setting-edit > form > table,
td.user-setting-template-content-edit > form > table,
td.user-module-website-page-attribute > form > table{
    margin-top: 1rem;
	td:first-child {
		padding-right: 1rem;
	}
}

td.content.user-setting-template-edit{
	textarea[name="form[template_layout]"]{
		width: 100%;
    	margin-top: 1rem;
		font-size: .75rem;
	}
	.topic + table {
		margin-top: 1rem;
	}
	table.template-settings {
		margin-bottom: 1rem;
		tr:first-child > td{
			padding-bottom: 1rem;
		}
	}
}

td.user-setting-domain-edit > form > table {
    margin-top: 1rem;
	td:first-child {
		padding-right: 1rem;
		vertical-align: top;
	}
	tr > td > div.topic {
		margin-top: 2rem;
	}
	tr:has(div.topic) + tr > td {
		padding-top: 1rem;
	}
	button{
		padding: .5rem 1rem;
		height: auto;
		border-radius: .25rem;
		background-color: var(--color-bg-secondary-light);
		border: .0625rem solid var(--color-bg-primary);
		color: var(--color-bg-primary);
		width: auto;
		font-weight: 100;
		text-decoration: none;
		text-align: left;
		font-size: 1rem;
		margin-left: 1rem;
		display: inline-block;
		box-shadow: none;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
			cursor: pointer;
		}
	}
	p{
		margin-top: .5rem;
		line-height: 1.4;
	}
}

td.user-setting-domain-edit div.form-button{
	display: inline-block;
	margin-bottom: 1rem;
}

/*Syslog*/

table.box.user-module-system-log1-form #box-content-0-1 > td.content{
    padding-left: 1rem;
    padding-right: 0;
	tr:first-child td {
		font-weight: 100;
		color: var(--color-text-strong);
	}
	td {
		padding: .75rem .75rem .75rem 0;
		border-bottom: 1px solid var(--color-border-light);
		max-width: 10rem;
        width: auto;
        word-wrap: break-word;
		a{
			color: var(--color-link-primary);
			text-decoration: underline;
		}
	}
}

/*Benutzer Einstellungen*/

td.user-user-preferences-edit{
	tr:first-child td {
		padding-top: 1rem;
	}
	td b {
		margin-bottom: 1rem;
		display: block;
		font-weight: 100;
		font-style: italic;
	}
	input[type="password"]{
		margin-bottom: 1rem;
        padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
        width: 16rem;
	}
	td:first-child{
		padding-right: 1rem;
	}
	div.form-button {
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	tr:has(input[name="form[user_image]"]) > td {
		vertical-align: middle;
	}
}

/*Kalender Ausgabe*/

#box-content-1-1 .content.user-module-content-calendar-display{
	input[type="checkbox"] {
		position: relative;
		top: 0;
		z-index: 0;
		-webkit-appearance: auto;
		&::before, &::after{
			display: none;
		}
	}
	td:has(> [type="checkbox"]) {
		width: auto;
	}
	tr td tr td{
		padding: .25rem .5rem .25rem 0;
	}
}

td.content.user-module-content-calendar-display{ 
	.topic {
		margin-bottom: .5rem;
        margin-top: 1rem;
	}
	.displayoptions > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	table.calendarlist > tbody > tr {
		border-top: .0625rem solid var(--color-border-light);
		&:has(small){
			border-top: none;
		}
		td{
			padding-top: .5rem;
			padding-bottom: .5rem;
			vertical-align: middle;
			&:has(small){
				padding-top: 0;
			}
		}
		small{
			font-size: .75rem;
			color: var(--color-text-info);
		}
		&:first-child {
			border-top: 0;
		}
	}
	div.form-button {
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	td.label {
		padding-left: .275rem;
	}
	td:has( > label) {
        padding-bottom: .5rem;
	}
	& > form > table {
		margin-right: 1rem;
	}
}

/*Kontakte Login*/

td.content.user-module-customer-content-contact-login-form{
	table tr:first-child td {
		padding-top: 1rem;
	}
	table tr td:first-child {
		padding-left: 1rem;
	}
	table tr td:last-child {
		padding-right: 1rem;
	}
	input#clo_page_manage,
	input#clo_page_registration {
		margin-bottom: 0.25rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
	}
	small{
		color: var(--color-text-info);
		margin-bottom: 0;
	}
	table tr{
		background-color: var(--color-bg-white);
		td{
			padding: .5rem;
			&::first-child{
				padding-top: 1rem;
			}
		}
	}
	table{
		margin-bottom: 1rem;
	}
}

/*Kontakte Verwaltung*/

td.content.user-module-content-contact-manage-settings{
	input[type="checkbox"] {
		position: relative;
		top: 0;
		z-index: 0;
		-webkit-appearance: auto;
		&::before, &::after{
			display: none;
		}
	}
	div.topicbox {
		background-color: transparent;
		border: none;
	}
	.topicbox input, .topicbox label {
		display: inline-block;
		padding: 0.5rem;
	}
}

/*Kontakte Registrierung*/

td.content.user-module-customer-content-contact-registration-form{
	table td {
    	padding: .5rem .5rem .5rem 0;
	}
	input#cr_login_page,
	input[name="mod[cr_message_registered]"],
	input[name="mod[cr_email]"],
	input[name="mod[cr_activate_mail_from]"],
	input[name="mod[cr_activate_mail_subject]"],
	textarea[name="mod[cr_activate_mail_text]"],
	input[name="mod[cr_email_template]"],
	input[name="mod[cr_activate_redirect]"]{
		margin-bottom: 0.25rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
	}
	select{
		margin-bottom: 0;
	}
	small{
		color: var(--color-text-info);
		margin-bottom: 0;
	}
	details summary{
		color: var(--color-link-primary);
		text-decoration: underline;
   		cursor: pointer;
	}
	details > div {
		line-height: 2;
		padding-left: 1rem;
	}
	table tr{
		background-color: var(--color-bg-white);
		td{
			padding: .5rem 1rem;
			&::first-child{
				padding-top: 1rem;
			}
		}
	}
	table tr:has(.topic){
		background: transparent;
		td{
			padding: 0;
		}
	}
	.topic {
		margin-top: 1rem;
	}
	tr:has(.topic) + tr > td {
		padding-top: 1rem;
	}
	table{
		margin-bottom: 1rem;
	}
}

/*Kontakte*/

#box-content-0-1 td.content.system-contact-edit{
	input[type="checkbox"]{
		-webkit-appearance: checkbox;
		display: inline-block;
		margin-top: 1rem;
		margin-right: .5rem;
		&::before, &::after{
			display: none;
		}
	}
	.first-column{
		padding-right: 1rem;
	}
	div.topic {
		margin-bottom: 1rem;
	}
	input[name="contact[modules][50][cl_login]"],
	input[name="contact[modules][50][cl_password]"]{
		margin-bottom: 1rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
		display: block;
	}
	input[name="contact[modules][50][cl_login]"] + a {
		padding-bottom: 1rem;
		display: inline-block;
		text-decoration: underline;
		color: var(--color-link-primary);
	}
	input#cl_password_generate,
	input#cl_password_reset{
		margin-bottom: 1rem;
		margin-right: .5rem;
	}
	td:has( > [type="checkbox"]) {
		width: auto;
		display: table-row;
	}
	#cl_password_generate,
	#cl_password_reset{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		border-radius: .25rem;
		&:hover{
			color: var(--color-text-white);
			background-color: var(--color-bg-primary);
			border: .025rem solid var(--color-bg-primary);
			box-shadow: none;
			cursor: pointer;
		}
	}
}

/*Container Anzeige*/

td.content.user-module-content-container-display{
	input[name="mod[container_display_media_folder]"]{
		margin-bottom: 0.25rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
	}
	input,
	select{
		margin-bottom: 0;
	}
	table{
		margin-bottom: 1rem;
	}
	table tr{
		background-color: var(--color-bg-white);
		td{
			padding: .5rem 1rem;
			&::first-child{
				padding-top: 1rem;
			}
		}
	}
	table tr:has(.form-button){
		/* background: transparent; */
		td{
			padding-top: 1rem;
		}
	}
	table tr:first-child td {
		padding-top: 1rem;
	}
	small{
		color: var(--color-text-info);
		margin-bottom: 0;
	}
	div.form-button{
		position: fixed;
		left: 1rem;
		bottom: 1rem;
	}
}

/*Container Modul*/

table.box.user-module-container-object-form.wide {
	max-width: 100%;
	div.media-bar-image {
		width: 95px;
		height: 95px;
		outline: solid .0625rem var(--color-border-light);
		text-align: center;
		vertical-align: middle;
		margin: 0 .5rem .5rem 0;
	}
	div.media-bar-image img {
		width: 95px;
	}
}
td.content.user-module-container-object-form{
	table.container_object tr {
    	background: var(--color-bg-white);
		&:first-child > td{
			padding-top: 1rem;
		}
		&:last-child > td{
			padding-bottom: 1rem;
		}
	}
	.media-bar{
		display: flex;
		flex-wrap: wrap;
		.media-bar-image:has(img[src="images/media-drag.png"]){
			order: -1;
            background: transparent;
            border: none;
			/* outline: .0625rem dashed var(--color-border-primary); */
			outline: none;
			a{
				display: none;
			}
		}
	}
	table.container_object td.container_field_name,
	.container-object-visible, 
	table tr.row-categories td:first-child {
		max-width: 10rem;
		word-wrap: break-word;
		padding-left: 1rem;
		padding-right: 1rem;
		text-align: left;
	}
	.width-toggler{
		padding: .5rem 0;
		a{
			text-decoration: underline;
			color: var(--color-link-primary);
		}
		display: block;
	}
	@media screen and (max-width: 1101px) {
		.width-toggler{
			display: none;
		}
	}
	div.media-bar-image a {
		position: absolute;
        display: block;
        padding: .25rem;
        border-radius: 0;
        background: var(--color-bg-error-hover);
        right: 0px;
        top: 0px;
        color: var(--color-text-white);
        margin: 0;
        font-weight: 300;
        line-height: .75rem;
        height: .75rem;
        width: .75rem;
		font-size: .875rem;
		&::after{
	        content: '\f00d';
    	    font-family: 'FontAwesome';
		}
	}
	div.media-bar-image {
		position: relative;
		background-color: var(--color-bg-white);
		display: inline-block;
		width: 85px;
		height: 85px;
		outline: solid .0625rem var(--color-border-light);
		text-align: center;
		vertical-align: middle;
		margin: 0 5px 5px 0;
	}
	div.media-bar-image img {
		width: 85px;
	}
	a.link-insert {
		display: inline-block;
		margin-bottom: 5px;
		color: var(--color-link-primary);
	}
	a.link-insert:hover {
		text-decoration: underline;
	}

	/* form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	} */

	td.container_field_name {
    	vertical-align: baseline;
	}

	textarea,
	[type="text"], 
	[type="number"]
	select {
        margin: 0 0 1rem 0;
        padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
        max-width: 16rem;
    }
	textarea{
		max-width: 32rem;
	}
	.container_field_value:has(.media-bar){
        padding-bottom: 1rem;
	}
	tr.row-categories td {
		padding-top: 1rem;
    	border-top: solid .0625rem var(--color-border-light);
	}
}

td.content.user-module-content-container-display{
	form[name="container_display"] > table{
		width: 100%;
		& > tbody > tr > td:first-child {
    		width: 16rem;
		}
	}
}

/*test*/

td:has(+ td > textarea),
td:has(+ td > select[multiple]),
td:has(+ td > div.media-bar),
td:has(+ td > img) {
    vertical-align: top !important;
	padding-top: 1rem;
}



/*Clone*/

td.content.user-module-content-dolly1-form{
	div.step{
	margin-bottom: 1rem;
	img {
		border: .0625rem solid var(--color-border-light);
		padding: 0;
		height: 7rem;
		margin-top: 1rem;
	}
	}
}

/*Seiten vergleichen*/

.user-page-comparison table.page-compare {
    margin-left: 1rem;
}

td.content.user-page-comparison{
	table.page-compare {
	}
	table.page-compare td {
		border-bottom: solid .0625rem var(--color-border-light);
		padding: .5rem .25rem;
		vertical-align: top;
		width: 20rem;
		small{
			margin-bottom: 0;
		}
	}
	table.page-compare td.column {
		background: transparent;
		font-weight: bold;
		text-align: right;
		width: 6rem;
	}
	table.page-compare td.head {
		background: transparent;
		font-weight: bold;
		text-align: center;
		&.middle{
			padding-top: 1rem;
		}
	}
	table.page-compare td div.page-content {
		padding: .5rem;
		border-bottom: solid .0625rem var(--color-border-light);
		margin-bottom: .5rem;
		background-color: var(--color-bg-white);
		min-height: 4rem;
	}
	table.page-compare td div.page-content-teaser,
	table.page-compare td div.page-content-teaser-text {
		overflow: auto;
		margin-top: .25rem;
		border-top: solid .0625rem var(--color-border-light);
		height: 4rem;
	}
	table.page-compare td div.page-content-teaser-number {
		margin-top: .25rem;
		border-top: solid .0625rem var(--color-border-light);
	}
}


/*Modul Detailansicht Formulardaten Formhanlder*/

.content.user-module-content-formhandler1-form{
	td.mceIframeContainer.mceFirst.mceLast > iframe {
		min-height: 10rem;
	}
	& > form > table > tbody > tr {
		background-color: var(--color-bg-white);
		&:hover td{
			color: var(--color-text-primary);
			label{
				color: var(--color-text-primary);
			}
		}
	}
	& > form > table > tbody > tr:has(.topic) {
		background: transparent;
	}
	& > form > table > tbody > tr > td{
		padding: 0rem 1rem 1rem 0;
		[type="text"], [type="number"], select{
			margin-bottom: 0;
		}
		&:first-child {
			/* max-width: 24rem; */
			padding-left: 1rem;
			vertical-align: top;
			padding-top: .15rem;
			&:not(:only-child) {
				width: 30rem;
			}
		}
		&:has(.topic) {
			padding: 1rem 0 0 0;
		}
	}
	& > form > table > tbody > tr:has(.topic) + tr > td {
		padding-top: 1rem;
		&:first-child{
			padding-top: 1.15rem;
		}
	}
	.label-info{
		color: var(--color-text-info);
		font-style: italic;
	}
	div.form-button {
		position: fixed;
		bottom: 1rem;
	}
	input[type="text"] + p {
		margin-top: .5rem;
	}
	.defaultSkin td.mceCenter table {
		margin-left: .125rem;
	}
	& > form > table{
		max-width: 57rem;
	}
	.defaultSkin table.mceLayout {
		border: 0;
		border-left: none;
		border-right: none;
	}
	textarea {
		border: .0625rem solid var(--color-border-light);
	}
	input[name="mod[module_content_formhandler1_analytics_conversion]"]{
		margin: 0 .5rem;
	}
}

/*formbuilder*/

td.content.user-module-content-formhandler1-builder{
	& > div.builder {
    	margin-left: 1rem;
		& > input.form-button.form-button-save {
			display: none;
		}
	}
	div.form-button {
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	div.builder-sidebar .prop{
		margin-bottom: 1rem;
		& > input, 
		& > textarea,
		& > [type="text"], 
		& > [type="number"], 
		& > select {
			padding: .5rem;
			margin-bottom: 0;
		}
		& > label:has(input[type="checkbox"]) {
			padding-left: 3rem;
			input{
				margin-left: -3rem;
			}
		}
	}
	div.builder-sidebar{
		width: 50%;

		display: inline-block;
		vertical-align: top;
		box-sizing: border-box;
		width: 40%;
		position: sticky;
		top: 80px; /* geändert */
		max-height: calc(100vh - 160px); /* hinzugefügt */
		overflow-x: clip;  /* hinzugefügt */
		overflow-y: auto; /* hinzugefügt, erlaubt Scrollbar wenn benötigt */

		a[href="#close"]{
			display: none;
		}
		h2{
			border: none;
			padding: .5rem 0;
			margin-bottom: .5rem;
			color: var(--color-text-strong);
			border-bottom: .0625rem solid var(--color-border-light);
		}
		.controls.ctrl-top{
			position: absolute;
			right: 0;
			top: .25rem;
		}
		.controls.ctrl-bottom{
			display: none;
		}
		.controls{
			a.ctrl-delete,
			a.ctrl-up,
			a.ctrl-down{
				margin-right: 1rem;
				text-decoration: none;
				&::before{
					font-family: 'Font Awesome 6 Pro';
					font-weight: 400;
				}
				span{
					display: none;
				}
			}
			
			a.ctrl-delete{
				&::before{
					content: '\f2ed';
				}
				&:hover{
					color: var(--color-text-error);
				}
			}
			a.ctrl-up{
				&::before{
					content: '\f062';
				}
				&:hover{
					color: var(--color-text-primary);
				}
			}
			a.ctrl-down{
				&::before{
					content: '\f063';
				}
				&:hover{
					color: var(--color-text-primary);
				}
			}
		}
		button.show-nl-pages{
			padding: 0.5rem 1rem;
			height: auto;
			border-radius: 0.25rem;
			background-color: var(--color-bg-secondary-light);
			border: .025rem solid var(--color-bg-primary);
			cursor: pointer;
			color: var(--color-bg-primary);
			width: auto;
			font-weight: 100;
			text-decoration: none;
			text-align: left;
			font-size: 1rem;
			display: block;
			box-shadow: none;
			&:hover{
				background-color: var(--color-bg-primary);
				color: var(--color-text-white);
			}
		}
		button.nl-page-select{
			text-align: left;
			border: none;
			background: none;
			margin-bottom: .5rem;
			color: var(--color-text-primary);
			text-decoration: underline;
			cursor: pointer;
			&:hover{
				color: var(--color-text-primary-hover);
			}
		}
		.newsletter-save-hint {
			margin-top: 1rem;
			border: .0625rem solid;
			padding: .5rem;
			background-color: var(--color-bg-warning);
			color: var(--color-text-warning);
			a{
				color: var(--color-text-warning);
				text-decoration: underline;
			}
		}
		.prop > .label-field-options{
			color: var(--color-text-strong);
			border-bottom: .0625rem solid var(--color-border-light);
			margin-bottom: .5rem;
		}
		.prop > .field-options {
			td{
				padding-right: .5rem;
				input[type="text"]{
					width: 10rem;
					margin-bottom: .5rem;
				}
				a{
					padding-top: .5rem;
					display: block;
					span{
						display: none;
					}
					&::before{
						content: '\f2ed';
						font-family: 'Font Awesome 6 Pro';
						font-weight: 400;
					}
					&:hover{
						color: var(--color-text-error);
					}
				}
			}
		}
		.prop a.add span {
			color: var(--color-text-primary);
			cursor: pointer;
			&:hover{
				color: var(--color-text-primary-hover);
			}
		}
		input#stepLabel{
			border-width: .0625rem;
			border-color: var(--color-border-light);
			border-style: solid;
			border-radius: .25rem;
			&:focus {
				outline: none !important;
				border-color: var(--color-bg-primary);
				box-shadow: 0 0 .75rem var(--color-border-light);
			}
		}
		table.date-restriction-list > tbody > tr{
			display: flex;
			td {
				padding: .25rem;
				color: var(--color-text-regular);
				font-style: italic;
				a{ color: var(--color-link-delete);}
			}
		}
		table.date-restriction-new{
			select{
				width: 20rem;
			}
			input[type="number"]{
				width: 12rem;
			}
			input[type="checkbox"] {
				-webkit-appearance: auto;
				display: inline-block;
				&::before,
				&::after{
					display: none;
				}
			}
		}
	}
	#formbuilder_save > label{
		margin-left: 3.5rem;
	}
	.builder-config{
		padding-right: 1rem;
		width: 50%;
		.builder-form-type{
			label {
				margin-right: .5rem;
				color: var(--color-text-strong);
			}
			select#formType{
				width: 18rem;
			}
		}
		.field[data-field-type="newsletter_subscribe"] .label::before {
			content: '\f1d8';
		}
		textarea[readonly] {
			color: var(--color-text-disabled);
			margin-top: .5rem;
		}
		form {
			margin-top: 2rem;
			border-top: .0625rem solid var(--color-border-light);
			padding-top: 1rem;
		}
		div.label{
			padding: .5rem;
			font-weight: 600;
			&::after{
				font-size: .95rem;
				padding-left: 0.5rem;
			}
			.field-label {
				font-weight: 600;
			}
		}
		div.step {
			margin: 0 0 1rem 0;
		}
		div.active{
			background-color: var(--color-bg-secondary-light);
		}
		a.duplicate, 
		a.add {
			padding: .5rem .75rem;
			margin-top: .5rem;
			&:hover{
				border-color: var(--color-border-primary);
				color: var(--color-text-primary);
			}
		}
		.label-fieldset,
		.label-step{
			border-bottom: .0625rem solid var(--color-border-light);
		}
		div.field {
			border-top: none;
			border-left: none;
			border-right: none;
		}
		div.fieldset .fielset-options {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}
		div.fieldset{
			position: relative;
		}
		div.fieldset-duplicate {
			position: absolute;
			top: 0;
			span{
				display: none;
			}
			a.duplicate{
				color: var(--color-text-info);
				&:hover{
					border-color: transparent;
					color: var(--color-text-primary-hover);
				}
			}
		}
		.field-move:hover {
			background: transparent;
			color: var(--color-text-primary-hover);
		}
	}
}

.content.user-module-content-formhandler1-data{
	h3 {
		margin-bottom: .5rem;
		color: var(--color-text-strong);
	}
	select#datetime_filter{
		width: 20rem;
		margin-bottom: .5rem;
	}
	input.flatpickr-input.form-control.input{
		width: 8rem;
    	margin-right: .5rem;
	}
	select#data_filter_time{
		width: 8rem;
	}
	button#download_csv,
	button#download_xls{
		padding: 0.5rem 1rem;
		height: auto;
		border-radius: 0.25rem;
		background-color: var(--color-bg-secondary-light);
		border: .025rem solid var(--color-bg-primary);
		cursor: pointer;
		color: var(--color-bg-primary);
		width: auto;
		font-weight: 100;
		text-decoration: none;
		text-align: left;
		font-size: 1rem;
		display: block;
		box-shadow: none;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
		}
	}
	button#download_xls{
		margin-bottom: 1rem;
	}
	button.delete-form-data{
		padding: 0.5rem 1rem;
		height: auto;
		border-radius: 0.25rem;
		background-color: var(--color-bg-error);
		border: .025rem solid var(--color-border-error);
		cursor: pointer;
		color: var(--color-text-error);
		width: auto;
		font-weight: 100;
		text-decoration: none;
		text-align: left;
		font-size: 1rem;
		display: block;
		box-shadow: none;
		&:hover{
			background-color: var(--color-border-error);
			color: var(--color-text-white);
		}
	}
}

div.builder.builder.builder-loaded{
	max-width: 57rem;
}

div#content-view-wrap {
    display: flex;
}

/* language-bar{
	width: 2rem;
	display: block;
	position: sticky;
	.page-languages-topic {
		display: none;
	}
	ul.page-languages{
		text-align: left;
		margin: 0;
		li{
			margin: 0 0 .25rem 0;
		}
	}
} */

div#content-view-languagebar{
	margin-right: 1rem;
	margin-top: 2.25rem;
}

div#content-view-maindata {
    margin-right: 2rem;
	width: auto;
	display: block;
	& > table{
		max-width: 27rem;
	}
}

.toggleMaindata,
#maindataToggler{
	display: none;
}

@media (max-width: 1000px){
	div#content-view-maindata{
		display: none;
	}
	.toggleMaindata,
	#maindataToggler{
		display: block;
	}
}


div#content-view-page-templates{
	min-width: 40rem;
	display: block;
}

.toggleMaindata span {
    width: 2rem;
    text-align: center;
    display: block;
    margin-top: 1rem;
	&::before {
		content: '\f085';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
	}
	&:hover{
		color: var(--color-text-primary);
		cursor: pointer;
	}
}


div#content-view-wrap.is-visible{
	div#content-view-maindata{
		display: block;
	}
	div#content-view-page-templates{
		display: none;
	}
}

@media (min-width: 1001px){
	div#content-view-maindata{
		display: block !important;
	}
	div#content-view-page-templates{
		display: block !important;
	}
}

/*URL Redirects*/

td.content.user-module-website-url-redirect{
	td > label small{
		display: inline-block;
		margin-bottom: 0;
	}
	td:has(> label){
		padding-bottom: 0;
	}
	table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
	input, select{
		margin-bottom: .5rem;
	}
	.cms-form-buttons{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	select{
		margin-right: .5rem;
	}
	select[name="mod[url_redirect][url_redirect_code]"],
	select[name="mod[url_redirect][url_redirect_stage]"],
	input#mod_url_redirect_target {
		width: 18rem !important;
	}
	input[name="mod[url_redirect][url_redirect_match_pattern]"]{
		width: 36rem !important;
	}
	select[name="mod[url_redirect][url_redirect_match_type]"],
	input[name="mod[url_redirect][url_redirect_order]"]{
		width: 6rem;
	}
	small {
        margin-bottom: .5rem;
    }
}

/*Gästebuch / Guestbook*/

td.content.user-module-customer-content-guestbook-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
	input[name="mod[guestbook_info_mail]"],
	input[name="mod[guestbook_entries_per_page]"]{
		margin-bottom: .5rem;
        padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
        width: 16rem;
	}
	& > form > table > tbody > tr:has(input[type="checkbox"]) > td:first-child {
		padding-bottom: .5rem;
	}
}

td.content.user-module-customer-content-guestbook-entries form > select {
    width: 24rem;
}

/*Gruppe*/
td.content.user-module-content-group-form{
	& > div{
		margin-left: 1rem;
		h2{
			color: var(--color-text-strong);
			margin-bottom: .5rem;
		}
	}
	p{
		margin-bottom: 1rem;
	}
	button.add-content{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		border-radius: .25rem;
		cursor: pointer;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		margin-right: 1rem;
		&:hover{
			background-color: var(--color-bg-primary);
			color: var(--color-text-white);
			&::before{
				color: var(--color-text-white);
			}
		}
		&::before {
			content: '\2b';
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
			height: 1rem;
			margin-right: .5rem;
			display: inline-block;
			color: var(--color-text-primary);
		}
	}
}

/*Proxy*/
td.content.user-module-content-proxy1-form{
	padding-left: 1rem;
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	& > table > tbody > tr:has(input[type="checkbox"]) > td:first-child {
		/* padding-bottom: .5rem; */
		/* vertical-align: middle; */
	}
	/* & > table > tbody > tr > td:first-child {
		padding-right: .5rem;
	} */
	input[name="mod[module_content_proxy1_url]"]{
		max-width: 32rem;
   		width: auto;
	}
}

/*Suchergebnisse*/

td.content.user-module-content-search1-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	table > tbody > tr:has(input[type="checkbox"]) > td:first-child {
		padding-bottom: .5rem;
	}
	/* table > tbody > tr > td:first-child {
		padding-right: .5rem;
	} */
}

/*Suchformular*/

td.content.user-module-content-search_box1-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	#page-path {
		a.page-preview {
			color: var(--color-link-primary);
			background: transparent;
			text-decoration: underline;
			border: none;
		}
	}
}

/*Shop anzeige*/

td.content.user-module-content-shop-display{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
	td:has(input[name="mod[shop_display_shop]"]) {
		padding-bottom: 1rem;
	}
	td p{
		margin-bottom: 1rem;
	}
}

/*Navigation Sitemap*/

td.content.user-module-content-sitemap1-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
	table > tbody > tr:has(input[type="checkbox"]) > td:first-child {
		padding-bottom: 1rem;
	}
}

/*Wetter*/

td.content.user-module-content-weather-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	input, select, small{
		margin-bottom: 0;
	}
	td{
		padding-bottom: .5rem;
	}
	table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
	.box.user-module-content-weather-datasource-form{
		td.head{
			padding-left: 0;
		}
	}
}

/*Blog*/
td.content.user-module-content-weblog-posts{
	padding-left: 1rem;
	.weblog-posts-sort{
		input[type="checkbox"]{
			display: inline-block;
			margin-left: 1rem;
			-webkit-appearance: auto;
			&::after,&::before{
				display: none;
			}
		}
		select{
			margin-left: .5rem;
		}
		input[type="submit"]{
			margin-left: 1rem;
			padding: 0.5rem 1rem;
			height: auto;
			border-radius: 0.25rem;
			background-color: var(--color-bg-secondary-light);
			border: .025rem solid var(--color-bg-primary);
			cursor: pointer;
			color: var(--color-bg-primary);
			width: auto;
			font-weight: 100;
			text-decoration: none;
			text-align: left;
			font-size: 1rem;
			box-shadow: none;
			&:hover{
				background-color: var(--color-bg-primary);
				color: var(--color-text-white);
			}
		}
	}
	div.weblog-post div.post-name a {
		font-size: 1rem;
		color: var(--color-text-primary);
		&:hover{
			text-decoration: underline;
		}
	}
	div.weblog-author, div.weblog-post {
		padding: 1rem 1rem 1.5rem 1rem;
		border: none;
		border-bottom: solid .0625rem var(--color-border-light);
		background-color: var(--color-bg-white);
		margin-bottom: .5rem;
		margin-top: .5rem;
		max-width: 55rem;
		display: flow-root;
	}
	div.weblog-post{
		.post-teaser {
			color: var(--color-text-regular);
			margin-top: .25rem;
			margin-bottom: .25rem;
			margin-right: 12.5rem;
		}
		.post-meta-public {
			color: var(--color-text-info);
			margin-top: .5rem;
			margin-bottom: .5rem;
			font-size: 1rem;
			span.timezone-help{
				height: .85rem;
				width: .85rem;
				line-height: 1.2;
   				font-size: .85rem;
				margin-left: .25rem;
				color: var(--color-text-info);
				border-color: var(--color-text-info);
			}
		}
		span.published{
			color: var(--color-bg-success);
			font-style: italic;
			font-size: 1rem;
			margin-left: .5rem;
		}
		span.unpublished{
			color: var(--color-text-warning);
			font-style: italic;
			font-size: 1rem;
			margin-left: .5rem;
		}
		div.post-links{
			padding-top: .75rem;
			span.published,
			span.unpublished,
			span.comments,
			span.edit,
			span.delete{
				margin-right: .5rem;
			}
		
			span.delete a{
				color: var(--color-text-regular);
				&:hover{
					color: var(--color-link-delete);
				}
			}
			a{
				color: var(--color-link-primary);
				&:hover{
					text-decoration: underline;
					color: var(--color-text-primary-hover);
				}
			}
			span.edit a{
				padding: 0.25rem .5rem;
				height: auto;
				border-radius: 0.25rem;
				background-color: var(--color-bg-secondary-light);
				border: .025rem solid var(--color-bg-primary);
				cursor: pointer;
				color: var(--color-bg-primary);
				width: auto;
				font-weight: 100;
				text-decoration: none;
				text-align: left;
				font-size: 1rem;
				box-shadow: none;
				&:hover{
					background-color: var(--color-bg-primary);
					color: var(--color-text-white);
				}
			}
		}
	}
}


td.content.user-module-content-weblog-teaser{
	& input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	tr.weblog div#page-path{
		z-index: 0;
		background-color: transparent;
		padding: 0;
		display: block;
		height: auto;
		position: relative;
		color: var(--color-text-regular);
		span{
			color: var(--color-text-regular);
		}
		a{
			color: var(--color-link-primary);
		}
	}
	table tr.weblog{
		border-bottom: solid .0625rem var(--color-border-light);
		td {
			background-color: transparent;
			border: none;
			padding: .5rem 0;
		}
	}
	td:has( > label) {
        padding-bottom: 0;
	}
}

td.content.user-module-content-weblog-teaser-remote{
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
}

td.content.user-module-content-weblog-post-form{
	[type="text"], [type="number"], select{
		margin-bottom: 0;
	}
	div.button-group{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
		.form-button,
		.post-preview-button{
			display: inline-block;
		}
		.post-preview-button a{
			padding: .75rem 1.25rem;
			height: auto;
			border-radius: 0.25rem;
			background-color: var(--color-bg-secondary-light);
			border: .025rem solid var(--color-bg-primary);
			cursor: pointer;
			color: var(--color-bg-primary);
			width: auto;
			font-weight: 100;
			text-decoration: none;
			text-align: left;
			font-size: 1rem;
			box-shadow: none;
			&:hover{
				background-color: var(--color-bg-primary);
				color: var(--color-text-white);
			}
		}
	}
	.weblog-crosspost > div,
	.weblog-post-tags label{
		input[type="checkbox"]{
			display: inline-block;
			margin-right: .5rem;
			-webkit-appearance: auto;
			&::after,&::before{
				display: none;
			}
		}
	}
	tr:has( > td > div.form-button){
		display: table-row;
	}
	table.cross-tags{
		div.weblog-post-tags .like-tr{
			width: 18rem;
			display: flex;
			flex-direction: column;
		}
		div.weblog-crosspost-wrap{
			width: 36rem;
			display: flex;
			flex-direction: column;
			margin-left: 1rem;
		}
	}
	table.weblog-post-form{
		tr {
			background-color: var(--color-bg-white);
		}
		& > tbody > tr > td:first-child{
			padding-left: 1rem;
			color: var(--color-text-strong);
		}
		& > tbody > tr > td:last-child{
			padding-right: 1rem;
		}

		tr.table-header {
			background: transparent;
			& > td:last-child,
			& > td:first-child{
				padding: 0;
			}
		}
		.weblog-post-meta.table-header > td:first-child{
			padding-top: 1rem;
		}
	}
	div#weblog_post_tags {
		margin-top: 1rem;
	}
	.weblog-post-form .weblog-post-meta-key{
		font-weight: 100;
		margin: 0;
	}
	tr > td{
		padding: .5rem 0;
	}
	tr.first > td{
		padding-top: 1rem;
	}
	tr.last td{
		padding-bottom: 1rem;
	}

	#media-bar{
		border: none;
		border-bottom: none;
		background-color: transparent;
		width: 100%;
		a.delete-img{
			display: inline-block;
			img{
				width: auto;
				height: 1rem;
				display: block;
			}
		}
		div[classname="media-bar-image"]{
			margin-bottom: .5rem;
			display: flex !important;
		    align-items: center;
			& *{
				vertical-align: top;
			}
			& > img{
				width: 4rem;
				height: 4rem;
				object-fit: contain;
				box-sizing: border-box;
			}
			& > img,
			& > input,
			& > a{
				margin-right: 1rem;
			}
			input{
				margin-bottom: 0;
				margin-left: .5rem;
			}
		}
	}
	a.more-link{
		color: var(--color-link-primary);
		text-decoration: underline;
		margin-top: 1rem;
	}
	td:has(label.subtopic){
		padding-right: 1rem;
		small{
			font-size: .75rem;
		}
	}
	textarea{
		border: .0625rem solid var(--color-border-light);
	}
	#weblog_post_page_robots_tags label{
		padding-left: 3rem;
	}

	.defaultSkin td.mceCenter table {
		margin: .125rem 0 0 .25rem;
		text-align: left;
	}
	td.mceToolbar.mceCenter.mceFirst.mceLast{
		padding: 0;
		tr{
			background: transparent;
		}
	}
	.like-tr {
		background-color: var(--color-bg-white);
		padding: 1rem .5rem;
	}
	.weblog-post-tags label{
		margin-bottom: .5rem;
		[type="text"]{
			margin-bottom: .5rem;
		}
	}
	input[name="mod[post][weblog_tags_new]"]{
		width: 100%;
	    margin-bottom: .75rem;
	}
	a#weblog_post_tags_edit{
		margin-top: .5rem;
		color: var(--color-link-primary);
		text-decoration: underline;
	}
	.weblog-crosspost {
		background-color: var(--color-bg-white);
		padding: 1rem .5rem;
		& > div{
			margin-bottom: .5rem;
		}
	}
	tr:has(.weblog-post-meta-key) > td span.timezone-help {
		margin-left: .25rem;
	}
	.defaultSkin table.mceLayout{
		border: 0;
		border-left: .0625rem solid var(--color-border-light);
		border-right: .0625rem solid var(--color-border-light);
	}
	span#weblog_post_teaser_parent td.mceIframeContainer.mceFirst.mceLast > iframe {
		min-height: 20rem;
	}
}

.defaultSkin .mceIframeContainer{
	border: 0;
	border-left: .0625rem solid var(--color-border-light);
	border-right: .0625rem solid var(--color-border-light);
}

td.content.user-module-content-weblog{
	td#weblog_features label {
		padding-left: 3.5rem;
		display: inline-block;
		width: 14rem;
		margin-bottom: .25rem;
	}
	& > form > table{
		width: 100%;
		background-color: var(--color-bg-white);
		& > tbody > tr:first-child > td {
			padding-top: 1rem;
		}
		& > tbody > tr > td:first-child {
			padding-left: 1rem;
			width: 24rem;
		}
	}
}

td.content.user-module-content-weblog-author-form{

	& > form > table{
		width: 100%;
		& > tbody > tr:first-child > td {
			padding-top: 1rem;
		}
		& > tbody > tr:last-child > td {
			padding-bottom: 1rem;
		}
		& > tbody > tr > td:first-child {
			padding-left: 1rem;
			width: 16rem;
		}
		& > tbody > tr > td:last-child {
			padding-right: 1rem;
			width: auto;
		}
		& > tbody > tr{
			background-color: var(--color-bg-white);
			&.table-header{
				background: transparent;
				td{
					padding-left: 0;
				}
			}
		}
	}
	tr.first > td{
		padding-top: 1rem;
	}
	#weblog_post_autor_image,
	#weblog_author_image_img{
		margin-bottom: 1rem;
	}
	.defaultSkin td.mceCenter table {
		margin: .125rem 0 0 .25rem;
		text-align: left;
	}
	td.mceToolbar.mceCenter.mceFirst.mceLast{
		padding: 0;
		tr{
			background: transparent;
		}
	}
}

td.content.user-module-content-weblog-author {
    padding-left: 1rem;
	div.weblog-author, div.weblog-post {
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		margin-bottom: .5rem;
		margin-top: 0;
		background-color: var(--color-bg-white);
		.weblog-author-links a{
			text-decoration: underline;
		}
	}
}

td.content.user-module-content-weblog-feedbacks-list {
    padding-left: 1rem;
	div.weblog-feedbacks{
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		margin-bottom: .5rem;
		margin-top: 0;
		background-color: var(--color-bg-white);
		.weblog-author-links a{
			text-decoration: underline;
		}
	}
	.weblog-feedbacks-links a{
		text-decoration: underline;
	}
}

table.weblog-feedback-form{
	& > tbody > tr > td{
		padding-right: 1rem;
	}
	tr:has(textarea[name="mod[feedback][weblog_post_feedback_text]"]) > td:first-child {
		vertical-align: top;
	}
	textarea[name="mod[feedback][weblog_post_feedback_text]"]{
		border: .0625rem solid var(--color-border-light);
		margin-bottom: 1rem;
	}
}

.defaultSkin td.mceCenter table {
	margin: 0;
	margin-left: .125rem !important;
}

/*Kalender Systemmodul*/

body:has(table#calendar-display-view-calendar-month) #page-path-placeholder{
	display: none !important;
}

div.table-calendar-view-calendar-month{
	background-color: transparent;
	/* border-right: .0625rem solid var(--color-border-light); */
	border-top: .0625rem solid var(--color-border-light);
	padding: .8rem 1rem;
	overflow: hidden;
	td.calendar-title {
		text-align: center;
		padding-bottom: .25rem;
		color: var(--color-text-strong);
	}
	table.calendar-display-view-calendar-month {
		border-left: solid .0625rem var(--color-border-dark);
		border-top: solid .0625rem var(--color-border-dark);
		div.view-day-current {
			display: none;
		}
		td {
			vertical-align: top;
			border-right: solid .0625rem var(--color-border-dark);
			border-bottom: solid .0625rem var(--color-border-dark);
			background-color: var(--color-bg-white);
		}
		tr.view-weekdays td {
			text-align: center;
			text-transform: uppercase;
			background-color: var(--color-border-dark);
			color: var(--color-bg-white);
			padding: .125rem;
		}
		td.view-week {
			vertical-align: middle;
			text-align: center;
			background-color: transparent;
			padding: .125rem;
			a{
				color: var(--color-text-info);
				font-size: .75rem;
			}
		}
		tr.view-week-current td {
			background-color: var(--color-bg-secondary-light);
		}
		tr.view-week-current td.view-day-current {
			background-color: var(--color-bg-primary);
			a{
				color: var(--color-text-white);
			}
		}
		tr.view-week-current td.view-week {
			background-color: var(--color-bg-light);
		}
		div.view-day {
			text-align: center;
			padding: .125rem;
		}
		td.view-day-out {
			background-color: var(--color-bg-light);
		}
		td.view-day-out a {
			color: var(--color-text-info);
			font-weight: none;
		}
		td.view-day-dates a{
			font-weight: bold;
			color: var(--color-text-primary);
		}
		td.view-weekdays-head-kw{
			font-size: .75rem;
   			vertical-align: middle;
		}
	}
}

div.table-calendar-view-calendar-day{
	padding: 1rem;
	/* border-right: .0625rem solid var(--color-border-light); */
	background-color: transparent;
	border-top: .0625rem solid var(--color-border-light);
	input#event_id{
		border: .0625rem solid var(--color-border-light);
	}
	.day-date{
		text-align: center;
		padding-bottom: .25rem;
		color: var(--color-text-strong);
	}
	table.calendar-display-view-list-day {
		border-left: solid .0625rem var(--color-border-dark);
		border-top: solid .0625rem var(--color-border-dark);
		width: 100%;
		td {
			border-right: solid .0625rem var(--color-border-dark);
			border-bottom: solid .0625rem var(--color-border-dark);
			padding: .125rem;
			background-color: var(--color-bg-light);
		}
		td.hour {
			background-color: var(--color-bg-light);
			border-right: solid .125rem var(--color-border-light);
			border-bottom: solid .0625rem var(--color-border-dark);
			padding: .125rem;
			width: 1.25rem;
			vertical-align: top;
			text-align: center;
		}
		td.fulltime {
			background-color: var(--color-bg-primary);
			font-style: italic;
			padding: .5rem;
		}
		td.fulltime a {
			color: var(--color-text-white);
		}
		div.day-date {
			font-weight: bold;
		}
	}
}

.table-calendar-view-calendar-remote {
	background-color: transparent;
	/* border-right: .0625rem solid var(--color-border-light); */
	border-top: .0625rem solid var(--color-border-light);
    padding: 1rem;
}

span.calendar-arrow-left::before {
    content: '\f053';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
    width: .75rem;
    height: 1rem;
    display: inline-block;
    color: var(--color-text-regular);
	&:hover{
		color: var(--color-link-primary);
	}
}
span.calendar-arrow-right::before {
    content: '\f054';
	font-family: 'Font Awesome 6 Pro';
	font-weight: 400;
    width: .75rem;
    height: 1rem;
    display: inline-block;
    color: var(--color-text-regular);
	&:hover{
		color: var(--color-link-primary);
	}
}

td.content.user-module-calendar-date-edit,
td.content.user-module-calendar-date-type-edit,
td.content.user-module-calendar-timeframe-edit{
	& > form > table > tbody > tr > td:first-child {
		padding-right: 1rem;
	}
}

td.content.user-module-calendar-add{
	& > table > tbody > tr > td:first-child {
		padding-right: 1rem;
	}
}

td.content.user-module-calendar-edit{
	tr.first > td {
		padding-top: 1rem;
		padding-bottom: 1rem;
		select{
			margin-bottom: 0;
		}
	}
	td.lang{
		vertical-align: top;
	}
}

table.box.user-module-calendar-date-edit {
    /* max-width: none !important; */
	a.add-times {
		color: var(--color-link-primary) !important;
		cursor: pointer;
	}
	a.delete-btn{
		color: var(--color-link-delete) !important;
		cursor: pointer;
	}
	td:has(img#calendar_date_image){
		padding-bottom: 1rem;
	}
	tr[id*='[times]'] { 
		td{
			input[type="text"]{
				width: 5rem !important;
			}
			input.hasdatepicker {
				width: 6rem !important;
			}
			input,
			select{
				margin-bottom: .5rem !important;
			}
		}
		td:has(input),
		td:has(select){
			padding-right: .5rem;
		}
	}
	table#calendar-date-times{
		tr:first-child td {
			font-size: .85rem;
		}
		select{
			width: 6rem;
		}
	}
}

/*Shop*/
td.content.user-module-provision-grade-group-new{
	.form-button-save{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
        z-index: 10;
	}
}

td[class*=' user-module-shop'] { 
	input:not([type="checkbox"], [type="submit"], [type="button"]){
		border: .0625rem solid var(--color-border-light);
		margin-bottom: .5rem;
	}
	/* .form-button-save{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
        z-index: 10;
	} */
	& > form > table > tbody > tr > td:first-child {
		padding-right: 1rem;
	}
	input[type="checkbox"]{
		-webkit-appearance: checkbox;
		display: inline-block;
		&::after,
		&::before{
			display: none;
		}
	}
	td:has( > [type="checkbox"]) {
        width: auto;
		display: table-cell;
	}
	div#calDiv td,
	div#calDiv td a{
		font-size: 8pt;
	}
	padding-bottom: 4rem;
}

/* td.content.user-module-shop-distributor-edit-form,
td.content.user-module-shop-product-main,
td.content.user-module-shop-edit-delivery,
td.content.user-module-shop-productgroup-edit-form{
	input.form-button.form-button-delete{
		position: fixed;
		bottom: 1rem;
		left: 9rem;
	}
} */

td.content.user-module-shop-provisioning-execute{
	& > form > table > tbody > tr > td {
		display: flex;
		padding: .25rem;
	}
	table.legende > tbody > tr > td {
		display: table-cell;
	}
}

/*Kundenverwaltung*/

td.content.user-module-system-customer-admin{
	table td {
		padding: .5rem .75rem;
	}
	.table-head td{
		padding: 1rem 0 .5rem 0;
		color: var(--color-text-strong);
	}
	tr.customer-module-line > td > a {
		color: var(--color-link-primary);
	}
	tr.customer-module-line.customer-module-active > td > a {
		color: var(--color-link-delete);
	}
	.customer-module-line:hover td{
		background-color: var(--color-bg-secondary-light);
	}
	input[name="form[customer_name]"],
	input[name="form[customer_number]"],
	input[name="form[customer_service_article_number]"]{
		padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
	}
	input[type="submit"]{
		padding: .75rem 1.25rem;
		border-radius: .25rem;
		background-color: var(--color-bg-primary);
		border: none;
		cursor: pointer;
		color: var(--color-text-white);
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		box-shadow: 0 0 .75rem var(--color-drop-shadow);
		height: 3rem;
		margin-right: 1rem;
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

/*Einstellungen*/

td.content.user-module-website-content-attribute-content,
td.content.user-module-content-export-form,
td.content.user-module-website-content-attribute,
td.content.user-setting-language-edit{
	input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
		top: unset;
		margin-right: .5rem;
		margin-bottom: .5rem;
	}
	#selecttools{
		h2{
			color: var(--color-text-strong);
			margin-top: 1rem;
			margin-bottom: .25rem;
		}
		ul li{
			padding: .25rem 0;
			a{
				color: var(--color-link-primary);
				text-decoration: underline;
				margin-right: .5rem;
			}
		}
	}
	& > form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	div.topic{
		margin-bottom: 1rem;
	}
	ul.pages > li:has(input[type="checkbox"]){
		& > img{
			margin: .25rem 0;
		}
	}
}

/*NST Settings*/

td.content.user-setting-template-settings{
	.config-head {
		top: 4rem;
		background-color: var(--color-bg-light);
		border-bottom: .0625rem solid var(--color-border-light);
	}
	input#config_search_field{
		padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
	}
	div.field-variant{
		background-color: var(--color-bg-warning);
	}
	div.field {
		padding: .5rem;
		border-bottom: .0625rem solid var(--color-border-light);
	}
	div.field-less {
		margin-top: 5rem;
	}
	.varname{
		color: var(--color-text-info);
	}
	div.field-variant .varname {
		color: var(--color-text-warning);
	}
}

td.content.user-setting-template-new{
	div.topic{
		margin-bottom: 1rem;
	}
	input[name="template"]{
		margin-left: 1rem;
	}
}

/*Validierung der Inhalte*/

td.content.user-module-content-validation-form{
	h3{
		margin-top: 1.5rem;
		margin-bottom: .5rem;
	}
	input.form-button.form-button-save{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
	}
	table.table_with_borders th, 
	table.table_with_borders td {
		padding: .5rem .5rem .5rem .25rem;
		border: none;
		border-bottom: .0625rem solid var(--color-border-light);
		a{
			text-decoration: underline;
			color: var(--color-link-primary);
		}
	}
	#resultbox {
		border: none;
		max-width: 59rem;
		display: block;
		overflow: scroll;
		tr:hover td {
			background-color: var(--color-bg-white);
		}
		th{
			font-weight: 100;
			color: var(--color-text-strong);
		}
		strong{
			font-weight: 100;
			font-style: italic;
			color: var(--color-text-warning);
		}
		b{
			font-weight: 100;
			font-style: italic;
		}
		hr{
			border: 0;
			border-bottom: .0625rem solid var(--color-border-light);
		}
	}
	h2.topic,
	h3.topic {
		border-bottom: .0625rem solid var(--color-border-light);
		padding-bottom: .5rem;
		margin-bottom: 1rem;
		color: var(--color-text-strong);
	}
}

/*Tracking Conversion Codes*/

td.content.user-module-website-tracking-settings{
	h1{
		display: none;
	}
	h2{
		color: var(--color-text-strong);
		border-bottom: .0625rem solid var(--color-border-light);
		margin: 1rem 0;
		padding-bottom: .5rem;
	}
	h3{
		color: var(--color-text-strong);
		margin: 1rem 0;
	}
	.tracking-consent-edit label {
		font-weight: 100;
		padding-top: .25rem;
	}
	.consent-box-text {
		margin: 1rem 0;
	}
	#trackingForm button{
		background: transparent;
		color: var(--color-text-regular);
		border: .025rem solid var(--color-border-dark);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		border-radius: .25rem;
		cursor: pointer;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		&:hover{
			background-color: var(--color-bg-secondary-light);
			color: var(--color-text-primary);
			border: .025rem solid var(--color-border-primary);
		}
		margin-bottom: 1rem;
	}
	div.form-button {
		text-align: left;
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

td.content.user-module-website-tracking-code{
	div.conversion-types {
		width: 22rem;
	}
	div.tracking-type-image img {
		max-width: 32rem;
	}
	li.conversion-type input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	li.conversion-type-category h3{
		color: var(--color-text-strong);
		margin: 1rem 0 .5rem;
	}
	div.conversion-types li span.conversion-value input {
		width: 3rem;
		padding: .25rem;
		margin-bottom: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
	}
	h2{
		color: var(--color-text-strong);
		border-bottom: .0625rem solid var(--color-border-light);
		margin: 1rem 0;
		padding-bottom: .5rem;
	}
}

td.content.user-module-content-content-advanced-form{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}


/*Suche*/

td.content.user-search-result{
	div.search-results{
		display: flex;
	    flex-direction: row;
    	flex-wrap: wrap;
	}
	div.search-results div.search-result {
		margin: 0;
		float: none;
		width: 100%;
		height: auto;
		padding: .5rem;
		background-color: transparent;
		border-bottom: .0625rem solid var(--color-border-light);
		&:hover{
			background-color: var(--color-bg-white);
		}
	}
	& > div.topic {
		position: relative;
		font-size: 1rem;
		top: unset;
		right: unset;
		margin-bottom: 1rem;
	}
	.search-results.search-results-page{
		/* [src="images/tree/page.gif"]{
			display:none;
		} */
	}
}

/*QA*/

table[class*=' user-setting'] { 
	margin-bottom: 6rem;
}

div.topic,
table.box div.tab_active a{
    font-weight: 600 !important;
}

td.content tr:hover > td{ 
	& > input,
	& > textarea,
	& > select {
		border-color: var(--color-border-primary) !important;
	}
}

td.content.user-module-website-website-optimizer-edit-form {
    padding-left: 1rem;
}

td.content.user-module-customer-content-gallery-form input.form-button-save {
    background-color: var(--color-bg-secondary-light);
    color: var(--color-text-primary);
    border: .025rem solid var(--color-border-primary);
	box-shadow: none;
    padding: .5rem .75rem;
	height: auto;
	&:hover,
	.form-button-over{
		border: .025rem solid var(--color-bg-primary);
		box-shadow: none;
		background-color: var(--color-bg-primary);
		color: var(--color-text-white);
	}
}

img[src="images/filetypes/general.gif"]{
	background-color: var(--color-bg-light);
	border: .0625rem solid var(--color-border-light);
}

table.box td.content{
	td:has(+ td > img) {
		/* vertical-align: middle; TEST */  
	}
}

/* #content-view-wrap:not(:has(#content-view-page-templates > table > tbody > tr > td)) div#content-view-maindata {
	width: auto;
	display: block !important;
	.cms-page-main-infos td, 
	.cms-page-pub-infos td, 
	.page_edit_seo td {
        display: inline-block;
	}
} */

#content-view-page-templates:not(:has(> table > tbody > tr > td)){
	display: none !important;
}

td.content.user-setting-language-change,
td.content.user-setting-language-alias-change,
td.content.user-setting-currency-change,
td.content.user-setting-paygate-parameter-change,
td.user-setting-country-change{
	div.form-buttons{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
		input{
			display: inline-block;
		}
	}
	[name="language_aliases[language_alias_pattern]"],
	[name="languages[language_name]"],
	[name="languages[language_short]"],
	[name="languages[language_charset]"],
	[name="currencies[currency_iso]"],
	[name="currencies[currency_name]"],
	[name="currencies[currency_sign]"],
	[name="paygate_parameters[paygate_parameter_nr]"],
	[name="paygate_parameters[paygate_parameter_key]"],
	[name="paygate_parameters[paygate_parameter_default_value]"],
	[name="paygate_parameters[paygate_parameter_repl]"],
	[name="countries[country_mnemonic]"],
	[name="countries[country_autocode]"]{
		width: 16rem;
		padding: .5rem;
		margin-bottom: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
	}
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	#zentralbank{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		&:hover{
			color: var(--color-text-white);
			background-color: var(--color-bg-primary);
		}
	}
}


td.content.user-website-add{
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	[type="checkbox"] {
		height: 1.5rem;
		background: transparent;
	}
	.topic{
		margin-bottom: 1rem;
	}
}

/* body.dev-yes{
	#page-path,
	#page-path-placeholder {
    	border-bottom: .25rem solid var(--color-text-warning);
	}
} */

/*changing color setup -> sidebar light-grey + content white*/


/* div.page-contents li.page-content, 
div.page-contents .page-content-type-109,
.cms-page-main-infos, 
.page_edit_seo, 
.cms-page-infos table:has(tr.page_options_enhanced), */
/* html > body,
body:has(#Tree),
body.media, body.media-popover-file,
#media-navigation-holder, #media-breadcrumb-holder {
    background-color: var(--color-bg-light);
} */


/* body:has(table.box),
div.page-content-area {
    background-color: var(--color-bg-white) !important;
} */


#Tree {
	li.tn-website,
	li.tn-website-inactive,
	li.tn-users,
	li.tn-groups,
	li.tn-roles {
		/* border-bottom: .0625rem dotted var(--color-bg-light) !important;  */
		/*--color-bg-light for matching bgcolor of frame next to*/
		/* padding: .25rem 0; */
		border-bottom: none;
	}
	& > ul > li > ul > li.tn-website > ul .nobr:hover::before {
		content: '';
		width: .375rem;
		background-color: var(--color-bg-primary);
		opacity: .7;
		height: 96%;
		position: absolute;
		right: 0;
		z-index: 99;
	}
	& > ul > li > ul > li.tn-website > ul .nobr.tn-active::before{
		content: '';
		width: .375rem;
		opacity: 1;
		background-color: var(--color-bg-primary);
		/* height: 1.925rem; */
		height: 96%;
		position: absolute;
		right: 0;
		z-index: 99;
		/* width: 0;
		height: 0;
		border-style: solid;
		border-width: .65rem .375rem .65rem 0;
		border-color: transparent var(--color-bg-primary) transparent transparent; */
	}
}

td.content.user-user-memberships,
td.content.user-module-container-object-meta{
	table > tbody > tr > td:first-child{
		padding-right: 1rem;
		padding-bottom: .25rem;
	}
}

td.content.user-role-allocation{
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

td.content.user-right-edit{
	input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	td:has( > [type="checkbox"]),
	td {
        width: auto;
		min-width: 5rem;
        display: table-cell;
        height: auto;
        min-height: auto;
        padding: .25rem .5rem;
		vertical-align: middle;
		border: .0625rem solid var(--color-border-light);
    }
	.mark{
		color: var(--color-text-primary);
	}
	table tr:first-child td{
		border: 0;
	}
	tr.level0{
		background: var(--color-bg-primary);
		td{
			color: var(--color-text-white) !important;
			font-weight: 600;
			/* border-color: var(--color-bg-primary);
			border-bottom: .0625rem solid var(--color-border-light); */
		}
		a.role-switch {
			color: var(--color-text-white);
			background-color: var(--color-bg-primary-hover);
		}
	}
	tr.level1{
		background: var(--color-bg-white);
		color: var(--color-text-regular);
		a.role-switch {
			color: var(--color-text-primary);
			background-color: var(--color-bg-secondary-light);
		}
	}
	tr.level2{
		background-color: var(--color-bg-light);
		color: var(--color-text-regular);
		td:first-child {
			padding-left: 1rem;
		}
		a.role-switch {
			color: var(--color-text-primary);
			background-color: var(--color-bg-secondary-light);
		}
	}
	div.form-button{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}

	a.role-switch {
		display: inline-flex;
		justify-content: center;
		align-items: center;
		vertical-align: top;
		width: 1.5em;
		height: 1.5em;
		line-height: 1;
		border-radius: 50%;
		margin: 0.25em;
		font-weight: normal;
	}
	tr,
	tr.level0,
	tr.level1,
	tr.level2{
		a.role-switch:hover {
			color: var(--color-text-white);
			background-color: var(--color-bg-primary-hover);
		}
	}
	.cms-tooltip {
		position: relative;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		vertical-align: top;
		color: var(--color-text-white);
		background-color: var(--color-bg-primary);
		width: 1.5em;
		height: 1.5em;
		line-height: 1;
		border-radius: 50%;
		margin: 0.25em;
		font-weight: normal;
		cursor: help;
		font-size: 10px;
	}
	.cms-tooltip:hover::before {
		content: attr(data-tooltip);
		position: absolute;
		padding: 0.25em;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		background: white;
		color: black;
		width: 20em;
		box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	}
	div.form-button:has(input.form-button.form-button-delete) {
		left: 9rem;
	}
}

td.content.user-role-allocation{
	.topic{
		margin-bottom: 1rem;
	}
	table tr.content td{
		background-color: var(--color-bg-white);
		border-bottom: .0625rem solid var(--color-border-light);
	}
	table tr{
		background-color: var(--color-bg-white);
		&:has(.last-tr){
			background-color: transparent;
		}
	}
	table tr td{
		padding: .5rem;
		select{
			margin-bottom: 0;
		}
		&:first-child{
			color: var(--color-text-primary);
		}
		b{
			color: var(--color-text-strong);
		}
		input[type="submit"]{
			background-color: var(--color-bg-secondary-light);
			color: var(--color-text-primary);
			border: .025rem solid var(--color-border-primary);
			box-shadow: none;
			padding: .5rem .75rem;
			height: auto;
			border-radius: .25rem;
			cursor: pointer;
			width: auto;
			font-weight: 100;
			text-align: left;
			font-size: 1rem;
			text-decoration: none;
			display: block;
			&:hover{
				color: var(--color-text-white);
				background-color: var(--color-bg-primary);
			}
		}
	}
	table tr.second td {
		background-color: var(--color-bg-secondary-light);
	}
	input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	td:has( > [type="checkbox"]){
		width: auto;
        display: table-cell;
        height: auto;
        padding: .25rem .5rem;
		vertical-align: middle;
		border: none;
    }
	a.delete{
		color: var(--color-link-delete);
		&:hover{
			text-decoration: underline;
		}
	}
	div.lang{
		margin-bottom: .25rem;
	}
}

td.content.user-module-content-export-form{
	ul.pages > li:has(input[type="checkbox"]) > img {
		margin: 0 .25rem;
	}
	ul.pages input[type="checkbox"] {
		margin: .5rem 0;
	}
}

td.content.user-module-content-html1-form,
td.content.user-module-customer-content-contact-login-form,
td.content.user-module-content-contact-manage-settings,
td.content.user-module-customer-content-contact-registration-form,
td.content.user-module-content-container-display,
td.content.user-module-content-dolly1-form,
td.content.user-module-customer-content-gallery-form,
td.content.user-module-customer-content-gallery-items,
td.content.user-module-customer-content-guestbook-form,
td.content.user-module-content-search1-form,
td.content.user-module-content-shop-display,
td.content.user-module-content-sitemap1-form,
td.content.user-module-content-weather-form,
td.content.user-module-content-formhandler1-form,
td.content.user-module-content-formhandler1-data,
td.content.user-module-content-weblog-author-form,
td.content.user-module-content-weblog-post-form,
td.content.user-module-content-weblog,
td.content.user-module-content-content-advanced-form,
td.content.user-module-content-calendar-display,
td.content.user-module-content-cst-proxy-form,
td.content.user-module-content-cst-proxy-login-form,
td.content.user-module-container-import,
td.content.user-module-content-weblog-teaser,
td.user-module-content-estate-navigation,
td.content.user-module-customer-content-guestbook-entries,
td.content.user-module-content-dms-display,
td.content.user-module-customer-content-contact-login-facebook-form{
    padding-left: 1rem;
}

td.content.user-group-edit,
td.content.user-role-edit,
td.content.user-group-role-edit,
td.content.user-group-user-edit,
td.content.user-right-edit,
td.content.user-user-edit,
td.user-module-dms-system-form,
td.user-module-content-estate-navigation,
td.content.user-module-customer-content-contact-login-facebook-form,
td.content.user-contact-folder-change,
td.content.user-setting-shop-change,
td.content.user-setting-cache-change,
td.content.user-module-estate-management-groups,
td.content.user-module-shop-distributor-form,
td.user-module-content-media-display{
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
		min-width: 10rem;
		max-width: 10rem;
	}
	/* .topic{
		margin-bottom: 1rem;
	} */
	div.form-buttons{
		position: fixed;
		bottom: 1rem;
		left: 1rem;
		input{
			display: inline-block;
		}
	}
}

table.box.user-module-dms-folder-right-form,
table.box.user-module-dms-folder-rights-list,
table.box.user-module-dms-folder-shares,
table.box.user-module-dms-folder-form{
	div.form-button {
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
}

td.content.user-setting-shop-change input:not([type="checkbox"], [type="submit"], [type="button"]),
td.content.user-setting-cache-change input:not([type="checkbox"], [type="submit"], [type="button"]),
td.user-module-shop-distributor-form input:not([type="checkbox"], [type="submit"], [type="button"]),
td.content.user-module-shop-distributor-edit-form input:not([type="checkbox"], [type="submit"], [type="button"]){
    margin-bottom: 1rem;
	padding: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius: .25rem;
	width: 16rem;
}

td.content.user-module-shop-report table.shop_websites td{
	padding: .25rem;
}

label[for="admin_use_voting"]{
	padding-left: 4rem;
    width: 8rem;
    display: block;
}

td.content.user-module-content-calendar-display td {
    vertical-align: top;
}

td.content.user-setting-template-edit{
    .topic + table:not(.template-settings) {
        outline: 4px solid var(--color-bg-primary);
    }
    .topic + table:not(.template-settings) div {
        margin: 0 !important;
        outline: 2px solid white;
        color: white;
        background: var(--color-bg-primary);
        transition: background-color 0.2s;
        position: relative;
    }
    .topic + table:not(.template-settings) div:hover {
        background: var(--color-bg-primary-hover) !important;
    }
    .topic + table:not(.template-settings) a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: transparent;
    }
}

td.content.user-module-content-dolly1-form div.form-button,
td.content.user-module-container-import div.form-button{
    position: fixed;
    bottom: 1rem;
    left: 1rem;
}

td.content.user-setting-cache-change{
	input.form-button-save{
		position: relative;
		padding-left: 1.25rem;
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
	}
	.form-button::before{
		display: none;
	}
	.cms-form-buttons{
		position: relative;
		bottom: 0;
		left: 0;
	}
}

.page_edit_seo tbody tr td:first-child {
    width: 100%;
	max-width: 26rem;
}

.page_edit_seo {
    display: grid;
    grid-template-columns: 1fr;

	span small{
		font-style: italic;
		color: var(--color-text-info);
		margin-bottom: .5rem;
		display: none;
		font-size: .85rem;
	}


    & input#page_title {
        &:not(:focus-visible) {
            font-size: 1rem;
        }
    }

    &:focus-within{
        max-width: 580px;
		z-index: 99;
		position: absolute;
		box-shadow: 0 0 .75rem var(--color-drop-shadow);
		input#page_title,
		textarea#page_description{
			border: none !important;
		}
		textarea#page_description{
			min-height: 10rem;
		}
		tbody tr td:first-child{
			width: 100%;
			max-width: unset;
		}
		span small{
			display: block;
		}
		input#page_title{
			font-size: 20px;
		}
    }

    > tbody,
    > tbody > tr {
        /* display: contents; */
    }

    /* td:first-child {
        order: -10;
        margin-bottom: .75em;
    } */

    > tbody > tr:nth-child(1) > td:nth-child(2)::before {
        margin-block: .5rem;
        padding-bottom: .5rem;
        border-bottom: .0625rem solid var(--color-border-light);
        /* display: block; */
    }

	div#page_title_counter,
	div#page_description_counter {
		display: inline-block;
		font-size: .85rem;
	}
	td.counter{
		font-size: .85rem;
		span{
			margin: 0 .25rem;
		}
	}
	td:has(> div#page_title_counter){
		padding-bottom: 0;
	}
	td:has(> div#page_description_counter){
		padding-bottom: .25rem;
		/* padding-top: .5rem */
	}

	#gsev{
		display: none;
	}

    input#page_title {
        font-family: Arial, sans-serif;
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0;
        color: var(--color-text-primary);
        width: 100%;
		min-width: 14rem;
		letter-spacing: initial;
		/* background-color: var(--color-bg-light); */

        &:not(:hover)&:not(:focus-visible) {
			border-color: transparent;
            /* border: none;
            padding: 0; */
            max-width: 580px;
			min-width: 14rem;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
			border: .0625rem solid var(--color-border-light);
        }
		&:focus{
			box-shadow: none;
		}
    }
    textarea#page_description {
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
		resize: none;
        color: var(--bbQxAb);
        word-break: break-word;
        width: 100%;
		letter-spacing: initial;
        height: 6rem;
		margin-bottom: 0;
		&:not(:hover)&:not(:focus-visible) {
			border-color: transparent;
            display: -webkit-box;
            text-overflow: ellipsis;
            overflow: hidden;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
			border: .0625rem solid var(--color-border-light);
        }
		&:focus{
			box-shadow: none;
		}
    }
	input#page_title:placeholder-shown {
		background: var(--color-bg-light);
		border: .0625rem solid var(--color-border-light) !important;
		padding: .5rem !important;
	}
	textarea#page_description:placeholder-shown {
		background: var(--color-bg-light);
		border: .0625rem solid var(--color-border-light) !important;
		padding: .5rem !important;
		height: 4rem;
	}
	.counter,
	div#page_title_counter,
	div#page_description_counter{
		color: var(--color-text-info) !important;
	}
}

.page_edit_seo {
    &:focus-within {
        .counter {
            order: -1;
        }
    }
}

/* .page_edit_seo div#page_title_counter::before {
	content: "Google Suchergebnis Vorschau:";
	margin-block: 1em;
	padding-bottom: .5em;
	border-bottom: .0625rem solid var(--color-border-light);
	display: block;
} */

/* [lang="de"] .page_edit_seo > tbody > tr:nth-child(1) > td:nth-child(2)::before {
	content: "Google Suchergebnis Vorschau:"
}  */

.page_edit_seo:is(input, textarea) {
    padding-left: 0.5rem;
    transform: translateX(-0.5rem);
}

/* .cms-page-pub-infos:has(input#page_robots_4:checked) + .page_edit_seo > tbody > tr:first-child::before {
    color: var(--color-text-error);
    content: "Page cannot be indexed due to NOINDEX";
	display: block;
	font-size: 1rem;
	padding-bottom: .5rem;
	width: 100%;
	font-style: italic;
}

[lang="de"] .cms-page-pub-infos:has(input#page_robots_4:checked) ~ .page_edit_seo > tbody > tr:first-child::before {
    content: "Seite darf wegen NOINDEX nicht indexiert werden"
} */


.page_edit_seo:has(~ .cms-page-pub-infos input#page_robots_4:checked) > tbody:first-child::before {
    color: var(--color-text-error);
    content: "Page cannot be indexed due to NOINDEX";
	display: block;
	font-size: 1rem;
	padding-bottom: .5rem;
	width: 100%;
	font-style: italic;
}

[lang="de"] .page_edit_seo:has(~ .cms-page-pub-infos input#page_robots_4:checked) > tbody:first-child::before{
	content: "Seite darf wegen NOINDEX nicht indexiert werden"
}

td.content.user-contact-address-edit{
	.button {
		display: inline-block;
	}
	.buttons {
		position: fixed;
		bottom: 1rem;
		left: 1rem;
	}
	form tr > td > input{
		margin-bottom: 1rem;
        padding: .5rem;
        border: .0625rem solid var(--color-border-light);
        border-radius: .25rem;
        width: 16rem;
	}
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
}

table.box.user-module-content-export-form-copy{
	p.website-copy-hint{
		padding-left: 0;
	}
	h2 {
		font-weight: 600;
		color: var(--color-text-strong);
	}
	form > table > tbody > tr > th{
		padding-right: 1rem;
	}
	#website_copy_submit{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: block;
		border-radius: .25rem;
		&:hover{
			color: var(--color-text-white);
			background-color: var(--color-bg-primary);
			border: .025rem solid var(--color-bg-primary);
			box-shadow: none;
			cursor: pointer;
			span{
				color: var(--color-text-white);
			}
		}
		span{
			color: var(--color-text-primary);
		}
	}
}

td.content.user-module-content-export-form-import{
	input[type="submit"]{
		background-color: var(--color-bg-secondary-light);
		color: var(--color-text-primary);
		border: .025rem solid var(--color-border-primary);
		box-shadow: none;
		padding: .5rem .75rem;
		height: auto;
		width: auto;
		font-weight: 100;
		text-align: left;
		font-size: 1rem;
		text-decoration: none;
		display: inline-block;
		border-radius: .25rem;
		margin-left: 1rem;
		&:hover{
			color: var(--color-text-white);
			background-color: var(--color-bg-primary);
			border: .025rem solid var(--color-bg-primary);
			box-shadow: none;
			cursor: pointer;
		}
	}
}

table.box.user-module-dms-folder-shares,
table.box.user-module-dms-folder-shares,
table.box.user-module-dms-folder-rights-list,
table.box.user-module-dms-folder-right-form{
	td.head{
 	   padding-left: 0;
	}
}

td.content.user-module-dms-folder-rights-list > table > tbody > tr > td {
    padding-left: 1rem;
}

td.content.user-module-dms-folder-right-form > form > table > tbody > tr > td:first-child{
	padding-right: 1rem;
}

td.content.user-module-dms-folder-shares th {
    padding-right: 1rem;
}
td.content.user-module-dms-folder-form{
	form > table > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
}

td.content.user-module-shop-edit-delivery-country > form > table > tbody > tr > td > table{
	& > tbody > tr > td:first-child{
		padding-right: 1rem;
	}
	input,
	textarea{
		margin-bottom: 1rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
	}
}

input[name="contact_folders[cfo_name]"]{
	margin-bottom: 1rem;
	padding: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius: .25rem;
	width: 16rem;
}

td.content.user-module-shop-salesman-form{
	input:not([type="submit"]),
	textarea{
		margin-bottom: 1rem;
		padding: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		width: 16rem;
	}
	input[name="contact_addresses[ca_zip]"]{
		width: 4rem;
	}
	table tr > td:first-child{
		padding-right: 1rem;
	}
}

td.content.user-module-shop-orders-list {
    padding-left: 1rem;
}


td.content.user-page-content-add {
	.module-list{
		margin-top: 1rem;
        /* display: flex;
        flex-wrap: wrap;
        flex-direction: row;
		gap: 1rem; */
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
		gap: 1rem;
	}
	.module{
		background-color: var(--color-bg-white);
		a{
			border: 0.0625rem dotted var(--color-border-light);
			min-height: 3rem;
			i,
			span.fa{
				position: absolute;
			}
			span.module-name,
			small{
				padding-left: 2rem;
			}
			small{
				font-size: .75rem;
				font-style: italic;
			}
			span{
				color: var(--color-text-strong);
				font-weight: 600;
			}
			.fa{
				color: var(--color-link-primary);
			}
			&:hover{
				background-color: var(--color-bg-secondary-light);
				border-color: var(--color-border-primary);
			}
		}

		&:has(.highlight) {
			order: -10;
		}
	}
	.separator1{
		order:-12;
		grid-column: 1/-1;
		border-bottom: .0625rem solid var(--color-border-light);
	}
	.separator2{
		order:-5;
		grid-column: 1/-1;
		border-bottom: .0625rem solid var(--color-border-light);
	}
	.head1{
		order: -15;
		grid-column: 1/-1;
		margin-top: 1rem;
		h2{
			font-weight: 600;
			color: var(--color-text-strong);
		}
	}
	.head2{
		order: -6;
		grid-column: 1/-1;
		margin-top: 1rem;
		h2{
			font-weight: 600;
			color: var(--color-text-strong);
		}
	}
}

.page-content{
	scroll-margin-top: 12rem;
}

:focus-visible {
    outline: var(--color-border-primary) auto .0625rem;
}

div.page-content-meta-list,
div.page-content-teaser{
	padding-left: .2rem;
}

div.page-content-teaser > a::before {
    content: '\f178' !important;
    display: inline-block;
    width: 1.3125rem;
	text-align: center;
	font-size: .85rem;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	font-family: 'Font Awesome 6 Pro';
	color: var(--color-text-info);
	margin-right: .25rem;
	opacity: .75;
}

/* Türchen */
.page-content-type-111 .page-content-teaser > a::before{
	/* content: '\f073'; */
}
/* Legal */
.page-content-type-90 .page-content-teaser > a::before{
	/* content: '\f036'; */
}
/* Formular */
.page-content-type-25 .page-content-teaser > a::before{
	/* content: '\40'; */
}
/* CST */
.page-content-type-57 .page-content-teaser > a::before{
	/* content: '\e489'; */
}
/* Gallery */
.page-content-type-54 .page-content-teaser > a::before{
	/* content: '\f1dc'; */
}
/* Media Display */
.page-content-type-87 .page-content-teaser > a::before{
	/* content: '\f1dc'; */
}

.cms-form-buttons > div.form-button {
    position: relative !important;
}

.page-contents-footer{
	text-align: center;
	a.add-link {
		font-style: italic;
		margin-top: .25rem;
		display: inline;
		color: var(--color-text-info);
		/* padding-left: .5rem; */
		&:hover{
			color: var(--color-text-primary);
			cursor: pointer;
			&::after{
				filter: saturate(1);
			}
		}
		&::after {
			font-size: .85rem;
			font-style: normal;
			font-weight: 400;
			/* margin-left: .35rem; */
			text-decoration: none !important;
			/* content: '\f0fe';
			font-family: 'Font Awesome 6 Pro'; */
			content: url("../images/icons/add-footer.svg");
			height: auto;
			width: 2.75rem;
			display: inline-block;
			filter: saturate(0);
		}
	}
}

div.page-contents:not(:has(ul > li:nth-child(8))) + .page-contents-footer {
    display: none;
}

td[class*="user-module-shop-"] input.form-button.form-button-save {
	position: relative;
	box-shadow: none;
	padding-left: 1.25rem;
	margin-bottom: .5rem;
}
td[class*="user-module-shop-"] input.form-button.form-button-delete {
	position: relative;
	box-shadow: none;
	margin-bottom: .5rem;
}

input#page_status_1:is([checked]){
	& + label {
		/* color: var(--color-text-error) !important; */
		font-style: italic;
	}
}

/*PAGE PATH MENU*/

#page-path.top-page-path.page-path-topbar {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-top: 0;
		padding-bottom: 0;
		height: 4rem;

		> a:not(.page-preview),
		> .path-path-last,
		> .internal-name {
			display: inline-flex;
			align-items: center;
			height: inherit;
			padding-top: .375rem;
			padding-left: 1rem;
			padding-right: 1rem;
			box-sizing: border-box;
		}

		.dotdot{
			max-width: 10rem;
			width: auto;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis; 
		}

		> .internal-name {
			padding-left: 0;
			opacity: .5;
		}

		> a.path-path-last{
			padding-right: 0;
			background-color: rgba(255,255,255,.1);
			position: relative;
			color: var(--color-text-white);
			padding-left: 1.5rem;
		}

		> a.path-path-last::before {
			content: "";
			position: absolute;
			top: 50%;
			left: 0;
			width: .75rem;
			aspect-ratio: 1;
			background-color: var(--color-bg-dark);
			transform: rotate(45deg) translate(-50%, 20%)
		}

		> span.language {
			background-color: rgba(255,255,255,.1);
			padding-top: .375rem;
			padding-left: 0;
			padding-right: 1rem;
			text-transform: uppercase;
			box-sizing: border-box;
			height: inherit;
			display: inline-flex;
			align-items: center;
			opacity: 1;
		}

		a.page-preview{
			z-index: 10;
		}

		> .sep {
			display: none;
		}

		> a:not(.page-preview),
		> .path-path-last{
			span:hover{
				color: var(--color-link-primary);
			}
		}
	}

#path-in-module #page-path{
	*{
		color: var(--color-text-regular);
	}
	a.page-preview {
		color: var(--color-link-primary) !important;
    }
}
/* 
body td.contents #path-in-module #page-path{
	*{
    	color: var(--color-text-regular);
	}
	position: relative;
    height: auto;
    display: inline-block;
	padding: 0;
	a.page-preview {
        float: right;
        display: inline-block;
        position: relative;
        right: 0;
        padding: .25rem;
        border-radius: 0;
		color: var(--color-link-primary);
    }
	> a:not(.page-preview), 
	> .path-path-last, 
	> .internal-name {
		display: inline-block;
		height: inherit;
		padding: .25rem 0;
		font-weight: normal;
	}
	> .sep {
		display: inline-block;
	}
	> a.path-path-last::before{
		display: none;
	}
	> a:not(.page-preview) {
		max-width: none;
		width: auto;
		white-space: unset;
		overflow: unset;
		text-overflow: unset;
	}
	> span.language {
		background-color: transparent;
		padding-top: 0;
		padding-left: 0;
		padding-right: 1rem;
		font-weight: normal;
		text-transform: uppercase;
		box-sizing: unset;
		height: auto;
		display: inline-block;
		align-items: unset;
		opacity: 1;
	}
	> a:hover{
		color: var(--color-link-primary);
		text-decoration: underline;
	}
} */

/*PAGE PATH MENU*/



/* -> dazu muss .page-content-menu sich dynamisch am trigger ausrichten @mtg
* dann kann .page-contents-footer a.add-link auch wieder raus
*/
div.page-content-area {
    position: sticky;
    top: 4rem;
    z-index: 40;
	background-color: var(--color-bg-light);
	margin-bottom: .5rem;
}

div.page-content-area.open-menu,
div.page-content.open-menu{
	z-index: 60;
}

div.page-content-area:has(+ ul > li .open-menu){
    z-index: 70;
}

div#gallery-media-items:has(> ul > li:first-child:last-child){
	background: #fff;
    border: .0625rem dashed var(--color-border-primary);
    border-radius: .25rem;
	position: relative;
	&::before{
		content: url("../images/img-drop.svg");
		display: inline-block;
		filter: saturate(0) opacity(.3);
		width: 10rem !important;
		position: absolute;
		top: calc(50% - 3.3rem);
		height: 6.6rem !important;
		left: calc(50%  - 5rem);
	}
}

div#gallery-media-items li[media-file-id="(not set)"]{
	border-style: dashed !important;
	min-height: 34.125rem;
	.mcgi_name,
	.mcgi_alt,
	.mcgi_text{
		opacity: 0;
	}
	.mcgi_actions{
		position: absolute;
		bottom: 0;
		right: 0;
		border: none !important;
		> *:not(a[data-gal-action="delete"]){
			display: none;
		}
	}
	> img.mcgi_media{
		opacity: .25;
	}
	.mcgi_data{
		/* position: relative; */
		&::before {
			content: "Save module to edit element";
			background-color: var(--color-bg-warning);
			color: var(--color-text-warning);
			padding: .5rem;
			display: block;
			position: absolute;
			width: 21.5rem;
			text-align: center;
			font-style: italic;
		}
	}
}

[lang="de"] div#gallery-media-items li[media-file-id="(not set)"] .mcgi_data::before{
    content: "Modul speichern, um Element zu bearbeiten"
}

td.content.user-module-content-media-display{
	#media_display_media_preview,
	#media_display_media{
		width: 120px;
		height: 120px;
    	margin-bottom: .25rem;
		border: .0625rem dashed var(--color-border-primary);
        border-radius: 0.25rem;
	}
}

td.content.user-page-paste{
	table tr > td:first-child{
		padding-right: 1rem;
	}
	td:has( > [type="checkbox"]) {
        width: auto;
	}
	#page-path{
		background-color: transparent;
		*{
			color: var(--color-text-regular);
		}
		position: relative;
		height: auto;
		display: inline-block;
		padding: 0;
		a.page-preview {
			float: right;
			display: inline-block;
			position: relative;
			right: 0;
			padding: .25rem;
			border-radius: 0;
			color: var(--color-link-primary);
		}
		> a:not(.page-preview), 
		> .path-path-last, 
		> .internal-name {
			display: inline-block;
			height: inherit;
			padding: .25rem 0;
			font-weight: normal;
		}
		> .sep {
			display: inline-block;
		}
		> a.path-path-last::before{
			display: none;
		}
		> a:not(.page-preview) {
			max-width: none;
			width: auto;
			white-space: unset;
			overflow: unset;
			text-overflow: unset;
		}
		> span.language {
			background-color: transparent;
			padding-top: 0;
			padding-left: 0;
			padding-right: 1rem;
			font-weight: normal;
			text-transform: uppercase;
			box-sizing: unset;
			height: auto;
			display: inline-block;
			align-items: unset;
			opacity: 1;
		}
		> a:hover{
			color: var(--color-link-primary);
			text-decoration: underline;
		}
	}
	input[type="checkbox"]{
		&::after,
		&::before{
			display: none;
		}
		-webkit-appearance: checkbox;
		display: inline-block;
	}
	label{
		display: inline-block;
		margin-bottom: .5rem;
		small{
			font-size: .8rem;
		}
	}
}

/*QA*/

td.content.user-setting-domain-edit {
    padding-left: 1rem;
}

#page-path.top-page-path.page-path-topbar a.page-preview{
	padding: 0;
	border-radius: 50%;
	width: 2rem;
	height: 2rem;
	> span.icon{
		display: block;
        padding: 0;
        width: 2rem;
        height: 2rem;
		text-align: center;
		&::before {
			content: '\f06e';
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
			font-style: normal;
			font-size: .875rem;
			display: block;
			height: 2rem;
 			line-height: 2rem;
		}
	}
}

.module-cst-config .review-highlight, 
.module-cst-config .review-hint {
    background-color: var(--color-bg-warning);
    padding: 3px;
    padding-left: 10px;
    color: var(--color-text-warning) !important;
	strong{
    	color: var(--color-text-warning) !important;
	}
	p{
    	color: var(--color-text-warning) !important;
	}
}

table.module-cst-config tr:has(> td.review-highlight) {
    background: var(--color-bg-warning);
}

td.content.user-setting-template-settings div.form-button {
    position: relative;
	bottom: 0;
	left: 0;
}


/*2.2.0*/

/*languagebar status-konzept*/

language-bar {
	width: 2rem;
	display: block;
	position: sticky;
	.page-languages-topic {
		display: none;
	}
	ul.page-languages {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
		padding: 0;
		li {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 2rem;
			height: 2rem;
			border-radius: 0.25rem;
			border: .0625rem solid var(--color-border-light);
			background-color: var(--color-bg-white);
			font-size: 1rem;
			a {
				display: block;
				width: 100%;
				height: 100%;
				line-height: 2rem;
				text-align: center;
				text-decoration: none;
				color: var(--color-text-regular);
				position: relative;
				cursor: pointer;
				&:hover{
					text-decoration: none;
				}
			}
			[data-tooltip]::after {
				top: -2.9rem;
				transform: translateX(-1rem);
			}

			&:not(.page-language-active):hover {
				background-color: var(--color-bg-secondary-light);
				border-color: var(--color-border-primary);
				a {
					color: var(--color-text-primary);
				}
				&::after{
					background-color: var(--color-bg-secondary-light);
					border-color: var(--color-border-primary);
					color: var(--color-text-primary);
				}
			}

			&.page-language-active {
				background-color: var(--color-bg-primary);
				border-color: var(--color-border-primary);
				pointer-events: none;
				a {
					color: var(--color-text-white);
				}
			}

			&.page-language-used {
				a {
					color: var(--color-text-primary);
				}
			}

			&.page-language-inactive {
				position: relative;
				a {
					font-style: italic;
				}
				&::after {
					content: "+";
					font-weight: normal;
					position: absolute;
					top: -.25rem;
					right: -.5rem;
					background-color: var(--color-bg-white);
					width: 1rem;
					height: 1rem;
					color: var(--color-text-regular);
					border: .0625rem solid var(--color-border-light);
					border-radius: 50%;
					text-align: center;
					font-size: 1rem;
					line-height: 1rem;
					display: block;
				}
			}

			&.page-website-language-invisible {
				a{
					opacity: .75;
				}
				&:hover {
					background-color: var(--color-bg-white);
					&::after{
						background-color: var(--color-bg-white);
					}
					a{
						opacity: 1;
					}
				}
			}

			&.page-language-inactive.page-website-language-visible {
				/* opacity: 0.75; */
				&:hover {
					opacity: 1;
				}
			}
			&.page-website-language-invisible{
				border-style: dashed;
				&::after{
					border-style: dashed;
				}
			}
		}
	}
}





/* Language Bar + Select ausblenden, wenn nur 1 Sprache angelegt ist, Language-Bar sticky machen */
div#content-view-languagebar:has(ul.page-languages > li:only-child) {
    display: none;
}
.cms-page-main-infos > tbody > tr:has(select[name="form[page_language]"] option:only-child) {
    /* display: none; */
}

language-bar {
    position: sticky;
    top: 5rem;
}

/*Hauptdaten und Sichtbarkeit ausblenden und bei hover / :focus einblenden*/
/* table.cms-page-pub-infos,
table.cms-page-main-infos{
	display: none;
}
div.topic:has(+table.cms-page-pub-infos):hover + table.cms-page-pub-infos,
table.cms-page-pub-infos:hover,
div.topic:has(+table.cms-page-main-infos):hover + table.cms-page-main-infos,
table.cms-page-main-infos:hover{
	display: block;
} */

/*tree anpassungen*/

img[src="images/tree/none.svg"] {
    opacity: 0;
}

#Tree{
	li.tn-customer > ul > li > ul > li > ul li {
    	padding-left: .8125rem;
	}
	& > ul > li > ul {
		padding-left: .5rem;
	}
	.nobr{
		padding: 0;
	}
	.tn-website li.tn-settings > ul li {
    	padding-left: .25rem;
	}
}

/*loader*/

#loader {
  position: fixed;
  top: 4rem;
  left: 0;
  width: 100%;
  height: 4px;
  background: #f0f0f0;
  z-index: 9999;
  overflow: hidden;
}

.bar {
  height: 100%;
  background-color: var(--color-bg-primary);
  animation: fillBar 1s ease-out forwards;
}

@keyframes fillBar {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}

#loader.fade-out {
  opacity: 0;
  transition: opacity 0.5s ease;
}


/* teaser-icons */

div.page-content-meta-list {
    padding-left: 0;
}

div.page-content-meta-list span {
    &.warning {
        &::before {
            width: 1.3125rem;
            display: inline-block;
            text-align: center;
        }
    }
}

div.page-contents {
    & ul > li.page-content-interrupt {
        & span.page-content-interrupt {
            &::before {
                width: 1.3125rem;
                display: inline-block;
                text-align: center;
            }
        }
    }
}

div.page-content {
    padding: 0 0 0 .2rem;
	position: relative;
	a{
		padding-bottom: .25rem ;
	}
}

/*Hauptdaten der Seite*/

#content-view-maindata{
	.cms-page-main-infos td,
	.cms-page-pub-infos td{
		display: block;
		width: auto;
		padding-right: 0;
		&:first-child{
			color: var(--color-text-info);
			font-size: .85rem;
			/* padding-bottom: 0 !important; */
			width: 14rem !important;
		}
		input[type="text"], 
		select, 
		textarea{
			width: 14rem;
			margin-top: 0;
			margin-bottom: .75rem;
		}
	}
	td.label{
		padding-bottom: .25rem;
	}
	table.cms-page-main-infos tr:last-child > td:last-child {
    	padding-bottom: 1rem;
	}
}

div#content-view-maindata {
	width: 16rem;
}

/*Hide Template Select if just 1 Template*/

.template-select:not(:has(select)) ~ .page-content-box{
	> table.module-page-html1-edit > tbody > tr > td.head > table.head {
		display: none;
	}
    margin-top: -1rem;
}

.template-select:not(:has(select)){
	display: none;
}

.template-select{
	font-weight: 600;
	color: var(--color-text-strong);
}

.template-save-hint {
    display: block;
    padding: 1rem;
    margin: .5rem 0;
    background: var(--color-bg-warning);
    color: var(--color-text-warning);
    border: .0625rem solid var(--color-border-warning);
}

/*Umstellen auf FA6*/

.fa{
    font-family: "Font Awesome 6 Pro" !important;
	font-weight: 400;
}

/*drag and drop von modulen*/

ul li.ui-state-highlight{
	height: 2rem;
	margin: .5rem 0;
	border: .0625rem dashed var(--color-border-primary);
	background: var(--color-bg-secondary-light);
    background-image: linear-gradient(45deg, var(--color-bg-white) 16.67%, var(--color-bg-light) 16.67%, var(--color-bg-light) 50%, var(--color-bg-white) 50%, var(--color-bg-white) 66.67%, var(--color-bg-light) 66.67%, var(--color-bg-light) 100%);
    background-size: 21.21px 21.21px;
}

/* Diverse Fixes*/

div.page-content > a:hover > i.fa::before{
	content: '\f044' !important;
}

.user-module-customer-website-page-attribute-page-form b {
    color: var(--color-text-strong);
    font-weight: 600;
}

div#capsmsg > div {
    color: var(--color-text-error);
    font-style: italic;
    margin-top: -.5rem;
    margin-bottom: .5rem;
	max-width: 20rem;
}

input#cst_proxy_date_from,
input#cst_proxy_date_to{
	/* margin-bottom: 1rem; */
	padding: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius:.25rem;
	width: 100%;
	&:focus { 
		outline: none !important;
		border-color: var(--color-bg-primary);
	}
}

td[class^="content user-module-content-"] form > table > tbody > tr:hover > td {
  color: var(--color-text-primary) !important;
}

td[class^="content user-module-content-"] form > table > tbody > tr:hover > td label {
  color: var(--color-text-primary);
}

div#path-in-module #page-path{
    padding-left: 0;
    padding-top: .125rem;
}

input[type="radio"]:has(+ label) {
    margin-right: .5rem;
    margin-bottom: .5rem;
}

table.cms-page-pub-infos > tbody > tr > td {
    padding-top: 0;
}

li.page-content{
	position: relative;
	&.ui-sortable-handle::before {
		content: '\e411';
		margin-right: 0.5em;
		color: var(--color-text-white);
		position: absolute;
		left: -.5rem;
		font-family: "Font Awesome 6 Pro";
		font-weight: 400;
		border-radius: .25rem;
		display: block;
		text-align: center;
		width: .75rem;
		top: .5rem;
		cursor: move;
		border-radius: 0.5rem;
		height: 2rem;
		line-height: 2rem;
	}
	&.page-content-entailed.ui-sortable-handle::before {
		display: none;
	}
}

td.content.user-setting-language-edit span.warning{
	color: var(--color-text-warning);
}

form#trackingForm td > input[type="radio"] {
    margin-right: 0.5rem;
}

.page-content-teaser > a{
	pointer-events: none;
}

/* page url unique warning*/

input.unique-warning {
		border-color: var(--color-border-warning) !important;
		&:focus{
			background-color: var(--color-bg-warning) !important;
		}
}

#page_name_url_unique_warning{
	display: none;
	background-color: var(--color-bg-warning);
	border: .0625rem solid var(--color-border-warning);
	width: 14rem;
	box-sizing: border-box;
	padding: .75rem;
	margin-bottom: 1rem;
	border-radius: .25rem;
	position: relative;
	span, ul li, p{
		font-weight: 100;
		color: var(--color-text-warning);
	}
	p{
		margin-bottom: .5rem;
		font-size: .9rem;
    	font-style: italic;
		word-break: break-word;
		hyphens: auto;
	}
	p > span:before {
		content: '\f06a';
		font-family: 'Font Awesome 6 Pro';
		font-weight: 400;
		margin-right: .25rem;
		font-style: normal;
	}
	span{
		font-weight: 600;
	}
	&::before {
		content: "";
		position: absolute;
		top: -.5rem;
		left: 1rem;
		border-width: 0 .5rem .5rem;
		border-style: solid;
		border-color: transparent transparent var(--color-border-warning) transparent;
	}
}

.page-name-wrapper:has(#page_name_url_display.unique-warning) ~ #page_name_url_unique_warning{
	display: block;
}

.page-name-wrapper:has(input#page_name_url_display.unique-warning) ~ #page_name_url_warning {
    display: none;
}

/*Gallery Module*/

div.mcgi_actions{
	a.gallery-delete-image > span{
		&::before{
			content: '\f1f8';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			color: var(--color-link-delete);
			text-decoration: none;
		}
	}
	label.gallery-show-image > span{
		&::before{
			content: '\f06e';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			color: var(--color-link-primary);
			text-decoration: none;
		}
	}
	label.gallery-hide-image > span{
			text-decoration: none;
		&::before{
			content: '\f070';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
			text-decoration: none;
		}
		&:hover{
			color: var(--color-link-primary);
			text-decoration: none;
		}
	}
	a.gallery-show-image-mdb > span{
		&::before{
			content: '\e18a';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			color: var(--color-link-primary);
			text-decoration: none;
		}
	}
	a:hover,
	label:hover{
		text-decoration: none !important;
	}
}

li.gallery-media-item[data-gallery-item-show="0"]{
	.media-hidden-overlay{
		background-color: #00000080;
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		&::before{
    		content: '\f070';
            font-family: 'Font Awesome 6 Pro';
            line-height: 2;
			color: var(--color-text-white);
			margin: 4.5rem auto 0;
			position: relative;
			display: block;
			width: 4rem;
			text-align: center;
			font-size: 2rem;
		}
	}
}	

.mcgi_name,
.mcgi_alt{
	position: relative;
	.language-element-content{
		position: relative;
		.floating-label{
		    left: .25rem;
		}
	}
}

.floating-label {
  position: absolute;
  top: 0;
  left: .75rem;
  font-size: 0.8rem;
  color: var(--color-text-info);
  background: var(--color-bg-white);
  padding: 0 0.25em;
  opacity: 0;
  transition: 0.2s ease;
  pointer-events: none;
}

.mcgi_name textarea:not(:placeholder-shown) + .floating-label,
.mcgi_alt input:not(:placeholder-shown) + .floating-label {
  opacity: 1;
  font-size: 0.75rem;
}

/*Module Filter*/

td.content.user-module-html1-edit-template #filterSelect {
    margin-right: .5rem;
}

#filterSelect,
#searchInput{
	width: 12rem;
}

#filter-search{
	border-radius: 0 0 .25rem .25rem;
}

#filter-search,
.template-select{
	padding: .5rem 1rem;
    background: var(--color-bg-white);
	margin-top: .5rem;
    border-radius: .25rem;
}

#page-html1-content .template-select > select{
	margin-left: .5rem;
}

.search-wrapper,
.filter-wrapper {
  position: relative;
  display: inline-block;
  span{
	font-weight: 600;
	color: var(--color-text-strong);
  }
}

.search-wrapper input {
  padding-right: 30px;
}

.search-wrapper i {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: var(--color-link-delete);
  font-size: 14px;
  display: none;
}

td.content.user-module-html1-edit-template {
    padding-top: 0 !important;
}

li.page-content div.page-content::before {
    content: attr(data-num) "";
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    left: .1rem;
    top: -.1rem;
    background: var(--color-bg-primary);
    color: var(--color-text-white);
    width: .9rem;
    height: .9rem;
    text-align: center;
    line-height: .9rem;
    padding: .25rem;
    font-size: .8rem;
    z-index: 30;
	display: none;
	border-radius: .25rem;
}

li.page-content div.page-content.nummeriert::before {
  display: inline-block;
}

a#nummerierenLink{
    display: inline-block;
    margin-left: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius: .25rem;
	cursor: pointer;
	span{
		padding: .5rem;
		display: block;
		text-align: center;
		width: 1.25rem;
	}
	span::before{
		content: '\f0cb';
		font-family: 'Font Awesome 6 Pro';
		font-size: 1rem;
		line-height: 1.2;
	}
	&:hover{
		background: var(--color-bg-primary-hover);
		color: var(--color-text-white);
		border-color: var(--color-border-primary-hover);
		span::before{
			color: var(--color-text-white);
		}
	}
	&.active{
		background: var(--color-bg-primary);
		color: var(--color-text-white);
		border-color: var(--color-border-primary);
		span::before{
			color: var(--color-text-white);
		}
		&:hover{
			background: var(--color-bg-primary-hover);
			border-color: var(--color-border-primary-hover);
		}
	}
}

.filter-wrapper .label {
    display: none;
}

@media (min-width: 1100px){
	.filter-wrapper .label {
		display: inline-block;
		margin-right: .5rem;
	}
}


a#toggle-items-link{
    display: inline-block;
    margin-left: .5rem;
	border: .0625rem solid var(--color-border-light);
	border-radius: .25rem;
	cursor: pointer;
	span{
		padding: .5rem;
		display: block;
		text-align: center;
		width: 1.25rem;
	}
	span::before{
		content: '\f345';
		font-family: 'Font Awesome 6 Pro';
		font-size: 1rem;
		line-height: 1.2;
	}
	&:hover{
		background: var(--color-bg-primary-hover);
		color: var(--color-text-white);
		border-color: var(--color-border-primary-hover);
		span::before{
			color: var(--color-text-white);
		}
	}
	&.active{
		background: var(--color-bg-primary);
		color: var(--color-text-white);
		border-color: var(--color-border-primary);
		span::before{
			color: var(--color-text-white);
		}
	}
}

#toggle-entailed{
	display: inline-block;
	a.show-entailed{
		cursor: pointer;
		display: inline-block;
		margin-left: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		span{
			padding: .5rem;
			display: block;
			text-align: center;
			width: 1.25rem;
		}
		span::before{
			content: '\f33d';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			background: var(--color-bg-primary-hover);
			color: var(--color-text-white);
			border-color: var(--color-border-primary-hover);
			span::before{
				color: var(--color-text-white);
			}
		}
		&.active{
			background: var(--color-bg-primary);
			color: var(--color-text-white);
			border-color: var(--color-border-primary);
			pointer-events: none;
			span::before{
				color: var(--color-text-white);
			}
		}
	}
	a.hide-entailed{
		display: inline-block;
		margin-left: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		span{
			padding: .5rem;
			display: block;
			text-align: center;
			width: 1.25rem;
		}
		span::before{
			content: '\f33d';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			background: var(--color-bg-primary-hover);
			color: var(--color-text-white);
			border-color: var(--color-border-primary-hover);
			span::before{
				color: var(--color-text-white);
			}
		}
	}
}

#toggle-move{
	display: inline-block;
	a.move{
		display: inline-block;
		margin-left: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		cursor: pointer;
		span{
			padding: .5rem;
			display: block;
			text-align: center;
			width: 1.25rem;
		}
		span::before{
			content: '\f0b2';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			background: var(--color-bg-primary-hover);
			color: var(--color-text-white);
			border-color: var(--color-border-primary-hover);
			span::before{
				color: var(--color-text-white);
			}
		}
		&.active{
			background: var(--color-bg-primary);
			color: var(--color-text-white);
			border-color: var(--color-border-primary);
			pointer-events: none;
			span::before{
				color: var(--color-text-white);
			}
		}
	}
}

#reset_filter{
	display: none;
	a.reset-filter{
		display: inline-block;
		margin-left: .5rem;
		/* border: .0625rem solid var(--color-border-light);
		border-radius: .25rem; */
		cursor: pointer;
		border: .0625rem solid transparent;
		span{
			padding: .5rem;
			display: block;
			text-align: center;
			width: 1.25rem;
		}
		span::before{
			content: '\f00d';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
			color: var(--color-link-delete);
		}
		&:hover{
			background: var(--color-btn-delete);
			color: var(--color-text-white);
			border: .0625rem solid var(--color-btn-delete);
			border-radius: .25rem;
			span::before{
				color: var(--color-text-white);
			}
		}
	}
}

#filter-search:has(.active) > #reset_filter{
	display: inline-block;
}

#show-missing-alt{
	display: inline-block;
	a#filter-missing-alt{
		display: inline-block;
		margin-left: .5rem;
		border: .0625rem solid var(--color-border-light);
		border-radius: .25rem;
		cursor: pointer;
		span{
			padding: .5rem;
			display: block;
			text-align: center;
			width: 1.25rem;
		}
		span::before{
			content: '\e1b7';
			font-family: 'Font Awesome 6 Pro';
			font-size: 1rem;
			line-height: 1.2;
		}
		&:hover{
			background: var(--color-bg-primary-hover);
			color: var(--color-text-white);
			border-color: var(--color-border-primary-hover);
			span::before{
				color: var(--color-text-white);
			}
		}
		&.active{
			background: var(--color-bg-primary);
			color: var(--color-text-white);
			border-color: var(--color-border-primary);
			pointer-events: none;
			span::before{
				color: var(--color-text-white);
			}
		}
	}
}

div.page-content-menu-box{
	display: none;
}


#filter-search{
	position:relative;
}
#filter-search.fixed {
	position: fixed;
    display: block;
    bottom: 1rem;
    right: 0;
    z-index: 100;
    box-shadow: 0 0 .75rem var(--color-drop-shadow);
    box-sizing: border-box;
    width: auto;
    border-radius: 0.25rem 0 0 0.25rem;	
}
#filter-search-placeholder{
	height: 0;
}

/*media anzeige*/

td.content.user-module-content-media-display{
	td:has(+ td > .media-display-wrap){
		vertical-align: top;
	}
	#module_settings > table > tbody > tr > td{
		padding-top: 1rem;
	}
	.media-display-wrap{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
	}
	.media-infos{
		padding-left: 1rem;
		.button{
            font-weight: normal;
            color: var(--color-link-primary);
            text-decoration: underline;
            margin-top: .5rem;
            display: block;
		}
		b{
			color: var(--color-text-strong);
		}
	}
	img#media_display_media{
		width: 7.5rem;
		height: 7.5rem;
		max-width: 7.5rem;
		max-height: 7.5rem;
		box-sizing: border-box;
		object-fit: contain;
	}

}

/*module order position*/
li.page-content {
    min-width: 7rem;
	min-height: 2rem;
}

li.page-content .page-content{
	container-type: inline-size;
}

.page-content-module-order{
	position: relative;
	display: block;
	font-size: .8rem;
	color: var(--color-text-info);
	padding-bottom: .25rem ;
	b{
		font-size: .8rem;
		color: var(--color-text-info);
	}
}
@container (width > 20rem){
	.page-content-module-order{
		position: absolute;
		top: .125rem;
   		right: .5rem;
	}
}

/*Browserinfos User*/

td.content.user-user-preferences-edit{
    #popup {
      display: none; 
      position: fixed; 
      top: 50%; left: 50%; 
      transform: translate(-50%, -50%);
      background: #fff; 
      padding: 20px; 
      border: 1px solid #333;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
      z-index: 1000;
    }

    #popup-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0; 
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 999;
    }

    #popup button {
      margin-top: 10px;
	  margin-right: 1rem;
    }

	.info-grid {
		display: grid;
		grid-template-columns: auto 1fr;
		gap: 0.25rem 1rem;
		font-family: monospace;
	}

	.show-infos{
		padding: .5rem;
		display: block;
		background: var(--color-border-secondary-light);
		border: .0625rem solid var(--color-border-primary);
		border-radius: .25rem;
		text-align: center;
		color: var(--color-text-primary);
		margin: .5rem 0 1rem;
	}
}

/*highlight target-module*/

:target {
  animation: flash .8s linear 2;
}

@keyframes flash {
 0% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-0.3rem);
  }
  50% {
    transform: translateX(0.3rem);
    background-color: var(--color-bg-highlight);
    border-color: var(--color-border-primary);
  }
  75% {
    transform: translateX(-0.3rem);
  }
  100% {
    transform: translateX(0);
  }
}

/*copy-on-click*/

.copy-text {
  cursor: pointer;
  user-select: all;
}

.copy-text:hover {
  color: var(--color-link-primary) !important;
}

/*Content Teaser Artikel Bilder*/

div.page-content-teaser {
	font-size: .9rem;
	/* <span> für anzahl bilder in artikel <b> markiert rot die anzahl ohne alt-tag
	span{
		font-size: .9rem;
		position: absolute;
		top: .75rem;
		right: 1rem;
		font-style: italic;
		b{
			font-size: .9rem;
			color: var(--color-text-error);
		}
	} */
}

/*URL Input Warning*/

#page_name_url_original{
    color: var(--color-text-error);
	display: block;
	font-style: italic;
	margin-top: .5rem;
    font-size: .9rem;
	word-wrap: break-word;
}

/*Login Kontextmenü*/

div#login-table-wrapper{
	.context-menu-container {
		position: relative;
		display: inline-block;
	}

	.context-menu {
		text-align: left;
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		margin-top: 4px;
		background-color: var(--color-bg-white);
		border: 1px solid var(--color-border-light);
		list-style: none;
		padding: 8px 0;
		min-width: 150px;
		box-shadow: 0 2px 8px var(--color-drop-shadow);
		z-index: 1000;
		border-radius: .25rem;
	}

	.context-menu li {
		padding: 8px 16px;
	}

	.context-menu li:hover {
		background-color: var(--color-bg-secondary-light);
	}

	.context-menu a {
		text-decoration: none;
		color: var(--color-text-regular);
		display: block;
	}

	.context-menu li:hover a span{
		color: var(--color-text-primary);
	}


	.context-menu li a span{
		white-space: nowrap;
	}

	.context-menu li a span::before{
		font-family: 'Font Awesome 6 Pro';
		font-size: 1rem;
		line-height: 1.2;
		margin-right: .5rem;
        width: 1.5rem;
        display: inline-block;
        text-align: center;
	}

	.context-menu li a span.frontend::before{
		content: '\f0ac';
	}
	.context-menu li a span.status::before{
		content: '\f625';
	}
	.context-menu li a span.cst::before{
		content: '\f236';
	}
	.context-menu li a span.helpdesk::before{
		content: '\e14e';
	}

	.context-menu-container{
		display: inline-block;
		a#menu-trigger{
			display: inline-block;
			border: .0625rem solid var(--color-border-light);
			border-radius: .25rem;
			cursor: pointer;
			span{
				padding: .5rem;
				display: block;
				text-align: center;
				width: 1.25rem;
				height: 1.25rem;
			}
			span::before{
				content: '\f142';
				font-family: 'Font Awesome 6 Pro';
				font-size: 1rem;
				line-height: 1.25rem;
			}
		}
		a#menu-trigger:hover{
			background: var(--color-bg-primary-hover);
			color: var(--color-text-white);
			border-color: var(--color-border-primary-hover);
			span::before{
				color: var(--color-text-white);
			}
		}
		a#menu-trigger.active{
			background: var(--color-bg-primary);
			color: var(--color-text-white);
			border-color: var(--color-border-primary);
			pointer-events: none;
			span::before{
				color: var(--color-text-white);
			}
		}
	}
	li.spacer{
		padding: .25rem 1rem;
		span{
			border-bottom: .0625rem solid var(--color-border-light);
			display: block;
		}
	}
	.context-menu li.spacer:hover{
		background-color: transparent;
	}
}

.page-content-meta-list {
	[data-tooltip]::after {
		top: -1.95rem;
		font-size: .85rem;
		font-style: normal;
	}

	[data-tooltip]::before {
		top: -.25rem;
	}
}

/* table layout contentpflege*/

div.page-template-view-table > table{
	table-layout: fixed;
}

/* Tracking Code Setup*/

td.content.user-module-website-tracking-code{
	div.conversion-types {
		width: 100%;
		max-width: 59rem;
		margin-top: 2rem;
	}
	div.conversion-types ul.conversion-type-list {
		display: none;
	}
	div.conversion-types ul,
	div.conversion-types li {
		list-style-type: none;
		padding: 0px;
		margin: 0px;
	}
	div.conversion-types li span.conversion-value {
		display: inline-block;
		margin-left: 1rem;
	}
	div.conversion-types li.conversion-type {
		padding: 2px;
	}
	div.conversion-types li span.conversion-value input {
		width: 5rem;
	}
	div.conversion-types div.error {
		font-size: 1.5em;
		font-weight: bold;
		color: red;
		margin: 10px 0;
	}
	li.conversion-type label {
		margin-left: .5rem;
		width: 20rem;
	}
	li.conversion-type {
		display: flex;
		justify-content: flex-start;
		flex-wrap: nowrap;
		flex-direction: row;
		align-items: baseline;
		input[type="checkbox"]{
			top: 0;
		}
	}
	div.tracking-type-image img {
		max-width: 40rem;
	}
	[type="text"], [type="number"], [type="password"], select {
        width: 22rem;
    }
	h2{
		font-weight: 600;
	}
	div.topic{
		margin-top: 1rem;
	}
	form > table > tbody > tr > td:first-child {
    	padding-right: 1rem;
	}
}

/*mdb path fix*/

div#media-breadcrumb a, 
div#media-breadcrumb span,
div#media-breadcrumb small {
    font-size: .8rem;
    padding: 0.25rem 0.25rem 0.25rem 0;
}

.media-wrapper-heading{
	border-right: 0;
}

/*diverse fixes ab 2.2.0*/

#maindataToggler{
	position: fixed;
	bottom: 4.5rem;
	left: 1rem;
	z-index: 100;
	background-color: var(--color-bg-secondary-light);
	border: .0625rem solid var(--color-border-primary);
	border-radius: .25rem;
	.toggleMaindata span {
		color: var(--color-link-primary);
		width: 2rem;
		text-align: center;
		display: block;
		margin-top: 0;
		height: 2rem;
		line-height: 2rem;
	}
	&:hover{
		background-color: var(--color-bg-primary-hover);
		border-color: var(--color-bg-primary-hover);
		.toggleMaindata span {
			color: var(--color-text-white);
		}
	}
}