@font-face {
    font-family: "Icons";
    src: url("fonts/Icons.woff?v=1") format("woff");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: normal;
    src: url("fonts/FiraSans-Regular.woff?v=4.1") format("woff");
}

@font-face {
    font-family: "Fira Sans";
    font-weight: bold;
    src: url("fonts/FiraSans-Bold.woff?v=4.1") format("woff");
}

@font-face {
    font-family: "Fira Mono";
    font-weight: normal;
    src: url("fonts/FiraMono-Regular.woff?v=3.2") format("woff");
}

@font-face {
    font-family: "Fira Mono";
    font-weight: bold;
    src: url("fonts/FiraMono-Bold.woff?v=3.2") format("woff");
}

*,
*::before,
*::after {
	box-sizing: border-box
}

html {
	overflow-y: hidden
}

html,
body {
	color: var(--color-dark);
	font-size: 16px;
	height: 100%;
	overflow-x: hidden;
	min-width: 320px
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
header,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
p,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

h1 {
	margin-bottom: 2rem
}

h2 {
	margin-bottom: 1rem
}

h3 {
	margin-bottom: 1rem
}

p:not(:last-child) {
    margin-bottom: 1rem;
    font-size: 1rem;
    font-weight: 400;
    color: var(--color-dark)
}

.question {
    margin-bottom: 1rem;
}

input[type=time]::-webkit-calendar-picker-indicator {
	display: none
}

.bamf-it {
	--primary: #80cdec;
	--primary-rgb: 128, 205, 236;
	--accent: #d8f0f9;
	--hover: #b3e1f4;
	--font-color: #2c2c2c;
	--font-color--disabled: #2c2c2c
}

html {
	--color-lightgray: #BEC5C9;
	--color-darkgray: #767676;
	--color-black: #000;
	--color-dark: #2c2c2c;
	--color-gray: #959595;
	--color-white: #FFF;
	--color-light: #E5E7E7;
	--color-red: #780F2D;
	--color-green: #00854a;
	--color-blue: #114477;
	--color-violet: #5F316E;
	--color-hover: #F2F3F4;
	--color-white-hover: #FAFAFA;
	--color-gradient: linear-gradient(#FBFBF9 33%, #EBEBE8);
	--color-lightorange: #F7BB3D;
	--color-lightorange30: #FCEAC4;
	--color-lightorange60: #FAD68B;
	--color-yellow: #F9E03A;
	--color-yellow30: #FDF5C3;
	--color-yellow60: #FBEC89;
	--color-lightgreen: #C1CA31;
	--color-lightgreen30: #ECEFC1;
	--color-lightgreen60: #DADF83;
	--color-darkgreen: #005C45;
	--color-darkgreen20: #CCDEDA;
	--color-darkgreen80: #337D6A;
	--color-cyan: #00818B;
	--color-cyan20: #CCE6E8;
	--color-cyan80: #339AA2;
	--color-lightblue: #80CDEC;
	--color-lightblue30: #D8F0F9;
	--color-lightblue60: #B3E1F4;
	--color-darkblue: #004B76;
	--color-darkblue20: #CCDBE4;
	--color-darkblue80: #336F91;
	--color-petrol: #007194;
	--color-petrol20: #CCE3EA;
	--color-petrol80: #338DA9
}

html {
	letter-spacing: .008rem;
	word-spacing: .01rem;
	line-height: 1.5;
	font-family: "Fira Sans", sans-serif;
    font-variant: slashed-zero;
}

b, strong {
    font-weight: bold;
}

code, pre, tt {
    font-family: "Fira Mono", monospace;
    font-variant: slashed-zero;
}

h1 {
	font-size: 2.5rem;
	font-weight: 300;
	color: var(--color-dark)
}

h1:focus {
	outline: none
}

h2 {
	font-size: 1.5rem;
	font-weight: 400;
	color: var(--color-dark)
}

h3,
h4 {
	font-size: 20px;
	font-weight: 400;
	color: var(--color-dark)
}

.bamf-app {
	display: flex;
	flex-direction: column;
	background-image: linear-gradient(#FBFBF9 33%, #EBEBE8);
	background-repeat: no-repeat;
	background-attachment: fixed
}

.bamf-main {
	margin: 0 4rem;
	flex-grow: 1
}

.bamf-grid {
	display: flex;
	flex-wrap: wrap
}

@media(max-width: 960px) {
	.bamf-main {
		margin: 0 2rem 1rem
	}
}

@media(max-width: 700px) {
	.bamf-main {
		margin: 0 1.5rem
	}
}

@media(max-width: 460px) {
	.bamf-main {
		margin: 0 1rem
	}
}

.bamf-header {
	margin-bottom: 3rem
}

.bamf-header__row--first {
	align-items: center;
	background-color: var(--color-lightgray);
	display: flex;
	min-height: 57px;
	justify-content: space-between;
	padding: 0 64px;
	width: 100%
}

.bamf-header__row--accent {
	background-color: var(--primary);
	border: none;
	height: 4px;
	margin-bottom: 0;
	margin-top: 2px
}

@media(max-width: 960px) {
	.bamf-header {
		margin-bottom: 2rem
	}

	.bamf-header__row--first {
		padding: 0 2rem
	}
}

@media(max-width: 700px) {
	.bamf-header {
		margin-bottom: 1.5rem
	}

	.bamf-header__row--first {
		padding: 0 1.5rem
	}
}

@media(max-width: 460px) {
	.bamf-header {
		margin-bottom: 1rem
	}

	.bamf-header__row--first {
		padding: 0 1rem
	}
}

.bamf-footer {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: var(--color-white);
	box-shadow: 0 -2px 10px var(--color-light);
	line-height: 50px;
	padding: 0 4rem;
	column-gap: 1rem
}

.bamf-footer__item {
	display: block;
	white-space: nowrap;
	color: var(--color-dark);
	letter-spacing: .008rem;
	word-spacing: .01rem;
	font-size: .875rem;
	font-weight: 400;
	padding: .5rem 0;
	line-height: 2
}

.bamf-footer__item>.icon {
	font-size: 1.5rem;
	padding: 0 .25rem
}

@media(max-width: 960px) {
	.bamf-footer {
		padding: 0 3rem
	}

	.bamf-footer__item {
		line-height: 1.5rem
	}
}

@media(max-width: 700px) {
	.bamf-footer {
		padding: 0 2rem
	}

	.bamf-footer__item {
		display: flex;
		flex-wrap: wrap
	}
}

@media(max-width: 460px) {
	.bamf-footer {
		display: block;
		padding: 0 1rem
	}

	.bamf-footer__item {
		line-height: 1.5rem
	}

	.bamf-footer__item:last-child {
		padding-bottom: 1rem
	}
}

.bamf-card {
	margin-bottom: 4rem;
	padding: 3rem 4rem;
	background-color: var(--color-white);
	box-shadow: 0 2px 10px #e5e7e7;
	border-radius: 9px
}

@media(max-width: 960px) {
	.bamf-card {
		margin-bottom: 2rem;
		padding: 2rem
	}
}

@media(max-width: 700px) {
	.bamf-card {
		margin-bottom: 1.5rem;
		padding: 1.5rem
	}
}

@media(max-width: 460px) {
	.bamf-card {
		margin-bottom: 1rem;
		padding: 1rem
	}
}

@media all {
	.bamf-grid {
		margin: -0.5rem -1rem
	}

	.bamf-grid:not(:last-child) {
		margin-bottom: 1.5rem
	}

	.bamf-grid [class*=bamf-col]:not([class*=-newline]):not(th, td),
	.bamf-grid>.bamf-separator {
		padding: .5rem 1rem
	}

	.bamf-col {
		flex: 0 1 8.3333333333%
	}

	.bamf-col-auto {
		flex: 1
	}

	.bamf-col-newline {
		flex: 0 0 100%;
		padding: 0
	}

	.bamf-col-offset-0 {
		margin-left: 0
	}

	.bamf-col-1 {
		flex: 0 0 8.3333333333%
	}

	.bamf-col-order-1 {
		order: 1
	}

	.bamf-col-offset-1 {
		margin-left: 8.3333333333%
	}

	.bamf-col-2 {
		flex: 0 0 16.6666666667%
	}

	.bamf-col-order-2 {
		order: 2
	}

	.bamf-col-offset-2 {
		margin-left: 16.6666666667%
	}

	.bamf-col-3 {
		flex: 0 0 25%
	}

	.bamf-col-order-3 {
		order: 3
	}

	.bamf-col-offset-3 {
		margin-left: 25%
	}

	.bamf-col-4 {
		flex: 0 0 33.3333333333%
	}

	.bamf-col-order-4 {
		order: 4
	}

	.bamf-col-offset-4 {
		margin-left: 33.3333333333%
	}

	.bamf-col-5 {
		flex: 0 0 41.6666666667%
	}

	.bamf-col-order-5 {
		order: 5
	}

	.bamf-col-offset-5 {
		margin-left: 41.6666666667%
	}

	.bamf-col-6 {
		flex: 0 0 50%
	}

	.bamf-col-order-6 {
		order: 6
	}

	.bamf-col-offset-6 {
		margin-left: 50%
	}

	.bamf-col-7 {
		flex: 0 0 58.3333333333%
	}

	.bamf-col-order-7 {
		order: 7
	}

	.bamf-col-offset-7 {
		margin-left: 58.3333333333%
	}

	.bamf-col-8 {
		flex: 0 0 66.6666666667%
	}

	.bamf-col-order-8 {
		order: 8
	}

	.bamf-col-offset-8 {
		margin-left: 66.6666666667%
	}

	.bamf-col-9 {
		flex: 0 0 75%
	}

	.bamf-col-order-9 {
		order: 9
	}

	.bamf-col-offset-9 {
		margin-left: 75%
	}

	.bamf-col-10 {
		flex: 0 0 83.3333333333%
	}

	.bamf-col-order-10 {
		order: 10
	}

	.bamf-col-offset-10 {
		margin-left: 83.3333333333%
	}

	.bamf-col-11 {
		flex: 0 0 91.6666666667%
	}

	.bamf-col-order-11 {
		order: 11
	}

	.bamf-col-offset-11 {
		margin-left: 91.6666666667%
	}

	.bamf-col-12 {
		flex: 0 0 100%
	}

	.bamf-col-order-12 {
		order: 12
	}

	.justify-content-start {
		justify-content: flex-start !important
	}

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

	.justify-content-center {
		justify-content: center !important
	}

	.justify-content-between {
		justify-content: space-between !important
	}

	.justify-content-around {
		justify-content: space-around !important
	}

	.align-items-start {
		align-items: flex-start !important
	}

	.align-items-end {
		align-items: flex-end !important
	}

	.align-items-center {
		align-items: center !important
	}

	.align-items-baseline {
		align-items: baseline !important
	}

	.align-items-stretch {
		align-items: stretch !important
	}

	.align-content-start {
		align-content: flex-start !important
	}

	.align-content-end {
		align-content: flex-end !important
	}

	.align-content-center {
		align-content: center !important
	}

	.align-content-between {
		align-content: space-between !important
	}

	.align-content-around {
		align-content: space-around !important
	}

	.align-content-stretch {
		align-content: stretch !important
	}

	.align-self-auto {
		align-self: auto !important
	}

	.align-self-start {
		align-self: flex-start !important
	}

	.align-self-end {
		align-self: flex-end !important
	}

	.align-self-center {
		align-self: center !important
	}

	.align-self-baseline {
		align-self: baseline !important
	}

	.align-self-stretch {
		align-self: stretch !important
	}

	.no-wrap {
		white-space: nowrap !important
	}
}

@media(max-width: 960px) {
	.bamf-grid {
		margin: -0.5rem -1rem
	}

	.bamf-grid:not(:last-child) {
		margin-bottom: 1.5rem
	}

	.bamf-grid [class*=bamf-col]:not([class*=-newline]):not(th, td),
	.bamf-grid>.bamf-separator {
		padding: .5rem 1rem
	}

	.bamf-col-m {
		flex: 0 1 8.3333333333%
	}

	.bamf-col-m-auto {
		flex: 1
	}

	.bamf-col-m-newline {
		flex: 0 0 100%;
		padding: 0
	}

	.bamf-col-m-offset-0 {
		margin-left: 0
	}

	.bamf-col-m-1 {
		flex: 0 0 8.3333333333%
	}

	.bamf-col-m-order-1 {
		order: 1
	}

	.bamf-col-m-offset-1 {
		margin-left: 8.3333333333%
	}

	.bamf-col-m-2 {
		flex: 0 0 16.6666666667%
	}

	.bamf-col-m-order-2 {
		order: 2
	}

	.bamf-col-m-offset-2 {
		margin-left: 16.6666666667%
	}

	.bamf-col-m-3 {
		flex: 0 0 25%
	}

	.bamf-col-m-order-3 {
		order: 3
	}

	.bamf-col-m-offset-3 {
		margin-left: 25%
	}

	.bamf-col-m-4 {
		flex: 0 0 33.3333333333%
	}

	.bamf-col-m-order-4 {
		order: 4
	}

	.bamf-col-m-offset-4 {
		margin-left: 33.3333333333%
	}

	.bamf-col-m-5 {
		flex: 0 0 41.6666666667%
	}

	.bamf-col-m-order-5 {
		order: 5
	}

	.bamf-col-m-offset-5 {
		margin-left: 41.6666666667%
	}

	.bamf-col-m-6 {
		flex: 0 0 50%
	}

	.bamf-col-m-order-6 {
		order: 6
	}

	.bamf-col-m-offset-6 {
		margin-left: 50%
	}

	.bamf-col-m-7 {
		flex: 0 0 58.3333333333%
	}

	.bamf-col-m-order-7 {
		order: 7
	}

	.bamf-col-m-offset-7 {
		margin-left: 58.3333333333%
	}

	.bamf-col-m-8 {
		flex: 0 0 66.6666666667%
	}

	.bamf-col-m-order-8 {
		order: 8
	}

	.bamf-col-m-offset-8 {
		margin-left: 66.6666666667%
	}

	.bamf-col-m-9 {
		flex: 0 0 75%
	}

	.bamf-col-m-order-9 {
		order: 9
	}

	.bamf-col-m-offset-9 {
		margin-left: 75%
	}

	.bamf-col-m-10 {
		flex: 0 0 83.3333333333%
	}

	.bamf-col-m-order-10 {
		order: 10
	}

	.bamf-col-m-offset-10 {
		margin-left: 83.3333333333%
	}

	.bamf-col-m-11 {
		flex: 0 0 91.6666666667%
	}

	.bamf-col-m-order-11 {
		order: 11
	}

	.bamf-col-m-offset-11 {
		margin-left: 91.6666666667%
	}

	.bamf-col-m-12 {
		flex: 0 0 100%
	}

	.bamf-col-m-order-12 {
		order: 12
	}

	.justify-content-m-start {
		justify-content: flex-start !important
	}

	.justify-content-m-end {
		justify-content: flex-end !important
	}

	.justify-content-m-center {
		justify-content: center !important
	}

	.justify-content-m-between {
		justify-content: space-between !important
	}

	.justify-content-m-around {
		justify-content: space-around !important
	}

	.align-items-m-start {
		align-items: flex-start !important
	}

	.align-items-m-end {
		align-items: flex-end !important
	}

	.align-items-m-center {
		align-items: center !important
	}

	.align-items-m-baseline {
		align-items: baseline !important
	}

	.align-items-m-stretch {
		align-items: stretch !important
	}

	.align-content-m-start {
		align-content: flex-start !important
	}

	.align-content-m-end {
		align-content: flex-end !important
	}

	.align-content-m-center {
		align-content: center !important
	}

	.align-content-m-between {
		align-content: space-between !important
	}

	.align-content-m-around {
		align-content: space-around !important
	}

	.align-content-m-stretch {
		align-content: stretch !important
	}

	.align-self-m-auto {
		align-self: auto !important
	}

	.align-self-m-start {
		align-self: flex-start !important
	}

	.align-self-m-end {
		align-self: flex-end !important
	}

	.align-self-m-center {
		align-self: center !important
	}

	.align-self-m-baseline {
		align-self: baseline !important
	}

	.align-self-m-stretch {
		align-self: stretch !important
	}

	.no-wrap {
		white-space: nowrap !important
	}
}

@media(max-width: 700px) {
	.bamf-grid {
		margin: -0.25rem -0.5rem
	}

	.bamf-grid:not(:last-child) {
		margin-bottom: .75rem
	}

	.bamf-grid [class*=bamf-col]:not([class*=-newline]):not(th, td),
	.bamf-grid>.bamf-separator {
		padding: .25rem .5rem
	}

	.bamf-col-sm {
		flex: 0 1 8.3333333333%
	}

	.bamf-col-sm-auto {
		flex: 1
	}

	.bamf-col-sm-newline {
		flex: 0 0 100%;
		padding: 0
	}

	.bamf-col-sm-offset-0 {
		margin-left: 0
	}

	.bamf-col-sm-1 {
		flex: 0 0 8.3333333333%
	}

	.bamf-col-sm-order-1 {
		order: 1
	}

	.bamf-col-sm-offset-1 {
		margin-left: 8.3333333333%
	}

	.bamf-col-sm-2 {
		flex: 0 0 16.6666666667%
	}

	.bamf-col-sm-order-2 {
		order: 2
	}

	.bamf-col-sm-offset-2 {
		margin-left: 16.6666666667%
	}

	.bamf-col-sm-3 {
		flex: 0 0 25%
	}

	.bamf-col-sm-order-3 {
		order: 3
	}

	.bamf-col-sm-offset-3 {
		margin-left: 25%
	}

	.bamf-col-sm-4 {
		flex: 0 0 33.3333333333%
	}

	.bamf-col-sm-order-4 {
		order: 4
	}

	.bamf-col-sm-offset-4 {
		margin-left: 33.3333333333%
	}

	.bamf-col-sm-5 {
		flex: 0 0 41.6666666667%
	}

	.bamf-col-sm-order-5 {
		order: 5
	}

	.bamf-col-sm-offset-5 {
		margin-left: 41.6666666667%
	}

	.bamf-col-sm-6 {
		flex: 0 0 50%
	}

	.bamf-col-sm-order-6 {
		order: 6
	}

	.bamf-col-sm-offset-6 {
		margin-left: 50%
	}

	.bamf-col-sm-7 {
		flex: 0 0 58.3333333333%
	}

	.bamf-col-sm-order-7 {
		order: 7
	}

	.bamf-col-sm-offset-7 {
		margin-left: 58.3333333333%
	}

	.bamf-col-sm-8 {
		flex: 0 0 66.6666666667%
	}

	.bamf-col-sm-order-8 {
		order: 8
	}

	.bamf-col-sm-offset-8 {
		margin-left: 66.6666666667%
	}

	.bamf-col-sm-9 {
		flex: 0 0 75%
	}

	.bamf-col-sm-order-9 {
		order: 9
	}

	.bamf-col-sm-offset-9 {
		margin-left: 75%
	}

	.bamf-col-sm-10 {
		flex: 0 0 83.3333333333%
	}

	.bamf-col-sm-order-10 {
		order: 10
	}

	.bamf-col-sm-offset-10 {
		margin-left: 83.3333333333%
	}

	.bamf-col-sm-11 {
		flex: 0 0 91.6666666667%
	}

	.bamf-col-sm-order-11 {
		order: 11
	}

	.bamf-col-sm-offset-11 {
		margin-left: 91.6666666667%
	}

	.bamf-col-sm-12 {
		flex: 0 0 100%
	}

	.bamf-col-sm-order-12 {
		order: 12
	}

	.justify-content-sm-start {
		justify-content: flex-start !important
	}

	.justify-content-sm-end {
		justify-content: flex-end !important
	}

	.justify-content-sm-center {
		justify-content: center !important
	}

	.justify-content-sm-between {
		justify-content: space-between !important
	}

	.justify-content-sm-around {
		justify-content: space-around !important
	}

	.align-items-sm-start {
		align-items: flex-start !important
	}

	.align-items-sm-end {
		align-items: flex-end !important
	}

	.align-items-sm-center {
		align-items: center !important
	}

	.align-items-sm-baseline {
		align-items: baseline !important
	}

	.align-items-sm-stretch {
		align-items: stretch !important
	}

	.align-content-sm-start {
		align-content: flex-start !important
	}

	.align-content-sm-end {
		align-content: flex-end !important
	}

	.align-content-sm-center {
		align-content: center !important
	}

	.align-content-sm-between {
		align-content: space-between !important
	}

	.align-content-sm-around {
		align-content: space-around !important
	}

	.align-content-sm-stretch {
		align-content: stretch !important
	}

	.align-self-sm-auto {
		align-self: auto !important
	}

	.align-self-sm-start {
		align-self: flex-start !important
	}

	.align-self-sm-end {
		align-self: flex-end !important
	}

	.align-self-sm-center {
		align-self: center !important
	}

	.align-self-sm-baseline {
		align-self: baseline !important
	}

	.align-self-sm-stretch {
		align-self: stretch !important
	}

	.no-wrap {
		white-space: nowrap !important
	}
}

@media(max-width: 460px) {
	.bamf-grid {
		margin: -0.25rem -0.5rem
	}

	.bamf-grid:not(:last-child) {
		margin-bottom: .75rem
	}

	.bamf-grid [class*=bamf-col]:not([class*=-newline]):not(th, td),
	.bamf-grid>.bamf-separator {
		padding: .25rem .5rem
	}

	.bamf-col-s {
		flex: 0 1 8.3333333333%
	}

	.bamf-col-s-auto {
		flex: 1
	}

	.bamf-col-s-newline {
		flex: 0 0 100%;
		padding: 0
	}

	.bamf-col-s-offset-0 {
		margin-left: 0
	}

	.bamf-col-s-1 {
		flex: 0 0 8.3333333333%
	}

	.bamf-col-s-order-1 {
		order: 1
	}

	.bamf-col-s-offset-1 {
		margin-left: 8.3333333333%
	}

	.bamf-col-s-2 {
		flex: 0 0 16.6666666667%
	}

	.bamf-col-s-order-2 {
		order: 2
	}

	.bamf-col-s-offset-2 {
		margin-left: 16.6666666667%
	}

	.bamf-col-s-3 {
		flex: 0 0 25%
	}

	.bamf-col-s-order-3 {
		order: 3
	}

	.bamf-col-s-offset-3 {
		margin-left: 25%
	}

	.bamf-col-s-4 {
		flex: 0 0 33.3333333333%
	}

	.bamf-col-s-order-4 {
		order: 4
	}

	.bamf-col-s-offset-4 {
		margin-left: 33.3333333333%
	}

	.bamf-col-s-5 {
		flex: 0 0 41.6666666667%
	}

	.bamf-col-s-order-5 {
		order: 5
	}

	.bamf-col-s-offset-5 {
		margin-left: 41.6666666667%
	}

	.bamf-col-s-6 {
		flex: 0 0 50%
	}

	.bamf-col-s-order-6 {
		order: 6
	}

	.bamf-col-s-offset-6 {
		margin-left: 50%
	}

	.bamf-col-s-7 {
		flex: 0 0 58.3333333333%
	}

	.bamf-col-s-order-7 {
		order: 7
	}

	.bamf-col-s-offset-7 {
		margin-left: 58.3333333333%
	}

	.bamf-col-s-8 {
		flex: 0 0 66.6666666667%
	}

	.bamf-col-s-order-8 {
		order: 8
	}

	.bamf-col-s-offset-8 {
		margin-left: 66.6666666667%
	}

	.bamf-col-s-9 {
		flex: 0 0 75%
	}

	.bamf-col-s-order-9 {
		order: 9
	}

	.bamf-col-s-offset-9 {
		margin-left: 75%
	}

	.bamf-col-s-10 {
		flex: 0 0 83.3333333333%
	}

	.bamf-col-s-order-10 {
		order: 10
	}

	.bamf-col-s-offset-10 {
		margin-left: 83.3333333333%
	}

	.bamf-col-s-11 {
		flex: 0 0 91.6666666667%
	}

	.bamf-col-s-order-11 {
		order: 11
	}

	.bamf-col-s-offset-11 {
		margin-left: 91.6666666667%
	}

	.bamf-col-s-12 {
		flex: 0 0 100%
	}

	.bamf-col-s-order-12 {
		order: 12
	}

	.justify-content-s-start {
		justify-content: flex-start !important
	}

	.justify-content-s-end {
		justify-content: flex-end !important
	}

	.justify-content-s-center {
		justify-content: center !important
	}

	.justify-content-s-between {
		justify-content: space-between !important
	}

	.justify-content-s-around {
		justify-content: space-around !important
	}

	.align-items-s-start {
		align-items: flex-start !important
	}

	.align-items-s-end {
		align-items: flex-end !important
	}

	.align-items-s-center {
		align-items: center !important
	}

	.align-items-s-baseline {
		align-items: baseline !important
	}

	.align-items-s-stretch {
		align-items: stretch !important
	}

	.align-content-s-start {
		align-content: flex-start !important
	}

	.align-content-s-end {
		align-content: flex-end !important
	}

	.align-content-s-center {
		align-content: center !important
	}

	.align-content-s-between {
		align-content: space-between !important
	}

	.align-content-s-around {
		align-content: space-around !important
	}

	.align-content-s-stretch {
		align-content: stretch !important
	}

	.align-self-s-auto {
		align-self: auto !important
	}

	.align-self-s-start {
		align-self: flex-start !important
	}

	.align-self-s-end {
		align-self: flex-end !important
	}

	.align-self-s-center {
		align-self: center !important
	}

	.align-self-s-baseline {
		align-self: baseline !important
	}

	.align-self-s-stretch {
		align-self: stretch !important
	}

	.no-wrap {
		white-space: nowrap !important
	}
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px
}

::-webkit-scrollbar-button {
	display: none
}

::-webkit-scrollbar-track {
	border-radius: 3px;
	background-color: var(--color-light)
}

::-webkit-scrollbar-thumb {
	border-radius: 3px;
	background-color: var(--primary);
	min-height: 64px;
	min-width: 64px
}



.icon {
	line-height: 1
}

.icon:before {
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
	text-transform: none;
	vertical-align: bottom
}

.icon.aktivfertig:before {
	content: ""
}

.icon.aktualisieren:before {
	content: ""
}

.icon.anhang:before {
	content: ""
}

.icon.antworten:before {
	content: ""
}

.icon.barrierefreiheit:before {
	content: ""
}

.icon.bearbeiten:before {
	content: ""
}

.icon.behoerde:before {
	content: ""
}

.icon.beratung:before {
	content: ""
}

.icon.checkboxselektiert:before {
	content: ""
}

.icon.checkboxselektiertfehler:before {
	content: ""
}

.icon.checkboxunbestimmt:before {
	content: ""
}

.icon.checkboxnichtselektiert:before {
	content: ""
}

.icon.checkboxnichtselektiertfehler:before {
	content: ""
}

.icon.datumsauswahl:before {
	content: ""
}

.icon.dokument:before {
	content: ""
}

.icon.dokumentgesichtet:before {
	content: ""
}

.icon.download:before {
	content: ""
}

.icon.drucken:before {
	content: ""
}

.icon.einfuegen:before {
	content: ""
}

.icon.einstellungen:before {
	content: ""
}

.icon.entsperren:before {
	content: ""
}

.icon.erfolg:before {
	content: ""
}

.icon.export:before {
	content: ""
}

.icon.fehler:before {
	content: ""
}

.icon.filter:before {
	content: ""
}

.icon.filteraehnelt:before {
	content: ""
}

.icon.filteraehneltnicht:before {
	content: ""
}

.icon.filterbeginntmit:before {
	content: ""
}

.icon.filterendetmit:before {
	content: ""
}

.icon.filterenthaelt:before {
	content: ""
}

.icon.filterenthaeltnicht:before {
	content: ""
}

.icon.filteristgleich:before {
	content: ""
}

.icon.filteristgroesserals:before {
	content: ""
}

.icon.filteristgroessergleich:before {
	content: ""
}

.icon.filteristkleinerals:before {
	content: ""
}

.icon.filteristkleinergleich:before {
	content: ""
}

.icon.filteristungleich:before {
	content: ""
}

.icon.hilfe:before {
	content: ""
}

.icon.hinzufuegen:before {
	content: ""
}

.icon.import:before {
	content: ""
}

.icon.infotooltip:before {
	content: ""
}

.icon.jugendmigrationsdienst:before {
	content: ""
}

.icon.kopieren:before {
	content: ""
}

.icon.kurs:before {
	content: ""
}

.icon.kursort:before {
	content: ""
}

.icon.liste:before {
	content: ""
}

.icon.loeschen:before {
	content: ""
}

.icon.login:before {
	content: ""
}

.icon.logout:before {
	content: ""
}

.icon.mehr:before {
	content: ""
}

.icon.menue:before {
	content: ""
}

.icon.integrationsprojekte:before {
	content: ""
}

.icon.nutzer:before {
	content: ""
}

.icon.nutzergruppe:before {
	content: ""
}

.icon.ort:before {
	content: ""
}

.icon.pdf:before {
	content: ""
}

.icon.pfeilausklappen:before {
	content: ""
}

.icon.pfeileinklappen:before {
	content: ""
}

.icon.pfeilganzvorne:before {
	content: ""
}

.icon.pfeilganzzurueck:before {
	content: ""
}

.icon.pfeilrunter:before {
	content: ""
}

.icon.pfeilweiter:before {
	content: ""
}

.icon.pfeilweiterklein:before {
	content: ""
}

.icon.pfeilzurueck:before {
	content: ""
}

.icon.pfeilzurueckklein:before {
	content: ""
}

.icon.radiobuttonselektiert:before {
	content: ""
}

.icon.radiobuttonselektiertfehler:before {
	content: ""
}

.icon.radiobuttonnichtselektiert:before {
	content: ""
}

.icon.radiobuttonnichtselektiertfehler:before {
	content: ""
}

.icon.rauszoomen:before {
	content: ""
}

.icon.regionalstelle:before {
	content: ""
}

.icon.reinzoomen:before {
	content: ""
}

.icon.rueckgaengig:before {
	content: ""
}

.icon.rueckkehrberatung:before {
	content: ""
}

.icon.scan:before {
	content: ""
}

.icon.schliessen:before {
	content: ""
}

.icon.schliessenklein:before {
	content: ""
}

.icon.schluessel:before {
	content: ""
}

.icon.senden:before {
	content: ""
}

.icon.sortieren:before {
	content: ""
}

.icon.speichern:before {
	content: ""
}

.icon.sperren:before {
	content: ""
}

.icon.sprachen:before {
	content: ""
}

.icon.suche:before {
	content: ""
}

.icon.taboeffnen:before {
	content: ""
}

.icon.verboten:before {
	content: ""
}

.icon.vergleichen:before {
	content: ""
}

.icon.verzeichnisgeoeffnet:before {
	content: ""
}

.icon.verzeichnisgeschlossen:before {
	content: ""
}

.icon.weiterleiten:before {
	content: ""
}

.icon.wertunggefuellt:before {
	content: ""
}

.icon.wertungleer:before {
	content: ""
}

.icon.wiederholen:before {
	content: ""
}

.icon.zeilenhoehegross:before {
	content: ""
}

.icon.zeilenhoeheklein:before {
	content: ""
}

.icon.zeilenhoehemittel:before {
	content: ""
}

.icon.zeit:before {
	content: ""
}

.icon.itticket:before {
	content: ""
}

.icon.telefon:before {
	content: ""
}

.icon.alphabetisierungskurs:before {
	content: ""
}

.icon.blindenkurs:before {
	content: ""
}

.icon.elternintegrationskurs:before {
	content: ""
}

.icon.foerderkurs:before {
	content: ""
}

.icon.frauenintegrationskurs:before {
	content: ""
}

.icon.gehoerlosenkurs:before {
	content: ""
}

.icon.grundzulassung:before {
	content: ""
}

.icon.intensivkurs:before {
	content: ""
}

.icon.jugendintegrationskurs:before {
	content: ""
}

.icon.laufzeit:before {
	content: ""
}

.icon.sonstigerspeziellerkurs:before {
	content: ""
}

.icon.sprachtest:before {
	content: ""
}

.icon.testzumorientierungskurs:before {
	content: ""
}

.icon.zweitschriftlernkurs:before {
	content: ""
}

.icon.ungelesenemail:before {
	content: ""
}

.icon.csv:before {
	content: ""
}

.icon.kursgeplant:before {
	content: ""
}

.icon.kurslaeuft:before {
	content: ""
}

.icon.abh:before {
	content: ""
}

.icon.regionalkoordinator:before {
	content: ""
}

.icon.direktmeldung:before {
	content: ""
}

.icon.smartphone:before {
	content: ""
}

.icon.home:before {
	content: ""
}

.icon.geolokalisierung:before {
	content: ""
}

.icon.geolokalisierungnichtverfuegbar:before {
	content: ""
}

.icon.geolokalisierungerfolgreich:before {
	content: ""
}

.icon.webapplikation:before {
	content: ""
}

.icon.paragraf:before {
	content: ""
}

.icon.medizin:before {
	content: ""
}

.icon.qualitaetssicherung:before {
	content: ""
}

.icon.informationsaustausch:before {
	content: ""
}

.icon.risikomanagement:before {
	content: ""
}

.icon.xml:before {
	content: ""
}

.icon.zip:before {
	content: ""
}

.icon.word:before {
	content: ""
}

.icon.highlight:before {
	content: ""
}

.icon.neu:before {
	content: ""
}

.icon.baumdiagramm:before {
	content: ""
}

.icon.wiedervorlageaktiv:before {
	content: ""
}

.icon.wiedervorlageaktivieren:before {
	content: ""
}

.icon.unmarkiert:before {
	content: ""
}

.icon.markiert:before {
	content: ""
}

.icon.beratungsprogrammbundeslaender:before {
	content: ""
}

.icon.integrationsprojektefuerfrauen:before {
	content: ""
}

.icon.hinweis:before {
	content: ""
}

.icon.stop:before {
	content: ""
}

.icon.start:before {
	content: ""
}

.icon.warten:before {
	content: ""
}

.icon.cloud:before {
	content: ""
}

.icon.clouderfolg:before {
	content: ""
}

.icon.cloudfehler:before {
	content: ""
}

.icon.cloudhilfe:before {
	content: ""
}

.icon.erstorientierungskurse:before {
	content: ""
}

.icon.gemeinsamunterwegs:before {
	content: ""
}

.icon.modellprojekte:before {
	content: ""
}

.icon.houseofresources:before {
	content: ""
}

.icon.bundesprogrammegesellschaftlicherzusammenhalt:before {
	content: ""
}

.icon.integrationdurchsport:before {
	content: ""
}

.icon.raeumlichebarrierefreiheitrollstuhl:before {
	content: ""
}

.icon.raeumlichebarrierefreiheitrollator:before {
	content: ""
}

.icon.sehbeintraechtigung:before {
	content: ""
}

.icon.kontrastreichegestaltung:before {
	content: ""
}

.icon.kinderbeaufsichtigung:before {
	content: ""
}

.icon.dokumentenaufteilung:before {
	content: ""
}

.icon.highlight,
.icon.neu {
	color: #5f316e
}

.icon.clouderfolg {
	color: #00854a
}

.icon.cloudfehler {
	color: #780f2d
}

.icon.warten:before {
	content: none !important
}

.icon.checkboxselektiertfehler,
.icon.checkboxnichtselektiertfehler,
.icon.radiobuttonselektiertfehler,
.icon.radiobuttonnichtselektiertfehler {
	color: #780f2d
}

ul li::before {
	content: "•";
	margin-right: .5rem
}

ol {
	counter-reset: ol
}

ol li::before {
	counter-increment: ol;
	content: counter(ol) ".";
	margin-right: .5rem
}

ol, ul {
	margin-top: 1rem;
	margin-bottom: 1rem;
	list-style-type: none
}

ul li, ol li {
	display: flex
}

ul li:not(:last-child), ol li:not(:last-child) {
	margin-bottom: .5rem
}

.bamf-button {
	min-width: 104px;
	font-family: inherit;
	color: inherit;
	letter-spacing: inherit;
	word-spacing: inherit;
	font-size: inherit;
	line-height: 32px;
	height: 32px;
	padding: 0 16px;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	user-select: none;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.bamf-button:not(:disabled) {
	cursor: pointer
}

.bamf-button:disabled {
	cursor: not-allowed;
	color: var(--color-gray)
}

.bamf-button--primary {
	background-color: var(--primary);
	border: 0;
	color: var(--font-color)
}

.bamf-button--primary:hover:enabled, a.bamf-button--primary:hover {
	background-color: var(--hover)
}

.bamf-button--primary:disabled {
	background-color: rgba(var(--primary-rgb), 55%);
	color: var(--font-color--disabled)
}

.bamf-button--secondary {
	background-color: var(--color-light);
	border: 1px solid var(--color-dark)
}

.bamf-button--secondary:hover:enabled, a.bamf-button--secondary:hover {
	background-color: #f2f3f4
}

.bamf-button--secondary:disabled {
	background-color: rgba(229, 231, 231, .55);
	border: 1px solid var(--color-gray)
}

.bamf-button--icon {
	min-width: 3rem;
	text-decoration: none
}

.bamf-button>.icon--left {
	margin-right: 1rem
}

.bamf-button>.icon--right {
	margin-left: 1rem
}

.bamf-icon-button {
	border: 0;
	padding: 0 1rem;
	background-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 2rem
}

.bamf-icon-button:disabled {
	cursor: not-allowed;
	color: var(--color-gray)
}

.bamf-button-group {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	justify-content: flex-end;
    margin-top: 2rem;
}

@media(max-width: 700px) {
	.bamf-button-group {
		gap: 1.5rem;
        margin-top: 1.5rem;
	}
}

@media(max-width: 460px) {
	.bamf-button-group {
		gap: 1rem;
        margin-top: 1rem;
	}
}

.bamf-label {
	font-family: "Fira Sans", sans-serif;
	color: var(--color-dark);
	letter-spacing: .008rem;
	word-spacing: .01rem;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.125rem
}

.bamf-label--control {
	cursor: pointer
}

.bamf-label--disabled {
	color: var(--color-gray)
}

.bamf-label--required::after {
	content: " *" /"";
	color: var(--color-red);
	letter-spacing: .008rem;
	word-spacing: .01rem;
	font-size: 1.125rem;
	font-weight: 700
}

.bamf-label--error {
	color: var(--color-red);
	font-size: 1rem;
	font-weight: 400
}

.bamf-input {
	padding: 0 16px;
	height: 32px;
	line-height: 32px;
	color: var(--color-dark);
	letter-spacing: .008rem;
	word-spacing: .01rem;
	font-family: "Fira Sans", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	border: 1px solid var(--color-dark);
	border-radius: 3px;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%
}

.bamf-input--invalid {
	border-bottom: 3px solid var(--color-red)
}

.bamf-input:disabled {
	background-color: var(--color-white);
	cursor: not-allowed;
	user-select: none;
}

.bamf-input:focus:not([readonly]) {
	outline: 1px solid var(--color-dark)
}

.bamf-input:focus:not([readonly])::placeholder {
	color: var(--color-dark)
}

.bamf-input[readonly]:not(.bamf-datepicker-input, .bamf-timepicker-input):is(input) {
	border: none;
	padding: 0
}

a {
	text-decoration: underline var(--color-dark);
	color: var(--color-black)
}

a:hover:not(.bamf-button) {
	text-decoration: underline var(--color-blue);
	color: var(--color-blue)
}

.bamf-checkbox {
	-webkit-appearance: none;
	width: 1rem;
	line-height: 1.5rem;
	padding: 0;
	vertical-align: bottom;
	cursor: pointer;
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-size: 1.075rem;
	margin: 0 .5rem 0 0
}

.bamf-checkbox::before {
	content: ""
}

.bamf-checkbox:checked::before {
	content: ""
}

.bamf-checkbox--invalid {
	color: var(--color-red)
}

.bamf-checkbox--invalid::before {
	content: ""
}

.bamf-checkbox--invalid:checked::before {
	content: ""
}

.bamf-checkbox:indeterminate::before {
	content: ""
}

.bamf-checkbox:disabled {
	cursor: not-allowed
}

.bamf-checkbox:disabled+.bamf-label {
	cursor: not-allowed;
}

.bamf-checkbox+.bamf-label {
	font-size: 1rem;
	margin: 0;
	font-weight: 400;
	cursor: pointer;
	line-height: 1.5rem
}

.bamf-checkbox+.bamf-label--required::after {
	content: none
}

.bamf-checkbox+.bamf-label--required::before {
	content: "* " /"";
	color: var(--color-red);
	letter-spacing: .008rem;
	word-spacing: .01rem;
	font-size: 1.125rem;
	font-weight: 700
}

.bamf-radio {
	-webkit-appearance: none;
	width: 1rem;
	line-height: 1.5rem;
	padding: 0;
	vertical-align: bottom;
	cursor: pointer;
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-size: 1.075rem;
	margin: 1px .5rem 0 0
}

.bamf-radio::before {
	content: ""
}

.bamf-radio:checked::before {
	content: ""
}

.bamf-radio--invalid {
	color: var(--color-red)
}

.bamf-radio--invalid::before {
	content: ""
}

.bamf-radio--invalid:checked::before {
	content: ""
}

.bamf-radio:disabled {
	cursor: not-allowed;
}

.bamf-radio:disabled+.bamf-label {
	cursor: not-allowed;
}

.bamf-radio+.bamf-label {
	font-size: 1rem;
	margin-right: 2rem;
	font-weight: 400;
	cursor: pointer;
	line-height: 1.5rem
}

.bamf-separator {
	font-size: 1.25rem;
	color: var(--color-dark);
	display: flex;
	align-items: center
}

.bamf-separator:empty::after {
	margin-left: 0
}

.bamf-separator::after {
	content: " ";
	display: block;
	background-color: var(--color-light);
	flex: 1;
	height: 2px;
	margin-left: .5rem;
	border-radius: 1rem
}

.bamf-separator>h3,
.bamf-separator h4 {
	margin-bottom: 0;
	font-size: 1.25rem
}

.bamf-grid>.bamf-separator {
	flex: 0 0 100%;
	margin-bottom: 0
}

.bamf-alert {
	padding: .5rem 1rem .5rem calc(1rem + 36px);
	border-radius: 9px;
	background-color: #fff;
	position: relative
}

.bamf-alert__header {
	font-weight: bold;
	font-size: 1rem;
	margin-bottom: 0.5rem;
}

.bamf-alert--info {
	border: 1px solid var(--color-dark)
}

.bamf-alert--info::before,
.bamf-alert--info::before {
	content: "\e029" /"";
	color: var(--color-dark)
}

.bamf-alert--error {
	border: 1px solid var(--color-red)
}

.bamf-alert--error::before,
.bamf-alert--error::before {
	content: "\e018" /"";
	color: var(--color-red)
}

.bamf-alert--success {
	border: 1px solid var(--color-green)
}

.bamf-alert--success::before,
.bamf-alert--success::before {
	content: "\e016" /"";
	color: var(--color-green)
}

.bamf-alert::before {
	font-family: "Icons";
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-size: 1.5rem;
	position: absolute;
	left: 1rem;
	line-height: 1.5rem
}

.bamf-fieldset .bamf-legend {
	font-size: 1.25rem;
	color: var(--color-dark);
	width: 100%;
	display: flex;
	align-items: center
}

.bamf-fieldset .bamf-legend::after {
	content: " ";
	display: block;
	background-color: var(--color-light);
	flex: 1;
	height: 2px;
	margin-left: .5rem;
	border-radius: 1rem
}

.bamf-fieldset>*:first-child:not(.bamf-legend)::before {
	content: " ";
	display: block;
	background-color: var(--color-light);
	height: 2px;
	border-radius: 1rem
}

.nowrap {
	white-space: nowrap
}

html {
	--zindex-toggle: 1;
	--zindex-tooltip: 1000;
	--zindex-dropdown: 999;
	--zindex-slider-circle: 1;
	--zindex-datepicker-calendar: 999;
	--zindex-datepicker-calendar-td-background: -1;
	--zindex-timepicker: 999;
}

.bamf-alert + h2 {
    margin-top: 1rem;
}

.choice {
    display: flex;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-radius: 3px;
}

input:disabled {
    color: var(--color-dark);
}

.details {
    margin-bottom: 1rem;
    margin-top: 0.5rem;
}