body
{
	font-family:Arial,sans-serif;
	font-size:15px;
	display:flex;
	flex-direction:column;
	min-height:100vh;
	margin:0;
	padding:0;
	overflow-x:hidden;
	background-color: #f4f4f4;
}

*
{
	outline:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	box-sizing:border-box!important
}
.nav-wrapper a {
    color: #333!important;
}
.container-fluid
{
	flex:1
}

header
{
	position:fixed;
	top:0;
	left:280px;
	right:0;
	width:auto;
	height:64px;
	z-index:1201;
	transition:left .28s ease,transform .28s ease
}
nav {
    color: #fff;
    background-color: #fff;
    width: 100%;
    height: 64px;
    line-height: 64px;
}

.main-content
{
	padding:36px 34px 120px 34px;
	margin-top:0;
	position:relative;
	float:none;
	flex:1 1 auto;
	width:100%;
	transition:padding .28s ease;
}

@media (max-width: 993px) {
	.main-content
	{
		width:100%;
		padding:36px 24px 120px 24px;
	}

	header
	{
		left:0;
		width:100%;
	}
}

@media (min-width: 994px) {
	
	.main-content
	{
		width:100%;
	}
	body.nav-collapsed .main-content,.only
	{
		padding:36px 40px 120px 40px
	}
	body.nav-collapsed .naviq
	{
		transform:translateX(-100%)
	}
	body.nav-collapsed header
	{
		left:0
	}
	body.nav-collapsed .profil-main-shell
	{
		margin-left:0
	}

	.profil
	{
		display:inline-block;
		padding-left:0;
		margin-left:12px;
		color:#bababa;
		font-size:25px;
	}
}
@media (min-width: 993px) {
.sidenav li > a {
    border-radius: 10px;
}
}
/*
@media (min-width: 1750px) {
	.sidenav
	{
		width:230px
	}
	
	.sidenav li>a
	{
		padding:0 0 0 32px
	}
}
*/
#map
{
	height: 350px; 
	position: relative; 
	outline-style: none;
	margin-bottom:25px;
	border-radius:8px;
}

/*
@media (min-width: 993px) {
	.main-content
	{
		margin-top:100px
	}
}
*/
nav i.material-icons.close-icon
{
	display:none
}

.sidenav-trigger i.material-icons
{
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	transition:transform .3s,color .2s ease
}

.page-footer
{
	background-color:#f4f4f4;
	color:#667085;
	font-size:15px;
	padding:0 0 26px 0;
	text-align:center;
	bottom:0;
	position:relative;
	border-top:0;
	margin-top:auto;
	transition:transform .28s ease;
}

.page-footer a
{
	color:#475467;
	font-size:18px;
	font-weight:500;
	line-height:1.6;
}

.page-footer a:hover
{
	text-decoration:underline;
}

body.auth-view .page-footer
{
	background-color:#455a64;
	color:rgba(255,255,255,.88);
	border-top:0;
	padding:0 0 22px 0;
}

body.auth-view .page-footer a
{
	color:rgba(255,255,255,.9);
	font-size:16px;
}

#footerLogoSvg
{
	width:32px;
	height:30px
}

#footerNeutralSvg
{
	width:81px;
	height:30px
}

h1
{
	margin:20px 0 15px -3px;
	font-size:38px;
	font-style:normal;
	font-weight:400;
	color:#454b52;
	text-rendering:optimizeLegibility;
	line-height:1.4
}


.select-wrapper input.select-dropdown
{
	font-size:1rem;
	font-weight:400;
	line-height:1.6;
	color:#454b52
}

.error
{
	color:red!important;
	font-size:12px
}

.invalid-feedback
{
	color:red;
	font-size:12px;
	display:block
}

.is-invalid
{
	border-bottom:1px solid red!important
}

#cssLogin [type="checkbox"]+span
{
	font-size:.875rem;
	font-weight:400;
	line-height:1.4;
	color:#454b52;
	padding-left:30px
}

.q-layout__shadow
{
	width:100%
}

.q-layout__shadow:after
{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.2),0 0 10px rgba(0,0,0,0.24)
}

.q-layout__section--marginal
{
	background-color:#5476c7;
	background-color:var(--q-color-primary);
	color:#fff
}

.q-footer .q-layout__shadow
{
	top:-10px
}

.q-footer .q-layout__shadow:after
{
	top:10px
}

.q-footer
{
	z-index:2000;
	position:relative
}

.row
{
	display:flex;
	flex-wrap:wrap
}

.justify-end
{
	justify-content:flex-end
}

.items-center
{
	align-items:center
}

.q-col-gutter-md
{
	margin-left:-20px
}

.q-col-gutter-md > *
{
	padding-left:20px
}

.q-col-gutter-md
{
	margin-top:-20px
}

.q-col-gutter-md > *
{
	padding-top:20px
}

@media (min-width: 0) {
	.row > .col-12
	{
		width:auto;
		min-width:0;
		max-width:100%
	}
	
	.col-12
	{
		flex:0 0 auto
	}
	
	.row > .col-12
	{
		height:auto;
		width:100%
	}
}

@media (min-width: 1024px) {
	.row > .col-md,.row > .col-md-auto
	{
		width:auto;
		min-width:0;
		max-width:100%
	}
	
	.col-md
	{
		flex:10000 1 0
	}
	
	.col-md-auto
	{
		flex:0 0 auto
	}
}

.no-pointer-events
{
	pointer-events:none!important
}

.fixed-bottom
{
	position:fixed;
	right:0;
	bottom:0;
	left:0
}

.absolute-full
{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0
}

.full-height
{
	height:100%!important
}

.q-mr-sm
{
	margin-right:15px
}

.q-pa-md
{
	padding:20px
}

.text-center
{
	text-align:center
}

.overflow-hidden
{
	overflow:hidden!important
}

@media (-ms-high-contrast: none) and (min-width: 1024px),screen and (-ms-high-contrast: active) and (min-width: 1024px) {
	.row > .col-md
	{
		flex-basis:auto;
		min-width:0
	}
}

input[type="radio"]
{
	position:absolute;
	opacity:0
}
.round
{
	border-radius:8px;
}
.card
{	font-size:14px;
	cursor:pointer;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
	border-radius:8px;
	vertical-align:top;
	
	overflow:hidden;
	min-height: 240px;
	color:#333;
	transition: box-shadow .25s, -webkit-box-shadow .25s;
}

.card-details 
{	
	
	width:calc(100% - 115px);
	margin: 0 0 0 15px;
	padding:0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.card-details input
{	
	width:calc(100% - 115px)!important;
	height:40px!important;
	border:none!important;
	margin:0px!important;
}


.input-field .helper-text {
    font-size: 13px;
}


.card p
{
	padding:20px 10px 10px 20px;
}

.card:hover
{
	border-color:#263238;
	box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)
}

.card-title
{
	font-size:1.5rem;
	/* line-height:1.6;*/
	display:block;
	color:#333;
	padding: 10px;
	position:relative;
	cursor:default;
	background: #f2f4f5;
	border-radius:8px 8px 0 0;
}

/*
.collapsible-body
{
	padding: 1rem 2rem 2rem 2rem; 
}
*/

.cke
{
	border: solid #DDD!important;
	border-width: 1px 0 0 0!important;
	border-radius:0 0 8px 8px!important;
}
.cke_button 
{
	height:26px!important;
	cursor:pointer!important;
}
.blueb,.chip
{
	background: #3b71ca;
    /*box-shadow: 0 4px 8px rgb(0 0 0 / 10%), 0 6px 20px rgb(0 0 0 / 10%), 0 8px 24px rgb(0 0 0 / 10%);*/
}
.green
{
	background-color: #26a69a;
}
.red
{
	background-color: red
}
.organgb
{
	background: #ca3b71;
	/*background: linear-gradient(310deg, #7928CA 0%, #FF0080 100%);*/
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%), 0 6px 20px rgb(0 0 0 / 10%), 0 8px 24px rgb(0 0 0 / 10%);
}
.greyb
{
	background-color: #4a4f54;
}
.delete-icon:hover
{
	background-color: #df2f2f;
}
.change-icon:hover
{
	background-color: #4CAF50;
}
.cahead
{
	display: block;
	background: #f2f4f5;
	padding:7px 10px 13px 20px;
	border-radius:8px 8px 0 0;
}
.collapsible
{
    border:none;
	margin:0px;
	border-radius:8px 8px 0 0;
}

input[type="radio"]:checked + .card
{
	border:2px solid #4CAF50!important;
	box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%)!important

}

input[type="radio"]:checked + .card .card-title
{
	background-color:#4CAF50!important;
	color:white!important;
}

/*
.card-with-preview
{
	position:relative
}

.card-image-preview
{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-size:contain;
	background-position:50% 50%;
	background-repeat:no-repeat;
	display:none
}
*/
#logoPreview
{
	display:none
}

.cssPictureUploader
{
	width:100%;
	padding:10px
}




.btn:hover,.btn-large:hover,.btn-small:hover
{
	background-color:#4caf50!important
}

.blue
{
	background-color:#2196f3!important
}
/*
.preview-container
{
	padding-bottom:25%
}
*/
.responsive-img
{
	max-width:100%;
	height:auto
}

.material-icons
{
	position:absolute;
	font-family:"Material Icons";
	font-weight:400;
	font-style:normal;
	display:inline-block;
	line-height:1;
	text-transform:none;
	letter-spacing:normal;
	word-wrap:normal;
	white-space:nowrap;
	direction:ltr;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	font-feature-settings:liga;
	top:50%;
	transform: translate(-50%, -50%);
}

.mleft
{
	left:20px;
}
.pleft
{
	padding-left:40px;
}
.mleft2
{
	left:31px;
}
.mcen
{
	left:50%;
}
.pright
{
	padding-right:40px;
}
.mright
{
	right:0px;
}
.logo-icons
{
	width: 78px;
    position: absolute;
    margin-top: 2px;
    right: 8px;
    top: 9px;
}
.logo-icons a
{
	float:right;
}
.file-card .logo-icons
{
	margin-top:-1px
}
.deleteButtonProduct,.deleteButtonGallery,.deleteButton
{
	margin-right:5px;
}
.naviq
{
	width:280px;
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	z-index:1202;
	background:#fff;
	border-right:1px solid #dbe3ec;
	overflow:hidden;
	transition:transform .28s ease;
}
/*
.naviq
{
	padding-top:35px;
	border:1px solid #000;
	float:left;
	position:relative;
	width:250px;
	background:#000
}
*/
#sidenav.sidenav
{
	width:100%;
	background-color: #fff!important;
	padding:20px 0 34px 0!important;
	will-change: auto;
	overflow-y:auto;
	padding-bottom:40px!important;
	box-shadow:none!important;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	z-index:1301;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-ms-flex-direction:column;
	flex-direction:column;
	transform:none;
}

@media (max-width: 993px) {
	.naviq
	{
		top:0;
		width:280px;
		transform:translateX(-100%);
		z-index:1301;
	}

	.mobile-nav-close
	{
		display:none;
	}

	#sidenav.sidenav
	{
		padding:20px 0 34px 0!important;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}

	.sidenav-overlay
	{
		display:none;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background:rgba(15,23,42,.38);
		opacity:0;
		visibility:hidden;
		position:fixed;
		z-index:1300;
		transition:opacity .28s ease,visibility .28s ease;
	}

	body.nav-open
	{
		overflow:hidden;
	}

	body.nav-open .naviq
	{
		transform:translateX(0);
	}

	body.nav-open header,
	body.nav-open .profil-main-shell
	{
		transform:translateX(280px);
	}

	body.nav-open header
	{
		z-index:1302;
	}

	body.nav-open .sidenav-overlay
	{
		display:block;
		opacity:1;
		visibility:visible;
	}

	body.nav-open header.z-depth-1,
	body.nav-open header.z-depth-1 nav,
	body.nav-open header.z-depth-1 .nav-wrapper.white
	{
		-webkit-box-shadow:none;
		box-shadow:none;
		position:relative;
		z-index:1302;
	}

	body.nav-open nav,
	body.nav-open .nav-wrapper.white
	{
		background:transparent!important;
		box-shadow:none!important;
		pointer-events:auto;
		cursor:pointer;
	}

	body.nav-open .logon,
	body.nav-open #saveButton,
	body.nav-open #nav-mobile
	{
		opacity:0;
		pointer-events:none;
	}

	body.nav-open .sidenav-trigger
	{
		position:relative;
		z-index:1302;
		pointer-events:auto;
	}

	body.nav-open .sidenav-trigger i.material-icons
	{
		color:#000000;
	}

}

@media (min-width: 994px) {
	.page-footer
	{
		z-index:1
	}

}

nav .sidenav-trigger
{
	width:56px;
	padding-left:10px;
	margin:0!important;
	text-align:center;
	font-size:50px;
	height:64px;
}
h5 {
	position:relative;
	padding-left:55px;
	overflow-wrap: break-word;
    hyphens: auto;
}
.modal-content h5 {
	position:relative;
	padding-left:0px;
}
.headicon
{
	position:absolute;
	left:20px;
	top:13px;
	transform:translateY(-50%);
	font-size:40px
}

.headicon2
{
	position:absolute;
	left:25px;
	top:13px;
	transform:translateY(-50%);
	font-size:30px
}

nav
{
	box-shadow: none!important;
}

.collection
{
	border: none;
	margin: 0 0 0 20px;
}
ul.collection > li.collection-item {
    list-style-type:disc;
    list-style-position: inside;
	text-indent: -20px!important;
}
.f4f
{
	background-color: #f4f4f4!important;
}
.chip  {
    padding-right:30px;
	position:relative;
	color:#fff;
}
.chip .close {
    position:absolute;
	right:0px;
	top:50%;
	transform: translate(-50%, -50%);
	padding:0px;
}

.file-card
{
	position:relative;
	cursor:pointer;
	overflow:hidden;
	padding:0;
	background:#fff repeating-linear-gradient(135deg,#fff, #dde0e3 1px,transparent 2px,transparent 5px);
	border:2px solid #3b71ca;
	border-radius:8px;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%), 0 6px 20px rgb(0 0 0 / 10%), 0 8px 24px rgb(0 0 0 / 10%);
	margin-bottom: 20px;
}

.file-card img
{

	max-height:100%;
	max-width:200px;
	border-radius:8px!important;
}

#step6Form .file-card,#step9Form .file-card
{
	min-height:240px
}
#step2Form .file-card .card-content
{
	min-height:184px
}

/*
.file-card>.card-content
{
	height:100%;
	min-height:90px
}
*/

.card-content {
  padding: 24px;
}

.cimg .card-content {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 106px);
  overflow: hidden;
  margin:25px 0;
}

.cpdf .card-content {
  display: flex;
  justify-content: center;
  align-items: center;

  overflow: hidden;
  margin:0 0 25px 0;
}

.card-image {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px!important;
}

.pdf-image {
 object-fit: cover;
  overflow: hidden;


  border-radius: 8px!important;
}

.card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px!important;
}

/*
#imagePreview .card .card-image img.previewImage
{
	height:200px;
	object-fit:cover
}

#imagePreview .card .card-image
{
	max-height:200px;
	overflow:hidden
}
*/


.file-card .input-field,#logoInput
{
	display:none
}

.q-icon
{
	line-height:1;
	width:1em;
	height:1em;
	letter-spacing:normal;
	text-transform:none;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	text-align:center;
	position:relative;
	box-sizing:content-box;
	fill:currentColor
}

.q-icon:after,.q-icon:before
{
	width:100%;
	height:100%;
	display:flex!important;
	align-items:center;
	justify-content:center
}

.material-icons,.q-icon
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:inherit;
	font-size:inherit;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	vertical-align:middle
}
/*
.q-stepper
{
	box-shadow:0 1px 5px rgba(0,0,0,0.2),0 2px 2px rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12);
	background:#fff
}
*/
.q-stepper__title
{
	line-height:28px;
	font-weight:400;
	font-size:15px;

}

.q-stepper__content > .q-stepper__title
{
	display:inline-flex;
	align-items:center;
	gap:14px;
	padding:12px 44px 12px 14px;
	margin:0 0 10px 0;
	margin-left:31px;
	min-height:52px;
	width:-webkit-calc(100% - 62px);
	width:calc(100% - 62px);
	font-size:14px;
	font-weight:700;
	letter-spacing:.03em;
	text-transform:none;
	color:#86898e;
	line-height:1.4;
	background:#fff;
	background:linear-gradient(180deg,#fff 0%,#eef1f4 100%);
	border:1px solid #d5dce4;
	border-radius:8px;
	box-shadow:none;
	transition:background .2s ease,border-color .2s ease,color .2s ease;
}

.q-stepper__group-trigger
{
	cursor:pointer;
	position:relative;
	padding-right:48px;
}

.q-stepper__content > .q-stepper__title .q-stepper__dot
{
	margin-right:0;
	flex:0 0 24px;
	width:24px;
	height:24px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	background:none;
	border-radius:0;
	color:#86898e;
}

.q-stepper__content > .q-stepper__title svg
{
	width:22px;
	height:22px;
	flex:0 0 22px;
	stroke:currentColor;
	stroke-width:1.8;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.q-stepper__content > .q-stepper__title > span:not(.q-stepper__group-arrow)
{
	flex:1 1 auto;
}

.q-stepper__content:first-child > .q-stepper__title
{
	margin-top:10px;
}

.q-stepper__group-arrow
{
	margin-left:auto;
	width:18px;
	height:18px;
	color:#86898e;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	transition:transform .2s ease;
}

.q-stepper__group-trigger:hover,
.q-stepper__content.is-open > .q-stepper__title
{
	background:#fff;
	background:linear-gradient(180deg,#fff 0%,#e9edf2 100%);
	border-color:#c8d0d8;
	color:#667085;
}

.q-stepper__group-arrow svg
{
	width:18px;
	height:18px;
	stroke:currentColor;
	stroke-width:2;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
	display:block;
}

.q-stepper__dot
{
	margin-right:14px;
	margin-bottom:0;
	width:42px;
	height:42px;
	border-radius:50%;
	position:relative;
	font-size:18px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}

.q-stepper__dot .material-icons
{
	color:#fff;
	font-size:13px
}

.q-stepper__dot svg
{
	width:20px;
	height:20px;
	stroke:currentColor;
	stroke-width:2;
	fill:none;
	stroke-linecap:round;
	stroke-linejoin:round;
	display:block;
	margin:0 auto;
}

.q-stepper__dot span
{
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	font-size:20px;
	font-weight:500
}

.q-stepper__tab
{
	padding:0 26px 0 0;
	color:#86898e;
	flex-direction:row;
	
}

.q-stepper__tab--navigation
{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	cursor:pointer;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:54px;
	border-radius:10px
}

.q-stepper__tab--active
{
	color:#5476c7;
	color:var(--q-color-primary)
}

.q-stepper__tab--active .q-stepper__dot,.q-stepper__tab--active .q-stepper__label
{
	text-shadow:0 0 0 currentColor
}

.q-stepper--vertical
{
	padding:16px 0
}

.q-stepper--vertical .q-stepper__tab
{
	padding:10px 26px 10px 21px;
}

.q-stepper--vertical .q-stepper__title
{
	line-height:20px;
}

.q-stepper--vertical .q-stepper__step-inner
{
	padding:0 24px 32px 60px
}

.q-stepper--vertical .q-stepper__step
{
	overflow:hidden;
	/* padding:3px 0 0 10px;*/
	padding:3px 0 0 0;
	height:54px;
	display:block;
	border-radius:10px;
	
}

.q-stepper--vertical .q-stepper__dot
{
	margin-right:14px
}

.q-stepper__step .q-stepper__dot
{
	background:none;
	box-shadow:none;
	color:inherit;
	flex:0 0 32px;
	min-width:32px;
	margin-left:16px;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
}

.q-stepper__step .q-stepper__dot svg
{
	width:28px;
	height:28px;
	margin:0 0 0 -6px;
}

.q-stepper__step .q-stepper__label
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:36px;
}

.q-stepper__step .q-stepper__title
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	min-height:36px;
	line-height:1.2;
}

.q-stepper__group-body
{
	display:none;
	padding-bottom:6px;
}

.q-stepper__content.is-open > .q-stepper__group-body
{
	display:block;
}

.q-stepper__content.is-open > .q-stepper__title .q-stepper__group-arrow
{
	transform:rotate(90deg);
}

.q-stepper__step[href$="/logout"] .q-stepper__dot svg
{
	transform:translateX(1px);
}

.profil-contract-scroll
{
	max-height:68vh;
	overflow-y:auto;
	overflow-x:hidden;
	padding:6px 4px 8px 0;
}

.profil-contract-document
{
	background:#fff;
	border:1px solid #dbe3ec;
	border-radius:8px;
	padding:22px 24px;
}

.profil-contract-meta
{
	color:#667085;
	font-size:13px;
	line-height:1.5;
	margin-bottom:16px;
}

.profil-contract-meta span
{
	display:inline-block;
	margin:0 16px 8px 0;
}

.profil-contract-document h2
{
	font-size:28px;
	line-height:1.2;
	margin:0 0 18px;
	color:#1F4175;
}

.profil-contract-document h3
{
	font-size:20px;
	line-height:1.3;
	margin:0 0 12px;
	color:#1F4175;
}

.profil-contract-document p
{
	margin:0 0 14px;
	line-height:1.7;
	color:#4E4D4D;
}

.profil-contract-parties
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:20px;
	margin:24px 0 16px;
}

.profil-contract-party
{
	-webkit-box-flex:1;
	-ms-flex:1 1 50%;
	flex:1 1 50%;
	padding:18px 20px;
	background:#f8fafc;
	border:1px solid #dbe3ec;
	border-radius:8px;
}

.profil-contract-table
{
	width:100%;
	border-collapse:collapse;
	margin:16px 0 10px;
}

.profil-contract-table th,
.profil-contract-table td
{
	border:1px solid #dbe3ec;
	padding:12px 14px;
	text-align:left;
	vertical-align:top;
	line-height:1.6;
}

.profil-contract-table th
{
	width:32%;
	background:#f8fafc;
	color:#1F4175;
	font-weight:700;
}

.profil-contract-section
{
	margin-top:24px;
}

.profil-contract-signatures
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:20px;
	margin-top:34px;
}

.profil-contract-signature
{
	-webkit-box-flex:1;
	-ms-flex:1 1 50%;
	flex:1 1 50%;
}

.profil-contract-signature-line
{
	display:block;
	height:26px;
	border-top:1px solid #98a2b3;
	margin-bottom:10px;
}

.profil-contract-signature strong,
.profil-contract-signature span
{
	display:block;
}

.profil-contract-accepted
{
	margin-top:22px;
	padding:14px 16px;
	border-radius:8px;
	background:#ecfdf3;
	border:1px solid #86efac;
	color:#166534;
	font-weight:700;
}

.profil-contract-actions
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	gap:18px;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-top:24px;
}

#contractAcceptanceForm
{
	margin:0;
}

#contractSigningForm
{
	margin:0;
}

#contractAcceptanceForm p
{
	margin:0 0 16px;
}

#contractAcceptanceForm [type="checkbox"] + span
{
	font-size:18px;
	line-height:1.6;
	padding-left:38px;
	color:#4E4D4D;
}

#contractAcceptanceForm [type="checkbox"] + span:before
{
	width:22px;
	height:22px;
	margin-top:2px;
}

#contractAcceptanceForm [type="checkbox"]:checked + span:before
{
	width:12px;
	height:22px;
}

#contractSigningForm .helper-text
{
	display:block;
	margin-top:10px;
}

.step-content
{
	width:100%!important;
	padding:20px 25px!important;
	margin:0px;
	overflow-x:hidden;
}

.q-stepper--vertical .q-stepper__dot:before
{
	bottom:100%;
	margin-bottom:8px
}

.q-stepper--vertical .q-stepper__dot:after
{
	top:100%;
	margin-top:8px
}

.q-stepper--vertical .q-stepper__step:first-child .q-stepper__dot:before,.q-stepper--vertical .q-stepper__step:last-child .q-stepper__dot:after
{
	display:none
}

.no-shadow
{
	box-shadow:none!important
}

.flex,.row
{
	display:flex;
	flex-wrap:wrap
}

.no-wrap
{
	flex-wrap:nowrap
}

.flex-center
{
	justify-content:center
}

.flex-center,.items-center
{
	align-items:center
}

@media (min-width: 0) {
	.col-grow
	{
		flex:1 0 auto
	}
}

.relative-position
{
	position:relative
}

.q-focus-helper
{
	outline:0
}

/*

body.desktop .q-focus-helper
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events:none;
	border-radius:inherit;
	opacity:0;
	transition:background-color .3s cubic-bezier(0.25,0.8,0.5,1),opacity .4s cubic-bezier(0.25,0.8,0.5,1)
}

body.desktop .q-focus-helper:after,body.desktop .q-focus-helper:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
	border-radius:inherit;
	transition:background-color .3s cubic-bezier(0.25,0.8,0.5,1),opacity .6s cubic-bezier(0.25,0.8,0.5,1)
}

body.desktop .q-focus-helper:before
{
	background:#000
}

body.desktop .q-focus-helper:after
{
	background:#fff
}

body.desktop .q-focusable,body.desktop .q-hoverable
{
	outline:0
}

body.desktop .q-focusable:focus > .q-focus-helper,body.desktop .q-hoverable:hover > .q-focus-helper
{
	background:currentColor;
	opacity:.15
}

body.desktop .q-focusable:focus > .q-focus-helper:before,body.desktop .q-hoverable:hover > .q-focus-helper:before
{
	opacity:.1
}

body.desktop .q-focusable:focus > .q-focus-helper:after,body.desktop .q-hoverable:hover > .q-focus-helper:after
{
	opacity:.4
}

body.desktop .q-focusable:focus > .q-focus-helper
{
	opacity:.22
}
*/
@media (-ms-high-contrast: none),screen and (-ms-high-contrast: active) {
	.q-focus-helper
	{
		z-index:1
	}
}

#pageNavigationStepper .q-stepper__step-inner
{
	padding:0
}

#pageNavigationScroll .q-stepper
{
	padding:30px 6px;
	background:#f2f4f5
}

.full-width
{
	width:100%
}

#cssLogin
{
	margin-bottom:0
}

#cssLoginErrorMessage
{
	margin-top:.9375rem;
	font-size:13px;
	background:#f9ecec;
	padding:1.25rem;
	width:100%
}

#cssLoginErrorMessage p
{
	line-height:1.3;
	text-rendering:optimizeLegibility;
	font-family:IBM Plex Sans,sans-serif;
	font-weight:400;
	margin:0
}

#loading-overlay
{
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	justify-content:center;
	align-items:center;
	z-index:9999
}

#saveButton
{
	position:absolute;
	right:80px;
	top:50%;
	transform:translateY(-50%);
	width:110px;
	border-radius:8px;
	color:white!important
}

.icoc
{
	position:absolute;
	left:50%;
	top:calc(50% + 20px);
	transform: translate(-50%, -50%);
	font-size:80px;
	color:#d7dce0;
	z-index:4;
}
button
{
	border-radius:8px!important;

}
#preview
{
	padding:20px;
	position: relative;
	z-index:6
}

#preview img
{
	border-radius:8px;
	max-width:100%;
	height:auto;
}

#imagePreview,#pdfPreview
{
	padding:0
}

.pdfpreview
{
	min-height:200px;
	background:#fff repeating-linear-gradient(135deg,#fff, #dde0e3 1px,transparent 2px,transparent 5px);
}

.conei
{
	display:block;
	margin:0 -12px;
	clear:both;
}

.pagination
{
	position: absolute;
	bottom: 0;
	left:0;
	padding: 10px 25px 30px 25px;
    display: block;

    height: 100px;

    width: 100%;
}

.pagination .btn
{
	display:inline
}

.modal-overlay,.sidenav-overlay
{
	cursor:pointer;
}

.modal-overlay
{
	z-index:9999998;
}

form
{
	padding:0px!important;
	margin:15px 0 0 0;
}

@media (max-width: 600px) {
	.btn
	{
		font-size:13px
	}
	
	h1
	{
		font-size:36px
	}

	.profil-contract-parties,
	.profil-contract-signatures,
	.profil-contract-actions
	{
		display:block;
	}

	.profil-contract-party,
	.profil-contract-signature
	{
		width:100%;
		margin-bottom:16px;
	}

	.profil-contract-document
	{
		padding:18px 16px;
	}

	.profil-contract-table th,
	.profil-contract-table td
	{
		display:block;
		width:100%;
	}
}

@media (max-width: 260px) {
	#nav-mobile
	{
		display:none;
	}

	#saveButton
	{
		right:10px;
		width:52px;
		min-width:52px;
		padding:0;
		font-size:0;
		text-indent:-9999px;
		overflow:hidden;
	}

	#saveButton .mleft
	{
		left:50%;
		margin:0;
		text-indent:0;
		transform:translate(-50%, -50%);
	}

	.pleft
	{
		padding-left:0;
	}

	h1
	{
		font-size:32px;
		line-height:1.1;
	}

	.main-content
	{
		padding:32px 14px 120px 14px;
	}
}

@media (max-width: 279px) {
	.naviq
	{
		width:100%;
	}

	.sidenav-overlay
	{
		left:100%;
	}

	body.nav-open header,
	body.nav-open .profil-main-shell
	{
		transform:translateX(100%);
	}
}

@media (max-width: 320px) {
	.pagination .btn
	{
		width:100%;
		margin-bottom: 15px;
	}
	.pagination {
		height: 140px;
		padding: 0px 25px 30px 25px;
	}
	.main-content {
		padding: 25px 0 120px 0;
	}
}

@media (max-width: 375px) {
	.mobi
	{
		display:none;
		visibility:hidden;
	}
}

.buttons-container .btn-floating
{
	width:30px;
	height:30px;
	line-height:30px;
	font-size:16px;
}
.btn-floating
{
	background-color: transparent!important;
}
.modal
{
	border-radius:12px;
	top: 30%!important;
	padding-bottom: 20px;
}

.modal-close
{
	text-transform: none;
}

.modal .modal-content
{
	text-align:center;
	padding:24px;
	z-index:9999999;
}

.modal-content img
{
	display:block;
	margin:0 auto;
	max-width:100%;
	height:auto
}

.modal .modal-footer
{
	text-align:center
}

.modal-footer .btn,.modal-footer .btn-flat
{
	margin:0 5px
}

.modal .btn
{
	border-radius:4px;
	background-color:#26a69a
}

.modal .btn:hover,.modal .btn:focus
{
	background-color:#1e8875
}

@media (max-width: 993px) {
	.sidenav li>a
	{
		padding:0
	}
}

@media only screen and (min-width : 601px) {
	.toast
	{
		border-radius:10px;
		text-align:center;
		margin:0 auto;
		justify-content:center;
	}
	
	#toast-container
	{
		text-align:center;
		top:5%;
		left:30%;
		right:30%
	}
}

/*
@media only screen and (max-width : 1750px) {
	.step-content
	{
		width:100%!important;
		padding:20px 25px!important;
		margin:0px;
		overflow-x:hidden;
		
	}
	
	.sidenav-trigger
	{
		display:block!important
	}
	
	#sidenav
	{
		transform:translate(-105%)
	}
}
*/
/*
@media only screen and (min-width : 1000px) and (max-width : 1750px) {
	#sidenav
	{
		margin-top:65px
	}
}
*/

/*
@media only screen and (min-width : 1000px) {
	#toast-container
	{
		left:100px
	}
}
*/
.pdf-preview
{
	/*height:200px;*/
	overflow:hidden
}

.card-panel
{
	height:100%;
	border-radius:8px;
}



.logon {
	position: absolute;
	top: 0;
	left: 34px;
	display:flex;
	align-items:center;
	gap:0;
	font-weight: 700;
	font-family: Arial;
	margin:0;
	height: 60px;
	max-width:calc(100% - 260px);
	user-select: none;
	white-space:nowrap;
}

.logblue {
    color: #114d9f;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
	margin-right:-1px;
}

.logora {
    color: #f58220;
    text-shadow: 1px 1px 1px rgb(255 255 255 / 50%);
	margin-left:1px;
}


@media only screen and (min-width: 750px) {
.logon {
    left: 34px;
    width: auto;
    font-size: 25px;
	height:64px;
}
.logon::before {
    width:30px;
    height: 30px;
    margin: -9px 10px 0 0;
}
}

@media only screen and (max-width: 993px) {
	
.l9 {
	margin-top:25px;
}

#nav-mobile {
	display:none;
}

.profil,.logon {
	
	display:none;
	visibility:hidden;
}

}

.profil-shell
{
	position:relative;
	display:flex;
	flex:1 0 auto;
	width:100%;
	padding-top:64px;
	min-height:100vh;
}

.profil-nav-collapse
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:32px;
	height:32px;
	position:absolute;
	top:10px;
	right:10px;
	z-index:1302;
	color:#475467;
	background:#fff;
	border:1px solid #d5dce4;
	border-radius:50%;
}

.profil-nav-collapse .material-icons
{
	position:static;
	transform:none;
	font-size:26px;
}

.profil-main-shell
{
	flex:1 1 auto;
	min-width:0;
	display:flex;
	flex-direction:column;
	background:#f4f4f4;
	margin-left:280px;
	min-height:calc(100vh - 64px);
	transition:margin-left .28s ease,transform .28s ease;
}

.mobile-nav-close
{
	display:none;
	position:absolute;
	top:0;
	right:0;
	width:64px;
	height:64px;
	color:#374151;
	background:#fff;
	border-left:1px solid #dbe3ec;
	border-bottom:1px solid #dbe3ec;
	z-index:1203;
}

.mobile-nav-close .material-icons
{
	left:50%;
	top:50%;
	font-size:36px;
}

@media (max-width: 993px) {
	.mobile-nav-close
	{
		display:none;
	}

	.profil-nav-collapse
	{
		display:none;
	}

	.profil-main-shell
	{
		margin-left:0;
		min-height:calc(100vh - 64px);
	}
}

.page-footer .container
{
	width:100%;
	max-width:none;
	margin:0;
	padding:18px 34px 24px 34px;
}

@media (min-width: 994px) {
	nav .sidenav-trigger
	{
		display:none;
		position:absolute;
		left:74px;
		top:0;
		width:40px;
		height:64px;
		padding:0;
	}

	body.nav-collapsed nav .sidenav-trigger
	{
		display:block;
	}

	body.nav-collapsed .logon
	{
		left:134px;
	}
}

@media (max-width: 993px) {
	nav .sidenav-trigger
	{
		position:absolute;
		left:46px;
		top:0;
		width:40px;
		height:64px;
		padding:0;
		text-align:center;
	}
}

@media (max-width: 359px) {
	nav .sidenav-trigger
	{
		left:22px;
	}
}

.page-footer .row
{
	margin:0;
}

.page-footer .col
{
	padding:0;
}

.profil-nav-legal
{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	gap:6px;
	padding:0;
	margin:0;
	position:absolute;
	left:12px;
	bottom:6px;
	z-index:2;
}

.sidenav li.profil-nav-legal
{
	width:auto;
	height:auto;
	line-height:1;
	background:none;
}

.sidenav li.profil-nav-legal a
{
	display:inline-block;
	width:auto;
	height:auto;
	min-height:0;
	padding:0;
	margin:0;
	background:none;
	border:0;
	box-shadow:none;
	color:#667085;
	font-size:11px;
	font-weight:400;
	line-height:1.2;
	opacity:.68;
	white-space:nowrap;
}

.sidenav li.profil-nav-legal a:hover
{
	background:none;
	text-decoration:underline;
}

.sidenav li.profil-nav-legal a:focus,
.sidenav li.profil-nav-legal a:active
{
	background:none;
}

::placeholder {
    color: #a9a9a9; /* Farbe des Platzhaltertexts */
    opacity: 1; /* Stellt sicher, dass die Farbe angewendet wird */
    font-style: italic; /* Kursiver Stil für den Platzhaltertext */
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #a9a9a9;
    opacity: 1;
    font-style: italic;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #a9a9a9;
    opacity: 1;
    font-style: italic;
}

.card-details input::placeholder {
    color: #a9a9a9; /* Farbe des Platzhaltertexts */
    opacity: 1; /* Stellt sicher, dass die Farbe angewendet wird */
    font-style: normal!important; /* Kursiver Stil für den Platzhaltertext */
}

.delok {
	font-family: "Google Sans",Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
	position: relative;
	font-weight: 500;
    height: 36px;
	padding: 0 15px 0 17px;
    background-color: #1a73e8;
    color: #fff;
    border-radius: 99999px;
}


.imagetable
{
	display:block;
	border-radius:8px
}

.imagetable table
{
	width:100%;
	border-collapse:collapse;
	margin:25px 0;
	font-size:17px;
	line-height:1.4em;
	text-align:left;
	box-shadow:0 4px 20px rgba(0,0,0,0.1);
	overflow:hidden;
	border-radius:8px
}

.imagetable th,td
{
	padding:12px 15px;
	border-bottom:1px solid #e1e1e1
}

.imagetable th
{
	background-color:#4a4f54;
	color:#fff;
	letter-spacing:1px
}

.imagetable tr
{
	transition:all .25s ease-in
}

.imagetable tr:nth-child(even)
{
	background-color:#f9f9f9
}

.cke_notifications_area
{
	display:none;
	visibility:hidden;
}

.q-stepper__content
{
	padding:10px 0 18px 0;
	overflow:visible
}

.settings-layout
{
	margin-bottom:34px;
}

.settings-title
{
	display:block;
	margin-bottom:12px;
	font-size:24px;
	font-weight:600;
	color:#1f2a35;
}

.settings-group
{
	background:#fff;
	border:1px solid #dfe7ef;
	border-radius:12px;
	padding:24px;
	box-shadow:0 12px 36px rgba(15,23,42,.08);
}

.setting
{
	padding:16px 0;
	border-bottom:1px solid #e7edf3;
}

.setting:first-child
{
	padding-top:0;
}

.setting:last-child
{
	padding-bottom:0;
	border-bottom:0;
}

.setting label,.setting span,.setting small
{
	color:#334155;
}

.settings-group .form-control
{
	width:100%;
	display:block;
	padding:10px 12px;
	border:1px solid #cfd8e3;
	border-radius:8px;
	background:#fff;
	color:#111827;
	box-sizing:border-box;
}

.settings-group .form-control[readonly]
{
	background:#f5f7fa;
	color:#64748b;
}

.settings-switch-wrap
{
	display:flex;
	align-items:center;
	gap:14px;
	margin-top:10px;
}

.settings-actions-row
{
	display:flex;
	align-items:center;
	gap:12px;
}

.settings-feedback-row small
{
	display:block;
	font-size:12px;
	line-height:1.5;
}

#settingsProfileMessage.settings-error,
#settingsThemeMessage.settings-error,
#settingsPasswordMessage.settings-error
{
	color:#b91c1c;
}

#settingsProfileMessage.settings-success,
#settingsThemeMessage.settings-success,
#settingsPasswordMessage.settings-success
{
	color:#166534;
}

body[data-theme="dark"]
{
	background-color:#0f172a;
	color:#dbe6f0;
}

body[data-theme="dark"] nav.navbar,
body[data-theme="dark"] .nav-wrapper.white
{
	background-color:#111827!important;
}

body[data-theme="dark"] .page-footer
{
	background-color:#111827;
	border-top-color:transparent;
}

body[data-theme="dark"] .sidenav
{
	background-color:#0f172a!important;
}

body[data-theme="dark"] .q-stepper__content > .q-stepper__title
{
	background:#1f2937;
	background:linear-gradient(180deg,#1f2937 0%,#111827 100%);
	border-color:#334155;
	color:#d1d5db;
	box-shadow:none;
}

body[data-theme="dark"] .q-stepper__group-trigger:hover,
body[data-theme="dark"] .q-stepper__content.is-open > .q-stepper__title
{
	background:#111827;
	background:linear-gradient(180deg,#263244 0%,#111827 100%);
	border-color:#475569;
	color:#e5e7eb;
}

body[data-theme="dark"] .q-stepper__content > .q-stepper__title .q-stepper__dot
{
	color:#d1d5db;
}

body[data-theme="dark"] .q-stepper__group-arrow,
body[data-theme="dark"] .profil-nav-legal a
{
	color:#cbd5e1;
}

body[data-theme="dark"] .profil-contract-document
{
	background:#111827;
	border-color:#334155;
}

body[data-theme="dark"] .profil-contract-meta,
body[data-theme="dark"] .profil-contract-document p
{
	color:#dbe6f0;
}

body[data-theme="dark"] .profil-contract-document h2,
body[data-theme="dark"] .profil-contract-document h3,
body[data-theme="dark"] .profil-contract-table th
{
	color:#f8fbff;
}

body[data-theme="dark"] .profil-contract-party,
body[data-theme="dark"] .profil-contract-table th
{
	background:#0f172a;
	border-color:#334155;
}

body[data-theme="dark"] .profil-contract-table td,
body[data-theme="dark"] .profil-contract-signature-line
{
	border-color:#334155;
}

body[data-theme="dark"] h1,
body[data-theme="dark"] h5,
body[data-theme="dark"] .q-stepper__title,
body[data-theme="dark"] .logon,
body[data-theme="dark"] .profil,
body[data-theme="dark"] nav.navbar ul a
{
	color:#f8fafc;
}

body[data-theme="dark"] p,
body[data-theme="dark"] .helper-text,
body[data-theme="dark"] .setting label,
body[data-theme="dark"] .setting span,
body[data-theme="dark"] .setting small
{
	color:#cbd5e1;
}

body[data-theme="dark"] .card,
body[data-theme="dark"] .card-panel,
body[data-theme="dark"] .file-card,
body[data-theme="dark"] .settings-group
{
	background:#1e293b;
	border-color:#334155;
	box-shadow:none;
}

body[data-theme="dark"] .setting
{
	border-bottom-color:#334155;
}

body[data-theme="dark"] .settings-group .form-control,
body[data-theme="dark"] input:not([type]):not(.browser-default),
body[data-theme="dark"] input[type=text]:not(.browser-default),
body[data-theme="dark"] input[type=password]:not(.browser-default),
body[data-theme="dark"] input[type=email]:not(.browser-default),
body[data-theme="dark"] textarea.materialize-textarea
{
	color:#f8fafc;
	border-bottom-color:#64748b;
}

body[data-theme="dark"] .settings-group .form-control
{
	background:#0f172a;
	border-color:#334155;
}

body[data-theme="dark"] .settings-group .form-control[readonly]
{
	background:#162133;
	color:#94a3b8;
}

body[data-theme="dark"] .cahead,
body[data-theme="dark"] .imagetable tr:nth-child(even)
{
	background-color:#162133;
}

body[data-theme="dark"] .collection
{
	border-color:#334155;
}

body[data-theme="dark"] ul.collection > li.collection-item
{
	border-bottom-color:#334155;
}

@media (max-width: 993px) {
	.q-stepper__content
	{
		padding:8px 0 14px 0;
	}

	.settings-group
	{
		padding:18px;
	}
}

@media (max-width: 600px) {
	.settings-actions-row
	{
		flex-direction:column;
		align-items:stretch;
	}

	.settings-actions-row .btn
	{
		width:100%;
		text-align:center;
	}

	.settings-switch-wrap
	{
		justify-content:flex-start;
		flex-wrap:wrap;
	}
}

.settings-actions-row .btn
{
	border-radius:8px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
}