@charset "UTF-8";
/**
 * Capitan forms.scss v1.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-03-14
 * MIT License (MIT)
 */
/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
/* ==========================================================================
   Form Elements
   ========================================================================== */
/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
input[type="text"],
input[type="date"],
input[type="search"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="email"] {
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background: #fff; }
  input[type="text"]:focus,
  input[type="date"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus {
    outline: none; }
  input[type="text"][disabled],
  input[type="date"][disabled],
  input[type="search"][disabled],
  input[type="password"][disabled],
  input[type="tel"][disabled],
  input[type="url"][disabled],
  input[type="number"][disabled],
  input[type="email"][disabled] {
    background: #e4e9f1;
    color: #414141;
    z-index: 0; }

input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none; }

.input {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  width: 100%;
  margin: 0;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  overflow: hidden;
  background: #fff; }
  .input.error {
    padding-right: 30px;
    border: 1px solid #cd0d00;
    background: #ffdfdf; }
  .input.success {
    padding-right: 30px; }
    .input.success:before {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 10px;
      right: 10px;
      color: #289923;
      font-family: iconfont;
      content: ""; }
  .input.js-datepicker {
    overflow: visible; }
  .input--password {
    padding-right: 30px; }
    .input--password.error, .input--password.success {
      padding-right: 70px; }
      .input--password.error .input__button-password, .input--password.success .input__button-password {
        right: 38px; }

.no-js .input__button-password {
  display: none; }

input.input__field {
  position: relative;
  z-index: 2;
  background: none;
  border: none;
  color: #0a3377;
  will-change: padding; 
  margin-top: -25px; }
  input.input__field[disabled] + .dp-choose-date {
    pointer-events: none;
    cursor: default; }
    input.input__field[disabled] + .dp-choose-date:after {
      color: #999; }

.element-is-filled input.input__field,
.no-js input.input__field {
  padding: 17px 10px 0; }

.element-is-filled input[type="date"].input__field,
.no-js input[type="date"].input__field {
  padding: 0 10px; }
  @media screen and (min-width: 48em) {
    .element-is-filled input[type="date"].input__field,
    .no-js input[type="date"].input__field {
      padding: 17px 10px 0; } }

.input__label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  color: #6a7989;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.input__label-placeholder {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 13px;
  left: 10px;
  display: block;
  width: 100%;
  transform-origin: left;
  transition: transform 0.3s, scale 0.3s;
  will-change: transform;
  white-space: nowrap; }

.js-datepicker .input__label-placeholder {
  display: none; }
  @media screen and (min-width: 48em) {
    .js-datepicker .input__label-placeholder {
      display: block; } }

.element-is-filled .input__label-placeholder,
.no-js .input__label-placeholder {
  transform: translateY(-13px) scale(0.7); }

.input__button-password {
  position: absolute;
  top: 12px;
  right: 5px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  line-height: 1;
  z-index: 2; }
  .input__button-password:before {
    font-size: 22px;
    font-size: 1.375rem;
    display: block;
    padding: 0;
    color: #666; }
.input__button-password:focus {
	outline: 3px solid #b9d8f9;
}
  .input__button-password:active:before {
    color: #e63995; }
    .europa-go .input__button-password:active:before {
      color: #f39200; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
input[type="radio"],
input[type="checkbox"] {
  position: absolute;
  left: -9999px; }
  input[type="radio"] + label,
  input[type="checkbox"] + label {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    padding-left: 30px;
    display: inline-block;
    cursor: pointer;
    color: #414141; }
    input[type="radio"] + label:hover:before,
    input[type="radio"] + label .active:before,
    input[type="checkbox"] + label:hover:before,
    input[type="checkbox"] + label .active:before {
      background: #f7f7f7;
      border-color: #8a9bbb; }
    input[type="radio"] + label:before, input[type="radio"] + label:after,
    input[type="checkbox"] + label:before,
    input[type="checkbox"] + label:after {
      transition: all 0.1s ease-out;
      -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      content: '';
      display: block;
      position: absolute; }
    input[type="radio"] + label:before,
    input[type="checkbox"] + label:before {
      width: 20px;
      height: 20px;
      top: 0;
      left: 0;
      background: #fff;
      border: solid 1px #8a9bbb;
      text-align: center; }
    input[type="radio"] + label small,
    input[type="checkbox"] + label small {
      display: block; }

input[type="checkbox"] + label {
  display: block;
  margin-bottom: 10px; }
  input[type="checkbox"] + label:before {
    border-radius: 3px; }
  input[type="checkbox"] + label:after {
    transform: scale(0);
    font-size: 16px;
    font-size: 1rem;
    width: 16px;
    height: 16px;
    top: -1px;
    left: 2px;
    content: "";
    font-family: iconfont;
    color: #e63995; }
    .europa-go input[type="checkbox"] + label:after {
      color: #f39200; }

input[type="radio"] + label:before, input[type="radio"] + label:after {
  border-radius: 100%; }

input[type="radio"] + label:after {
  transform: scale(0);
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  background: #e63995; }
  .europa-go input[type="radio"] + label:after {
    background: #f39200; }

input[type="checkbox"]:checked + label:after,
input[type="radio"]:checked + label:after {
  transform: scale(1); }

.checkbox.error label:before {
  border: 1px solid #cd0d00;
  background: #ffdfdf; }

@media screen and (min-width: 48em) {
  .checkbox.label-hidden {
    display: inline-block; } }

@media screen and (min-width: 48em) {
  .checkbox.label-hidden label {
    font-size: 0rem; } }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.error__message {
  margin: 5px 0 25px 0; }
  .error__message > *:first-child {
    margin: 0; }
  .error__message p {
    font-size: 14px;
    font-size: 0.875rem;
    color: #cd0d00;
    margin: 15px 0 0 0; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
select:focus {
  outline: none; }

.no-js select {
  padding: 12px;
  border: 1px solid #e9e9e9;
  border-radius: 5px; }

.select__label {
  display: none; }

.select {
  color: #0a3377; }
  .select.error .select2-selection {
    position: relative;
    border: 1px solid #cd0d00;
    background: #ffdfdf; }

.select2-container {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 100% !important; }

.select2-container .select2-selection--single {
  font-size: 16px;
  font-size: 1rem;
  box-sizing: border-box;
  display: block;
  height: 50px;
  padding: 10px;
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #0a3377;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #e9e9e9; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 20px; }
  .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    font-size: 1.125rem;
    font-family: iconfont;
    content: ""; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e9e9e9; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  outline: 0;
  background-image: linear-gradient(to bottom, white 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #e9e9e9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #e9e9e9;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: linear-gradient(to bottom, white 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: linear-gradient(to bottom, #eee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #e9e9e9;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

form .select2-container--default.select2-container {
  width: 100% !important; }
  form .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow b {
    border: none;
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    display: block;
    top: 0;
    left: 0; }
    form .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow b:after {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.4em;
      display: block;
      position: absolute;
      top: 7px;
      right: 0;
      width: 26px;
      height: 26px;
      text-align: center;
      transform: rotate(0deg);
      transition: transform .3s; }
  form .select2-container--default.select2-container .select2-selection__rendered {
    padding: 0; }

form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  transform: rotate(-180deg); }

.select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
  background: #e4e9f1; }

.select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background: #0a3377; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.textarea {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  width: 100%;
  margin: 0;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background: #fff; }
  .textarea.error {
    padding-right: 30px;
    border: 1px solid #cd0d00;
    background: #ffdfdf; }
    .textarea.error:before {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 13px;
      right: 10px;
      color: #cd0d00;
      font-family: iconfont;
      content: ""; }
  .textarea.success {
    padding-right: 30px; }
    .textarea.success:before {
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 10px;
      right: 10px;
      color: #289923;
      font-family: iconfont;
      content: ""; }

.textarea__field {
  position: relative;
  z-index: 2;
  padding: 24px 10px 10px 10px;
  background: none;
  border: none;
  color: #0a3377;
  width: 100%;
  min-height: 300px; }
  .textarea__field:focus {
    outline: none; }

.textarea__label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  color: #6a7989;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }

.textarea__label-placeholder {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  top: 13px;
  left: 10px;
  display: block;
  width: 100%;
  transform-origin: left;
  transition: transform 0.3s, scale 0.3s;
  will-change: transform; }

.element-is-filled .textarea__label-placeholder,
.no-js .textarea__label-placeholder {
  transform: translateY(-13px) scale(0.7); }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.form__label {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  margin: 14px 0 0 0;
  color: #666;
  font-weight: bold; }
  .europa-go .form__label {
    font-size: 17px;
    font-size: 1.0625rem; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.dp-popup {
  position: absolute;
  z-index: 20;
  transform: translateY(40px);
  padding: 10px;
  border: 1px solid #8a9bbb;
  border-radius: 5px;
  background: #fff;
  line-height: 1.2em; }
  .dp-popup h2 {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: center;
    padding: 20px;
    margin: 0;
    overflow: hidden;
    width: 100%; }

.dp-choose-date {
  font-size: 0px;
  font-size: 0rem;
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  width: 50px;
  height: 50px;
  text-decoration: none; }
  @media screen and (min-width: 30em) {
    .dp-choose-date {
      display: block; } }
  .dp-choose-date:after {
    font-size: 28px;
    font-size: 1.75rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: visible;
    font-family: iconfont;
    content: "";
    color: #e63995; }
    .europa-go .dp-choose-date:after {
      color: #f39200; }

.dp-nav-prev,
.dp-nav-next {
  position: absolute;
  top: 12px; }
  .dp-nav-prev a,
  .dp-nav-next a {
    font-weight: bold;
    color: #0a3377;
    text-decoration: none; }
    .dp-nav-prev a.disabled,
    .dp-nav-next a.disabled {
      cursor: not-allowed; }

.dp-nav-prev,
.dp-nav-next {
  top: 30px; }

.dp-nav-prev {
  left: 15px; }

.dp-nav-next {
  right: 15px; }

.dp-nav-next-month,
.dp-nav-prev-month {
  display: inline-block;
  width: 20px;
  text-indent: 99999px; }
  .dp-nav-next-month:before,
  .dp-nav-prev-month:before {
    position: absolute;
    top: 0;
    display: block;
    text-indent: 0;
    font-family: iconfont; }

.dp-nav-prev-month:before {
  content: ""; }

.dp-nav-next-month:before {
  content: ""; }

.dp-nav-next-year,
.dp-nav-prev-year {
  display: inline-block;
  width: 20px;
  text-indent: 99999px; }
  .dp-nav-next-year:before,
  .dp-nav-prev-year:before {
    position: absolute;
    top: 0;
    display: block;
    text-indent: 0;
    font-family: iconfont; }

.dp-nav-next-year {
  float: right; }
  .dp-nav-next-year:before {
    content: ""; }

.dp-nav-prev-year {
  float: left; }
  .dp-nav-prev-year:before {
    content: ""; }

.dp-calendar .jCalendar {
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0; }
  .dp-calendar .jCalendar th,
  .dp-calendar .jCalendar td {
    font-size: 14px;
    font-size: 0.875rem;
    cursor: pointer;
    text-align: center;
    border: 0; }
    .dp-calendar .jCalendar th.disabled,
    .dp-calendar .jCalendar td.disabled {
      cursor: default; }
  .dp-calendar .jCalendar th {
    font-size: 16px;
    font-size: 1rem;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    color: #0a3377;
    font-weight: bold; }
  .dp-calendar .jCalendar td {
    font-size: 13px;
    font-size: 0.8125rem;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    color: #000; }
    .dp-calendar .jCalendar td:hover {
      background: #0a3377;
      color: #fff; }
    .dp-calendar .jCalendar td.other-month {
      background: #fff;
      color: #000; }
      .dp-calendar .jCalendar td.other-month:hover {
        background: #0a3377;
        color: #fff; }
    .dp-calendar .jCalendar td.today {
      background: #7f91b1;
      color: #fff; }
    .dp-calendar .jCalendar td.selected {
      background: #0a3377;
      color: #fff; }
      .dp-calendar .jCalendar td.selected.dp-hover {
        background: #0a3377; }
    .dp-calendar .jCalendar td.unselectable {
      background: #bbb;
      color: #888; }
      .dp-calendar .jCalendar td.unselectable:hover, .dp-calendar .jCalendar td.unselectable.dp-hover {
        background: #bbb;
        color: #888; }
    .dp-calendar .jCalendar td.disabled {
      background: #f7f7f7;
      color: #414141;
      cursor: not-allowed; }
      .dp-calendar .jCalendar td.disabled:hover {
        background: #f7f7f7;
        color: #414141;
        cursor: not-allowed; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.form__headline {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0; }
  .form__headline:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  .form__section--inner .form__headline {
    margin-bottom: 0; }

.form__headline-text {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 0;
  font-weight: bold;
  color: #0a3377; }
  @media screen and (min-width: 48em) {
    .form__headline-text {
      font-size: 1.25rem; } }
  .form__headline-text.error {
    color: #cd0d00; }
  .form__section--inner .form__headline-text {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400; }

/**
 * Capitan functions.scss v2.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global functions
   ========================================================================== */
/**
 * Calculate PX to EM
 *
 * @param {number} $targetPx - pixel value without unit
 *
 */
/**
 * Built a JSON like string with all given breakpoints and their values.
 * This is necessary for the JavaScript function 'function/get-breakpoint.js'
 * and 'function/assert-breakpoint.js'
 */
/**
 * Return specific breakpoint
 */
/**
 * Return specific color
 */
/**
 * Return specific Icon
 */
/**
 * Capitan variables.scss v3.0.0
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2015-06-27
 * MIT License (MIT)
 */
/* ==========================================================================
   Base settings
   ========================================================================== */
/* base path */
/* Base sizes */
/* Body font size */
/* Font Style */
/* ==========================================================================
   Grid-System
   ========================================================================== */
/* <@breakpoints */
/* breakpoints@> */
/* ==========================================================================
   Colors
   ========================================================================== */
/* <@colors */
/* colors@> */
/* ==========================================================================
   Icons
   ========================================================================== */
/* <@icons */
/* icons@> */
/**
 * Capitan mixins.scss v2.0.1
 *
 * Copyright brandung GmbH & Co.KG
 * http://www.brandung.de/
 *
 * Date: 2014-09-23
 * MIT License (MIT)
 */
/* ==========================================================================
   Global mixins
   ========================================================================== */
/**
 * Calculate percent value to given property
 *
 * @param {string} $cssProperty - which property
 * @param {number} $targetSize - element size in pixel
 * @param {number} $contextSize - context element size in pixel
 * @param {boolean} $important - set !important property
 *
 */
/**
 * Calculate PX font size to REM
 *
 * @param {number} $size - element size in pixel
 * @param {number} $base - body font size in pixel
 *
 */
/**
 * Calculates given px value to rem value
 *
 * @param {string} $prop - css property name, e.g. font-size, line-height; Default: 'font-size'
 * @param {number} $size - size in px; Default: $body-font-size-px
 *
 */
/**
* Mixin for adding vendor prefixes to CSS attributes; useful for the following CSS attributes
*
* - border-radius
* - box-shadow
* - transition
* - transform
* - background-size
* - box-sizing
* - animate
*
* @param {string} $attribute - CSS attribute that needs vendor prefixes, e.g. border-radius or transition
* @param {string} $value - The specific CSS value, e.g. "translateX .2s ease-out"
*/
/**
* Clearfix
*/
/**
 * Webfont mixin for global use
 *
 * @param {string} $family - set the font-family value
 * @param {string} $fontWeight - set the font-weight value
 * @param {string} $fontStyle - set the font-style value
 */
/**
* Mixin for adding hover transition
*
* @param {string} $colorFX - properties for color transition
* @param {string} $hoverColor - hover color
* @param {string} $backgroundFX - properties for backgrounf transition
* @param {string} $hoverBackground - hover background color
*/
/**
 * Mixin for defining values at an specific mediaQuerie
 *
 * @param {string} $width - breakpoint from $breakpoints map
 */
.form__note > *:first-child {
  margin: 0; }

.form__note p {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 0 0 15px 0;
  color: #666; }

.input-box .form__note {
  margin-top: 10px; }

.form:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

.form:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden; }

@media screen and (min-width: 48em) {
  .form--border {
    border: 1px solid #8a9bbb;
    border-radius: 5px; } }

@media screen and (min-width: 48em) {
  .form--border .form__section {
    padding: 30px 30px 0 30px; } }

.form--border .form__section:last-of-type {
  padding: 30px 0; }
  @media screen and (min-width: 48em) {
    .form--border .form__section:last-of-type {
      padding: 30px; } }

.form--border .form__section--full-padding {
  padding: 15px; }
  @media screen and (min-width: 48em) {
    .form--border .form__section--full-padding {
      padding: 30px; } }
  .form--border .form__section--full-padding:last-of-type {
    padding: 15px; }
    @media screen and (min-width: 48em) {
      .form--border .form__section--full-padding:last-of-type {
        padding: 30px; } }
  @media screen and (min-width: 48em) {
    .form--border .form__section--full-padding + .form__section--full-padding {
      margin-top: -30px; } }

.form--border .form__section--inner {
  padding: 0 10px 0 0; }
  @media screen and (min-width: 48em) {
    .form--border .form__section--inner {
      padding: 0 30px; } }
  .form--border .form__section--inner:last-of-type {
    padding: 0 10px 0 0; }
    @media screen and (min-width: 48em) {
      .form--border .form__section--inner:last-of-type {
        padding: 0 30px; } }
  .form--border .form__section--inner-no-margin {
    margin-bottom: -15px; }
  .form--border .form__section--inner .input-box {
    padding-right: 35px !important; }
    @media screen and (min-width: 48em) {
      .form--border .form__section--inner .input-box {
        padding-right: 0 !important; } }

.form--border .form__section .kfz-sign--border {
  border: 3px solid #000;
  padding: 10px 10px 10px 30px;
  border-radius: 10px;
  margin-bottom: 25px; }
  .form--border .form__section .kfz-sign--border:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden; }
  .form--border .form__section .kfz-sign--border:after {
    background: url("../../img/kfz-sign.png");
    position: absolute;
    width: 100%;
    height: 100%;
    left: -1px;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat; }
  .form--border .form__section .kfz-sign--border div {
    margin: 0; }
  .form--border .form__section .kfz-sign--border .input__label-placeholder {
    font-size: 12px;
    font-size: 0.75rem;
    top: 17px; }
    @media screen and (min-width: 30em) {
      .form--border .form__section .kfz-sign--border .input__label-placeholder {
        font-size: 1rem;
        top: 13px; } }

.form--border .form__section .input-kfz-pseudo {
  text-align: center; }
  .form--border .form__section .input-kfz-pseudo span {
    font-size: 37px;
    font-size: 2.3125rem;
    color: #e9e9e9;
    font-weight: bold; }

@media screen and (min-width: 48em) {
  .form--border-inner {
    border-radius: 4px; } }

.form--login {
  padding: 23px 10px 20px 10px;
  border-radius: 5px; }
  @media screen and (min-width: 48em) {
    .form--login {
      padding: 23px 60px 20px 60px; } }
  .form--login .form__headline-text {
    text-align: center;
    font-size: 20px;
    font-size: 1.25rem; }
    @media screen and (min-width: 48em) {
      .form--login .form__headline-text {
        font-size: 1.5rem; } }
  .form--login .form__headline-subline {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 15px 0 0 0;
    color: #0a3377; }
  .form--login .input-box {
    padding-right: 30px; }
    @media screen and (min-width: 48em) {
      .form--login .input-box {
        padding-right: initial; } }
  .form--login .checkbox {
    padding: 10px 0; }
    .form--login .checkbox label {
      font-size: 11px;
      font-size: 0.6875rem; }
      .form--login .checkbox label:before {
        top: -2px; }
      .form--login .checkbox label:after {
        top: -3px; }
    .form--login .checkbox + .checkbox {
      padding-top: 0; }
  .form--login .tooltip {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%); }
    @media screen and (min-width: 48em) {
      .form--login .tooltip {
        right: -30px; } }

.form--personal-data .input-box {
  padding-right: 30px; }
  @media screen and (min-width: 48em) {
    .form--personal-data .input-box {
      padding-right: initial; } }

.form__section {
  position: relative;
  padding: 30px 0 0 0; }
  .form__section--separation .bra-row div .input-box {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9; }
  .form__section--separation .bra-row div:last-of-type .input-box {
    border-bottom: none; }
  @media screen and (min-width: 48em) {
    .form__section--full-padding {
      padding: 30px; } }
  @media screen and (min-width: 48em) {
    .form__section--no-padding {
      padding: 0 !important; } }
  .form__section--margin-top {
    margin-top: 30px; }
  .form__section--arrow-down:before {
    position: absolute;
    z-index: 2;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #e4e9f1; }
    @media screen and (min-width: 48em) {
      .form__section--arrow-down:before {
        top: 93%; } }
  @media screen and (min-width: 48em) {
    .form__section--flex-elements .bra-row {
      -ms-flex-align: center;
          align-items: center;
      display: -ms-flexbox;
      display: flex; } }
  @media screen and (min-width: 48em) {
    .form__section--flex-elements .bra-row:nth-of-type(3) {
      margin-top: 20px; } }
  @media screen and (min-width: 48em) {
    .form__section--flex-elements .bra-row > div:nth-of-type(2) {
      text-align: center; } }

.input-box {
  position: relative;
  margin-bottom: 10px; }

.input-box--separation {
  position: relative;
  padding-right: 6%; }
  .input-box--separation:after {
    content: '—';
    display: block;
    position: absolute;
    left: 95%;
    margin-left: -6px;
    top: 13px;
    color: grey;
    font-weight: bold; }

.input-box--hidden {
  display: none; }

.form-contact__wrapper {
  border: 2px solid #8a9bbb;
  border-radius: 4px;
  padding: 10px; }
  .form-contact__wrapper .teaser__flex-wrapper {
    text-align: center; }
  .form-contact__wrapper .teaser__headline {
    text-align: left; }
  .form-contact__wrapper .teaser__content {
    position: relative;
    text-align: center;
    margin: 25px 0; }
    .form-contact__wrapper .teaser__content[class^="util-icon--"]:before, .form-contact__wrapper .teaser__content[class*=" util-icon--"]:before {
      position: absolute;
      left: 5%;
      top: 50%;
      transform: translate(-5%, -50%);
      color: #000;
      font-size: 30px; }
      @media screen and (min-width: 62em) {
        .form-contact__wrapper .teaser__content[class^="util-icon--"]:before, .form-contact__wrapper .teaser__content[class*=" util-icon--"]:before {
          left: 10%;
          transform: translate(-10%, -50%);
          font-size: 60px; } }

.radio--infotext {
  font-size: 11px;
  font-size: 0.6875rem;
  margin: 0 0 0 30px; }