:root { --bg-color: #fdf5ec; --logo-url: url('https://www.swsk.be/wp-content/uploads/2025/08/Altoni-Kelderman.png'); --primary-color: #1d1d1b; --primary-color-hover: #0a0a09; --primary-color-light: #1d1d1b2b; /* Neem de primary kleur en voeg '2b' achteraan toe */ }  
body.is-login.ef-branch-Altoni #main-content {
	max-width: 20vw;
	min-height: 60vh;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: white;
	border-radius: 20px;
	padding: 40px 50px;
    z-index:1;
}


body.is-login.ef-branch-Altoni::after { content: ''; width: 100%; max-width: 100vw; height: 100%; position: absolute; top: 0; left: 0; background-color: #fdf5ec; z-index: 0; } body.is-login.ef-branch-Altoni > div { position: relative; z-index: 1; } body.is-login.ef-branch-Altoni .breadcrumb-x, body.is-login.ef-branch-Altoni header { display: none; } body.is-login.ef-branch-Altoni #main-content::before { content: ''; display: block; width: 220px; height: 180px; background-image: var(--logo-url); background-size: contain; background-repeat: no-repeat; background-position: center; margin: 0 auto 20px auto; } body.is-login.ef-branch-Altoni #main-content { max-width: 20vw; min-height: 60vh; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background: white; border-radius: 20px; padding: 40px 50px; } body.is-login.ef-branch-Altoni #main-content .ef-block { background: transparent; box-shadow: none; } body.is-login.ef-branch-Altoni #main-content h2 { font-weight: 300; margin-bottom: 20px; color: #344853; } body.is-login.ef-branch-Altoni #main-content h3 { font-weight: 500; color: var(--primary-color); } body.is-login.ef-branch-Altoni #main-content .one-column-login > .row { margin: 0 -15px; } body.is-login.ef-branch-Altoni #main-content .one-column-login label { display: none; } body.is-login.ef-branch-Altoni #main-content .one-column-login .form-control { padding: 22px; border-radius: 32px; border: 2px solid #000; } body.is-login.ef-branch-Altoni #main-content .one-column-login .login_password { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } body.is-login.ef-branch-Altoni #main-content .one-column-login .input-group-addon { border-top-right-radius: 32px; border-bottom-right-radius: 32px; padding: 8px 20px; border: 2px solid #000; border-left: none; } body.is-login.ef-branch-Altoni #main-content .one-column-login .btn-primary { background-color: var(--primary-color); padding: 12px 30px; border-radius: 32px; border: none; box-shadow: 0 0 0 0px var(--primary-color-light); transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out; } body.is-login.ef-branch-Altoni #main-content .one-column-login .btn-primary:hover { background-color: var(--primary-color-hover); box-shadow: 0 0 0 8px var(--primary-color-light); } body.is-login.ef-branch-Altoni #main-content .one-column-login #forgot-passwd { color: var(--primary-color); } body.is-login.ef-branch-Altoni #main-content .one-column-login #forgot-passwd:hover { color: var(--primary-color-hover); } @media screen and (max-width: 700px) { body.is-login.ef-branch-Altoni::after { display: none; } body.is-login.ef-branch-Altoni #main-content { max-width: unset; position: relative; left: 0; top: unset; transform: translateY(0); } } @media screen and (min-width: 700px) { body.is-login.ef-branch-Altoni #main-content .container { width: 100%; } body.is-login.ef-branch-Altoni #main-content { max-width: 70vw; } } @media screen and (min-width: 1000px) { body.is-login.ef-branch-Altoni #main-content { max-width: 50vw; } } @media screen and (min-width: 1400px) { body.is-login.ef-branch-Altoni #main-content { width: 30vw; max-width: 500px; } }

/* DO NOT ADD/EDIT AFTER THIS LINE */
*.btn.btn-primary, *.btn.btn-primary:not(.active), *.btn.btn-primary:hover, *.btn.btn-primary:hover:not(.active), *.btn.btn-primary:focus, *.btn.btn-primary:focus:not(.active){background-color:#B0945D;border-color:#B0945D;}
#ef-navbar, #ef-navbar li a.dropdown-toggle[aria-expanded="true"]{background-color:#fdf5ec;border-color:#ffffff;}
html.new-ui-html:root{--c-brand-primary:#1d1d1b;--c-brand-primary-darken-5:#f8f0e7;--c-brand-primary-darken-7:#f6eee5;--c-brand-primary-darken-10:#f3ebe2;--c-brand-primary-darken-15:#eee6dd;--c-brand-primary-darken-17:#ece4db;--c-brand-primary-darken-20:#e9e1d8;--c-brand-primary-darken-25:#e4dcd3;--c-brand-primary-lighten-7:#fffcf3;--c-brand-primary-lighten-40:#ffffff;}