/*----------FONTS-------------------------------------------------------------------------*/
/* Inter */
@font-face {
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src: url(../../app/res/fonts/Inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src: url(../../app/res/fonts/Inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*----------RESET-------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,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,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 {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
body{line-height:normal;} ol,ul {list-style:none;} table {border-collapse:collapse;border-spacing:0;} a{text-decoration:none;color:inherit;} img{display:block;} :focus{outline:0;}
/*----------BASE--------------------------------------------------------------------------*/
/*elements:h1,h2,h3,h4,h5,h6*/
h2{font-size:1.8em;font-weight:300;text-transform:uppercase;}
h3{font-size:1.6em;font-weight:300;text-transform:uppercase;}
h4{font-size:1.3em;font-weight:400;}
h5{font-size:1.15em;font-weight:400;}
h6{font-size:1.0em;font-weight:600;}
/*elements:i,em,b,strong,strike*/
i,em{font-style:italic;}
b,strong{font-weight:600;}
strike{text-decoration:line-through;}
/*elements:p,blockquote*/
p,blockquote{text-align:justify;}
blockquote{font-style:italic;}
p,blockquote{line-height:1.8;}
/*elements:ul,ol*/
ul,ol{line-height:1.8;}
ul{list-style:square;}
ol{list-style:decimal;}
ul.unstyled,ol.unstyled{list-style:none;}
/*elements:dl*/
dl{width:100%;overflow:hidden;line-height:1.5;}
dl dt{display:inline-block;width:40%;}
dl dd{display:inline-block;width:60%;}
/*elements:table*/
table caption{margin-bottom:0.25em;padding:0 1em;font-weight:600;white-space:nowrap;}
table thead th{padding:0.8em 0.6em;font-size:0.98em;font-weight:600;}
table tbody th,table tbody td{padding:0.6em 0.6em;font-size:0.96em;}
table tfoot td{padding:0.6em;font-size:0.9em;font-style:italic;text-align:justify;max-width:0;}
table tbody th,table tbody td{text-align:left;}
table tbody th{font-weight:600;}
table th,table td{vertical-align:middle;}
div.tablewrapper{overflow-x:auto}
/*elements:form*/
form p {display:block;margin-bottom:1em;}
form p:last-child {margin-bottom:0;}
form label:not(.optionlabel){display:block;}
form input:not([type="submit"]):not([type="reset"]),form select,form textarea{padding:0.6em;font-size:0.9em;box-sizing:border-box;font-family:inherit;}
form textarea{width:100%;height:12em;font-family:inherit;}
form input[type="submit"],form input[type="reset"]{font-size:0.95em;padding:0.75em 1em;border:0;}
form input[type="submit"]:hover,form input[type="reset"]:hover{cursor:pointer;}
form input[type="submit"]:disabled,form input[type="reset"]:disabled{cursor:initial;}
/*elements:img,figure*/
figure{text-align:center;}
figure figcaption{font-size:0.95em;margin-top:0.25em;}


/*#########################################################*/
/*##########MAIN###########################################*/
/*#########################################################*/
/*----------DESKTOP----------------------------------------*/
body{background:#f4f4f6;color:#242424;font-size:16px;font-family:"Inter",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;}

/*----------Layout----------*/
div#container, header, main, footer, section{width:100%;text-align:center;}
header{padding-top:2rem;padding-bottom:1rem;}
main{padding:0;margin-top:3rem;}
footer{padding:0.25em 0;}
@media (max-width:900px){
  main{margin-top:0;}
}

html, body{height:100%;}
div#container{display:flex;flex-direction:column;height:100%;width:100%;}
main {flex:auto;}footer {flex:none;}

/*----------Header----------*/
header h1{color:#515764;font-size:2.1em;font-weight:200;text-transform:none;}
/*----------Content----------*/
main a{color:#246dff;}
main a:hover{text-decoration:underline;}
/*----------Footer----------*/
footer nav ul{}
footer nav ul li{font-size:0.85em;display:inline-block;padding:1em 0;}
footer nav ul li a{color:#6c7180;opacity:0.9;}
footer nav ul li a:hover{opacity:1;text-decoration:underline;}
footer nav ul li:not(:last-child)::after{content:"•";color:#636a78;padding-left:0.5em;padding-right:0.5em;}


/*#########################################################*/
/*##########CLASSES########################################*/
/*#########################################################*/
.padding{padding:0.5em;}
.marginbottom{margin-bottom:0.75em;}
.textsmall{font-size:0.9em;}
.textsmaller{font-size:0.8em;}

/*section*/
section{padding:2em 0;box-sizing:border-box;}
section > p{font-size:0.9em;margin-top:0.4em;font-weight:300;text-align:center;}
section form {width:16em;padding:1em;background:#fff;font-weight:300;display:inline-block;margin:0 auto;}
section form h2{font-size:1.7em;font-weight:200;margin-top:0;margin-bottom:1em;}
section form fieldset{margin-bottom:1em;}
section form p{margin-bottom:0.5em;display:block;text-align:center;}
section form label.hidden{display:none;}
section form label.optionlabel{font-size:0.95em;}
section form p.message{font-size:0.9em;width:100%;padding:0.4em;margin-top:0.75em;line-height:1.5;display:inline-block;box-sizing:border-box;}
section form p.checkbox-disabled{opacity:0.6;}
section form p.checkbox input[type="checkbox"]{vertical-align:middle;margin:0;position:relative;top:0;}
section form p.checkbox label {vertical-align:middle;line-height:1}
section form input:not([type="submit"]):not([type="reset"]), section form select, section form textarea{color:#454545;font-weight:300;border:1px solid #eeeeee;}
section form input:not([type="submit"]):not([type="reset"]), section form textarea{text-align:center;}
section form input:read-only:not([type="submit"]):not([type="reset"]){border:1px solid #fff;}
section form input:not([type="checkbox"]){width:100%;padding:0.8em!important;}
section form input[type="submit"]{font-size:1em;padding:0.8em!important;background:#262626;color:#fff;}
section form input[type="submit"]:hover{background:#000;color:#fff;}
section form input.hoverdanger[type="submit"]:hover{background:#cb0000;}
section form input[type="submit"]:disabled{background:#d8d8d8;color:#fcfcfc;}
section form .success{color:#009920;}
section form .success a{color:#0a8924;text-decoration:underline;}
section form .success a:hover{color:#002f0a;}
section form .warning{color:#b4a01c;}
section form .warning a{color:#b4a01c;text-decoration:underline;}
section form .warning a:hover{color:#8c7c15;}
section form .error{color:#cb0000;}
section form .error a{color:#cb0000;text-decoration:underline;}
section form .error a:hover{color:#9c0000;}
section form .message.success{background-color:rgba(0, 153, 32, 0.15);}
section form .message.warning {background-color:#fffade;}
section form .message.error{background-color:rgba(203, 0, 0, 0.2);}