/* Source common/css/styles/default/default.scss */

@charset "UTF-8";
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
.nobreak {
  white-space: nowrap;
}

.nohyphens {
  hyphens: none;
}

.hideme {
  display: none !important;
}

::selection {
  background: #04467b;
  color: #fff;
}

* {
  -webkit-tap-highlight-color: rgba(5, 98, 173, 0.1);
  box-sizing: border-box;
}
@media (min-width: 61.875rem) {
  * {
    hyphens: none;
  }
}

main {
  display: block;
}

html {
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  letter-spacing: calc((0.875rem + 0.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 0.875rem;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  background: #F9F9F9;
  color: #1B1C20;
  font-family: "Assistant", sans-serif;
  font-feature-settings: "liga", "kern";
  font-kerning: normal;
  font-weight: 400;
  hyphenate-limit-chars: 6 3 2;
  hyphens: auto;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 160rem;
  position: relative;
  text-rendering: geometricPrecision;
}
@media (min-width: 93.75rem) {
  body {
    letter-spacing: calc(1.125rem * 0);
  }
}
@media (min-width: 20rem) {
  body {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  body {
    font-size: 1.125rem;
  }
}
body.no_scroll {
  overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6,
.style_h1,
.style_h2,
.style_h3,
.style_h4,
.style_h5,
.style_h6 {
  hyphens: none;
  word-wrap: break-word;
}
.dark_area h1,
.dark_area h2,
.dark_area h3,
.dark_area h4,
.dark_area h5,
.dark_area h6,
.dark_area .style_h1,
.dark_area .style_h2,
.dark_area .style_h3,
.dark_area .style_h4,
.dark_area .style_h5,
.dark_area .style_h6 {
  color: #fff;
}

h1,
.style_h1 {
  letter-spacing: calc((1.875rem + 1.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1.875rem;
  color: #1B1C20;
  font-family: "PlayfairDisplay", sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
}
@media (min-width: 93.75rem) {
  h1,
.style_h1 {
    letter-spacing: calc(3.125rem * 0);
  }
}
@media (min-width: 20rem) {
  h1,
.style_h1 {
    font-size: calc(1.875rem + 1.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h1,
.style_h1 {
    font-size: 3.125rem;
  }
}

h2,
.style_h2 {
  letter-spacing: calc((1.375rem + 1.125 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1.375rem;
  color: #1B1C20;
  font-family: "PlayfairDisplay", sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin: 0 0 0.75em;
  padding-top: 0.9em;
}
@media (min-width: 93.75rem) {
  h2,
.style_h2 {
    letter-spacing: calc(2.5rem * 0);
  }
}
@media (min-width: 20rem) {
  h2,
.style_h2 {
    font-size: calc(1.375rem + 1.125 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h2,
.style_h2 {
    font-size: 2.5rem;
  }
}

h3,
.style_h3 {
  letter-spacing: calc((1.125rem + 0.4375 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1.125rem;
  color: #1B1C20;
  font-family: "PlayfairDisplay", sans-serif;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 0.375em;
  padding-top: 0.45em;
  text-transform: uppercase;
}
@media (min-width: 93.75rem) {
  h3,
.style_h3 {
    letter-spacing: calc(1.5625rem * 0);
  }
}
@media (min-width: 20rem) {
  h3,
.style_h3 {
    font-size: calc(1.125rem + 0.4375 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h3,
.style_h3 {
    font-size: 1.5625rem;
  }
}

h4,
.style_h4 {
  letter-spacing: calc((1rem + 0.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1rem;
  color: #1B1C20;
  font-family: "PlayfairDisplay", sans-serif;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 0.375em;
  text-transform: uppercase;
}
@media (min-width: 93.75rem) {
  h4,
.style_h4 {
    letter-spacing: calc(1.25rem * 0);
  }
}
@media (min-width: 20rem) {
  h4,
.style_h4 {
    font-size: calc(1rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h4,
.style_h4 {
    font-size: 1.25rem;
  }
}

h5,
.style_h5 {
  letter-spacing: calc((0.875rem + 0.25 * (100vw - 20rem) / (73.75)) * 0.08);
  font-size: 0.875rem;
  color: #1B1C20;
  font-family: "Assistant", sans-serif;
  font-weight: 800;
  line-height: 1.35;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 93.75rem) {
  h5,
.style_h5 {
    letter-spacing: calc(1.125rem * 0.08);
  }
}
@media (min-width: 20rem) {
  h5,
.style_h5 {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h5,
.style_h5 {
    font-size: 1.125rem;
  }
}

h6,
.style_h6 {
  letter-spacing: calc((0.75rem + 0.25 * (100vw - 20rem) / (73.75)) * 0.08);
  font-size: 0.75rem;
  color: #1B1C20;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  line-height: 1.35;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 93.75rem) {
  h6,
.style_h6 {
    letter-spacing: calc(1rem * 0.08);
  }
}
@media (min-width: 20rem) {
  h6,
.style_h6 {
    font-size: calc(0.75rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  h6,
.style_h6 {
    font-size: 1rem;
  }
}

p,
.style_p {
  letter-spacing: calc((0.875rem + 0.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 0.875rem;
  color: #1B1C20;
  font-family: "Assistant", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0 0 0.75em;
  text-transform: none;
}
@media (min-width: 93.75rem) {
  p,
.style_p {
    letter-spacing: calc(1.125rem * 0);
  }
}
@media (min-width: 20rem) {
  p,
.style_p {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  p,
.style_p {
    font-size: 1.125rem;
  }
}
.dark_area p,
.dark_area .style_p {
  color: #fff;
}

.headline_with_subtitle h2,
.headline_with_subtitle .style_h2,
.headline_with_subtitle h3,
.headline_with_subtitle .style_h3 {
  margin-bottom: 0;
  padding-top: 0;
}
.headline_with_subtitle .subtitle {
  margin: 0;
  padding: 0 0 1.5em;
}
.headline_with_subtitle.center {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.headline_with_subtitle.center p {
  max-width: 32.3125rem;
}
.startpage .headline_with_subtitle.center p strong {
  font-weight: 400;
}

a {
  color: #1B1C20;
  text-decoration: underline;
  transition: color 300ms;
}
a:active, a.active {
  color: #1B1C20;
  outline: 0;
}
a:focus-visible {
  outline: 0.1875rem solid #0562AD;
  outline-offset: 0.125rem;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a[tabindex="-1"] {
  display: block;
}
a[tabindex="-1"]:focus {
  outline: 0;
}
a[tabindex="-1"][id] {
  position: relative;
}
a[tabindex="-1"][id]:after {
  content: "";
}
a.touch_link {
  display: block;
  text-decoration: none;
}
a.touch_link .title {
  display: inline-block;
  margin-bottom: 0.375em;
  outline-offset: 0;
  padding: 0;
}
a.touch_link:focus {
  outline: 0;
}
a.touch_link:focus .title {
  outline: 0.1875rem solid rgba(5, 98, 173, 0.8);
  outline-offset: 0.0625rem;
}
a.touch_link:focus[data-focus-method=mouse] .title, a.touch_link:focus[data-focus-method=touch] .title {
  outline: 0;
}
a.touch_link:hover .title {
  text-decoration: none;
}
.dark_area a {
  color: #fff;
}
.dark_area a:active, .dark_area a.active {
  color: #fff;
}

.highlighted:not(.form) {
  animation: highlighted_anchor 900ms;
}

strong {
  font-weight: 600;
}

em {
  font-style: normal;
}

blockquote {
  margin: 0 0 0.75em 1ch;
  text-indent: -1ch;
}
blockquote:before {
  content: "„";
}
blockquote:after {
  content: "“";
}

small {
  font-size: 85%;
}

sup {
  font-size: 85%;
  line-height: 1;
  position: relative;
  top: -0.3125rem;
}

sub {
  bottom: -0.125rem;
  font-size: 85%;
  line-height: 1;
  position: relative;
}

.table {
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.5em;
  overflow-y: auto;
}

* + .table {
  margin-top: 1.5em;
}

table {
  border-bottom: 0.0625rem solid #e0e0e0;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  width: 100%;
}

.responsive_table {
  overflow-x: auto;
}
.responsive_table table {
  min-width: 25rem;
}
.responsive_table_500 {
  overflow-x: auto;
}
.responsive_table_500 table {
  min-width: 31.25rem;
}
.responsive_table_600 {
  overflow-x: auto;
}
.responsive_table_600 table {
  min-width: 37.5rem;
}
.responsive_table_700 {
  overflow-x: auto;
}
.responsive_table_700 table {
  min-width: 43.75rem;
}
.responsive_table_800 {
  overflow-x: auto;
}
.responsive_table_800 table {
  min-width: 50rem;
}
.responsive_table_900 {
  overflow-x: auto;
}
.responsive_table_900 table {
  min-width: 56.25rem;
}

th {
  font-weight: 600;
  text-align: left;
}

td,
th {
  border-top: 0.0625rem solid #e0e0e0;
  padding: 0.4995em;
  transition: background 300ms;
  vertical-align: top;
}

tr:hover td,
tr:hover th {
  background: #FFFFFF;
}

.dark_area table,
.dark_area th,
.dark_area td {
  border-color: #fff;
  color: #fff;
}
.dark_area tr:hover td,
.dark_area tr:hover th {
  background: #2A5679;
}

ol {
  counter-reset: list;
  list-style: none;
  margin: 0 0 0.75em;
  padding: 0;
}
ol > li {
  letter-spacing: calc((0.875rem + 0.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 0.875rem;
  padding-left: 1.5em;
  position: relative;
}
@media (min-width: 93.75rem) {
  ol > li {
    letter-spacing: calc(1.125rem * 0);
  }
}
@media (min-width: 20rem) {
  ol > li {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  ol > li {
    font-size: 1.125rem;
  }
}
ol > li:before {
  color: #0562AD;
  content: counter(list) ".";
  counter-increment: list;
  font-weight: 600;
  left: 0;
  line-height: 1.5;
  position: absolute;
  text-align: right;
  width: 1.125em;
}
.dark_area ol > li {
  color: #fff;
}
.dark_area ol > li:before {
  color: #fff;
}
ol ol, ol ul {
  margin: 0;
}

ul {
  list-style: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><rect height="7" width="7" x="0" y="1" fill="%230562AD"/></svg>');
  margin: 0 0 0.75em;
  padding-left: 1.125em;
}
.dark_area ul {
  list-style: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10" width="10" height="10"><rect height="7" width="7" x="0" y="1" fill="%23FFFFFF"/></svg>');
}
ul > li {
  letter-spacing: calc((0.875rem + 0.25 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 0.875rem;
  padding-left: 0.375em;
}
@media (min-width: 93.75rem) {
  ul > li {
    letter-spacing: calc(1.125rem * 0);
  }
}
@media (min-width: 20rem) {
  ul > li {
    font-size: calc(0.875rem + 0.25 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  ul > li {
    font-size: 1.125rem;
  }
}
.dark_area ul > li {
  color: #fff;
}
ul ol, ul ul {
  margin: 0;
}

.defined_list dl {
  border-bottom: 0.0625rem solid #e0e0e0;
  margin: 0.75em 0;
}
@media (min-width: 35rem) {
  .defined_list dl {
    display: flex;
    flex-wrap: wrap;
  }
}
.defined_list dt {
  border-top: 0.0625rem solid #e0e0e0;
  font-weight: 600;
  padding: 0.75em 0;
}
@media (min-width: 35rem) {
  .defined_list dt {
    flex: 0 0 40%;
    max-width: 40%;
    padding: 0.75em 0.75em 0.75em 0;
  }
}
.defined_list dd {
  margin: 0;
}
@media (min-width: 35rem) {
  .defined_list dd {
    border-top: 0.0625rem solid #e0e0e0;
    flex: 0 0 60%;
    max-width: 60%;
    padding: 0.75em 0.4995em 0 0;
  }
}
.dark_area .defined_list dl,
.dark_area .defined_list dt,
.dark_area .defined_list dd {
  border-color: #fff;
  color: #fff;
}

nav,
.dark_area nav {
  user-select: none;
}
nav ol,
.dark_area nav ol {
  margin: 0;
}
nav ul,
.dark_area nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav li,
.dark_area nav li {
  margin: 0;
  padding: 0;
}
nav li:before,
.dark_area nav li:before {
  display: none;
}

figure {
  margin: 0 0 1.5em;
}
figure img {
  display: block;
}
figure.center {
  margin-left: auto;
  margin-right: auto;
}
figure.floatleft {
  float: left;
  margin-right: 1.5em;
}
figure.floatright {
  float: right;
  margin-left: 1.5em;
}

figcaption {
  font-size: 85%;
  margin-top: 0.375em;
  text-align: left;
}
.dark_area figcaption {
  color: #fff;
}

.img_container {
  overflow: hidden;
}
.img_container img,
.img_container svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.img_resize {
  height: 0;
  position: relative;
  width: 100%;
}

img {
  border: 0;
  display: inline-block;
  height: auto;
  max-width: 100%;
  user-select: none;
}

svg {
  height: 100%;
  transform: scale(1);
  width: 100%;
}
svg a:focus {
  outline: 0;
}

/* Source common/css/styles/default/form_default.scss */

input,
select,
textarea,
button {
  font-family: inherit;
  font-weight: 400;
  letter-spacing: calc((1rem + 0.125 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1rem;
}
@media (min-width: 93.75rem) {
  input,
select,
textarea,
button {
    letter-spacing: calc(1.125rem * 0);
  }
}
@media (min-width: 20rem) {
  input,
select,
textarea,
button {
    font-size: calc(1rem + 0.125 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  input,
select,
textarea,
button {
    font-size: 1.125rem;
  }
}

label {
  cursor: pointer;
}

input[type=number] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input[type=time]::-webkit-inner-spin-button, input[type=time]::-webkit-outer-spin-button, input[type=date]::-webkit-inner-spin-button, input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #1B1C20;
  box-shadow: 0 0 0 62.5rem transparent inset, 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2) !important;
}
input::-ms-clear {
  display: none;
  height: 0;
  width: 0;
}

::placeholder {
  color: #35373e;
  user-select: none;
}
.dark_area ::placeholder {
  color: #fff;
}

.required_asterisk {
  color: #0562AD;
}
.dark_area .required_asterisk {
  color: #fff;
}

.required_description {
  font-size: 85%;
}

.error_warning {
  background: #0562AD;
  color: #fff;
  display: none;
  font-weight: 600;
  margin-right: 0.375em;
  padding: 0 0.375em;
  text-align: center;
  user-select: none;
}
.error_warning.show {
  display: inline-block;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.legend {
  letter-spacing: calc((1.125rem + 0.4375 * (100vw - 20rem) / (73.75)) * 0);
  font-size: 1.125rem;
  color: #1B1C20;
  font-family: "PlayfairDisplay", sans-serif;
  font-weight: 600;
  line-height: 1.35;
  margin: 0 0 0.75em;
  padding: 0.75em 0 0;
  width: 100%;
}
@media (min-width: 93.75rem) {
  .legend {
    letter-spacing: calc(1.5625rem * 0);
  }
}
@media (min-width: 20rem) {
  .legend {
    font-size: calc(1.125rem + 0.4375 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  .legend {
    font-size: 1.5625rem;
  }
}
.legend .label {
  margin-bottom: 0;
}
.dark_area .legend {
  color: #fff;
}

.label {
  color: #1B1C20;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 0.375em;
}
.dark_area .label {
  color: #fff;
}

.input,
.textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0.0625rem solid #e0e0e0;
  border-radius: 0;
  box-shadow: 0 0 0 #e0e0e0 inset;
  color: #1B1C20;
  margin: 0 0 0.999em;
  outline: 0;
  width: 100%;
}
.input[aria-invalid=true],
.textarea[aria-invalid=true] {
  border-color: #0562AD;
}
.input[aria-invalid=true]:focus,
.textarea[aria-invalid=true]:focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.input:focus,
.textarea:focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.dark_area .input,
.dark_area .textarea {
  background: #2A5679;
  border-color: #2A5679;
  color: #fff;
}
.dark_area .input[aria-invalid=true],
.dark_area .textarea[aria-invalid=true] {
  border-color: #0562AD;
}
.dark_area .input[aria-invalid=true]:focus,
.dark_area .textarea[aria-invalid=true]:focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #fff;
}
.dark_area .input:focus,
.dark_area .textarea:focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #fff;
}

.input {
  padding: 0 0.75em;
  transition: border 300ms;
  height: 2.375rem;
}
@media (min-width: 20rem) {
  .input {
    height: calc(2.375rem + 0.1875 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  .input {
    height: 2.5625rem;
  }
}

.textarea {
  line-height: 1.5;
  overflow-x: hidden;
  padding: 0.75em;
  resize: none;
  transition: border 300ms, height 300ms;
}

.control {
  align-items: flex-start;
  display: flex;
  margin: 0.375em 0.75em 0.75em 0;
  position: relative;
}
.control.checkbox input:checked ~ .indicator .icon {
  opacity: 1;
  visibility: visible;
}
.control label {
  z-index: 1;
}
.dark_area .control label, .dark_area .control label a {
  color: #fff;
}
.control input {
  border: 0;
  bottom: 0;
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.control input[aria-invalid=true] ~ .indicator {
  border-color: #0562AD;
}
.control input[aria-invalid=true]:focus ~ .indicator {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.control input:focus ~ .indicator {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.control .indicator_wrapper {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  margin-right: 0.75em;
}
.control .indicator {
  align-items: center;
  background: transparent;
  border-radius: 0;
  border: 0.0625rem solid #e0e0e0;
  display: flex;
  height: 1.375rem;
  justify-content: center;
  position: relative;
  transition: border 300ms;
  width: 1.375rem;
}
.control .indicator .icon {
  display: flex;
  fill: #1B1C20;
  opacity: 0;
  position: absolute;
  inset: 0.25rem;
  transition: opacity 300ms;
  visibility: hidden;
}
.dark_area .control .indicator {
  background: #2A5679;
  border-color: #2A5679;
}
.dark_area .control .indicator .icon {
  fill: #fff;
}

.select_wrapper {
  display: block;
}

.select {
  align-content: center;
  background: transparent;
  border: 0.0625rem solid #e0e0e0;
  border-radius: 0;
  box-shadow: 0 0 0 #e0e0e0 inset;
  color: #1B1C20;
  cursor: pointer;
  display: flex;
  margin: 0 0 0.999em;
  position: relative;
  transition: border 300ms;
  width: 100%;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .select {
      padding: 0 0.75em;
    }
  }
}
.select:before {
  border: 0.625rem solid transparent;
  border-top-color: #1B1C20;
  content: "";
  display: inline-block;
  height: 0;
  margin-top: -0.3125rem;
  pointer-events: none;
  position: absolute;
  right: 0.75em;
  top: 50%;
  width: 0;
}
.select.error {
  border-color: #0562AD;
}
.select.error.focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.select.focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #1B1C20;
}
.dark_area .select {
  background: #2A5679;
  border-color: #2A5679;
  color: #fff;
}
.dark_area .select:before {
  border-top-color: #fff;
}
.dark_area .select.error {
  border-color: #0562AD;
}
.dark_area .select.error.focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #fff;
}
.dark_area .select.focus {
  border-color: #0562AD;
  box-shadow: 0 0 0 #0562AD inset, 0 0 0 0 rgba(5, 98, 173, 0.2);
  color: #fff;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  color: #1B1C20;
  cursor: pointer;
  margin: 0;
  outline: 0;
  overflow: hidden;
  padding: 0 0.75em;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  min-height: 2.25rem;
}
.dark_area select {
  color: #fff;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    select {
      padding: 0;
    }
  }
}
@media (min-width: 20rem) {
  select {
    min-height: calc(2.25rem + 0.1875 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  select {
    min-height: 2.4375rem;
  }
}
select option {
  min-height: 2.25rem;
  color: #1B1C20;
}
@media (min-width: 20rem) {
  select option {
    min-height: calc(2.25rem + 0.1875 * (100vw - 20rem) / (73.75));
  }
}
@media (min-width: 93.75rem) {
  select option {
    min-height: 2.4375rem;
  }
}
select::-ms-expand {
  display: none;
}
select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #1B1C20;
}
select:focus::-ms-value {
  background: none;
  color: #1B1C20;
}