/* :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:not(:has(li)) {
    height: 1rem;
	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-teaser {
	font-size: 0.8em;
}

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;
}

.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;
	}
	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.5rem;
		display: block;
		height: auto;
		min-height: 1.25rem;
		padding-top: .25rem;
	}
	[type="checkbox"] {
		position: relative;
		top: 0;
		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: 1rem;
		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"]{
		border: .0625rem dashed var(--color-border-primary);
		border-radius: .25rem;
	}
}

.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;
}

language-bar{
	li.page-language-active a,
	li.page-language-active a:hover{
		color: var(--color-text-white);
	}
	li.page-language-inactive a{
		color: var(--color-text-disabled);
		&:hover{
			color:var(--color-bg-primary);
		}
	}
	li.page-language-used a:hover{
			color:var(--color-bg-primary-hover);
	}
}

ul.page-languages li.page-language-pos-1 {
  border-top: solid .0625rem var(--color-border-light);
}

ul.page-languages li {
  background-color: var(--color-bg-white);
  border: solid .0625rem var(--color-border-light);
  border-top: none;
}

ul.page-languages li.page-language-active{
	background-color: var(--color-bg-secondary-light);
}

ul.page-languages li a {
  display: block;
  line-height: 2rem;
  color: var(--color-text-primary);
  font-size: 1rem;
  &:hover{
  	text-decoration:none;
    color: var(--color-bg-primary);
  }
}

ul.page-languages li{
	display: inline-block;
	width: 2rem;
	height: 2rem;
	background-color: var(--color-bg-white);
	a {
    	color: var(--color-text-regular);
	}
	&.page-language-inactive a,
	&.page-website-language-invisible a{
		opacity: .5;
	}
	&.page-language-inactive.page-website-language-visible a{
		opacity: .75;
		&:hover{
			opacity: 1;
		}
	}
}

ul.page-languages li 

ul.page-languages li.page-language-active a,
language-bar li.page-language-active a{
 	 color: var(--color-text-primary);
 	 &:hover{
		color: var(--color-text-primary-hover);
	}
}

/* td:has(language-bar) + td {
    padding-left: 0 !important;
}

td:has(language-bar) + td > table td.cms-page-infos{
	padding-top: 3.25rem;
} */

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: 10rem;
		padding-bottom: .5rem;
	}
	input[type="text"],
	select,
	textarea{
	margin-bottom: 1rem;
	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;
	}
	input[type="radio"]{
		margin-bottom: .5rem;
	}
	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: .5rem;
			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{
			background-color: var(--color-bg-error);
			border: .0625rem solid var(--color-border-error);
			padding: 1rem;
			width: auto;
			max-width: 15rem;
            margin-bottom: 1rem;
			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;
			}
		}
	}
}

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

table.cms-page-pub-infos{
  padding-bottom: 1rem;
  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: .5rem;
    padding: 0 !important;
    .fa{
    	color: var(--color-text-primary);
 	    font-size: 1rem;
    }
}

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

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

#page-html1-content div.page-content-area a {
    font-size: 1rem;
    color: var(--color-text-regular);
	font-style: italic;
	position: relative;
    &:hover{
    	text-decoration: none;
    	color: var(--color-link-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: .25rem;
}

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 .25rem .2rem;
}

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

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

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-bottom: 1rem;
		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: 6rem;
		width: 16rem;
		padding: 0;
	}
	td:has( > label) {
		padding-bottom: 1rem;
	    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);
	}
}

.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 {
		opacity: .5;
		background-color: var(--color-bg-interrupt) !important;

		/* 
		# ausgeblendete Module einklappen und verzögert aufklappen
		# macht aber Probleme beim Gruppen-Verschachtelung
		*/
		/* height: 0px;
		overflow: hidden;
		transition: height .3s ease-out;
		transition-behavior: allow-discrete;
		&:hover {
			height: auto;
			transition-delay: 1s;
		}  */

		&: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;
		&: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;
    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: .25rem;
		& > span{
			margin: 0 .25rem .25rem 0;
		}
	}
}

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

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.2rem;
}

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;
	a {
		color: var(--color-text-regular);
		padding: .5rem 1rem .5rem .25rem;
		font-weight: 100;
		background-repeat: no-repeat;
		background-position: 130px 5px;
    &: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';
	}
}

.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);
}

div.page-content-menu-box{
	position: fixed;
	border: 0.0625rem solid var(--color-border-light);
	/* right: -.125rem; */
	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) !important; */
	/* border-bottom: .0625rem solid var(--color-help-html); */
    border-left: .25rem solid 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);
	/* border-bottom: .0625rem solid 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);
	/* border-bottom: .0625rem solid 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);
	/* border-bottom: .0625rem solid 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);
	/* border-bottom: .0625rem solid 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);
	/* border-bottom: .0625rem solid 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-nav) !important; */
	/* border-bottom: .0625rem solid var(--color-help-nav); */
    border-left: .25rem solid 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-search) !important; */
	/* border-bottom: .0625rem solid var(--color-help-search); */
    border-left: .25rem solid 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-googlesitemap) !important; */
	/* border-bottom: .0625rem solid var(--color-help-googlesitemap); */
    border-left: .25rem solid 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-legal) !important; */
	/* border-bottom: .0625rem solid var(--color-help-legal); */
    border-left: .25rem solid 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-formhandler) !important; */
	/* border-bottom: .0625rem solid var(--color-help-formhandler); */
    border-left: .25rem solid 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-clone) !important; */
	/* border-bottom: .0625rem solid var(--color-help-clone); */
    border-left: .25rem solid 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-map) !important; */
	/* border-bottom: .0625rem solid var(--color-help-map); */
    border-left: .25rem solid 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);
	/* border-bottom: .0625rem solid 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-newsletter) !important; */
    border-left: .25rem solid var(--color-help-general);
	/* border-bottom: .0625rem solid var(--color-help-newsletter); */
}

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-weblog) !important; */
	/* border-bottom: .0625rem solid var(--color-help-weblog); */
    border-left: .25rem solid 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-socialmedia) !important; */
	/* border-bottom: .0625rem solid var(--color-help-socialmedia); */
    border-left: .25rem solid 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-container) !important; */
	/* border-bottom: .0625rem solid var(--color-help-container); */
    /* border-left: .25rem solid var(--color-help-general) !important; */
    border-left: .25rem solid 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);
	/* border-bottom: .0625rem solid 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-calendar) !important; */
	/* border-bottom: .0625rem solid var(--color-help-calendar); */
    border-left: .25rem solid 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-proxy) !important; */
	/* border-bottom: .0625rem solid var(--color-help-proxy); */
    border-left: .25rem solid 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-wheater) !important; */
	/* border-bottom: .0625rem solid var(--color-help-wheater); */
    border-left: .25rem solid 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-tuerchen) !important; */
	/* border-bottom: .0625rem solid var(--color-help-tuerchen); */
    border-left: .25rem solid 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-shop) !important; */
	/* border-bottom: .0625rem solid var(--color-help-shop); */
    border-left: .25rem solid var(--color-help-general);
}

/*Module innerhalb einer Gruppe*/
li.page-content-type-109 li.page-content {
	border-right: .0625rem dashed var(--color-border-light);
	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: dashed;
}

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

.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{
		/* margin-left: 1rem; */
		font-weight: 100;
	}
	.module-list{
		margin-top: 1rem;
	}
	/* .module-list {
		padding-left: 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);
}
	
input#page_content_public_to,
input#page_content_public_from{
    width: 10rem;
}

/* .user-page-content-edit-left label{
	padding-bottom: 1rem;
} */

.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);
	}
}

/* evtl. unnötig?

tr:has( > td > div.form-button){
	display: inline-block;
}

td.content > form > table > tbody > tr td:has(table > tbody > tr > td > div.form-button){
	position: absolute;
  	left: 0;
  	bottom: 1rem;
}

tr:has(td > table > tbody > tr > td > div.form-button){
	position: relative;
}

*/

/*Modul-Einstellungen Page Content ID*/

td.content.user-page-content-edit {
    position: relative;
	div.page-content-id-box{
		font-size: .75rem;
		position: absolute;
		top: -1.5rem;
		right: 1rem;
	}
}

/*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;
}

/*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: 100;
  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: 0.25rem;
	background-color: var(--color-bg-secondary-light);
	border: 0.15rem 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: 0.15rem solid 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{
	select#gallery_sort_order{
		width: 12rem;
	}
	max-width: 90rem !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;
				min-height: unset;
				li.gallery-media-item-show-1{
					
				}
				li.gallery-media-item,
				li.gallery-media-item-show-1{
					margin: 0 1rem 1.25rem 0;
					width: 30%;
					min-width: 20rem;
					max-width: 20rem;
					box-shadow: none;
					border: .0625rem solid var(--color-border-light);
					padding: 0;
					height: auto;
					div.mcgi_data {
						background-color: var(--color-bg-white);
					}
					img.mcgi_media {
						width: 100%;
						height: auto;
					}
					div.mcgi_move {
						position: absolute;
						top: .5rem;
						right: .5rem;
						width: 3rem;
						height: 3rem;
						border-radius: 50%;
						background-color: var(--color-bg-dark);
						&::before {
							line-height: 3rem;
							color: var(--color-text-white);
							font-size: 1.5rem;
						}
					}
					div.mcgi_name{
						padding: .5rem .5rem 0 .5rem;
					}
					div.mcgi_alt{
						padding: 0 .5rem .5rem .5rem;
					}
					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: 0;
						height: 2.375rem;
					}
					div.mcgi_alt,
					div.mcgi_text,
					div.actions{
						div.language-element > ul > li{
							display: none;
						}
					}
					div.mcgi_text{
						height: 12.25rem;
						.defaultSkin table.mceLayout {
							width: 100% !important;
						}
						.defaultSkin .mceListBox .mceText{
							width: 3rem;
						}
						a.mceButton.mce_outdent,
						a.mceButton.mce_indent {
							display: none;
						}
						textarea {
							width: 100%;
							height: 12.25rem;
							padding: .25rem;
							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;
						color: var(--color-text-regular);
						border-top: .0625rem solid var(--color-border-light);
						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: auto !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;
					}
				}
			}
		}
	}
	/*list view*/
	#gallery-media-list:checked ~ #gallery-media-items ul.gallery-media-items {
		padding-right: 1rem;
		& > li{
			display: flex;
			width: 100%;
			float: none;
			height: auto;
			margin: 0 0 .5rem;
			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{
		.mcgi_data {
			align-items: center;
		}
		.mcgi_name{
			padding-top: 1.2rem;
		}
		.mcgi_name:has(div.language-element){
			padding-top: 0;
		}
		.mcgi_alt{
			padding-top: 1.6rem;
		}
		.mcgi_actions{
			border-top: none;
			padding-bottom: 0;
			padding-left: 1rem;
			padding-top: 1rem;
		}
		.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;
	}
}

/* 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*/


td.content.user-module-container-object-form{

	div.media-bar-image a {
		position: absolute;
		display: block;
		padding: 5px;
		border-radius: 20px;
		background: var(--color-bg-error-hover);
		right: 0px;
		top: 0px;
		color: var(--color-text-white);
		margin: 5px;
		font-weight: bold;
		line-height: .8rem;
		height: 1rem;
		width: 1rem;
	}
	div.media-bar-image {
		position: relative;
		background-color: var(--color-bg-white);
		display: inline-block;
		width: 80px;
		height: 80px;
		border: solid .0625rem var(--color-border-light);
		text-align: center;
		vertical-align: middle;
		margin: 0 5px 5px 0;
	}
	div.media-bar-image img {
		width: 80px;
	}
	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;
	}
}



/*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;
		}
	}
}

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

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

.toggleMaindata{
	display: none;
}

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

/* @media (min-width: 1000px) and (max-width: 1200px){ */
@media (max-width: 1400px){
	.cms-page-main-infos td,
	.cms-page-pub-infos td{
		/*.page_edit_seo td */
		display: block;
		width: auto;
		&:first-child{
			color: var(--color-text-info);
			font-size: .85rem;
			padding-bottom: .125rem;
			width: 14rem !important;
		}
	}
	div#content-view-maindata {
		width: 18rem;
	}
}

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;
	}
	& > table > tbody > tr > td:first-child {
		padding-right: .5rem;
	}
}

/*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;
	}
	#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;
	}
}

#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; */
	}
	& > ul > li > ul > li.tn-website > ul .nobr.tn-active::before,
	& > ul > li > ul > li.tn-website > ul .nobr:hover::before {
		content: '';
		width: .375rem;
		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;
	}
	.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;
	}

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

    > 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: .25rem;
	}
	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%;
		letter-spacing: initial;
		/* background-color: var(--color-bg-light); */

        &:not(:hover)&:not(:focus-visible) {
			border-color: transparent;
            /* border: none;
            padding: 0; */
            max-width: 580px;
            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;
		/* background-color: var(--color-bg-light); */
		height: auto;
		min-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;
            /* height: 3.5em; */
            /* padding: 0;*/
			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;
	}
	.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"
}

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: 8rem;
}

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

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

div.page-content-teaser > a::before {
    /* content: '\f10d'; */
    content: '\f246';
    display: inline-block;
    width: .75rem;
	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: '\e1cf';
}
/* 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: 10;
} */

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-text-primary);
			color: var(--color-bg-secondary-light);
			padding: .5rem;
			display: block;
			position: absolute;
		}
	}
}

[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: 80px;
    	margin-bottom: .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-top: .5rem;
        width: 2rem;
		text-align: center;
		&::before {
			content: '\f06e';
			font-family: 'Font Awesome 6 Pro';
			font-weight: 400;
			font-style: normal;
			font-size: .875rem;
		}
	}
}

.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;
}