

.bootstrap-iso .row.user-mainpage-menu {
	margin-left: 10px;
	margin-right: 10px;
}

.newmodul {
    display: inline-block;
    vertical-align: bottom;
    width: 24%;
 
    margin-bottom: 5px;
    background-color: white;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.69);
	padding: 3px;
    margin: 5px 3px;;
    text-align: center;	
}

.newmodul img {
	width: 100%;
}

.bootstrap-iso .modulerror{
	border: 0;
    border-radius: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.bootstrap-iso .newmodul .btn-primary,
.bootstrap-iso .newmodul .btn-default {
   padding: 0 15px;
   margin-right: 25px;
   margin-left: 25px;
   color: white;
   line-height: 23px;
   margin-bottom: 5px;
   display: block;
}

.bootstrap-iso a:hover, .bootstrap-iso a:focus {
	text-decoration: none;	
}
.newmodul a .fa {
	font-size: 16px;
}

.bootstrap-iso .alert-danger{
   padding: 7px 15px;
   color: #000;
   font-weight: bold;
   background-image: linear-gradient(to bottom, #f2dede 0%, #ff5353 100%);
   margin-bottom: 0;
}

.ump-foot {
	background: #1A1614;
	border-top: 1px solid rgba(255, 255, 255, .10);
	color: #EDE8E3;
	font-family: var(--font-family, 'Manrope', sans-serif);
}

.ump-foot__inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: var(--space-8, 2rem) var(--space-4, 1rem);
	display: flex;
	align-items: center;
	gap: var(--space-5, 1.25rem);
}

.ump-foot__logo {
	flex-shrink: 0;
	display: inline-flex;
}

.ump-foot__logo img {
	display: block;
	height: 26px;
	width: auto;
}

.ump-foot__attr {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.ump-foot__made {
	font-size: var(--font-size-base, 1rem);
	font-weight: var(--font-weight-semibold, 600);
	line-height: var(--line-height-tight, 1.25);
}

.ump-foot__made b {
	font-weight: var(--font-weight-bold, 700);
}

.ump-foot__user {
	font-size: var(--font-size-sm, .875rem);
	color: #A39A92;
}

.ump-foot__cta {
	margin-left: auto;
	flex-shrink: 0;
	padding: 10px 20px;
	border: 1px solid rgba(255, 255, 255, .30);
	border-radius: var(--radius-full, 9999px);
	color: #EDE8E3;
	font-size: var(--font-size-sm, .875rem);
	font-weight: var(--font-weight-semibold, 600);
	text-decoration: none;
	white-space: nowrap;
	transition: background var(--transition-fast, 150ms ease), border-color var(--transition-fast, 150ms ease);
}

.ump-foot__cta:hover {
	background: rgba(255, 255, 255, .10);
	border-color: rgba(255, 255, 255, .55);
	color: #FFFFFF;
	text-decoration: none;
}

.ump-foot__cta:focus-visible {
	outline: 2px solid #EDE8E3;
	outline-offset: 2px;
}

@media (max-width: 640px) {
	.ump-foot__inner {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-4, 1rem);
		padding: var(--space-6, 1.5rem) var(--space-4, 1rem);
	}

	.ump-foot__cta {
		margin-left: 0;
		width: 100%;
		text-align: center;
	}
}

.fa-icon-question:before {
    content: "\f059";
    font-family: FontAwesome;
    color: blue;
	font-size: 19px;
	cursor: pointer;
}
   
   

.ump-prevfab{
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	animation: ump-prevfab-in .45s cubic-bezier(.2, .9, .3, 1.2) both;
}
@keyframes ump-prevfab-in{
	from{ opacity: 0; transform: translateY(20px); }
	to{ opacity: 1; transform: translateY(0); }
}
.ump-prevfab .ump-ico{
	display: inline-block;
	flex-shrink: 0;
	width: 22px;
	height: 22px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.ump-prevfab__btn{
	display: inline-flex;
	align-items: center;
	gap: 9px;
	height: 52px;
	padding: 0 20px;
	border-radius: 26px;
	border: 0;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	box-shadow: 0 10px 26px -8px rgba(33, 29, 24, .45);
	transition: transform .15s, box-shadow .15s, background .15s, color .15s;
}
.ump-prevfab__lbl{ white-space: nowrap; }
.ump-prevfab__btn:hover{
	transform: translateY(-2px);
	box-shadow: 0 16px 32px -10px rgba(33, 29, 24, .5);
}
.ump-prevfab__btn:focus-visible{
	outline: 2px solid #C25A38;
	outline-offset: 3px;
}
.ump-prevfab__btn--edit{
	background: #C25A38;
	color: #fff;
	text-decoration: none;
}
.ump-prevfab__btn--edit:hover{
	background: #A8492B;
}
.ump-prevfab__btn--mobile{
	background: #fff;
	color: #5b5148;
	border: 1px solid #EBD7C7;
}
.ump-prevfab__btn--mobile:hover{
	color: #C25A38;
	border-color: #C25A38;
}
.ump-prevfab__btn--back{
	background: #fff;
	color: #5b5148;
	border: 1px solid #EBD7C7;
	text-decoration: none;
}
.ump-prevfab__btn--back:hover{
	color: #C25A38;
	border-color: #C25A38;
}
.ump-prevfab__draft{
	display: inline-flex;
	align-items: center;
	height: 30px;
	padding: 0 14px;
	border-radius: 15px;
	background: #2d2a26;
	color: #fff;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .01em;
	box-shadow: 0 8px 20px -8px rgba(33, 29, 24, .5);
}

.ump-mprev[hidden]{ display: none; }
.ump-mprev{
	position: fixed;
	inset: 0;
	z-index: 1001;
	display: flex;
	align-items: center;
	justify-content: center;
}
.ump-mprev__backdrop{
	position: absolute;
	inset: 0;
	background: rgba(24, 20, 16, .62);
	backdrop-filter: blur(2px);
}
.ump-mprev__dialog{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	max-height: 96vh;
}
.ump-mprev__bar{
	display: flex;
	align-items: center;
	gap: 16px;
}
.ump-mprev__cap{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: #f4ede6;
}
.ump-mprev__cap .ump-ico,
.ump-mprev__close .ump-ico{
	display: inline-block;
	width: 16px;
	height: 16px;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}
.ump-mprev__close{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	border: 0;
	cursor: pointer;
	background: rgba(255, 255, 255, .14);
	color: #f4ede6;
	transition: background .15s;
}
.ump-mprev__close:hover{
	background: rgba(255, 255, 255, .26);
}
.ump-mprev__close .ump-ico{ width: 18px; height: 18px; }
.ump-mprev__bezel{
	position: relative;
	width: 414px;
	max-width: 92vw;
	padding: 24px 12px 15px;
	border-radius: 38px;
	background: #211d18;
	box-shadow: 0 22px 55px -22px rgba(33, 29, 24, .55), inset 0 0 0 1px rgba(255, 255, 255, .05);
}
.ump-mprev__bezel::before{
	content: "";
	position: absolute;
	top: 11px;
	left: 50%;
	transform: translateX(-50%);
	width: 52px;
	height: 5px;
	border-radius: 3px;
	background: rgba(255, 255, 255, .16);
}
.ump-mprev__frame{
	display: block;
	width: 390px;
	max-width: 100%;
	height: min(760px, 78vh);
	border: 0;
	border-radius: 24px;
	background: #fff;
}
body.ump-mprev-lock{ overflow: hidden; }

@media only screen and (max-width: 1100px){
	.ump-prevfab__btn--mobile{ display: none; }
}

#usermainpage .bcheckbox input[type="checkbox"]:checked ~ span {
	color: white;
}

.alert-dark {
	color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
}

.ui-dialog.dm-add-dialog, .ui-dialog.dm-add-dialog .ui-dialog-content {
    background: #f1f1f1 !important;
}

@media only screen and (max-width : 1280px) {
	.newmodul{
		width: 32%;
	}
}

@media only screen and (max-width : 1100px) {

	.newmodul{
		width: 48%;
	}
}

@media only screen and (max-width : 768px) {
	.bootstrap-iso .row.user-mainpage-menu {
		margin-left: -15px;
		margin-right: -15px;
	}
	

	

	
	.newmodul{
		margin-bottom: 10px;
		display: block;
		vertical-align: top ;
		width: 100%;
		min-height: inherit; 
	}

   
	.bootstrap-iso .newmodul .btn-primary, .bootstrap-iso .newmodul .btn-default {
		width: 100%;
		margin: 0;	
	}
   
   
	
	.newmodul ul{
	  padding-left: 20px;
	  line-height: 23px;
	}
	
	.newmodul li{
	  margin: 10px 0;
	}
	

	

}

#usermainpage h1,#usermainpage h2,#usermainpage h3,#usermainpage h4,#usermainpage h5,#usermainpage h6,
#eum-modul h1,#eum-modul h2,#eum-modul h3,#eum-modul h4,#eum-modul h5,#eum-modul h6{color:inherit}

html.js-reveal #usermainpage .modulwraper.reveal{transition:opacity .5s ease-out,transform .5s ease-out;will-change:opacity,transform}
html.js-reveal #usermainpage .modulwraper.reveal:not(.is-revealed){opacity:0;transform:translateY(16px)}
html.js-reveal #usermainpage .modulwraper.reveal--fade:not(.is-revealed){transform:none}
html.js-reveal #usermainpage .modulwraper.reveal--zoom:not(.is-revealed){transform:scale(.94)}

html.js-reveal #usermainpage .modulwraper.reveal.reveal--stagger{opacity:1;transform:none;transition:none;will-change:auto}
html.js-reveal #usermainpage .modulwraper.reveal--stagger [data-reveal-item]{transition:opacity .5s ease-out,transform .5s ease-out;will-change:opacity,transform}
html.js-reveal #usermainpage .modulwraper.reveal--stagger:not(.is-revealed) [data-reveal-item]{opacity:0;transform:translateY(16px)}
html.js-reveal #usermainpage .modulwraper.reveal--zitem:not(.is-revealed) [data-reveal-item]{transform:scale(.94)}

html.js-reveal #usermainpage .modulwraper.reveal--tl:not(.is-revealed) [data-reveal-item]{transform:translateY(10px)}
html.js-reveal #usermainpage .modulwraper.reveal--tl [data-reveal-item] .tl-node{transition:transform .5s ease-out;transition-delay:inherit;transform-origin:center}
html.js-reveal #usermainpage .modulwraper.reveal--tl:not(.is-revealed) [data-reveal-item] .tl-node{transform:scale(0)}

@media (prefers-reduced-motion: reduce){
	html.js-reveal #usermainpage .modulwraper.reveal:not(.is-revealed),
	html.js-reveal #usermainpage .modulwraper.reveal--stagger:not(.is-revealed) [data-reveal-item],
	html.js-reveal #usermainpage .modulwraper.reveal--tl:not(.is-revealed) [data-reveal-item] .tl-node{opacity:1 !important;transform:none !important;transition:none !important}
}

.ump-emptysite{max-width:640px;margin:48px auto;padding:32px 28px;text-align:center;background:var(--site-surface,#fff);border:1px solid var(--site-bg-alt,#e4dfd6);border-radius:16px}
.ump-emptysite__title{font-size:22px;font-weight:700;margin-bottom:10px;color:var(--site-surface-ink,inherit)}
.ump-emptysite__text{color:var(--site-ink-soft,#6b655c);line-height:1.6;margin-bottom:22px}
.ump-emptysite__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.ump-emptysite__why{color:var(--site-ink-soft,#8a5a2b);font-size:14px;width:100%;margin-bottom:6px}

#error-modules-alert { padding: 16px 0; }

#error-modules-alert:empty { display: none; }

.ump-pv-alert {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 16px;
  padding: 14px 18px;
  background: #FBEAE6;
  border: 1px solid #F2C9BD;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  font-family: var(--font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif);
  line-height: 1.35;
  color: #1A1A1A;
}

.ump-pv-alert__ico {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background: #fff;
  color: #C5381F;
}

.ump-pv-alert__ico svg { width: 22px; height: 22px; }

.ump-pv-alert__body { flex: 1 1 220px; min-width: 0; }

.ump-pv-alert__title { font-size: 16px; font-weight: 700; color: #1A1A1A; }

.ump-pv-alert__sub { margin-top: 2px; font-size: 14px; color: #6B5A53; }

.ump-pv-alert__links { display: flex; flex-wrap: wrap; gap: 8px; }

.ump-pv-alert__link {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 6px 8px 6px 14px;
  background: #fff;
  border: 1px solid #EBD7C7;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: #A8492B;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .15s, border-color .15s;
}

.ump-pv-alert__link svg { width: 18px; height: 18px; }

.ump-pv-alert__link:hover,
.ump-pv-alert__link:focus-visible {
  background: #FBF5EF;
  border-color: #A8492B;
  color: #8E3A20;
  text-decoration: none;
}

@media (max-width: 600px) {
  .ump-pv-alert { padding: 12px 14px; }
  .ump-pv-alert__links { flex-basis: 100%; }
}
