.elementor-793 .elementor-element.elementor-element-9512940:not(.elementor-motion-effects-element-type-background), .elementor-793 .elementor-element.elementor-element-9512940 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F9F7F4;}.elementor-793 .elementor-element.elementor-element-9512940{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:130px 20px 100px 20px;}.elementor-793 .elementor-element.elementor-element-9512940 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-793 .elementor-element.elementor-element-910af4b{text-align:center;}.elementor-793 .elementor-element.elementor-element-910af4b .elementor-heading-title{font-family:"Figtree-Regular", Sans-serif;font-weight:600;color:var( --e-global-color-text );}@media(max-width:1024px){.elementor-793 .elementor-element.elementor-element-9512940{padding:100px 20px 50px 20px;}.elementor-793 .elementor-element.elementor-element-910af4b .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-793 .elementor-element.elementor-element-9512940{padding:100px 10px 50px 10px;}.elementor-793 .elementor-element.elementor-element-910af4b .elementor-heading-title{font-size:25px;}}/* Start custom CSS for shortcode, class: .elementor-element-7bf005c *//* ============ UM REGISTER → Compeso ============ */
.um-register{
  --blue:#2B5DA8; --orange:#FFA93D; --orange-dark:#e08f25;
  --ink:#1D1D1D; --muted:#777; --line:#E5E1DC; --bg:#F7F4F1;
  font-family:Figtree,Arial,sans-serif !important;
  max-width:760px;margin:0 auto;
}
.um-register *{box-sizing:border-box}

/* two-column row */
.um-register .um-row{display:flex !important;gap:24px;flex-wrap:wrap}
.um-register [class*="um-col-12"]{flex:1 1 calc(50% - 12px);min-width:0}

/* fields */
.um-register .um-field{margin-bottom:18px}
.um-register .um-field-label label{
  font-size:14px;font-weight:600;color:var(--ink);margin-bottom:7px;display:inline-block;
}
.um-register .um-form-field,
.um-register input[type="text"],
.um-register input[type="password"]{
  width:100% !important;border:1px solid var(--line) !important;border-radius:12px !important;
  padding:13px 15px !important;font-size:15px !important;color:var(--ink) !important;
  background:#fff !important;box-shadow:none !important;height:auto !important;
  transition:border-color .15s, box-shadow .15s !important;
}
.um-register .um-form-field:focus,
.um-register input[type="text"]:focus,
.um-register input[type="password"]:focus{
  border-color:var(--blue) !important;outline:none !important;
  box-shadow:0 0 0 3px rgba(43,93,168,.12) !important;
}
.um-register .um-form-field::placeholder{color:var(--muted) !important}

/* buttons row */
.um-register .um-col-alt{border:0 !important;padding-top:6px}
.um-register .um-half{width:calc(50% - 7px) !important}
.um-register .um-left.um-half{margin-right:14px}

/* primary (Registrieren) = orange pill */
.um-register .um-button{
  display:block;width:100% !important;text-align:center;
  background:var(--orange) !important;color:#fff !important;border:0 !important;
  border-radius:999px !important;padding:13px 24px !important;
  font-family:Figtree,sans-serif !important;font-size:15px !important;font-weight:600 !important;
  cursor:pointer;box-shadow:none !important;outline:none !important;appearance:none;
  text-decoration:none !important;transition:background .15s !important;
}
.um-register .um-button:hover,
.um-register .um-button:focus,
.um-register .um-button:active{
  background:var(--orange-dark) !important;color:#fff !important;box-shadow:none !important;outline:none !important;
}

/* secondary (Anmelden) = outline */
.um-register .um-button.um-alt{
  background:#fff !important;color:var(--ink) !important;border:1px solid var(--line) !important;
}
.um-register .um-button.um-alt:hover,
.um-register .um-button.um-alt:focus{
  background:#fff !important;border-color:#cfc9c0 !important;color:var(--ink) !important;
}

/* mobile: stack the two columns */
@media (max-width:600px){
  .um-register .um-row{flex-direction:column;gap:0}
  .um-register [class*="um-col-12"]{flex:1 1 100%}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Figtree-Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.eot');
	src: url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.eot?#iefix') format('embedded-opentype'),
		url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.woff2') format('woff2'),
		url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.woff') format('woff'),
		url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.ttf') format('truetype'),
		url('https://compeso.com/wp-content/uploads/2026/04/Figtree-Regular.svg#Figtree-Regular') format('svg');
}
/* End Custom Fonts CSS */