/* Farben Europa*/
@font-face {
  font-family: "conti_icons";
  src: url("../fonts/conti_icons/icomoon-conti.eot");
  src: url("../fonts/conti_icons/icomoon-conti.eot") format("embedded-opentype"), url("../fonts/conti_icons/icomoon-conti.woff2") format("woff2"), url("../fonts/conti_icons/icomoon-conti.ttf") format("truetype"), url("../fonts/conti_icons/icomoon-conti.woff") format("woff"), url("../fonts/conti_icons/icomoon-conti.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfont/icomoon.eot");
  src: url("../fonts/iconfont/icomoon.eot") format("embedded-opentype"), url("../fonts/iconfont/icomoon.woff2") format("woff2"), url("../fonts/iconfont/icomoon.ttf") format("truetype"), url("../fonts/iconfont/icomoon.woff") format("woff"), url("../fonts/iconfont/icomoon.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Sparten-Icons */
@font-face {
  font-family: "sparten_icons";
  src: url("../fonts/sparten_icons/sparten_icons.eot");
  src: url("../fonts/sparten_icons/sparten_icons.eot") format("embedded-opentype"), url("../fonts/sparten_icons/sparten_icons.woff2") format("woff2"), url("../fonts/sparten_icons/sparten_icons.ttf") format("truetype"), url("../fonts/sparten_icons/sparten_icons.woff") format("woff"), url("../fonts/sparten_icons/sparten_icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* bad-script-regular - latin */
@font-face {
  font-family: "Bad Script";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/badscript/bad-script-v7-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Bad Script Regular"), local("BadScript-Regular"), url("../fonts/badscript/bad-script-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/badscript/bad-script-v7-latin-regular.woff2") format("woff2"), url("../fonts/badscript/bad-script-v7-latin-regular.woff") format("woff"), url("../fonts/badscript/bad-script-v7-latin-regular.ttf") format("truetype"), url("../fonts/badscript/bad-script-v7-latin-regular.svg#BadScript") format("svg"); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans/open-sans-v16-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Regular"), local("OpenSans-Regular"), url("../fonts/open-sans/open-sans-v16-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-regular.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-regular.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-regular.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-regular.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans/open-sans-v16-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Open Sans Bold"), local("OpenSans-Bold"), url("../fonts/open-sans/open-sans-v16-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/open-sans-v16-latin-700.woff2") format("woff2"), url("../fonts/open-sans/open-sans-v16-latin-700.woff") format("woff"), url("../fonts/open-sans/open-sans-v16-latin-700.ttf") format("truetype"), url("../fonts/open-sans/open-sans-v16-latin-700.svg#OpenSans") format("svg"); /* Legacy iOS */
}
/* pt-sans-regular - latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/pt-sans/pt-sans-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("PT Sans"), local("PTSans-Regular"), url("../fonts/pt-sans/pt-sans-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans/pt-sans-v10-latin-regular.woff2") format("woff2"), url("../fonts/pt-sans/pt-sans-v10-latin-regular.woff") format("woff"), url("../fonts/pt-sans/pt-sans-v10-latin-regular.ttf") format("truetype"), url("../fonts/pt-sans/pt-sans-v10-latin-regular.svg#PTSans") format("svg"); /* Legacy iOS */
}
/* pt-sans-700 - latin */
@font-face {
  font-family: "PT Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/pt-sans/pt-sans-v10-latin-700.eot"); /* IE9 Compat Modes */
  src: local("PT Sans Bold"), local("PTSans-Bold"), url("../fonts/pt-sans/pt-sans-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/pt-sans/pt-sans-v10-latin-700.woff2") format("woff2"), url("../fonts/pt-sans/pt-sans-v10-latin-700.woff") format("woff"), url("../fonts/pt-sans/pt-sans-v10-latin-700.ttf") format("truetype"), url("../fonts/pt-sans/pt-sans-v10-latin-700.svg#PTSans") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Montserrat-Regular";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat/Montserrat-Regular.eot");
  src: url("../fonts/montserrat/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/montserrat/Montserrat-Regular.otf") format("otf"), url("../fonts/montserrat/Montserrat-Regular.svg#Montserrat-Regular") format("svg"), url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype"), url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Lora-Bold";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lora/Lora-Bold.eot");
  src: url("../fonts/lora/Lora-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/lora/Lora-Bold.otf") format("otf"), url("../fonts/lora/Lora-Bold.svg#Lora-Bold") format("svg"), url("../fonts/lora/Lora-Bold.woff2") format("woff2"), url("../fonts/lora/Lora-Bold.woff") format("woff"), url("../fonts/lora/Lora-Bold.ttf") format("truetype");
}
#htmlWrapper,
#overallWrapper,
#documentWrapper,
#styleWrapper,
#wrapper {
  height: 100%;
}

@media screen and (min-width: 48em) {
  #overallWrapper {
    height: calc(100vh - 37px);
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper {
    height: calc(100vh - 57px);
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper.continentale {
    height: calc(100vh - 36px);
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper.continentale {
    height: calc(100vh - 56px);
  }
}
#overallWrapper {
  margin: 0;
}

#overallWrapper .lfr-admin-panel {
  z-index: 10000;
}

#overallWrapper .signed-in #layout-column_oks-ausblendbar {
  display: none;
}

.signed-in #oks-ausblendbar {
  display: none;
}

#overallWrapper .dockbar-ready #layout-column_oks-ausblendbar,
.signed-in.dockbar-ready #layout-column_oks-ausblendbar {
  display: block !important;
  background-color: #efefef;
}

#overallWrapper::before {
  content: '{ "xs": 320, "sm": 480, "md": 768, "lg": 992, "lg_menu": 1012, "xl": 1280 }';
  display: none;
}

main .header-to-main-spacing {
  height: 20px;
  background-color: transparent;
}

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

#htmlWrapper {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-style: normal;
}

#overallWrapper {
  background: #fff;
  color: black;
  font-size: 100%;
  font-family: "Montserrat-Regular", Verdana, sans-serif;
  line-height: 1.4;
  font-style: normal;
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /**
  Achtung: '\e999' muss noch gegen echte Icons ausgetauscht werden.
  Die Icons waren zum Zeitpunkt der Abarbeitung des Tickets noch
  nich verfügbar.
  */
  /* ---------------------------------------------------------------------- */
  /* ---------------------------------------------------------------------- */
  /**
  * Modifier (Sizes)
  */
}
@font-face {
  #overallWrapper {
    font-family: "iconfont";
    src: url("../fonts/iconfont/icomoon.eot");
    src: url("../fonts/iconfont/icomoon.eot") format("embedded-opentype"), url("../fonts/iconfont/icomoon.woff2") format("woff2"), url("../fonts/iconfont/icomoon.ttf") format("truetype"), url("../fonts/iconfont/icomoon.woff") format("woff"), url("../fonts/iconfont/icomoon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
@font-face {
  #overallWrapper {
    font-family: "sparten_icons";
    src: url("../fonts/sparten_icons/sparten_icons.eot");
    src: url("../fonts/sparten_icons/sparten_icons.eot") format("embedded-opentype"), url("../fonts/sparten_icons/sparten_icons.ttf") format("truetype"), url("../fonts/sparten_icons/sparten_icons.woff") format("woff"), url("../fonts/sparten_icons/sparten_icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
@font-face {
  #overallWrapper {
    font-family: "conti_icons";
    src: url("../fonts/conti_icons/icomoon-conti.eot");
    src: url("../fonts/conti_icons/icomoon-conti.eot") format("embedded-opentype"), url("../fonts/conti_icons/icomoon-conti.woff2") format("woff2"), url("../fonts/conti_icons/icomoon-conti.ttf") format("truetype"), url("../fonts/conti_icons/icomoon-conti.woff") format("woff"), url("../fonts/conti_icons/icomoon-conti.svg") format("svg");
    font-weight: normal;
    font-style: normal;
  }
}
#overallWrapper .util-icon--before:before,
#overallWrapper .util-icon--absolute-before:before,
#overallWrapper .util-icon--after:after,
#overallWrapper .util-icon--absolute-after:after,
#overallWrapper .util-icon--only:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfont", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#overallWrapper .sparten-icon--before:before,
#overallWrapper .sparten-icon--absolute-before:before,
#overallWrapper .sparten-icon--after:after,
#overallWrapper .sparten-icon--absolute-after:after,
#overallWrapper .sparten-icon--only:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "sparten_icons", sans-serif !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#overallWrapper .util-icon--before:before,
#overallWrapper .util-icon--absolute-before:before,
#overallWrapper .util-icon--after:after,
#overallWrapper .util-icon--absolute-after:after {
  vertical-align: text-bottom;
}
#overallWrapper span.util-icon--before:before,
#overallWrapper span.util-icon--absolute-before:before,
#overallWrapper span.util-icon--after:after,
#overallWrapper span.util-icon--absolute-after:after {
  font-size: 2.25rem;
}
#overallWrapper span.util-icon--before.va__icon:before,
#overallWrapper span.util-icon--absolute-before.va__icon:before,
#overallWrapper span.util-icon--after.va__icon:after,
#overallWrapper span.util-icon--absolute-after.va__icon:after {
  font-size: 1.5rem;
}
#overallWrapper .util-icon--only {
  font-size: 0;
}
#overallWrapper .util-icon--only:before {
  font-size: 1rem;
}
#overallWrapper .util-icon--only:after {
  display: none !important;
}
#overallWrapper .util-icon--absolute-before:before,
#overallWrapper .util-icon--absolute-after:after {
  position: absolute;
}
#overallWrapper .util-icon--absolute-before:before {
  left: 0;
}
#overallWrapper .util-icon--absolute-after:after {
  right: 0;
}
#overallWrapper .util-icon--before.util-icon--eye:before,
#overallWrapper .util-icon--absolute-before.util-icon--eye:before,
#overallWrapper .util-icon--after.util-icon--eye:after,
#overallWrapper .util-icon--absolute-after.util-icon--eye:after,
#overallWrapper .util-icon--only.util-icon--eye:before {
  content: "\e911";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--calendar:before,
#overallWrapper .util-icon--absolute-before.util-icon--calendar:before,
#overallWrapper .util-icon--after.util-icon--calendar:after,
#overallWrapper .util-icon--absolute-after.util-icon--calendar:after,
#overallWrapper .util-icon--only.util-icon--calendar:before {
  content: "\e90b";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--check:before,
#overallWrapper .util-icon--absolute-before.util-icon--check:before,
#overallWrapper .util-icon--after.util-icon--check:after,
#overallWrapper .util-icon--absolute-after.util-icon--check:after,
#overallWrapper .util-icon--only.util-icon--check:before {
  content: "\e90c";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--close:before,
#overallWrapper .util-icon--absolute-before.util-icon--close:before,
#overallWrapper .util-icon--after.util-icon--close:after,
#overallWrapper .util-icon--absolute-after.util-icon--close:after,
#overallWrapper .util-icon--only.util-icon--close:before {
  content: "\e90d";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--vertraege-list:before,
#overallWrapper .util-icon--absolute-before.util-icon--vertraege-list:before,
#overallWrapper .util-icon--after.util-icon--vertraege-list:after,
#overallWrapper .util-icon--absolute-after.util-icon--vertraege-list:after,
#overallWrapper .util-icon--only.util-icon--vertraege-list:before {
  content: "\e906";
  vertical-align: middle;
  top: 12px;
  font-size: 1.25rem;
  left: 10px;
}
#overallWrapper .util-icon--before.util-icon--mail:before,
#overallWrapper .util-icon--absolute-before.util-icon--mail:before,
#overallWrapper .util-icon--after.util-icon--mail:after,
#overallWrapper .util-icon--absolute-after.util-icon--mail:after,
#overallWrapper .util-icon--only.util-icon--mail:before {
  content: "\e90e";
  vertical-align: middle;
  top: 12px;
  font-size: 1.25rem;
  left: 10px;
}
#overallWrapper .util-icon--before.util-icon--mail-opened:before,
#overallWrapper .util-icon--absolute-before.util-icon--mail-opened:before,
#overallWrapper .util-icon--after.util-icon--mail-opened:after,
#overallWrapper .util-icon--absolute-after.util-icon--mail-opened:after,
#overallWrapper .util-icon--only.util-icon--mail-opened:before {
  content: "\e91d";
  vertical-align: middle;
  top: 8px;
  font-size: 17.5px;
  left: 10px;
  font-weight: lighter;
}
#overallWrapper .util-icon--before.util-icon--person:before,
#overallWrapper .util-icon--absolute-before.util-icon--person:before,
#overallWrapper .util-icon--after.util-icon--person:after,
#overallWrapper .util-icon--absolute-after.util-icon--person:after,
#overallWrapper .util-icon--only.util-icon--person:before {
  content: "\e90f";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--question:before,
#overallWrapper .util-icon--absolute-before.util-icon--question:before,
#overallWrapper .util-icon--after.util-icon--question:after,
#overallWrapper .util-icon--absolute-after.util-icon--question:after,
#overallWrapper .util-icon--only.util-icon--question:before {
  content: "\e910";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--download:before,
#overallWrapper .util-icon--absolute-before.util-icon--download:before,
#overallWrapper .util-icon--after.util-icon--download:after,
#overallWrapper .util-icon--absolute-after.util-icon--download:after,
#overallWrapper .util-icon--only.util-icon--download:before {
  content: "\e900";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--arrow-down:before,
#overallWrapper .util-icon--absolute-before.util-icon--arrow-down:before,
#overallWrapper .util-icon--after.util-icon--arrow-down:after,
#overallWrapper .util-icon--absolute-after.util-icon--arrow-down:after,
#overallWrapper .util-icon--only.util-icon--arrow-down:before {
  content: "\e901";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--arrow-up:before,
#overallWrapper .util-icon--absolute-before.util-icon--arrow-up:before,
#overallWrapper .util-icon--after.util-icon--arrow-up:after,
#overallWrapper .util-icon--absolute-after.util-icon--arrow-up:after,
#overallWrapper .util-icon--only.util-icon--arrow-up:before {
  content: "\e902";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--arrow-left:before,
#overallWrapper .util-icon--absolute-before.util-icon--arrow-left:before,
#overallWrapper .util-icon--after.util-icon--arrow-left:after,
#overallWrapper .util-icon--absolute-after.util-icon--arrow-left:after,
#overallWrapper .util-icon--only.util-icon--arrow-left:before {
  content: "\e912";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--arrow-right:before,
#overallWrapper .util-icon--absolute-before.util-icon--arrow-right:before,
#overallWrapper .util-icon--after.util-icon--arrow-right:after,
#overallWrapper .util-icon--absolute-after.util-icon--arrow-right:after,
#overallWrapper .util-icon--only.util-icon--arrow-right:before {
  content: "\e913";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--headphone:before,
#overallWrapper .util-icon--absolute-before.util-icon--headphone:before,
#overallWrapper .util-icon--after.util-icon--headphone:after,
#overallWrapper .util-icon--absolute-after.util-icon--headphone:after,
#overallWrapper .util-icon--only.util-icon--headphone:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--info:before,
#overallWrapper .util-icon--absolute-before.util-icon--info:before,
#overallWrapper .util-icon--after.util-icon--info:after,
#overallWrapper .util-icon--absolute-after.util-icon--info:after,
#overallWrapper .util-icon--only.util-icon--info:before {
  content: "\e905";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--list:before,
#overallWrapper .util-icon--absolute-before.util-icon--list:before,
#overallWrapper .util-icon--after.util-icon--list:after,
#overallWrapper .util-icon--absolute-after.util-icon--list:after,
#overallWrapper .util-icon--only.util-icon--list:before {
  content: "\e906";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--logout:before,
#overallWrapper .util-icon--absolute-before.util-icon--logout:before,
#overallWrapper .util-icon--after.util-icon--logout:after,
#overallWrapper .util-icon--absolute-after.util-icon--logout:after,
#overallWrapper .util-icon--only.util-icon--logout:before {
  content: "\e907";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--motocycle:before,
#overallWrapper .util-icon--absolute-before.util-icon--motocycle:before,
#overallWrapper .util-icon--after.util-icon--motocycle:after,
#overallWrapper .util-icon--absolute-after.util-icon--motocycle:after,
#overallWrapper .util-icon--only.util-icon--motocycle:before {
  content: "\e908";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--warning:before,
#overallWrapper .util-icon--absolute-before.util-icon--warning:before,
#overallWrapper .util-icon--after.util-icon--warning:after,
#overallWrapper .util-icon--absolute-after.util-icon--warning:after,
#overallWrapper .util-icon--only.util-icon--warning:before {
  content: "\e909";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--zoom:before,
#overallWrapper .util-icon--absolute-before.util-icon--zoom:before,
#overallWrapper .util-icon--after.util-icon--zoom:after,
#overallWrapper .util-icon--absolute-after.util-icon--zoom:after,
#overallWrapper .util-icon--only.util-icon--zoom:before {
  content: "\e90a";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--double-arrow-left:before,
#overallWrapper .util-icon--absolute-before.util-icon--double-arrow-left:before,
#overallWrapper .util-icon--after.util-icon--double-arrow-left:after,
#overallWrapper .util-icon--absolute-after.util-icon--double-arrow-left:after,
#overallWrapper .util-icon--only.util-icon--double-arrow-left:before {
  content: "\e914";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--double-arrow-right:before,
#overallWrapper .util-icon--absolute-before.util-icon--double-arrow-right:before,
#overallWrapper .util-icon--after.util-icon--double-arrow-right:after,
#overallWrapper .util-icon--absolute-after.util-icon--double-arrow-right:after,
#overallWrapper .util-icon--only.util-icon--double-arrow-right:before {
  content: "\e915";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--calculator:before,
#overallWrapper .util-icon--absolute-before.util-icon--calculator:before,
#overallWrapper .util-icon--after.util-icon--calculator:after,
#overallWrapper .util-icon--absolute-after.util-icon--calculator:after,
#overallWrapper .util-icon--only.util-icon--calculator:before {
  content: "\e916";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--locked:before,
#overallWrapper .util-icon--absolute-before.util-icon--locked:before,
#overallWrapper .util-icon--after.util-icon--locked:after,
#overallWrapper .util-icon--absolute-after.util-icon--locked:after,
#overallWrapper .util-icon--only.util-icon--locked:before {
  content: "\e918";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--justice:before,
#overallWrapper .util-icon--absolute-before.util-icon--justice:before,
#overallWrapper .util-icon--after.util-icon--justice:after,
#overallWrapper .util-icon--absolute-after.util-icon--justice:after,
#overallWrapper .util-icon--only.util-icon--justice:before {
  content: "\e917";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--writing:before,
#overallWrapper .util-icon--absolute-before.util-icon--writing:before,
#overallWrapper .util-icon--after.util-icon--writing:after,
#overallWrapper .util-icon--absolute-after.util-icon--writing:after,
#overallWrapper .util-icon--only.util-icon--writing:before {
  content: "\e919";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--megaphone:before,
#overallWrapper .util-icon--absolute-before.util-icon--megaphone:before,
#overallWrapper .util-icon--after.util-icon--megaphone:after,
#overallWrapper .util-icon--absolute-after.util-icon--megaphone:after,
#overallWrapper .util-icon--only.util-icon--megaphone:before {
  content: "\e91b";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--crash:before,
#overallWrapper .util-icon--absolute-before.util-icon--crash:before,
#overallWrapper .util-icon--after.util-icon--crash:after,
#overallWrapper .util-icon--absolute-after.util-icon--crash:after,
#overallWrapper .util-icon--only.util-icon--crash:before {
  content: "\e91a";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--bank:before,
#overallWrapper .util-icon--absolute-before.util-icon--bank:before,
#overallWrapper .util-icon--after.util-icon--bank:after,
#overallWrapper .util-icon--absolute-after.util-icon--bank:after,
#overallWrapper .util-icon--only.util-icon--bank:before {
  content: "\e91c";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--car:before,
#overallWrapper .util-icon--absolute-before.util-icon--car:before,
#overallWrapper .util-icon--after.util-icon--car:after,
#overallWrapper .util-icon--absolute-after.util-icon--car:after,
#overallWrapper .util-icon--only.util-icon--car:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .util-icon--before.util-icon--zweirad:before,
#overallWrapper .util-icon--absolute-before.util-icon--zweirad:before,
#overallWrapper .util-icon--after.util-icon--zweirad:after,
#overallWrapper .util-icon--absolute-after.util-icon--zweirad:after,
#overallWrapper .util-icon--only.util-icon--zweirad:before {
  content: "\e960";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--anhaenger:before,
#overallWrapper .util-icon--absolute-before.util-icon--anhaenger:before,
#overallWrapper .util-icon--after.util-icon--anhaenger:after,
#overallWrapper .util-icon--absolute-after.util-icon--anhaenger:after,
#overallWrapper .util-icon--only.util-icon--anhaenger:before {
  content: "\e961";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--lieferwagen:before,
#overallWrapper .util-icon--absolute-before.util-icon--lieferwagen:before,
#overallWrapper .util-icon--after.util-icon--lieferwagen:after,
#overallWrapper .util-icon--absolute-after.util-icon--lieferwagen:after,
#overallWrapper .util-icon--only.util-icon--lieferwagen:before {
  content: "\e962";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--lkw:before,
#overallWrapper .util-icon--absolute-before.util-icon--lkw:before,
#overallWrapper .util-icon--after.util-icon--lkw:after,
#overallWrapper .util-icon--absolute-after.util-icon--lkw:after,
#overallWrapper .util-icon--only.util-icon--lkw:before {
  content: "\e963";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--trecker:before,
#overallWrapper .util-icon--absolute-before.util-icon--trecker:before,
#overallWrapper .util-icon--after.util-icon--trecker:after,
#overallWrapper .util-icon--absolute-after.util-icon--trecker:after,
#overallWrapper .util-icon--only.util-icon--trecker:before {
  content: "\e964";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--wohnmobil:before,
#overallWrapper .util-icon--absolute-before.util-icon--wohnmobil:before,
#overallWrapper .util-icon--after.util-icon--wohnmobil:after,
#overallWrapper .util-icon--absolute-after.util-icon--wohnmobil:after,
#overallWrapper .util-icon--only.util-icon--wohnmobil:before {
  content: "\e965";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .util-icon--before.util-icon--wohnwagen:before,
#overallWrapper .util-icon--absolute-before.util-icon--wohnwagen:before,
#overallWrapper .util-icon--after.util-icon--wohnwagen:after,
#overallWrapper .util-icon--absolute-after.util-icon--wohnwagen:after,
#overallWrapper .util-icon--only.util-icon--wohnwagen:before {
  content: "\e966";
  vertical-align: middle;
  font-family: "conti_icons", sans-serif !important;
}
#overallWrapper .continentale .util-icon--before.util-icon--motocycle:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--motocycle:before,
#overallWrapper .continentale .util-icon--after.util-icon--motocycle:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--motocycle:after,
#overallWrapper .continentale .util-icon--only.util-icon--motocycle:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e908";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--car:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--car:before,
#overallWrapper .continentale .util-icon--after.util-icon--car:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--car:after,
#overallWrapper .continentale .util-icon--only.util-icon--car:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e903";
  vertical-align: middle;
  top: 3px;
}
#overallWrapper .continentale .util-icon--before.util-icon--zweirad:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--zweirad:before,
#overallWrapper .continentale .util-icon--after.util-icon--zweirad:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--zweirad:after,
#overallWrapper .continentale .util-icon--only.util-icon--zweirad:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e960";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--anhaenger:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--anhaenger:before,
#overallWrapper .continentale .util-icon--after.util-icon--anhaenger:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--anhaenger:after,
#overallWrapper .continentale .util-icon--only.util-icon--anhaenger:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e961";
  vertical-align: middle;
  font-size: 1.875em;
}
#overallWrapper .continentale .util-icon--before.util-icon--lieferwagen:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--lieferwagen:before,
#overallWrapper .continentale .util-icon--after.util-icon--lieferwagen:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--lieferwagen:after,
#overallWrapper .continentale .util-icon--only.util-icon--lieferwagen:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e962";
  vertical-align: middle;
  font-size: 2.188em;
}
#overallWrapper .continentale .util-icon--before.util-icon--lkw:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--lkw:before,
#overallWrapper .continentale .util-icon--after.util-icon--lkw:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--lkw:after,
#overallWrapper .continentale .util-icon--only.util-icon--lkw:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e963";
  vertical-align: middle;
  font-size: 2.188em;
}
#overallWrapper .continentale .util-icon--before.util-icon--trecker:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--trecker:before,
#overallWrapper .continentale .util-icon--after.util-icon--trecker:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--trecker:after,
#overallWrapper .continentale .util-icon--only.util-icon--trecker:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e964";
  vertical-align: middle;
  font-size: 1.875em;
}
#overallWrapper .continentale .util-icon--before.util-icon--wohnmobil:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--wohnmobil:before,
#overallWrapper .continentale .util-icon--after.util-icon--wohnmobil:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--wohnmobil:after,
#overallWrapper .continentale .util-icon--only.util-icon--wohnmobil:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e965";
  vertical-align: middle;
  font-size: 2.5em;
}
#overallWrapper .continentale .util-icon--before.util-icon--wohnwagen:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--wohnwagen:before,
#overallWrapper .continentale .util-icon--after.util-icon--wohnwagen:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--wohnwagen:after,
#overallWrapper .continentale .util-icon--only.util-icon--wohnwagen:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e966";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--person:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--person:before,
#overallWrapper .continentale .util-icon--after.util-icon--person:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--person:after,
#overallWrapper .continentale .util-icon--only.util-icon--person:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e952";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--bank:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--bank:before,
#overallWrapper .continentale .util-icon--after.util-icon--bank:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--bank:after,
#overallWrapper .continentale .util-icon--only.util-icon--bank:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e91c";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--locked:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--locked:before,
#overallWrapper .continentale .util-icon--after.util-icon--locked:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--locked:after,
#overallWrapper .continentale .util-icon--only.util-icon--locked:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e951";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--megaphone:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--megaphone:before,
#overallWrapper .continentale .util-icon--after.util-icon--megaphone:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--megaphone:after,
#overallWrapper .continentale .util-icon--only.util-icon--megaphone:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e91b";
  vertical-align: middle;
}
#overallWrapper .continentale .util-icon--before.util-icon--logout:before,
#overallWrapper .continentale .util-icon--absolute-before.util-icon--logout:before,
#overallWrapper .continentale .util-icon--after.util-icon--logout:after,
#overallWrapper .continentale .util-icon--absolute-after.util-icon--logout:after,
#overallWrapper .continentale .util-icon--only.util-icon--logout:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e950";
  vertical-align: middle;
  padding-bottom: 0.1em;
}
@media screen and (min-width: 62em) {
  #overallWrapper .continentale .util-icon--before.util-icon--logout:before,
  #overallWrapper .continentale .util-icon--absolute-before.util-icon--logout:before,
  #overallWrapper .continentale .util-icon--after.util-icon--logout:after,
  #overallWrapper .continentale .util-icon--absolute-after.util-icon--logout:after,
  #overallWrapper .continentale .util-icon--only.util-icon--logout:before {
    color: #fff;
    padding-bottom: 0.3em;
  }
}
#overallWrapper .sparten-icon--before.sparten-icon--krankenversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--krankenversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--krankenversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--krankenversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--krankenversicherung:before {
  content: "\e90b";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--reisekrankenversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--reisekrankenversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--reisekrankenversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--reisekrankenversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--reisekrankenversicherung:before {
  content: "\e900";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--glasversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--glasversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--glasversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--glasversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--glasversicherung:before {
  content: "\e901";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--hausratversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--hausratversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--hausratversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--hausratversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--hausratversicherung:before {
  content: "\e902";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--fondgebundene-lebensversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--fondgebundene-lebensversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--fondgebundene-lebensversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--fondgebundene-lebensversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--fondgebundene-lebensversicherung:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before,
#overallWrapper .sparten-icon--after.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:after,
#overallWrapper .sparten-icon--only.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--rentenversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--rentenversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--rentenversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--rentenversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--rentenversicherung:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--fondgebundene-rentenversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--fondgebundene-rentenversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--fondgebundene-rentenversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--fondgebundene-rentenversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--fondgebundene-rentenversicherung:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--fond-direktanlagebank:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--fond-direktanlagebank:before,
#overallWrapper .sparten-icon--after.sparten-icon--fond-direktanlagebank:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--fond-direktanlagebank:after,
#overallWrapper .sparten-icon--only.sparten-icon--fond-direktanlagebank:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--kapital-lebensversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--kapital-lebensversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--kapital-lebensversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--kapital-lebensversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--kapital-lebensversicherung:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--risiko-lebensversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--risiko-lebensversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--risiko-lebensversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--risiko-lebensversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--risiko-lebensversicherung:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--berufsunfaehigskeitsversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--berufsunfaehigskeitsversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--berufsunfaehigskeitsversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--berufsunfaehigskeitsversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--berufsunfaehigskeitsversicherung:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--riester-rente:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--riester-rente:before,
#overallWrapper .sparten-icon--after.sparten-icon--riester-rente:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--riester-rente:after,
#overallWrapper .sparten-icon--only.sparten-icon--riester-rente:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--wohngebaeudeversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--wohngebaeudeversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--wohngebaeudeversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--wohngebaeudeversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--wohngebaeudeversicherung:before {
  content: "\e908";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--geschaeftsinhaltversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--geschaeftsinhaltversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--geschaeftsinhaltversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--geschaeftsinhaltversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--geschaeftsinhaltversicherung:before {
  content: "\e924";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--verkehrsservice-versicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--verkehrsservice-versicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--verkehrsservice-versicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--verkehrsservice-versicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--verkehrsservice-versicherung:before {
  content: "\e903";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--haftpflichtversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--haftpflichtversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--haftpflichtversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--haftpflichtversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--haftpflichtversicherung:before {
  content: "\e906";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--unfallversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--unfallversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--unfallversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--unfallversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--unfallversicherung:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--unfall-gruppenversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--unfall-gruppenversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--unfall-gruppenversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--unfall-gruppenversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--unfall-gruppenversicherung:before {
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--private-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--private-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--private-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--private-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--private-haftpflichtversicherung:before {
  content: "\e906";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--tierhalterversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--tierhalterversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--tierhalterversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--tierhalterversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--tierhalterversicherung:before {
  content: "\e907";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before {
  content: "\e908";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--gewaesserschaden-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--gewaesserschaden-haftpflichtversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--gewaesserschaden-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--gewaesserschaden-haftpflichtversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--gewaesserschaden-haftpflichtversicherung:before {
  content: "\e909";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--rechtsschutz:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--rechtsschutz:before,
#overallWrapper .sparten-icon--after.sparten-icon--rechtsschutz:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--rechtsschutz:after,
#overallWrapper .sparten-icon--only.sparten-icon--rechtsschutz:before {
  content: "\e90c";
  vertical-align: middle;
  left: -6px;
}
#overallWrapper .sparten-icon--before.sparten-icon--gebaeudeversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--gebaeudeversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--gebaeudeversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--gebaeudeversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--gebaeudeversicherung:before {
  content: "\e908";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--sonstige-gewerbliche-sachversicherung:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--sonstige-gewerbliche-sachversicherung:before,
#overallWrapper .sparten-icon--after.sparten-icon--sonstige-gewerbliche-sachversicherung:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--sonstige-gewerbliche-sachversicherung:after,
#overallWrapper .sparten-icon--only.sparten-icon--sonstige-gewerbliche-sachversicherung:before {
  content: "\e925";
  vertical-align: middle;
}
#overallWrapper .sparten-icon--before.sparten-icon--sms:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--sms:before,
#overallWrapper .sparten-icon--after.sparten-icon--sms:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--sms:after,
#overallWrapper .sparten-icon--only.sparten-icon--sms:before {
  content: "\e90a";
  vertical-align: middle;
  font-size: 6.125rem;
  left: 25px;
  right: 0;
  position: absolute;
  top: 12px;
}
#overallWrapper .sparten-icon--before.sparten-icon--online-zulassung-europa:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--online-zulassung-europa:before,
#overallWrapper .sparten-icon--after.sparten-icon--online-zulassung-europa:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--online-zulassung-europa:after,
#overallWrapper .sparten-icon--only.sparten-icon--online-zulassung-europa:before {
  content: "\e90d";
  vertical-align: middle;
  font-size: 6.125rem;
  left: 25px;
  right: 0;
  position: absolute;
  top: 12px;
}
#overallWrapper .sparten-icon--before.sparten-icon--online-zulassung-eugo:before,
#overallWrapper .sparten-icon--absolute-before.sparten-icon--online-zulassung-eugo:before,
#overallWrapper .sparten-icon--after.sparten-icon--online-zulassung-eugo:after,
#overallWrapper .sparten-icon--absolute-after.sparten-icon--online-zulassung-eugo:after,
#overallWrapper .sparten-icon--only.sparten-icon--online-zulassung-eugo:before {
  content: "\e90e";
  vertical-align: middle;
  font-size: 6.125rem;
  left: 25px;
  right: 0;
  position: absolute;
  top: 12px;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--krankenversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--krankenversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--krankenversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--krankenversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--krankenversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e910";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--reisekrankenversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--reisekrankenversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--reisekrankenversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--reisekrankenversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--reisekrankenversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e900";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--glasversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--glasversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--glasversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--glasversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--glasversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e901";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--hausratversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--hausratversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--hausratversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--hausratversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--hausratversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e902";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--fondgebundene-lebensversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--fondgebundene-lebensversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--fondgebundene-lebensversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--fondgebundene-lebensversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--fondgebundene-lebensversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e936";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--fondgebundene-lebensversicherung-gruppenvertrag:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e936";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--rentenversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--rentenversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--rentenversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--rentenversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--rentenversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e937";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--fondgebundene-rentenversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--fondgebundene-rentenversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--fondgebundene-rentenversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--fondgebundene-rentenversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--fondgebundene-rentenversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e936";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--fond-direktanlagebank:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--fond-direktanlagebank:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--fond-direktanlagebank:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--fond-direktanlagebank:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--fond-direktanlagebank:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e936";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--kapital-lebensversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--kapital-lebensversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--kapital-lebensversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--kapital-lebensversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--kapital-lebensversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e905";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--berufsunfaehigskeitsversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--berufsunfaehigskeitsversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--berufsunfaehigskeitsversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--berufsunfaehigskeitsversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--berufsunfaehigskeitsversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e940";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--riester-rente:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--riester-rente:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--riester-rente:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--riester-rente:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--riester-rente:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e938";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--wohngebaeudeversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--wohngebaeudeversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--wohngebaeudeversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--wohngebaeudeversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--wohngebaeudeversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e920";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--geschaeftsinhaltversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--geschaeftsinhaltversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--geschaeftsinhaltversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--geschaeftsinhaltversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--geschaeftsinhaltversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e924";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--verkehrsservice-versicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--verkehrsservice-versicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--verkehrsservice-versicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--verkehrsservice-versicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--verkehrsservice-versicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e939";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--haftpflichtversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e906";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--unfallversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--unfallversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--unfallversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--unfallversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--unfallversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e941";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--unfall-gruppenversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--unfall-gruppenversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--unfall-gruppenversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--unfall-gruppenversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--unfall-gruppenversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e904";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--private-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--private-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--private-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--private-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--private-haftpflichtversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e906";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--tierhalterversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--tierhalterversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--tierhalterversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--tierhalterversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--tierhalterversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e907";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--haus-grund-bauherren-haftpflichtversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e920";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--gewaesserschaden-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--gewaesserschaden-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--gewaesserschaden-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--gewaesserschaden-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--gewaesserschaden-haftpflichtversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e909";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--rechtsschutz:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--rechtsschutz:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--rechtsschutz:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--rechtsschutz:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--rechtsschutz:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e90c";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--gebaeudeversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--gebaeudeversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--gebaeudeversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--gebaeudeversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--gebaeudeversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e920";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--sonstige-gewerbliche-sachversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--sonstige-gewerbliche-sachversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--sonstige-gewerbliche-sachversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--sonstige-gewerbliche-sachversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--sonstige-gewerbliche-sachversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e925";
  vertical-align: middle;
}
#overallWrapper .continentale .sparten-icon--before.sparten-icon--boot-jagd-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--absolute-before.sparten-icon--boot-jagd-haftpflichtversicherung:before,
#overallWrapper .continentale .sparten-icon--after.sparten-icon--boot-jagd-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--absolute-after.sparten-icon--boot-jagd-haftpflichtversicherung:after,
#overallWrapper .continentale .sparten-icon--only.sparten-icon--boot-jagd-haftpflichtversicherung:before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  content: "\e921";
  vertical-align: middle;
}
#overallWrapper .util-icon--tiny.util-icon--before:before,
#overallWrapper .util-icon--tiny.util-icon--absolute-before:before,
#overallWrapper .util-icon--tiny.util-icon--after:after,
#overallWrapper .util-icon--tiny.util-icon--absolute-after:after {
  font-size: 1rem;
}
#overallWrapper .util-icon--small.util-icon--before:before,
#overallWrapper .util-icon--small.util-icon--absolute-before:before,
#overallWrapper .util-icon--small.util-icon--after:after,
#overallWrapper .util-icon--small.util-icon--absolute-after:after {
  font-size: 1.25rem;
}
#overallWrapper .util-icon--large.util-icon--before:before,
#overallWrapper .util-icon--large.util-icon--absolute-before:before,
#overallWrapper .util-icon--large.util-icon--after:after,
#overallWrapper .util-icon--large.util-icon--absolute-after:after {
  font-size: 3rem;
}
#overallWrapper .util-icon--huge.util-icon--before:before,
#overallWrapper .util-icon--huge.util-icon--absolute-before:before,
#overallWrapper .util-icon--huge.util-icon--after:after,
#overallWrapper .util-icon--huge.util-icon--absolute-after:after {
  font-size: 4.5rem;
}

#documentWrapper {
  /**
  * Remove default margin.
  */
  /* HTML5 display definitions
    ========================================================================== */
  /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
  /**
  * 1. Correct `inline-block` display not defined in IE 8/9.
  * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
  */
  /**
  * Prevent modern browsers from displaying `audio` without controls.
  * Remove excess height in iOS 5 devices.
  */
  /**
  * Address `[hidden]` styling not present in IE 8/9/10.
  * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
  */
  /* Text-level semantics
    ========================================================================== */
  /**
  * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
  */
  /**
  * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
  */
  /**
  * Address styling not present in Safari and Chrome.
  */
  /**
  * Address variable `h1` font-size and margin within `section` and `article`
  * contexts in Firefox 4+, Safari, and Chrome.
  */
  /**
  * Address styling not present in IE 8/9.
  */
  /**
  * Address inconsistent and variable font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
  /* Forms
    ========================================================================== */
  /**
  * Known limitation: by default, Chrome and Safari on OS X allow very limited
  * styling of `select`, unless a `border` property is set.
  */
  /**
  * 1. Correct color not being inherited.
  *    Known issue: affects color of disabled elements.
  * 2. Correct font properties not being inherited.
  * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
  */
  /**
  * Address `overflow` set to `hidden` in IE 8/9/10/11.
  */
  /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
  * All other form control elements do not inherit `text-transform` values.
  * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
  * Correct `select` style inheritance in Firefox.
  */
  /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  *    and `video` controls.
  * 2. Correct inability to style clickable `input` types in iOS.
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
  /**
  * Re-set default cursor for disabled elements.
  */
  /**
  * Remove inner padding and border in Firefox 4+.
  */
  /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
  /**
  * It's recommended that you don't attempt to style these elements.
  * Firefox's implementation doesn't respect box-sizing, padding, or width.
  *
  * 1. Address box sizing set to `content-box` in IE 8/9/10.
  * 2. Remove excess padding in IE 8/9/10.
  */
  /**
  * Fix the cursor style for Chrome's increment/decrement buttons. For certain
  * `font-size` values of the `input`, it causes the cursor style of the
  * decrement button to change from `default` to `text`.
  */
  /**
  * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
  * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
  */
  /**
  * Remove inner padding and search cancel button in Safari and Chrome on OS X.
  * Safari (but not Chrome) clips the cancel button when the search input has
  * padding (and `textfield` appearance).
  */
  /**
  * 1. Correct `color` not being inherited in IE 8/9/10/11.
  * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  */
  /*
  * Remove text-shadow in selection highlight:
  * https://twitter.com/miketaylr/status/12228805301
  *
  * These selection rule sets have to be separate.
  * Customize the background color to match your design.
  */
  /*
  * Remove the gap between audio, canvas, iframes,
  * images, videos and the bottom of their containers:
  * https://github.com/h5bp/html5-boilerplate/issues/440
  */
  /* ==========================================================================
    Browser Upgrade Prompt
    ========================================================================== */
  /* ==========================================================================
    Author's custom styles
    ========================================================================== */
  /* ==========================================================================
    Helper classes
    ========================================================================== */
  /*
  * Hide visually and from screen readers:
  */
  /*
  * Hide only visually, but have it available for screen readers:
  * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
  */
  /*
  * Extends the .visuallyhidden class to allow the element
  * to be focusable when navigated to via the keyboard:
  * https://www.drupal.org/node/897638
  */
  /*
  * Hide visually and from screen readers, but maintain layout
  */
  /*
  * Clearfix: contain floats
  *
  * For modern browsers
  * 1. The space content is one way to avoid an Opera bug when the
  *    `contenteditable` attribute is included anywhere else in the document.
  *    Otherwise it causes space to appear at the top and bottom of elements
  *    that receive the `clearfix` class.
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
  /* ==========================================================================
    EXAMPLE Media Queries for Responsive Design.
    These examples override the primary ('mobile first') styles.
    Modify as content requires.
    ========================================================================== */
  /* ==========================================================================
    Print styles.
    Inlined to avoid the additional HTTP request:
    http://www.phpied.com/delay-loading-your-print-css/
    ========================================================================== */
  /**
  * Capitan layout.scss v2.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2015-01-26
  * MIT License (MIT)
  */
  /* ==========================================================================
    Global Layout
    ========================================================================== */
  /**
  * Container to enable full width sections, to use
  * in combination `.bra-container` as inner elements.
  */
  /**
  * Modifier(s) for container `.bra-container-fullwidth`
  */
  /**
  * Elements: Generic
  *
  * Elements which fits in every context or/and
  * are implied to ensure the components functionality.
  *
  * @see header.tpl for possible markup
  */
  /**
  Angepasste Hintergrundfarbe für das Debug-Informationen-Feld
  */
  /**
  * Elements: Modifications on context
  *
  */
  /**
  * Capitan navigation.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2014-09-23
  * MIT License (MIT)
  */
  /* ==========================================================================
    Navigation
    ========================================================================== */
  /* ansonsten macht JS den Hintergrund immer laenger */
  /* EUR-1550: Menu-Punkte bei Eugo sollen mittiger sein, wegen anderer Schriftart wirken sie so nicht: */
  /**********************
  * FLYOUT FOR MAIN NAV *
  **********************/
  /* mobile hamburger menu */
  /**
  * Capitan meta-navigation.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-11-22
  * 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
  */
  /**
  * Block: Base Component
  *
  * `.meta-navigation`
  */
  /**
  * Capitan breadcrumb.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-11-10
  * 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
  */
  /**
  * Block: Base Component
  */
  /**
  * Elements: Generic
  *
  * Elements which fits in every context or/and
  * are implied to ensure the components functionality.
  *
  * @see breadcrumb.tpl for possible markup
  */
  /**
  * Capitan buttons.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
  */
  /**
  * Capitan noscript.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2014-09-23
  * MIT License (MIT)
  */
  /**
  * Capitan selectbox-contract.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2017-01-02
  * 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
  */
  /**
  * Capitan footer.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-04-05
  * 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
  */
  /* ==========================================================================
    Footer
    ========================================================================== */
  /**
  * Block: Base Component
  */
  /* KUPO-429: Footer immer unten ---------------- */
  /* ------------------------------------------ */
  /* ------------------------------------------ */
  /**
  * Elements: Generic
  *
  * Elements which fits in every context or/and
  * are implied to ensure the components functionality.
  *
  * @see footer.tpl for possible markup
  */
  /* ==========================================================================
    Utility classes
    ========================================================================== */
  /**
  * Capitan utils.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-04-05
  * MIT License (MIT)
  */
  /* ==========================================================================
    Util classes
    ========================================================================== */
  /**
  * Add utility class for counter in mailbox
  * navigation item
  */
  /** + bootstrap visibility utilities */
}
#documentWrapper .europa-go {
  font-size: 1.0625rem;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-style: normal;
  color: #414141;
}
#documentWrapper .continentale {
  font-family: "ContinentalePro", Arial, Helvetica, sans-serif;
  font-style: normal;
}
#documentWrapper html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}
#documentWrapper body {
  margin: 0;
}
#documentWrapper article,
#documentWrapper aside,
#documentWrapper details,
#documentWrapper figcaption,
#documentWrapper figure,
#documentWrapper footer,
#documentWrapper header,
#documentWrapper hgroup,
#documentWrapper main,
#documentWrapper menu,
#documentWrapper nav,
#documentWrapper section,
#documentWrapper summary {
  display: block;
}
#documentWrapper audio,
#documentWrapper canvas,
#documentWrapper progress,
#documentWrapper video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
#documentWrapper audio:not([controls]) {
  display: none;
  height: 0;
}
#documentWrapper [hidden],
#documentWrapper template {
  display: none;
}
#documentWrapper abbr[title] {
  border-bottom: 1px dotted;
}
#documentWrapper b,
#documentWrapper strong {
  font-weight: bold;
}
#documentWrapper dfn {
  font-style: italic;
}
#documentWrapper h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
#documentWrapper mark {
  background: #ff0;
  color: #000;
}
#documentWrapper small {
  font-size: 80%;
}
#documentWrapper sub,
#documentWrapper sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
#documentWrapper sup {
  top: -0.5em;
}
#documentWrapper sub {
  bottom: -0.25em;
}
#documentWrapper img {
  border: 0;
  height: auto;
  outline: 0;
  max-width: 100%;
}
#documentWrapper svg:not(:root) {
  overflow: hidden;
}
#documentWrapper figure {
  margin: 1em 40px;
}
#documentWrapper hr {
  box-sizing: content-box;
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 20px 0;
  padding: 0;
}
#documentWrapper hr:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper pre {
  overflow: auto;
}
#documentWrapper code,
#documentWrapper kbd,
#documentWrapper pre,
#documentWrapper samp {
  font-family: monospace;
  font-size: 1em;
}
#documentWrapper button,
#documentWrapper input,
#documentWrapper optgroup,
#documentWrapper select,
#documentWrapper textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
#documentWrapper button {
  overflow: visible;
}
#documentWrapper button,
#documentWrapper select {
  text-transform: none;
}
#documentWrapper button,
#documentWrapper html input[type=button],
#documentWrapper input[type=reset],
#documentWrapper input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
#documentWrapper button[disabled],
#documentWrapper html input[disabled] {
  cursor: default;
}
#documentWrapper button::-moz-focus-inner,
#documentWrapper input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
#documentWrapper input {
  line-height: normal;
}
#documentWrapper input[type=checkbox],
#documentWrapper input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
#documentWrapper input[type=number]::-webkit-inner-spin-button,
#documentWrapper input[type=number]::-webkit-outer-spin-button {
  height: auto;
}
#documentWrapper input[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  box-sizing: content-box;
  /* 2 */
}
#documentWrapper input[type=search]::-webkit-search-cancel-button,
#documentWrapper input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
#documentWrapper fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
#documentWrapper legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
#documentWrapper textarea {
  overflow: auto;
  resize: vertical;
}
#documentWrapper optgroup {
  font-weight: bold;
}
#documentWrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}
#documentWrapper td,
#documentWrapper th {
  padding: 0;
}
#documentWrapper ::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
#documentWrapper ::selection {
  background: #b3d4fc;
  text-shadow: none;
}
#documentWrapper audio,
#documentWrapper canvas,
#documentWrapper iframe,
#documentWrapper img,
#documentWrapper svg,
#documentWrapper video {
  vertical-align: middle;
}
#documentWrapper .browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
#documentWrapper .hidden {
  display: none !important;
}
#documentWrapper .visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#documentWrapper .visuallyhidden.focusable:active,
#documentWrapper .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
#documentWrapper .invisible {
  visibility: hidden;
}
#documentWrapper .clearfix:before,
#documentWrapper .clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#documentWrapper .clearfix:after {
  clear: both;
}
@media only screen and (min-width: 35em) {
  #documentWrapper {
    /* Style adjustments for viewports that meet the condition */
  }
}
@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  #documentWrapper {
    /* Style adjustments for high resolution devices */
  }
}
@media print {
  #documentWrapper {
    /*
    * Don't show links that are fragment identifiers,
    * or use the `javascript:` pseudo protocol
    */
    /*
    * Printing Tables:
    * http://css-discuss.incutio.com/wiki/Printing_Tables
    */
  }
  #documentWrapper *,
  #documentWrapper *:before,
  #documentWrapper *:after {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster:
                                  http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  #documentWrapper a,
  #documentWrapper a:visited {
    text-decoration: underline;
  }
  #documentWrapper a[href]:after {
    content: " (" attr(href) ")";
  }
  #documentWrapper abbr[title]:after {
    content: " (" attr(title) ")";
  }
  #documentWrapper a[href^="#"]:after,
  #documentWrapper a[href^="javascript:"]:after {
    content: "";
  }
  #documentWrapper pre,
  #documentWrapper blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  #documentWrapper thead {
    display: table-header-group;
  }
  #documentWrapper tr,
  #documentWrapper img {
    page-break-inside: avoid;
  }
  #documentWrapper img {
    max-width: 100% !important;
  }
  #documentWrapper p,
  #documentWrapper h2,
  #documentWrapper h3 {
    orphans: 3;
    widows: 3;
  }
  #documentWrapper h2,
  #documentWrapper h3 {
    page-break-after: avoid;
  }
}
#documentWrapper .bra-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  min-width: 20rem;
  max-width: 80rem;
}
#documentWrapper .bra-container:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .bra-row {
  margin-left: -10px;
  margin-right: -10px;
}
#documentWrapper .bra-row:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .col-xs-1,
#documentWrapper .col-sm-1,
#documentWrapper .col-md-1,
#documentWrapper .col-lg-1,
#documentWrapper .col-xs-2,
#documentWrapper .col-sm-2,
#documentWrapper .col-md-2,
#documentWrapper .col-lg-2,
#documentWrapper .col-xs-3,
#documentWrapper .col-sm-3,
#documentWrapper .col-md-3,
#documentWrapper .col-lg-3,
#documentWrapper .col-xs-4,
#documentWrapper .col-sm-4,
#documentWrapper .col-md-4,
#documentWrapper .col-lg-4,
#documentWrapper .col-xs-5,
#documentWrapper .col-sm-5,
#documentWrapper .col-md-5,
#documentWrapper .col-lg-5,
#documentWrapper .col-xs-6,
#documentWrapper .col-sm-6,
#documentWrapper .col-md-6,
#documentWrapper .col-lg-6,
#documentWrapper .col-xs-7,
#documentWrapper .col-sm-7,
#documentWrapper .col-md-7,
#documentWrapper .col-lg-7,
#documentWrapper .col-xs-8,
#documentWrapper .col-sm-8,
#documentWrapper .col-md-8,
#documentWrapper .col-lg-8,
#documentWrapper .col-xs-9,
#documentWrapper .col-sm-9,
#documentWrapper .col-md-9,
#documentWrapper .col-lg-9,
#documentWrapper .col-xs-10,
#documentWrapper .col-sm-10,
#documentWrapper .col-md-10,
#documentWrapper .col-lg-10,
#documentWrapper .col-xs-11,
#documentWrapper .col-sm-11,
#documentWrapper .col-md-11,
#documentWrapper .col-lg-11,
#documentWrapper .col-xs-12,
#documentWrapper .col-sm-12,
#documentWrapper .col-md-12,
#documentWrapper .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
#documentWrapper .col-xs-1,
#documentWrapper .col-xs-2,
#documentWrapper .col-xs-3,
#documentWrapper .col-xs-4,
#documentWrapper .col-xs-5,
#documentWrapper .col-xs-6,
#documentWrapper .col-xs-7,
#documentWrapper .col-xs-8,
#documentWrapper .col-xs-9,
#documentWrapper .col-xs-10,
#documentWrapper .col-xs-11,
#documentWrapper .col-xs-12 {
  float: left;
}
#documentWrapper .col-xs-1 {
  width: 8.3333333333%;
}
#documentWrapper .col-xs-2 {
  width: 16.6666666667%;
}
#documentWrapper .col-xs-3 {
  width: 25%;
}
#documentWrapper .col-xs-4 {
  width: 33.3333333333%;
}
#documentWrapper .col-xs-5 {
  width: 41.6666666667%;
}
#documentWrapper .col-xs-6 {
  width: 50%;
}
#documentWrapper .col-xs-7 {
  width: 58.3333333333%;
}
#documentWrapper .col-xs-8 {
  width: 66.6666666667%;
}
#documentWrapper .col-xs-9 {
  width: 75%;
}
#documentWrapper .col-xs-10 {
  width: 83.3333333333%;
}
#documentWrapper .col-xs-11 {
  width: 91.6666666667%;
}
#documentWrapper .col-xs-12 {
  width: 100%;
}
#documentWrapper .col-xs-pull-0 {
  right: auto;
}
#documentWrapper .col-xs-pull-1 {
  right: 8.3333333333%;
}
#documentWrapper .col-xs-pull-2 {
  right: 16.6666666667%;
}
#documentWrapper .col-xs-pull-3 {
  right: 25%;
}
#documentWrapper .col-xs-pull-4 {
  right: 33.3333333333%;
}
#documentWrapper .col-xs-pull-5 {
  right: 41.6666666667%;
}
#documentWrapper .col-xs-pull-6 {
  right: 50%;
}
#documentWrapper .col-xs-pull-7 {
  right: 58.3333333333%;
}
#documentWrapper .col-xs-pull-8 {
  right: 66.6666666667%;
}
#documentWrapper .col-xs-pull-9 {
  right: 75%;
}
#documentWrapper .col-xs-pull-10 {
  right: 83.3333333333%;
}
#documentWrapper .col-xs-pull-11 {
  right: 91.6666666667%;
}
#documentWrapper .col-xs-pull-12 {
  right: 100%;
}
#documentWrapper .col-xs-push-0 {
  left: auto;
}
#documentWrapper .col-xs-push-1 {
  left: 8.3333333333%;
}
#documentWrapper .col-xs-push-2 {
  left: 16.6666666667%;
}
#documentWrapper .col-xs-push-3 {
  left: 25%;
}
#documentWrapper .col-xs-push-4 {
  left: 33.3333333333%;
}
#documentWrapper .col-xs-push-5 {
  left: 41.6666666667%;
}
#documentWrapper .col-xs-push-6 {
  left: 50%;
}
#documentWrapper .col-xs-push-7 {
  left: 58.3333333333%;
}
#documentWrapper .col-xs-push-8 {
  left: 66.6666666667%;
}
#documentWrapper .col-xs-push-9 {
  left: 75%;
}
#documentWrapper .col-xs-push-10 {
  left: 83.3333333333%;
}
#documentWrapper .col-xs-push-11 {
  left: 91.6666666667%;
}
#documentWrapper .col-xs-push-12 {
  left: 100%;
}
#documentWrapper .col-xs-offset-0 {
  margin-left: 0;
}
#documentWrapper .col-xs-offset-1 {
  margin-left: 8.3333333333%;
}
#documentWrapper .col-xs-offset-2 {
  margin-left: 16.6666666667%;
}
#documentWrapper .col-xs-offset-3 {
  margin-left: 25%;
}
#documentWrapper .col-xs-offset-4 {
  margin-left: 33.3333333333%;
}
#documentWrapper .col-xs-offset-5 {
  margin-left: 41.6666666667%;
}
#documentWrapper .col-xs-offset-6 {
  margin-left: 50%;
}
#documentWrapper .col-xs-offset-7 {
  margin-left: 58.3333333333%;
}
#documentWrapper .col-xs-offset-8 {
  margin-left: 66.6666666667%;
}
#documentWrapper .col-xs-offset-9 {
  margin-left: 75%;
}
#documentWrapper .col-xs-offset-10 {
  margin-left: 83.3333333333%;
}
#documentWrapper .col-xs-offset-11 {
  margin-left: 91.6666666667%;
}
#documentWrapper .col-xs-offset-12 {
  margin-left: 100%;
}
@media screen and (min-width: 480px) {
  #documentWrapper .col-sm-1,
  #documentWrapper .col-sm-2,
  #documentWrapper .col-sm-3,
  #documentWrapper .col-sm-4,
  #documentWrapper .col-sm-5,
  #documentWrapper .col-sm-6,
  #documentWrapper .col-sm-7,
  #documentWrapper .col-sm-8,
  #documentWrapper .col-sm-9,
  #documentWrapper .col-sm-10,
  #documentWrapper .col-sm-11,
  #documentWrapper .col-sm-12 {
    float: left;
  }
  #documentWrapper .col-sm-1 {
    width: 8.3333333333%;
  }
  #documentWrapper .col-sm-2 {
    width: 16.6666666667%;
  }
  #documentWrapper .col-sm-3 {
    width: 25%;
  }
  #documentWrapper .col-sm-4 {
    width: 33.3333333333%;
  }
  #documentWrapper .col-sm-5 {
    width: 41.6666666667%;
  }
  #documentWrapper .col-sm-6 {
    width: 50%;
  }
  #documentWrapper .col-sm-7 {
    width: 58.3333333333%;
  }
  #documentWrapper .col-sm-8 {
    width: 66.6666666667%;
  }
  #documentWrapper .col-sm-9 {
    width: 75%;
  }
  #documentWrapper .col-sm-10 {
    width: 83.3333333333%;
  }
  #documentWrapper .col-sm-11 {
    width: 91.6666666667%;
  }
  #documentWrapper .col-sm-12 {
    width: 100%;
  }
  #documentWrapper .col-sm-pull-0 {
    right: auto;
  }
  #documentWrapper .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  #documentWrapper .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  #documentWrapper .col-sm-pull-3 {
    right: 25%;
  }
  #documentWrapper .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  #documentWrapper .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  #documentWrapper .col-sm-pull-6 {
    right: 50%;
  }
  #documentWrapper .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  #documentWrapper .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  #documentWrapper .col-sm-pull-9 {
    right: 75%;
  }
  #documentWrapper .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  #documentWrapper .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  #documentWrapper .col-sm-pull-12 {
    right: 100%;
  }
  #documentWrapper .col-sm-push-0 {
    left: auto;
  }
  #documentWrapper .col-sm-push-1 {
    left: 8.3333333333%;
  }
  #documentWrapper .col-sm-push-2 {
    left: 16.6666666667%;
  }
  #documentWrapper .col-sm-push-3 {
    left: 25%;
  }
  #documentWrapper .col-sm-push-4 {
    left: 33.3333333333%;
  }
  #documentWrapper .col-sm-push-5 {
    left: 41.6666666667%;
  }
  #documentWrapper .col-sm-push-6 {
    left: 50%;
  }
  #documentWrapper .col-sm-push-7 {
    left: 58.3333333333%;
  }
  #documentWrapper .col-sm-push-8 {
    left: 66.6666666667%;
  }
  #documentWrapper .col-sm-push-9 {
    left: 75%;
  }
  #documentWrapper .col-sm-push-10 {
    left: 83.3333333333%;
  }
  #documentWrapper .col-sm-push-11 {
    left: 91.6666666667%;
  }
  #documentWrapper .col-sm-push-12 {
    left: 100%;
  }
  #documentWrapper .col-sm-offset-0 {
    margin-left: 0;
  }
  #documentWrapper .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  #documentWrapper .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  #documentWrapper .col-sm-offset-3 {
    margin-left: 25%;
  }
  #documentWrapper .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  #documentWrapper .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  #documentWrapper .col-sm-offset-6 {
    margin-left: 50%;
  }
  #documentWrapper .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  #documentWrapper .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  #documentWrapper .col-sm-offset-9 {
    margin-left: 75%;
  }
  #documentWrapper .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  #documentWrapper .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  #documentWrapper .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 768px) {
  #documentWrapper .col-md-1,
  #documentWrapper .col-md-2,
  #documentWrapper .col-md-3,
  #documentWrapper .col-md-4,
  #documentWrapper .col-md-5,
  #documentWrapper .col-md-6,
  #documentWrapper .col-md-7,
  #documentWrapper .col-md-8,
  #documentWrapper .col-md-9,
  #documentWrapper .col-md-10,
  #documentWrapper .col-md-11,
  #documentWrapper .col-md-12 {
    float: left;
  }
  #documentWrapper .col-md-1 {
    width: 8.3333333333%;
  }
  #documentWrapper .col-md-2 {
    width: 16.6666666667%;
  }
  #documentWrapper .col-md-3 {
    width: 25%;
  }
  #documentWrapper .col-md-4 {
    width: 33.3333333333%;
  }
  #documentWrapper .col-md-5 {
    width: 41.6666666667%;
  }
  #documentWrapper .col-md-6 {
    width: 50%;
  }
  #documentWrapper .col-md-7 {
    width: 58.3333333333%;
  }
  #documentWrapper .col-md-8 {
    width: 66.6666666667%;
  }
  #documentWrapper .col-md-9 {
    width: 75%;
  }
  #documentWrapper .col-md-10 {
    width: 83.3333333333%;
  }
  #documentWrapper .col-md-11 {
    width: 91.6666666667%;
  }
  #documentWrapper .col-md-12 {
    width: 100%;
  }
  #documentWrapper .col-md-pull-0 {
    right: auto;
  }
  #documentWrapper .col-md-pull-1 {
    right: 8.3333333333%;
  }
  #documentWrapper .col-md-pull-2 {
    right: 16.6666666667%;
  }
  #documentWrapper .col-md-pull-3 {
    right: 25%;
  }
  #documentWrapper .col-md-pull-4 {
    right: 33.3333333333%;
  }
  #documentWrapper .col-md-pull-5 {
    right: 41.6666666667%;
  }
  #documentWrapper .col-md-pull-6 {
    right: 50%;
  }
  #documentWrapper .col-md-pull-7 {
    right: 58.3333333333%;
  }
  #documentWrapper .col-md-pull-8 {
    right: 66.6666666667%;
  }
  #documentWrapper .col-md-pull-9 {
    right: 75%;
  }
  #documentWrapper .col-md-pull-10 {
    right: 83.3333333333%;
  }
  #documentWrapper .col-md-pull-11 {
    right: 91.6666666667%;
  }
  #documentWrapper .col-md-pull-12 {
    right: 100%;
  }
  #documentWrapper .col-md-push-0 {
    left: auto;
  }
  #documentWrapper .col-md-push-1 {
    left: 8.3333333333%;
  }
  #documentWrapper .col-md-push-2 {
    left: 16.6666666667%;
  }
  #documentWrapper .col-md-push-3 {
    left: 25%;
  }
  #documentWrapper .col-md-push-4 {
    left: 33.3333333333%;
  }
  #documentWrapper .col-md-push-5 {
    left: 41.6666666667%;
  }
  #documentWrapper .col-md-push-6 {
    left: 50%;
  }
  #documentWrapper .col-md-push-7 {
    left: 58.3333333333%;
  }
  #documentWrapper .col-md-push-8 {
    left: 66.6666666667%;
  }
  #documentWrapper .col-md-push-9 {
    left: 75%;
  }
  #documentWrapper .col-md-push-10 {
    left: 83.3333333333%;
  }
  #documentWrapper .col-md-push-11 {
    left: 91.6666666667%;
  }
  #documentWrapper .col-md-push-12 {
    left: 100%;
  }
  #documentWrapper .col-md-offset-0 {
    margin-left: 0;
  }
  #documentWrapper .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  #documentWrapper .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  #documentWrapper .col-md-offset-3 {
    margin-left: 25%;
  }
  #documentWrapper .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  #documentWrapper .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  #documentWrapper .col-md-offset-6 {
    margin-left: 50%;
  }
  #documentWrapper .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  #documentWrapper .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  #documentWrapper .col-md-offset-9 {
    margin-left: 75%;
  }
  #documentWrapper .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  #documentWrapper .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  #documentWrapper .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 992px) {
  #documentWrapper .col-lg-1,
  #documentWrapper .col-lg-2,
  #documentWrapper .col-lg-3,
  #documentWrapper .col-lg-4,
  #documentWrapper .col-lg-5,
  #documentWrapper .col-lg-6,
  #documentWrapper .col-lg-7,
  #documentWrapper .col-lg-8,
  #documentWrapper .col-lg-9,
  #documentWrapper .col-lg-10,
  #documentWrapper .col-lg-11,
  #documentWrapper .col-lg-12 {
    float: left;
  }
  #documentWrapper .col-lg-1 {
    width: 8.3333333333%;
  }
  #documentWrapper .col-lg-2 {
    width: 16.6666666667%;
  }
  #documentWrapper .col-lg-3 {
    width: 25%;
  }
  #documentWrapper .col-lg-4 {
    width: 33.3333333333%;
  }
  #documentWrapper .col-lg-5 {
    width: 41.6666666667%;
  }
  #documentWrapper .col-lg-6 {
    width: 50%;
  }
  #documentWrapper .col-lg-7 {
    width: 58.3333333333%;
  }
  #documentWrapper .col-lg-8 {
    width: 66.6666666667%;
  }
  #documentWrapper .col-lg-9 {
    width: 75%;
  }
  #documentWrapper .col-lg-10 {
    width: 83.3333333333%;
  }
  #documentWrapper .col-lg-11 {
    width: 91.6666666667%;
  }
  #documentWrapper .col-lg-12 {
    width: 100%;
  }
  #documentWrapper .col-lg-pull-0 {
    right: auto;
  }
  #documentWrapper .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  #documentWrapper .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  #documentWrapper .col-lg-pull-3 {
    right: 25%;
  }
  #documentWrapper .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  #documentWrapper .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  #documentWrapper .col-lg-pull-6 {
    right: 50%;
  }
  #documentWrapper .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  #documentWrapper .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  #documentWrapper .col-lg-pull-9 {
    right: 75%;
  }
  #documentWrapper .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  #documentWrapper .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  #documentWrapper .col-lg-pull-12 {
    right: 100%;
  }
  #documentWrapper .col-lg-push-0 {
    left: auto;
  }
  #documentWrapper .col-lg-push-1 {
    left: 8.3333333333%;
  }
  #documentWrapper .col-lg-push-2 {
    left: 16.6666666667%;
  }
  #documentWrapper .col-lg-push-3 {
    left: 25%;
  }
  #documentWrapper .col-lg-push-4 {
    left: 33.3333333333%;
  }
  #documentWrapper .col-lg-push-5 {
    left: 41.6666666667%;
  }
  #documentWrapper .col-lg-push-6 {
    left: 50%;
  }
  #documentWrapper .col-lg-push-7 {
    left: 58.3333333333%;
  }
  #documentWrapper .col-lg-push-8 {
    left: 66.6666666667%;
  }
  #documentWrapper .col-lg-push-9 {
    left: 75%;
  }
  #documentWrapper .col-lg-push-10 {
    left: 83.3333333333%;
  }
  #documentWrapper .col-lg-push-11 {
    left: 91.6666666667%;
  }
  #documentWrapper .col-lg-push-12 {
    left: 100%;
  }
  #documentWrapper .col-lg-offset-0 {
    margin-left: 0;
  }
  #documentWrapper .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  #documentWrapper .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  #documentWrapper .col-lg-offset-3 {
    margin-left: 25%;
  }
  #documentWrapper .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  #documentWrapper .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  #documentWrapper .col-lg-offset-6 {
    margin-left: 50%;
  }
  #documentWrapper .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  #documentWrapper .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  #documentWrapper .col-lg-offset-9 {
    margin-left: 75%;
  }
  #documentWrapper .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  #documentWrapper .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  #documentWrapper .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1280px) {
  #documentWrapper .col-xl-1,
  #documentWrapper .col-xl-2,
  #documentWrapper .col-xl-3,
  #documentWrapper .col-xl-4,
  #documentWrapper .col-xl-5,
  #documentWrapper .col-xl-6,
  #documentWrapper .col-xl-7,
  #documentWrapper .col-xl-8,
  #documentWrapper .col-xl-9,
  #documentWrapper .col-xl-10,
  #documentWrapper .col-xl-11,
  #documentWrapper .col-xl-12 {
    float: left;
  }
  #documentWrapper .col-xl-1 {
    width: 8.3333333333%;
  }
  #documentWrapper .col-xl-2 {
    width: 16.6666666667%;
  }
  #documentWrapper .col-xl-3 {
    width: 25%;
  }
  #documentWrapper .col-xl-4 {
    width: 33.3333333333%;
  }
  #documentWrapper .col-xl-5 {
    width: 41.6666666667%;
  }
  #documentWrapper .col-xl-6 {
    width: 50%;
  }
  #documentWrapper .col-xl-7 {
    width: 58.3333333333%;
  }
  #documentWrapper .col-xl-8 {
    width: 66.6666666667%;
  }
  #documentWrapper .col-xl-9 {
    width: 75%;
  }
  #documentWrapper .col-xl-10 {
    width: 83.3333333333%;
  }
  #documentWrapper .col-xl-11 {
    width: 91.6666666667%;
  }
  #documentWrapper .col-xl-12 {
    width: 100%;
  }
  #documentWrapper .col-xl-pull-0 {
    right: auto;
  }
  #documentWrapper .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  #documentWrapper .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  #documentWrapper .col-xl-pull-3 {
    right: 25%;
  }
  #documentWrapper .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  #documentWrapper .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  #documentWrapper .col-xl-pull-6 {
    right: 50%;
  }
  #documentWrapper .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  #documentWrapper .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  #documentWrapper .col-xl-pull-9 {
    right: 75%;
  }
  #documentWrapper .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  #documentWrapper .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  #documentWrapper .col-xl-pull-12 {
    right: 100%;
  }
  #documentWrapper .col-xl-push-0 {
    left: auto;
  }
  #documentWrapper .col-xl-push-1 {
    left: 8.3333333333%;
  }
  #documentWrapper .col-xl-push-2 {
    left: 16.6666666667%;
  }
  #documentWrapper .col-xl-push-3 {
    left: 25%;
  }
  #documentWrapper .col-xl-push-4 {
    left: 33.3333333333%;
  }
  #documentWrapper .col-xl-push-5 {
    left: 41.6666666667%;
  }
  #documentWrapper .col-xl-push-6 {
    left: 50%;
  }
  #documentWrapper .col-xl-push-7 {
    left: 58.3333333333%;
  }
  #documentWrapper .col-xl-push-8 {
    left: 66.6666666667%;
  }
  #documentWrapper .col-xl-push-9 {
    left: 75%;
  }
  #documentWrapper .col-xl-push-10 {
    left: 83.3333333333%;
  }
  #documentWrapper .col-xl-push-11 {
    left: 91.6666666667%;
  }
  #documentWrapper .col-xl-push-12 {
    left: 100%;
  }
  #documentWrapper .col-xl-offset-0 {
    margin-left: 0;
  }
  #documentWrapper .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  #documentWrapper .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  #documentWrapper .col-xl-offset-3 {
    margin-left: 25%;
  }
  #documentWrapper .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  #documentWrapper .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  #documentWrapper .col-xl-offset-6 {
    margin-left: 50%;
  }
  #documentWrapper .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  #documentWrapper .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  #documentWrapper .col-xl-offset-9 {
    margin-left: 75%;
  }
  #documentWrapper .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  #documentWrapper .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  #documentWrapper .col-xl-offset-12 {
    margin-left: 100%;
  }
}
#documentWrapper * {
  box-sizing: border-box;
}
@media screen and (min-width: 48em) {
  #documentWrapper .bra-container {
    padding: 0 20px;
  }
  #documentWrapper .continentale .bra-container {
    padding: 0 20px;
  }
}
#documentWrapper .bra-container-fullwidth {
  display: block;
  width: 100%;
  padding: 40px 0;
}
#documentWrapper .bra-container-fullwidth--shadow {
  box-shadow: inset 0 10px 30px -10px rgba(0, 0, 0, 0.075), inset 0 -10px 30px -10px rgba(0, 0, 0, 0.075);
}
#documentWrapper .bra-container-fullwidth--pale {
  background-color: #f7f7f7;
}
#documentWrapper .bra-container-fullwidth--ci {
  background-color: #002a54;
}
#documentWrapper .bra-container-fullwidth--white-border-top {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .bra-container-fullwidth--white-border-top {
    border: none;
  }
}
#documentWrapper h1,
#documentWrapper h2.headline--big,
#documentWrapper h3.headline--big,
#documentWrapper h4.headline--big,
#documentWrapper .headline--big,
#documentWrapper h2,
#documentWrapper h1.headline,
#documentWrapper h3.headline,
#documentWrapper h4.headline,
#documentWrapper .headline,
#documentWrapper h3,
#documentWrapper h4,
#documentWrapper h5,
#documentWrapper h6,
#documentWrapper h1.headline--small,
#documentWrapper h2.headline--small,
#documentWrapper .headline--small {
  font-family: "Lora-Bold", Verdana, sans-serif;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
}
#documentWrapper .continentale h1,
#documentWrapper h2.headline--big,
#documentWrapper h3.headline--big,
#documentWrapper h4.headline--big,
#documentWrapper .headline--big,
#documentWrapper h2,
#documentWrapper h1.headline,
#documentWrapper h3.headline,
#documentWrapper h4.headline,
#documentWrapper .headline,
#documentWrapper h3,
#documentWrapper h4,
#documentWrapper h5,
#documentWrapper h6,
#documentWrapper h1.headline--small,
#documentWrapper h2.headline--small,
#documentWrapper .headline--small {
  font-family: "ContinentalePro", Arial, Helvetica, sans-serif;
}
#documentWrapper .util-badscript {
  font-family: "Bad Script", cursive;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#documentWrapper .continentale .util-caveat {
  font-family: "Caveat", cursive;
  font-weight: normal;
  font-style: normal;
  font-size: 2.5rem;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#documentWrapper .europa-go h1,
#documentWrapper .europa-go h2.headline--big,
#documentWrapper .europa-go h3.headline--big,
#documentWrapper .europa-go h4.headline--big,
#documentWrapper .europa-go .headline--big,
#documentWrapper .europa-go h2,
#documentWrapper .europa-go h1.headline,
#documentWrapper .europa-go h3.headline,
#documentWrapper .europa-go h4.headline,
#documentWrapper .europa-go .headline,
#documentWrapper .europa-go h3,
#documentWrapper .europa-go h4,
#documentWrapper .europa-go h5,
#documentWrapper .europa-go h6,
#documentWrapper .europa-go h1.headline--small,
#documentWrapper .europa-go h2.headline--small,
#documentWrapper .europa-go .headline--small {
  font-family: "PT Sans", Verdana, sans-serif;
  font-weight: 700;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#documentWrapper h1,
#documentWrapper h2.headline--big,
#documentWrapper h3.headline--big,
#documentWrapper h4.headline--big,
#documentWrapper .headline--big {
  font-size: 1.5625rem;
  color: #002a54;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 30em) {
  #documentWrapper h1,
  #documentWrapper h2.headline--big,
  #documentWrapper h3.headline--big,
  #documentWrapper h4.headline--big,
  #documentWrapper .headline--big {
    font-size: 1.875rem;
  }
}
#documentWrapper h2,
#documentWrapper h1.headline,
#documentWrapper h3.headline,
#documentWrapper h4.headline,
#documentWrapper .headline {
  font-size: 1.125rem;
  color: #002a54;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 30em) {
  #documentWrapper h2,
  #documentWrapper h1.headline,
  #documentWrapper h3.headline,
  #documentWrapper h4.headline,
  #documentWrapper .headline {
    font-size: 1.5rem;
  }
}
#documentWrapper h3,
#documentWrapper h4,
#documentWrapper h5,
#documentWrapper h6,
#documentWrapper h1.headline--small,
#documentWrapper h2.headline--small,
#documentWrapper .headline--small {
  font-size: 1rem;
  color: #002a54;
  margin: 0 0 10px 0;
}
@media screen and (min-width: 30em) {
  #documentWrapper h3,
  #documentWrapper h4,
  #documentWrapper h5,
  #documentWrapper h6,
  #documentWrapper h1.headline--small,
  #documentWrapper h2.headline--small,
  #documentWrapper .headline--small {
    font-size: 1.25rem;
  }
}
#documentWrapper h1,
#documentWrapper .util-h1,
#documentWrapper h2,
#documentWrapper .util-h2,
#documentWrapper h3,
#documentWrapper .util-h3,
#documentWrapper h4,
#documentWrapper .util-h4 {
  color: #002a54;
}
#documentWrapper .bg-headline {
  padding: 10px 20px;
  margin: 0;
  background: #8a9bbb;
}
#documentWrapper p {
  line-height: 1.5;
  font-size: 0.875rem;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 30em) {
  #documentWrapper p {
    font-size: 1rem;
  }
}
#documentWrapper .europa-go p {
  font-size: 0.875rem;
}
@media screen and (min-width: 30em) {
  #documentWrapper .europa-go p {
    font-size: 1.0625rem;
  }
}
#documentWrapper ol,
#documentWrapper ul {
  padding: 0 0 0 0;
}
@media screen and (min-width: 30em) {
  #documentWrapper ol,
  #documentWrapper ul {
    padding: 0 0 0 20px;
  }
}
#documentWrapper li {
  font-size: 0.875rem;
}
@media screen and (min-width: 30em) {
  #documentWrapper .europa-go li {
    font-size: 1.0625rem;
  }
  #documentWrapper li {
    font-size: 1rem;
  }
}
#documentWrapper a {
  background-color: transparent;
  text-decoration: underline;
  color: black;
  scroll-margin-top: 155px;
}
#documentWrapper a:hover,
#documentWrapper a:active {
  outline: 0;
  text-decoration: none;
}
#documentWrapper a:focus-visible {
  outline: 3px solid #b9d8f9;
}
#documentWrapper .europa-go .table__brandung a {
  color: #414141;
}
#documentWrapper .link--icon {
  position: relative;
  display: block;
}
#documentWrapper .link--icon[class^=util-icon--]:before,
#documentWrapper .link--icon[class*=" util-icon--"]:before {
  position: absolute;
  left: -20px;
  top: 4px;
}
#documentWrapper .oks-header {
  top: 0;
  width: 100%;
  position: sticky;
  z-index: 50;
  box-shadow: 0 2px 10px 0 rgba(178, 189, 198, 0.5);
  background: #fff;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .oks-header {
    padding: 0;
  }
}
@media print {
  #documentWrapper .oks-header {
    position: static !important;
  }
  #documentWrapper .oks-header + *:nth-of-type(1) {
    margin-top: 0;
  }
}
#documentWrapper .debug {
  background: #890e50;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .header__logo {
    margin: 0;
    padding: 0 10px;
    position: relative;
    z-index: 3;
    background-color: #fff;
  }
  #documentWrapper .continentale .header__logo {
    padding: 5px 0 7px 0;
    background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
    box-shadow: none;
  }
  #documentWrapper .europa-go .header__logo {
    padding: 0 0 8px 10px;
    box-shadow: 0 2px 10px 0 rgba(178, 189, 198, 0.5);
  }
  #documentWrapper .header__navigation {
    padding: 0 20px 0 0;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .europa-go .header__logo {
    padding: 0 0 7px 0;
  }
}
#documentWrapper .header__logo a {
  display: block;
  width: 185px;
  height: 65px;
  text-indent: -999em;
  background: url("../img/europa-kundenportal-logo.png") no-repeat 0 0;
  background-size: cover;
  transition: all 0.4s ease;
}
@media screen and (min-width: 62em) {
  #documentWrapper .header__logo a {
    background-size: 100%;
  }
}
@media print {
  #documentWrapper .header__logo a[href]:after {
    display: none !important;
  }
}
#documentWrapper .europa-go .header__logo a {
  width: 185px;
  height: 56px;
  background: url("../img/europa-go-logo.png") no-repeat 0 5px;
  background-size: contain;
  padding: 5px 0;
}
#documentWrapper .continentale .header__logo a {
  width: auto;
  background: url("../img/continentale-logo.png") no-repeat right 15px top;
  background-size: contain;
  margin: 15px 0;
  padding: 5px 0;
}
#documentWrapper .header__navigation {
  transition: all 0.4s ease;
}
#documentWrapper .continentale .header__navigation {
  background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
  padding: 15px 0 0 0;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .header__navigation .bra-container {
    padding: 0;
  }
  #documentWrapper .continentale .header__navigation {
    padding: 0 10px 0 0;
  }
}
#documentWrapper .oks-header .bra-row {
  margin-bottom: 0;
}
@media screen and (min-width: 62em) {
  #documentWrapper .oks-header .bra-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .oks-header .bra-row [class^=col-] {
    min-height: 0;
    background-color: #fff;
  }
  #documentWrapper .continentale .oks-header .bra-row [class^=col-] {
    padding: 0;
  }
}
#documentWrapper nav:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media print {
  #documentWrapper nav {
    display: none;
  }
}
#documentWrapper .main-nav {
  background-color: #002a54;
}
#documentWrapper .continentale .main-nav {
  background-color: transparent;
  text-align: left;
}
#documentWrapper .main-nav:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .main-nav {
    transform: translate3d(0, -100%, 0);
    transition: all 500ms ease;
    clear: both;
    /* left: 0; */
    overflow: auto;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 2;
    /* component overwrite */
  }
  #documentWrapper .continentale .main-nav {
    background-color: #002a54;
  }
  #documentWrapper .ie9 .main-nav {
    top: -100%;
  }
}
#documentWrapper .main-nav__list {
  position: relative;
  list-style: none;
  padding: 20px 10px;
  margin: 10px 20px 20px 20px;
  height: auto !important;
}
#documentWrapper .continentale .main-nav__list {
  margin: 110px 20px 20px 20px;
}
#documentWrapper .main-nav__list:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__list {
    height: auto !important;
    margin: 0;
    padding: 0;
  }
  #documentWrapper .continentale .main-nav__list {
    margin: 0;
    padding: 35px 0 0 0;
  }
}
#documentWrapper .main-nav__list-item {
  border-bottom: 1px solid #fff;
  display: block;
  position: relative;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__list-item {
    transition: color 0.2s linear, background 0.2s linear;
    display: inline-block;
    border: none;
  }
}
#documentWrapper .main-nav__list-item.meta-navigation__list-item {
  border-bottom: none;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__list-item.is-active .main-nav__link {
    color: #fff;
    border-bottom: 3px solid #fff;
    outline: none;
  }
}
#documentWrapper .main-nav__link {
  font-size: 0.9375rem;
  display: block;
  padding: 10px 0;
  color: #fff;
  text-decoration: none;
  border-bottom: 3px solid transparent;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__link {
    font-size: 1rem;
    margin-right: 36px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .main-nav__link {
    margin-right: 40px;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__link:hover,
  #documentWrapper .main-nav__link:active {
    color: #fff;
    border-bottom: 3px solid #fff;
    outline: none;
  }
  #documentWrapper .main-nav__link:focus-visible {
    outline: 3px solid #b9d8f9;
  }
}
#documentWrapper .main-nav__link[class^=util-icon--]:after,
#documentWrapper .main-nav__link[class*=" util-icon--"]:after {
  font-size: 0.75rem;
  padding-left: 10px;
  position: absolute;
  top: 16px;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__link[class^=util-icon--]:after,
  #documentWrapper .main-nav__link[class*=" util-icon--"]:after {
    display: none;
  }
}
#documentWrapper .main-nav__link[class^=util-icon--].is-active:after,
#documentWrapper .main-nav__link[class*=" util-icon--"].is-active:after {
  transform: rotate(90deg);
  position: absolute;
  padding-left: 17px;
  top: 7px;
}
#documentWrapper .europa-go .main-nav__link {
  padding: 10px 0 9px 0;
}
#documentWrapper .main-nav__loggedin-user {
  font-size: 0.875rem;
  display: none;
  margin: 0;
  color: #fff;
  text-align: right;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__loggedin-user {
    display: block;
  }
}
#documentWrapper .main-nav__loggedin-user a {
  color: #fff;
}
#documentWrapper .main-nav__flyout {
  background: #fff;
  padding: 10px;
  border-radius: 0;
  box-shadow: 0 0 16px 3px rgba(0, 0, 0, 0.41);
  position: relative;
  top: 0;
  min-width: 100%;
  z-index: 111;
  margin-bottom: 15px;
  display: none;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__flyout {
    min-width: 300px;
    margin-bottom: 0;
    top: 50px;
    border-radius: 10px;
    position: absolute;
  }
}
#documentWrapper .main-nav__flyout--arrow-top:before {
  position: absolute;
  z-index: 2;
  top: -10px;
  left: 2%;
  transform: translateX(-2%);
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #fff;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__flyout--arrow-top:before {
    top: -15px;
    left: 10%;
    transform: translateX(-10%);
  }
}
#documentWrapper .main-nav__flyout .flyout__list-item {
  font-size: 0.875rem;
  border-bottom: 1px solid #b2bdc6;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__flyout .flyout__list-item {
    font-size: 1rem;
  }
}
#documentWrapper .main-nav__flyout .flyout__list-item:last-child {
  border-bottom: none;
}
#documentWrapper .main-nav__flyout .flyout__link {
  display: block;
  text-decoration: none;
  color: #002a54;
  padding: 7px 10px;
  font-weight: 400;
  transition: 0.1s all ease-in-out;
}
#documentWrapper .main-nav__flyout .flyout__link:hover {
  font-weight: 700;
}
@media screen and (min-width: 62em) {
  #documentWrapper .main-nav__flyout .flyout__link {
    padding: 14px 10px;
  }
}
#documentWrapper .main-nav__flyout .clone {
  display: none;
}
#documentWrapper .nav-anchors {
  display: none;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .nav-anchors {
    display: block;
  }
  #documentWrapper .nav-anchors__trigger {
    position: fixed;
    display: block;
    width: 65px;
    height: 65px;
    z-index: 4;
    top: 0;
    right: 0;
    margin-right: 0;
    font-size: 0;
    background-color: #002a54;
  }
  #documentWrapper .continentale .nav-anchors__trigger {
    right: auto;
    background-color: transparent;
    margin-right: 10px;
  }
  #documentWrapper .nav-anchors__trigger span {
    display: block;
    position: absolute;
    top: 24px;
    left: 11px;
    right: 0;
    height: 5px;
    width: 65%;
    background: #fff;
    text-indent: -9999em;
  }
  #documentWrapper .nav-anchors__trigger span:before {
    top: -12px;
    transition-property: top, transform;
  }
  #documentWrapper .nav-anchors__trigger span:after {
    bottom: -12px;
    transition-property: bottom, transform;
  }
  #documentWrapper .nav-anchors__trigger span:before,
  #documentWrapper .nav-anchors__trigger span:after {
    transition-duration: 0.2s, 0.2s;
    transition-delay: 0.2s, 0s;
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #fff;
    content: "";
  }
  #documentWrapper .nav-anchors__trigger .nav-anchors__caption {
    font-size: 0.75rem;
    color: #fff;
    bottom: 3px;
    margin: 0;
    left: 16px;
    text-indent: 0;
    position: absolute;
  }
  #documentWrapper .nav-anchors__trigger.is-open span {
    background: none;
  }
  #documentWrapper .nav-anchors__trigger.is-open span:before,
  #documentWrapper .nav-anchors__trigger.is-open span:after {
    transition-delay: 0s, 0.2s;
  }
  #documentWrapper .nav-anchors__trigger.is-open span:before {
    transform: rotate(45deg);
    top: 0;
  }
  #documentWrapper .nav-anchors__trigger.is-open span:after {
    transform: rotate(-45deg);
    bottom: 0;
  }
}
#documentWrapper .meta-navigation {
  display: none;
  text-align: right;
}
@media screen and (min-width: 62em) {
  #documentWrapper .meta-navigation {
    display: block;
  }
}
@media print {
  #documentWrapper .meta-navigation {
    display: none;
  }
}
#documentWrapper .meta-navigation__list-item {
  display: inline-block;
  margin-left: 20px;
}
#documentWrapper .meta-navigation__link {
  font-size: 0.875rem;
  position: relative;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}
#documentWrapper .continentale .meta-navigation__link {
  color: #414141;
  text-decoration: none;
}
@media screen and (min-width: 62em) {
  #documentWrapper .meta-navigation__link {
    margin-left: 25px;
  }
  #documentWrapper .continentale .meta-navigation__link {
    margin-left: 0;
    color: #fff;
  }
}
#documentWrapper .meta-navigation__link:before {
  font-size: 1.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -25px;
  padding: 0;
  color: #890e50;
}
#documentWrapper .continentale .meta-navigation__link:before {
  color: #fff;
  padding-bottom: 0.3em;
}
@media screen and (min-width: 62em) {
  #documentWrapper .meta-navigation__link:before {
    font-size: 1.375rem;
  }
}
#documentWrapper .europa-go .meta-navigation__link:before {
  color: #f39200;
}
@media screen and (min-width: 62em) {
  #documentWrapper .meta-navigation__link:hover,
  #documentWrapper .meta-navigation__link:active {
    border-bottom: 1px solid;
    outline: none;
  }
  #documentWrapper .meta-navigation__link:focus {
    outline: 3px solid #b9d8f9;
  }
}
#documentWrapper .clone {
  border-bottom: 0;
  margin: 40px 0 0 0;
  width: 100%;
}
#documentWrapper .clone + .clone {
  margin: 10px 0 0 0;
}
#documentWrapper .clone .meta-navigation__link {
  padding: 10px 10px 10px 40px;
  border-radius: 4px;
  color: #414141;
  background-color: #fff;
}
#documentWrapper .clone .meta-navigation__link:before {
  left: 10px;
}
#documentWrapper .back-to-login {
  display: none;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .continentale .back-to-login {
    display: block;
    color: #0a3377;
    font-size: 12px;
  }
}
#documentWrapper .breadcrumb {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#documentWrapper .breadcrumb a {
  color: #414141;
  text-decoration: underline;
}
#documentWrapper .breadcrumb a:hover {
  color: #414141;
  text-decoration: none;
}
#documentWrapper .breadcrumb__item {
  display: inline-block;
  margin-right: 5px;
}
#documentWrapper .breadcrumb__item,
#documentWrapper .breadcrumb__item a {
  font-size: 0.875rem;
}
#documentWrapper .breadcrumb__item::before {
  font-size: 0.75rem;
  font-family: iconfont, sans-serif;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e913";
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#documentWrapper .breadcrumb__root::before {
  content: "";
  margin-right: 0;
}
#documentWrapper .breadcrumb__current {
  color: #890e50;
}
#documentWrapper .europa-go .breadcrumb__current {
  color: #f39200;
}
#documentWrapper .breadcrumb__current::before {
  content: "\e913";
  color: #414141;
}
#documentWrapper .prevbtn {
  background-color: transparent;
  border: 0;
  padding: 15px 0 0 0;
  text-decoration: underline;
}
#documentWrapper .prevbtn:focus {
  outline: 3px solid #b9d8f9;
}
#documentWrapper a.btn,
#documentWrapper input.btn,
#documentWrapper span.btn {
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: 15px 20px 16px;
  background: #002a54;
  color: #fff;
  border: none;
  border-radius: 45px;
  vertical-align: bottom;
  cursor: pointer;
  z-index: 0;
  text-decoration: none;
  font-weight: normal;
  line-height: 19px;
  transition: all 0.2s ease-out;
  text-align: center;
}
@media screen and (min-width: 30em) {
  #documentWrapper a.btn,
  #documentWrapper input.btn {
    display: inline-block;
    width: auto;
  }
}
#documentWrapper .continentale a.btn,
#documentWrapper .continentale input.btn {
  background-color: #002a54;
  border-radius: 0;
  border-bottom: 2px solid #890e50;
  color: #fff;
  padding: 15px 20px;
  font-weight: bold;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 30px;
}
#documentWrapper .europa-go a.btn,
#documentWrapper .europa-go input.btn,
#documentWrapper .europa-go span.btn {
  padding: 13px 20px;
  border-radius: 4px;
  font-family: "PT Sans", Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 30em) {
  #documentWrapper .continentale a.btn,
  #documentWrapper .continentale input.btn {
    width: 220px;
  }
}
#documentWrapper a.btn:hover,
#documentWrapper input.btn:hover {
  background: #bbc9db;
}
#documentWrapper a.btn:focus,
#documentWrapper input.btn:focus {
  outline: 3px solid #b9d8f9;
}
#documentWrapper a.btn--small,
#documentWrapper input.btn--small {
  font-size: 0.875rem;
  padding: 5px 10px;
  margin: 0 0;
}
#documentWrapper .europa-go a.btn--small,
#documentWrapper .europa-go input.btn--small {
  padding: 6px 10px;
}
#documentWrapper a.btn[disabled],
#documentWrapper input.btn[disabled] {
  display: none;
}
#documentWrapper a.btn--disabled:hover,
#documentWrapper input.btn--disabled:hover {
  background: #8a9bbb;
  cursor: default;
}
#documentWrapper a.btn--cancel,
#documentWrapper input.btn--cancel {
  background: #e4e9f1;
  color: #002a54;
}
#documentWrapper a.btn--cancel:hover,
#documentWrapper input.btn-cancel:hover {
  background: #b2bdc6;
}
#documentWrapper a.btn--light,
#documentWrapper input.btn--light {
  background: #bbc9db;
}
#documentWrapper a.btn--light:hover,
#documentWrapper input.btn--light:hover {
  background: #002a54;
}
#documentWrapper a.btn--pink,
#documentWrapper input.btn--pink {
  background: #890e50;
}
#documentWrapper .europa-go a.btn--pink,
#documentWrapper .europa-go input.btn--pink {
  background: #f39200;
  color: #002a54;
}
#documentWrapper a.btn--pink:hover,
#documentWrapper input.btn--pink:hover {
  background: #f084be;
}
#documentWrapper .europa-go a.btn--pink:hover,
#documentWrapper .europa-go input.btn--pink:hover {
  background: #ffb84c;
}
#documentWrapper span.btn--block,
#documentWrapper input.btn--block {
  width: 100%;
  display: block;
  padding-left: 10%;
  padding-right: 10%;
  overflow: hidden;
}
@media screen and (max-width: 30em) {
  #documentWrapper a.btn--margin-mobile,
  #documentWrapper input.btn--margin-mobile {
    margin: 10px 0 !important;
  }
}
#documentWrapper a.btn.util-icon--after:after,
#documentWrapper input.btn.util-icon--after:after,
#documentWrapper a.btn.util-icon--after:before,
#documentWrapper input.btn.util-icon--after:before,
#documentWrapper a.btn.util-icon--before:after,
#documentWrapper input.btn.util-icon--before:after,
#documentWrapper a.btn.util-icon--before:before,
#documentWrapper input.btn.util-icon--before:before {
  color: white;
  vertical-align: baseline;
}
#documentWrapper a.btn.util-icon--before:before,
#documentWrapper input.btn.util-icon--before:before {
  padding-right: 5px;
}
#documentWrapper a.btn.util-icon--after:after,
#documentWrapper input.btn.util-icon--after:after {
  padding-left: 5px;
}
#documentWrapper .text-link {
  text-decoration: none;
  background: none;
  border: none;
  float: left;
}
#documentWrapper .text-link span {
  text-decoration: underline;
}
#documentWrapper .text-link + span {
  float: left;
  margin: 10px 0;
  width: 100%;
}
@media screen and (min-width: 62em) {
  #documentWrapper .text-link + span {
    margin: 0;
    width: auto;
    float: right;
  }
}
#documentWrapper .text-link.util-icon--after:after {
  padding-left: 5px;
}
#documentWrapper .text-link.util-icon--before:before {
  padding-right: 5px;
}
#documentWrapper noscript {
  color: #000;
  margin: 0.2em 0;
  background: #f7f7f7;
  padding: 0.2em 0;
  text-align: center;
}
#documentWrapper noscript p {
  margin: 0 auto;
  max-width: 1280px;
}
#documentWrapper .selectbox-contract:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .selectbox-contract .form__label {
  margin: 14px 0;
  color: #002a54;
}
#documentWrapper #siteWrapper {
  height: auto;
  min-height: 100%;
}
#documentWrapper #footer {
  height: 77px;
}
@media screen and (min-width: 48em) {
  #documentWrapper #footer {
    height: 77px;
  }
}
#documentWrapper .europa-go #footer {
  height: 87px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .europa-go #footer {
    height: 84px;
  }
}
#documentWrapper .footer {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #002a54;
  padding: 5px 10px 11px 10px;
  display: table;
}
#documentWrapper .footer-stripe--continentale {
  background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
  height: 2em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  min-width: 340px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer {
    flex-flow: row nowrap;
    padding: 15px 0 41px 0;
  }
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .continentale .footer {
    margin-top: 0;
    padding-top: 10px;
    height: calc(100% - 2em);
  }
}
#documentWrapper .footer .bra-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer .bra-row {
    display: block;
  }
}
#documentWrapper .footer__legal {
  font-size: 0.5625rem;
  margin: 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer__legal {
    font-size: 0.75rem;
    margin: 5px 0 0 0;
    text-align: left;
  }
  #documentWrapper .continentale .footer__legal {
    font-size: 0.8rem;
    margin: 30px 0 0 0;
    text-align: left;
  }
}
#documentWrapper .footer__list {
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  list-style: none;
  padding: 0;
  margin: 0 0 25px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer__list {
    float: right;
    display: block;
    margin: 0;
  }
  #documentWrapper .continentale .footer__list {
    float: right;
    display: block;
    margin-top: 28px;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale li.footer__list-item {
    list-style-type: "|";
    font-size: 0.688rem;
    margin-right: 0;
    padding-left: 5px;
  }
  #documentWrapper .continentale li.footer__list-item:first-child {
    list-style-type: "";
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .continentale li.footer__list-item {
    margin-right: 10px;
    padding-left: 15px;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer__list-item {
    float: left;
    margin: 0 0 0 10px;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .footer__list-item {
    margin-right: 20px;
  }
}
#documentWrapper .footer__link {
  font-size: 0.625rem;
  color: #fff;
  text-decoration: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .footer__link {
    font-size: 0.8125rem;
    padding: 0;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .footer__link {
    font-size: 0.9375rem;
  }
  #documentWrapper .continentale .footer__link {
    font-size: 0.8125rem;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .footer__link {
    font-size: 1rem;
  }
  #documentWrapper .continentale .footer__link {
    font-size: 0.8125rem;
  }
}
#documentWrapper .footer__link:hover {
  text-decoration: underline;
}
#documentWrapper .util-unstyled {
  margin: 0;
  padding: 0;
  list-style: none;
}
#documentWrapper .continentale .util-unstyled {
  text-align: left;
}
#documentWrapper .util-left {
  float: left;
}
#documentWrapper .util-right {
  float: right;
}
#documentWrapper .util-center {
  display: block;
  margin: 0 auto;
  text-align: center;
}
#documentWrapper .util-clear {
  clear: both;
}
#documentWrapper .util-text-right {
  text-align: right;
}
#documentWrapper .util-text-left {
  text-align: left;
}
#documentWrapper .util-text-center {
  text-align: center;
}
#documentWrapper .util-show-grid [class*=col-] {
  background: grey;
  outline: 1px solid red;
}
#documentWrapper .util-show-grid header {
  background: rgba(0, 128, 0, 0.5);
}
#documentWrapper .util-show-grid footer {
  background: rgba(0, 255, 255, 0.5);
}
#documentWrapper .util-bg--pattern {
  background: url("../img/pattern.jpg") repeat 0 0;
}
#documentWrapper .util-text--light {
  color: #b2bdc6;
}
#documentWrapper .util-color--europa-go {
  color: #f39200;
}
#documentWrapper .util-reset-decoration {
  text-decoration: none;
}
#documentWrapper .util-count-inbox {
  position: relative;
}
#documentWrapper .util-count-inbox > div {
  font-size: 0.6875rem;
  position: absolute;
  right: -21px;
  display: block;
  border-radius: 24px;
  line-height: 0;
  background-color: #890e50;
  color: #fff;
  width: 19px;
  height: 8px;
  text-align: center;
  padding: 8px 4.4444444444px 8px 3px;
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .util-count-inbox > div {
    margin-top: 5px;
  }
}
#documentWrapper .europa-go .util-count-inbox > div {
  background-color: #f39200;
}
#documentWrapper .continentale .util-count-inbox > div {
  background-color: #fff;
  color: #002a54;
}
#documentWrapper .util-reset-padding {
  padding: 0 !important;
}
#documentWrapper .util-reset-padding-top {
  padding-top: 0 !important;
}
#documentWrapper .util-reset-padding-right {
  padding-right: 0 !important;
}
#documentWrapper .util-reset-padding-bottom {
  padding-bottom: 0 !important;
}
#documentWrapper .util-reset-padding-left {
  padding-left: 0 !important;
}
#documentWrapper .util-reset-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#documentWrapper .util-reset-padding-y {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#documentWrapper .util-add-padding {
  padding: 10px !important;
}
#documentWrapper .util-add-padding-full {
  padding: 20px !important;
}
#documentWrapper .util-add-padding-double {
  padding: 40px !important;
}
#documentWrapper .util-add-padding-top {
  padding-top: 10px !important;
}
#documentWrapper .util-add-padding-top-full {
  padding-top: 20px !important;
}
#documentWrapper .util-add-padding-top-double {
  padding-top: 40px !important;
}
#documentWrapper .util-add-padding-right {
  padding-right: 10px !important;
}
#documentWrapper .util-add-padding-right-full {
  padding-right: 20px !important;
}
#documentWrapper .util-add-padding-right-double {
  padding-right: 40px !important;
}
#documentWrapper .util-add-padding-bottom {
  padding-bottom: 10px !important;
}
#documentWrapper .util-add-padding-bottom-full {
  padding-bottom: 20px !important;
}
#documentWrapper .util-add-padding-bottom-double {
  padding-bottom: 40px !important;
}
#documentWrapper .util-add-padding-left {
  padding-left: 10px !important;
}
#documentWrapper .util-add-padding-left-full {
  padding-left: 20px !important;
}
#documentWrapper .util-add-padding-left-double {
  padding-left: 40px !important;
}
#documentWrapper .util-add-padding-x {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
#documentWrapper .util-add-padding-x-full {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
#documentWrapper .util-add-padding-x-double {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
#documentWrapper .util-add-padding-y {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
#documentWrapper .util-add-padding-y-full {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
#documentWrapper .util-add-padding-y-double {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
#documentWrapper .util-reset-margin {
  margin: 0 !important;
}
#documentWrapper .util-reset-margin-top {
  margin-top: 0 !important;
}
#documentWrapper .util-reset-margin-right {
  margin-right: 0 !important;
}
#documentWrapper .util-reset-margin-bottom {
  margin-bottom: 0 !important;
}
#documentWrapper .util-reset-margin-left {
  margin-left: 0 !important;
}
#documentWrapper .util-reset-margin-x {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
#documentWrapper .util-reset-margin-y {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#documentWrapper .util-reset-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
#documentWrapper .util-add-margin {
  margin: 10px !important;
}
#documentWrapper .util-add-margin-full {
  margin: 20px !important;
}
#documentWrapper .util-add-margin-double {
  margin: 40px !important;
}
#documentWrapper .util-add-margin-top {
  margin-top: 10px !important;
}
#documentWrapper .util-add-margin-top-full {
  margin-top: 20px !important;
}
#documentWrapper .util-add-margin-top-double {
  margin-top: 40px !important;
}
#documentWrapper .util-add-margin-right {
  margin-right: 10px !important;
}
#documentWrapper .util-add-margin-right-full {
  margin-right: 20px !important;
}
#documentWrapper .util-add-margin-right-double {
  margin-right: 40px !important;
}
#documentWrapper .util-add-margin-bottom {
  margin-bottom: 10px !important;
}
#documentWrapper .util-add-margin-bottom-full {
  margin-bottom: 20px !important;
}
#documentWrapper .util-add-margin-bottom-double {
  margin-bottom: 40px !important;
}
#documentWrapper .util-add-margin-left {
  margin-left: 10px !important;
}
#documentWrapper .util-add-margin-left-full {
  margin-left: 20px !important;
}
#documentWrapper .util-add-margin-left-double {
  margin-left: 40px !important;
}
#documentWrapper .util-add-margin-x {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
#documentWrapper .util-add-margin-x-full {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
#documentWrapper .util-add-margin-x-double {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
#documentWrapper .util-add-margin-y {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#documentWrapper .util-add-margin-y-full {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
#documentWrapper .util-add-margin-y-double {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
#documentWrapper .util-block {
  display: block;
}
#documentWrapper .util-hidden,
#documentWrapper .util-visible-xs,
#documentWrapper .util-visible-sm,
#documentWrapper .util-visible-md,
#documentWrapper .util-visible-lg,
#documentWrapper .util-visible-xl {
  display: none !important;
}
@media screen and (min-width: 20em) {
  #documentWrapper .util-visible-xs {
    display: block !important;
  }
  #documentWrapper span.util-visible-xs {
    display: inline !important;
  }
  #documentWrapper .util-hidden-xs {
    display: none !important;
  }
}
@media screen and (min-width: 30em) {
  #documentWrapper .util-visible-sm {
    display: block !important;
  }
  #documentWrapper span.util-visible-sm {
    display: inline !important;
  }
  #documentWrapper .util-hidden-sm {
    display: none !important;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .util-visible-md {
    display: block !important;
  }
  #documentWrapper span.util-visible-md {
    display: inline !important;
  }
  #documentWrapper .util-hidden-md {
    display: none !important;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .util-visible-lg {
    display: block !important;
  }
  #documentWrapper span.util-visible-lg {
    display: inline !important;
  }
  #documentWrapper .util-hidden-lg {
    display: none !important;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .util-visible-xl {
    display: block !important;
  }
  #documentWrapper span.util-visible-xl {
    display: inline !important;
  }
  #documentWrapper .util-hidden-xl {
    display: none !important;
  }
}
#documentWrapper .util-bg--black {
  background: #000;
}
#documentWrapper .util-bg--white {
  background: #fff;
}
#documentWrapper .util-bg--grey {
  background: #666;
}
#documentWrapper .util-bg--grey-dark {
  background: #414141;
}
#documentWrapper .util-bg--grey-light {
  background: #b2bdc6;
}
#documentWrapper .util-bg--grey-lighter {
  background: #e9e9e9;
}
#documentWrapper .util-bg--grey-lightest {
  background: #f7f7f7;
}
#documentWrapper .continentale .util-bg--grey-lightest-only-conti {
  background: #f7f7f7;
}
#documentWrapper .util-bg--placeholder {
  background: #999;
}
#documentWrapper .util-bg--ci {
  background: #002a54;
}
#documentWrapper .util-bg--ci-pink {
  background: #890e50;
}
#documentWrapper .util-bg--pink-hover {
  background: #f084be;
}
#documentWrapper .util-bg--ci-hover {
  background: #bbc9db;
}
#documentWrapper .util-bg--error {
  background: #cd0d00;
}
#documentWrapper .util-bg--error-light {
  background: #ffdfdf;
}
#documentWrapper .util-bg--success {
  background: #289923;
}
#documentWrapper .util-bg--green-light {
  background: #a9d6a7;
}
#documentWrapper .util-bg--warning {
  background: #f0ad4e;
}
#documentWrapper .util-bg--info {
  background: #7f91b1;
}
#documentWrapper .util-bg--blue-darkest {
  background: #002a54;
}
#documentWrapper .util-bg--blue-light {
  background: #e4e9f1;
}
#documentWrapper .util-bg--blue-highlight {
  background: #d4dbe7;
}
#documentWrapper .util-bg--blue {
  background: #8a9bbb;
}
#documentWrapper .util-bg--ci-orange {
  background: #f39200;
}
#documentWrapper .util-bg--orange-hover {
  background: #ffb84c;
}
#documentWrapper .util-bg--warning-go {
  background: #a58e3d;
}

@media screen and (max-width: 61.9375em) {
  #open-nav:target,
  .open-nav {
    overflow: hidden;
  }
  #open-nav:target .main-nav,
  .open-nav #documentWrapper .main-nav {
    transform: translate3d(0, 0, 0);
    /* component overwrite */
  }
  .ie9 #open-nav:target .main-nav,
  .ie9 .open-nav .main-nav {
    transform: translate(0, 0);
  }
  #open-nav:target .nav-anchors__open,
  .open-nav .nav-anchors__open {
    display: none;
  }
  #open-nav:target .nav-anchors__close,
  .open-nav .nav-anchors__close {
    display: inline-block !important;
  }
}
/* overlay layer on active menu */
.overlay-background {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  bottom: 0;
  display: none;
  z-index: 0;
}

@media screen and (min-width: 62em) {
  .overlay-background {
    background: none;
    z-index: -5;
  }
}
.europa-go .situation-special-message {
  color: #f39200 !important;
}

.situation-special-message {
  font-weight: normal !important;
  color: #890e50 !important;
  font-size: 100% !important;
  border: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.portlet-borderless-container {
  min-height: 0 !important;
}

.fahrzeugSuche-plus-minus {
  font-size: 20px;
  text-align: right;
  padding-top: 10px;
}

.text-link-tooltip {
  text-decoration: underline !important;
  background: none;
  border: none;
  float: right;
  color: #890e50 !important;
}

@media (max-width: 992px) {
  .text-link-tooltip {
    margin-top: -15px !important;
  }
}
.europa-go .text-link-tooltip {
  color: #f39200 !important;
}

/** EUR-3712 dynamische Hinweise */
.hint__link {
  margin-bottom: 5px;
  text-decoration: underline;
  cursor: pointer;
  color: #890e50;
}

.hint__textfield {
  padding: 5px 0 10px 20px;
  color: #890e50;
}

.hint__textfield > p {
  font-size: 0.875rem !important;
}

#documentWrapper .accordion:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .accordion__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 2px solid #8a9bbb;
}
#documentWrapper .accordion__list.va__accordion__list {
  padding: 20px;
  background-color: #fff;
  border: 1px solid #8a9bbb;
}
#documentWrapper .accordion__item {
  padding: 12px 0;
  margin: 0;
  border-bottom: 2px solid #8a9bbb;
}
#documentWrapper .accordion__item.va__accordion__item {
  padding: 12px 0;
  border: none;
}
#documentWrapper .accordion__header {
  font-size: 1rem;
  position: relative;
  padding: 0 35px 0 0;
  margin: 0;
  font-weight: bold;
  color: #002a54;
  cursor: pointer;
}
#documentWrapper .accordion__header:focus-visible {
  outline: 3px solid #b9d8f9;
}
#documentWrapper .accordion__header:focus:not(:focus-visible) {
  outline: none;
}
#documentWrapper .accordion__header.va__accordion__header {
  font-size: 1.125rem !important;
}
@media screen and (min-width: 48em) {
  #documentWrapper .accordion__header.va__accordion__header {
    font-size: 1.25rem !important;
  }
}
@media screen and (min-width: 30em) {
  #documentWrapper .accordion__header {
    padding: 0 50px 0 0;
  }
}
#documentWrapper .europa-go .accordion__header {
  font-size: 0.875rem;
}
@media screen and (min-width: 30em) {
  #documentWrapper .europa-go .accordion__header {
    font-size: 1.0625rem;
  }
}
#documentWrapper .accordion__header:after {
  font-size: 1.625rem;
  position: absolute;
  top: -1px;
  right: 5px;
  font-weight: normal;
  color: #890e50;
  background: none;
}
@media screen and (min-width: 30em) {
  #documentWrapper .accordion__header:after {
    font-size: 1.875rem;
    top: -3px;
  }
}
#documentWrapper .europa-go .accordion__header:after {
  color: #f39200;
}
#documentWrapper .accordion__header.is-active {
  color: #002a54;
}
#documentWrapper .accordion__header.is-active:after {
  content: "\e902";
}
#documentWrapper .accordion__content {
  padding: 15px 0;
}
#documentWrapper .accordion__content td,
#documentWrapper .accordion__content th {
  border-top: 0;
}
#documentWrapper .accordion--headline .accordion__header {
  font-size: 1.5rem;
}
#documentWrapper .accordion__header.accordion__header__zugangsdaten {
  top: -10px;
}
#documentWrapper .accordion__header.accordion__header__adresse {
  top: -12px;
}
#documentWrapper .accordion__header.accordion__header__bankverbindung {
  top: -9px;
}
#documentWrapper .europa-go .accordion__header.accordion__header__zugangsdaten {
  top: -5px;
}
#documentWrapper .europa-go .accordion__header.accordion__header__adresse {
  top: -7px;
}
#documentWrapper .europa-go .accordion__header.accordion__header__bankverbindung {
  top: -4px;
}
#documentWrapper .continentale .accordion__header.accordion__header__zugangsdaten {
  top: -33px;
}
#documentWrapper .continentale .accordion__header.accordion__header__adresse {
  top: -38px;
}
#documentWrapper .continentale .accordion__header.accordion__header__bankverbindung {
  top: -34px;
}
#documentWrapper .continentale .accordion__header:after {
  color: #fff;
}
@media screen and (min-width: 48em) {
  #documentWrapper .accordion__header.accordion__header__zugangsdaten {
    top: -17px;
  }
  #documentWrapper .accordion__header.accordion__header__adresse {
    top: -22px;
  }
  #documentWrapper .accordion__header.accordion__header__bankverbindung {
    top: -18px;
  }
  #documentWrapper .accordion__item__bankverbindung {
    top: -23px;
  }
  #documentWrapper .europa-go .accordion__header.accordion__header__zugangsdaten {
    top: -9px;
  }
  #documentWrapper .europa-go .accordion__header.accordion__header__adresse {
    top: -14px;
  }
  #documentWrapper .europa-go .accordion__header.accordion__header__bankverbindung {
    top: -10px;
  }
  #documentWrapper .europa-go .accordion__item__bankverbindung {
    top: -23px;
  }
  #documentWrapper .continentale .accordion__header.accordion__header__zugangsdaten {
    top: -22px;
  }
  #documentWrapper .continentale .accordion__header.accordion__header__adresse {
    top: -27px;
  }
  #documentWrapper .continentale .accordion__header.accordion__header__bankverbindung {
    top: -23px;
  }
  #documentWrapper .continentale .accordion__item__bankverbindung {
    top: -23px;
  }
  #documentWrapper .continentale .accordion__header:after {
    color: #890e50;
  }
}

#documentWrapper {
  /**
   * Capitan asset-link.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2016-11-23
   * 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
   */
  /**
   * Block: Base Component
   */
  /**
   * Elements: Generic
   *
   * Elements which fits in every context or/and
   * are implied to ensure the components functionality.
   *
   * @see asset-link.tpl for possible markup
   */
}
#documentWrapper .asset-link:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .asset-link li:before {
  color: #890e50;
}
#documentWrapper .europa-go .asset-link li:before {
  color: #f39200;
}
#documentWrapper .asset-link__href {
  text-decoration: none;
}
#documentWrapper .asset-link__href:hover {
  text-decoration: underline;
}

#documentWrapper {
  /**
   * Capitan back-to-top.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-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
   */
}
#documentWrapper .back-to-top:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .back-to-top .btn {
  font-size: 18px;
  font-size: 1.125rem;
}

#documentWrapper {
  /**
   * Capitan bonicheck.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-10
   * 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
   */
}
#documentWrapper .bonicheck:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .bonicheck__wrapper [class^=util-icon--]:before,
#documentWrapper .bonicheck__wrapper [class*=" util-icon--"]:before {
  font-size: 24px;
  font-size: 1.5rem;
  position: absolute;
  color: #289923;
  top: -2px;
}
#documentWrapper .bonicheck__item {
  position: relative;
}

#documentWrapper {
  /**
   * Capitan checklist.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-10
   * 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
   */
}
#documentWrapper .checklist:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .checklist [class^=util-icon--], #documentWrapper .checklist [class*=" util-icon--"] {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  padding-left: 33px;
  position: relative;
}
@media screen and (min-width: 30em) {
  #documentWrapper .checklist [class^=util-icon--], #documentWrapper .checklist [class*=" util-icon--"] {
    font-size: 1rem;
  }
}
@media screen and (min-width: 30em) {
  #documentWrapper .europa-go .checklist [class^=util-icon--], #documentWrapper .europa-go .checklist [class*=" util-icon--"] {
    font-size: 1.0625rem;
  }
}
#documentWrapper .checklist [class^=util-icon--]:before, #documentWrapper .checklist [class*=" util-icon--"]:before {
  font-size: 28px;
  font-size: 1.75rem;
  color: #890e50;
  left: 0;
  position: absolute;
}
#documentWrapper .europa-go .checklist [class^=util-icon--]:before, #documentWrapper .europa-go .checklist [class*=" util-icon--"]:before {
  color: #f39200;
}

#documentWrapper {
  /**
   * Capitan contract-details.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2016-11-16
   * 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
   */
  /**
   * Block: Base Component
   *
   * `.contract-details`
   */
  /**
   * Elements: Generic
   *
   * @see contract-details.tpl for possible markup
   */
  /**
   * Elements: `Type of contract`-Icon
   *
   * Initially no predefined content. Please use provided
   * modifiers for it. See section `modifiers` below also.
   */
  /**
   * Modifier: `Type of contract`-Icons
   *
   * Distinguish between contract types. Initially there is no
   * icon predefined. Setting one of these modifiers
   * on the parent component is required at least .
   */
}
#documentWrapper .contract-details {
  display: block;
  position: relative;
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-details {
    margin-left: 75px;
    margin-top: 30px;
    margin-bottom: 45px;
  }
}
#documentWrapper .contract-details + .table__body-cell {
  border-right: 4px solid #f7f7f7;
  border-top: 4px solid #f7f7f7;
}
#documentWrapper .contract-details__sum {
  border-bottom: 1px solid #b2bdc6;
  margin-bottom: 20px;
  margin-left: 50px;
  padding-bottom: 5px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .contract-details__sum {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__sum {
    margin-left: 65px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-details__sum {
    margin-left: 0;
  }
}
#documentWrapper .contract-details__sectiontype-icon {
  position: absolute;
  top: 0 !important;
  left: 0;
}
#documentWrapper .contract-details__sectiontype-icon::before {
  font-size: 2.25rem;
  font-family: sparten_icons, sans-serif;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #fff;
  background-color: #890e50;
  padding: 4.4444444444px;
  border-radius: 128px;
}
#documentWrapper .continentale .contract-details__sectiontype-icon::before {
  font-family: "conti_icons", sans-serif !important;
  color: #002a54;
  background: none;
}
#documentWrapper .europa-go .contract-details__sectiontype-icon::before {
  background-color: #f39200;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__sectiontype-icon::before {
    font-size: 2.625rem;
    padding: 6.4516129032px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-details__sectiontype-icon {
    left: -80px;
  }
  #documentWrapper .contract-details__sectiontype-icon::before {
    font-size: 3rem;
    padding: 8px;
  }
}
#documentWrapper .contract-details__wrapper {
  padding: 5px 0 20px 0;
}
#documentWrapper .contract-details__object-name {
  font-size: 1rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__object-name {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-details__object-name {
    margin-right: 40px;
  }
}
#documentWrapper .contract-details__annual-subscription {
  -ms-flex: 1 auto;
  flex: 1 auto;
  text-align: right;
  white-space: nowrap;
}
#documentWrapper .contract-details__annual-subscription__label {
  font-size: 0.875rem;
  margin-right: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__annual-subscription__label {
    font-size: 1rem;
    margin-right: 5px;
  }
}
#documentWrapper .contract-details__annual-subscription__fee {
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__annual-subscription__fee {
    font-size: 1.625rem;
  }
}
#documentWrapper .contract-details__data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#documentWrapper .contract-details__data li {
  -ms-flex: 0 50%;
  flex: 0 50%;
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-details__data li {
    -ms-flex: 0 25%;
    flex: 0 25%;
  }
}
#documentWrapper .contract-details__data li span {
  display: block;
}
#documentWrapper .contract-details__data .contract-details__data__label {
  font-weight: 700;
}
#documentWrapper .contract-details__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
@media screen and (min-width: 30em) {
  #documentWrapper .contract-details__buttons {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #documentWrapper .contract-details__buttons .btn {
    margin-right: 20px;
  }
}
#documentWrapper .contract-details__buttons .btn {
  margin-bottom: 20px;
  text-align: center;
}
#documentWrapper .contract-details__buttons .btn::after {
  font-size: 1rem;
  font-family: iconfont, sans-serif;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
#documentWrapper .contract-details--automobile .contract-details__sectiontype-icon::before {
  font-family: iconfont, sans-serif;
  content: "\e903";
}
#documentWrapper .contract-details--motorcycle .contract-details__sectiontype-icon::before {
  font-family: iconfont, sans-serif;
  content: "\e908";
}
#documentWrapper .contract-details--risiko-lebensversicherung .contract-details__sectiontype-icon::before {
  font-family: sparten_icons, sans-serif;
  content: "\e904";
}
#documentWrapper .continentale .contract-details--automobile .contract-details__sectiontype-icon::before {
  content: "\e903";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-details--motorcycle .contract-details__sectiontype-icon::before {
  content: "\e908";
  position: absolute;
  top: -20px;
}
#documentWrapper .continentale .contract-details--risiko-lebensversicherung .contract-details__sectiontype-icon::before {
  content: "\e904";
  position: absolute;
  top: -20px;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .contract-details--automobile .contract-details__sectiontype-icon::before {
    top: -15px;
  }
  #documentWrapper .continentale .contract-details--motorcycle .contract-details__sectiontype-icon::before {
    top: -10px;
  }
  #documentWrapper .continentale .contract-details--risiko-lebensversicherung .contract-details__sectiontype-icon::before {
    top: -10px;
  }
}

#documentWrapper {
  /**
   * Capitan contract-overview.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2016-11-16
   * 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
   */
  /**
   * Block: Base Component
   *
   * `.contract-overview`
   */
  /**
   * Elements: Generic
   *
   * @see contract-overview.tpl for possible markup
   */
  /**
   * Elements: `Type of contract`-Icon
   *
   * Initially no predefined content. Please use provided
   * modifiers for it. See section `modifiers` below also.
   */
  /**
   * Modifier: `Type of contract`-Icons
   *
   * Distinguish between contract types. Initially there is no
   * icon predefined. Setting one of these modifiers
   * on the parent component is required at least .
   */
  /* Continentale Icons ------------------------------------------------------------------------------- */
}
#documentWrapper .contract-overview {
  display: block;
  position: relative;
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-overview {
    margin-left: 75px;
  }
}
#documentWrapper .contract-overview__sum {
  border-bottom: 1px solid #b2bdc6;
  margin-bottom: 20px;
  margin-left: 50px;
  padding-bottom: 5px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__sum {
    margin-left: 65px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-overview__sum {
    margin-left: 0;
  }
}
#documentWrapper .contract-overview__sectiontype-icon {
  position: absolute;
  top: 0 !important;
  left: 0;
}
#documentWrapper .contract-overview__sectiontype-icon::before {
  font-size: 36px;
  font-size: 2.25rem;
  font-family: "iconfont";
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #fff;
  background-color: #890e50;
  padding: 4.4444444444px;
  border-radius: 128px;
}
#documentWrapper .europa-go .contract-overview__sectiontype-icon::before {
  background-color: #f39200;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__sectiontype-icon::before {
    font-size: 2.625rem;
    padding: 6.4516129032px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-overview__sectiontype-icon {
    left: -80px;
  }
  #documentWrapper .contract-overview__sectiontype-icon::before {
    font-size: 3rem;
    padding: 8px;
  }
}
#documentWrapper .contract-overview__sectiontype-sparten-icon {
  position: absolute;
  top: 0 !important;
  left: 0;
}
#documentWrapper .contract-overview__sectiontype-sparten-icon::before {
  font-size: 36px;
  font-size: 2.25rem;
  font-family: "sparten_icons" !important;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "";
  color: #fff;
  background-color: #890e50;
  padding: 4.4444444444px;
  border-radius: 128px;
}
#documentWrapper .continentale .contract-overview__sectiontype-icon::before,
#documentWrapper .continentale .contract-overview__sectiontype-sparten-icon::before {
  font-family: "conti_icons" !important;
  color: #002a54;
  background: none;
}
#documentWrapper .europa-go .contract-overview__sectiontype-sparten-icon::before {
  background-color: #f39200;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__sectiontype-sparten-icon::before {
    font-size: 2.625rem;
    padding: 6.4516129032px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-overview__sectiontype-sparten-icon {
    left: -80px;
  }
  #documentWrapper .contract-overview__sectiontype-sparten-icon::before {
    font-size: 2.5rem;
    padding: 12px;
  }
}
#documentWrapper .contract-overview__object-name {
  font-size: 16px;
  font-size: 1rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__object-name {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .contract-overview__object-name {
    margin-right: 40px;
  }
}
#documentWrapper .contract-overview__object-name a.btn {
  display: inline-block;
  font-weight: normal;
  font-size: 0.8rem;
  color: #fff;
  padding: 0 5px;
  width: 80px;
  margin-left: 5px;
  margin-bottom: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__object-name a.btn {
    margin-bottom: 5px;
  }
}
#documentWrapper .contract-overview__annual-subscription {
  -ms-flex: 1 auto;
  flex: 1 auto;
  text-align: right;
  white-space: nowrap;
}
#documentWrapper .contract-overview__annual-subscription__label {
  font-size: 14px;
  font-size: 0.875rem;
  margin-right: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__annual-subscription__label {
    font-size: 1rem;
    margin-right: 5px;
  }
}
#documentWrapper .contract-overview__annual-subscription__fee {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__annual-subscription__fee {
    font-size: 1.625rem;
  }
}
#documentWrapper .contract-overview__data li {
  -ms-flex: 0 50%;
  flex: 0 50%;
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .contract-overview__data li {
    -ms-flex: 0 25%;
    flex: 0 25%;
  }
}
#documentWrapper .contract-overview__data li span {
  display: block;
}
#documentWrapper .contract-overview__data .contract-overview__data__label {
  font-weight: 700;
}
#documentWrapper .contract-overview__buttons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
}
@media screen and (min-width: 30em) {
  #documentWrapper .contract-overview__buttons {
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  #documentWrapper .contract-overview__buttons .btn {
    margin-right: 20px;
  }
}
#documentWrapper .contract-overview__buttons .btn {
  margin-bottom: 20px;
  text-align: center;
}
#documentWrapper .contract-overview__buttons .btn::after {
  font-size: 16px;
  font-size: 1rem;
  font-family: iconfont, sans-serif;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
#documentWrapper .btn-dropdown--closed .btn::after {
  content: "\e901";
}
#documentWrapper .btn-dropdown--opened .btn::after {
  content: "\e902";
}
#documentWrapper .contract-overview--automobile .contract-overview__sectiontype-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--car .contract-overview__sectiontype-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--motorcycle .contract-overview__sectiontype-icon::before {
  content: "\e908";
}
#documentWrapper .contract-overview--zweirad .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e908";
}
#documentWrapper .contract-overview--anhaenger .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e961";
}
#documentWrapper .contract-overview--lieferwagen .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e962";
}
#documentWrapper .contract-overview--lkw .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e963";
}
#documentWrapper .contract-overview--trecker .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e964";
}
#documentWrapper .contract-overview--wohnmobil .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e965";
}
#documentWrapper .contract-overview--wohnwagen .contract-overview__sectiontype-icon::before {
  font-family: "conti_icons" !important;
  content: "\e966";
}
#documentWrapper .contract-overview--krankenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e90b";
}
#documentWrapper .contract-overview--reisekrankenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e900";
}
#documentWrapper .contract-overview--glasversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e901";
}
#documentWrapper .contract-overview--hausratversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e902";
  top: -15px !important;
}
#documentWrapper .contract-overview--fondgebundene-lebensversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--fondgebundene-lebensversicherung-gruppenvertrag .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--rentenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--fondgebundene-rentenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--kapital-lebensversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e904";
}
#documentWrapper .contract-overview--risiko-lebensversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e904";
}
#documentWrapper .contract-overview--berufsunfaehigskeitsversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e904";
}
#documentWrapper .contract-overview--riester-rente .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--fond-direktanlagebank .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--wohngebaeudeversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e908";
}
#documentWrapper .contract-overview--geschaeftsinhaltversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e924";
}
#documentWrapper .contract-overview--verkehrsservice-versicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e903";
}
#documentWrapper .contract-overview--haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e906";
}
#documentWrapper .contract-overview--unfallversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e904";
}
#documentWrapper .contract-overview--unfall-gruppenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e904";
}
#documentWrapper .contract-overview--private-haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e906";
}
#documentWrapper .contract-overview--tierhalterversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e907";
}
#documentWrapper .contract-overview--haus-grund-bauherren-haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e908";
}
#documentWrapper .contract-overview--gewaesserschaden-haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e909";
}
#documentWrapper .contract-overview--rechtsschutz .contract-overview__sectiontype-sparten-icon::before {
  content: "\e90c";
}
#documentWrapper .contract-overview--gebaeudeversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e908";
}
#documentWrapper .contract-overview--sonstige-gewerbliche-sachversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e925";
}
#documentWrapper .continentale .contract-overview__sectiontype-sparten-icon::before {
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--automobile .contract-overview__sectiontype-icon::before {
  content: "\e903";
  position: absolute;
  top: -35px;
}
#documentWrapper .continentale .contract-overview--motorcycle .contract-overview__sectiontype-icon::before {
  content: "\e908";
  position: absolute;
  top: -25px;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .contract-overview--automobile .contract-overview__sectiontype-icon::before {
    top: -30px;
  }
  #documentWrapper .continentale .contract-overview--motorcycle .contract-overview__sectiontype-icon::before {
    top: -20px;
  }
}
#documentWrapper .continentale .contract-overview--zweirad .contract-overview__sectiontype-icon::before {
  content: "\e908";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--anhaenger .contract-overview__sectiontype-icon::before {
  content: "\e961";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--lieferwagen .contract-overview__sectiontype-icon::before {
  content: "\e962";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--lkw .contract-overview__sectiontype-icon::before {
  content: "\e963";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--trecker .contract-overview__sectiontype-icon::before {
  content: "\e964";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--wohnmobil .contract-overview__sectiontype-icon::before {
  content: "\e965";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--wohnwagen .contract-overview__sectiontype-icon::before {
  content: "\e966";
  position: absolute;
  top: -25px;
}
#documentWrapper .continentale .contract-overview--krankenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e910";
}
#documentWrapper .continentale .contract-overview--fondgebundene-lebensversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e936";
}
#documentWrapper .continentale .contract-overview--fondgebundene-lebensversicherung-gruppenvertrag .contract-overview__sectiontype-sparten-icon::before {
  content: "\e936";
}
#documentWrapper .continentale .contract-overview--rentenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e937";
}
#documentWrapper .continentale .contract-overview--fondgebundene-rentenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e936";
}
#documentWrapper .continentale .contract-overview--kapital-lebensversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e905";
}
#documentWrapper .continentale .contract-overview--berufsunfaehigskeitsversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e940";
}
#documentWrapper .continentale .contract-overview--fond-direktanlagebank .contract-overview__sectiontype-sparten-icon::before {
  content: "\e936";
}
#documentWrapper .continentale .contract-overview--riester-rente .contract-overview__sectiontype-sparten-icon::before {
  content: "\e938";
}
#documentWrapper .continentale .contract-overview--wohngebaeudeversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e920";
}
#documentWrapper .continentale .contract-overview--geschaeftsinhaltversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e924";
}
#documentWrapper .continentale .contract-overview--verkehrsservice-versicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e939";
}
#documentWrapper .continentale .contract-overview--unfallversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e941";
}
#documentWrapper .continentale .contract-overview--unfall-gruppenversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e931";
}
#documentWrapper .continentale .contract-overview--haus-grund-bauherren-haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e920";
}
#documentWrapper .continentale .contract-overview--gebaeudeversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e920";
}
#documentWrapper .continentale .contract-overview--boot-jagd-haftpflichtversicherung .contract-overview__sectiontype-sparten-icon::before {
  content: "\e921";
}

#documentWrapper {
  /**
   * Capitan copy-to-clipboard.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-10
   * 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
   */
}
#documentWrapper .copy-to-clipboard:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .copy-to-clipboard > div {
  font-size: 15px;
  font-size: 0.9375rem;
  background: #fff;
  padding: 20px;
  word-break: break-all;
}
#documentWrapper .copy-to-clipboard button {
  margin: 20px 0;
}

#documentWrapper {
  /**
   * Capitan ekomi-box.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-13
   * 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
   */
}
#documentWrapper .ekomi-box {
  background-color: #f7f7f7;
  border: 1px solid #b2bdc6;
  padding: 20px;
  margin-bottom: 20px;
  text-align: center;
}
#documentWrapper .ekomi-box:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .no-js .ekomi-box {
  display: none;
}
#documentWrapper .ekomi-box #eKomiSeal_default {
  vertical-align: top;
  display: block;
  text-align: center;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box #eKomiSeal_default {
    display: inline-block;
  }
}
#documentWrapper .ekomi-box .ratingStars {
  display: inline-block;
  margin-right: 10px;
}
#documentWrapper .ekomi-box .ratingStars span.stars, #documentWrapper .ekomi-box .ratingStars span.stars span {
  display: block;
  background: url("../img/stars.png") 0 -29px repeat-x;
  width: 155px;
  height: 29px;
  float: none;
}
#documentWrapper .ekomi-box .ratingStars span.stars span {
  background-position: 0 0;
}
#documentWrapper .ekomi-box__content {
  display: inline-block;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box__content {
    padding: 0 0 0 15px;
  }
}
#documentWrapper .ekomi-box__content > a,
#documentWrapper .ekomi-box__content > div {
  display: none;
}
#documentWrapper .ekomi-box__content > a[itemprop=aggregateRating],
#documentWrapper .ekomi-box__content > div[itemprop=aggregateRating] {
  padding: 10px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box__content > a[itemprop=aggregateRating],
  #documentWrapper .ekomi-box__content > div[itemprop=aggregateRating] {
    padding: 20px 20px 20px 0;
  }
}
#documentWrapper .ekomi-box__content > a.ekomi-box__text, #documentWrapper .ekomi-box__content > a[itemprop=aggregateRating],
#documentWrapper .ekomi-box__content > div.ekomi-box__text,
#documentWrapper .ekomi-box__content > div[itemprop=aggregateRating] {
  display: block;
  vertical-align: top;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box__content > a.ekomi-box__text, #documentWrapper .ekomi-box__content > a[itemprop=aggregateRating],
  #documentWrapper .ekomi-box__content > div.ekomi-box__text,
  #documentWrapper .ekomi-box__content > div[itemprop=aggregateRating] {
    display: inline-block;
    text-align: left;
  }
  #documentWrapper .ekomi-box--button .ekomi-box__content > a.ekomi-box__text, #documentWrapper .ekomi-box--button .ekomi-box__content > a[itemprop=aggregateRating], #documentWrapper .ekomi-box--button .ekomi-box__content > div.ekomi-box__text,
  #documentWrapper .ekomi-box--button .ekomi-box__content > div[itemprop=aggregateRating] {
    display: block;
  }
}
#documentWrapper .ekomi-box__content a.link-arrow {
  display: inline-block;
  font-weight: 700;
}
#documentWrapper .ekomi-box__content h4 {
  font-size: 30px;
  font-size: 1.875rem;
  display: inline-block;
  margin: 0;
  text-align: left;
}
#documentWrapper .ekomi-box__content p {
  margin: 5px 0;
  text-align: center;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box__content p {
    text-align: left;
  }
}
#documentWrapper .ekomi-box--button:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .ekomi-box--button .ekomi-box__button-container {
  text-align: center;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box--button .ekomi-box__button-container {
    text-align: left;
  }
}
@media screen and (max-width: 61.9375em) {
  #documentWrapper .ekomi-box--button .ekomi-box__button-container .btn {
    margin-bottom: 20px;
  }
}
#documentWrapper .ekomi-box--button #eKomiSeal_default {
  margin: 10px 0 20px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .ekomi-box--button #eKomiSeal_default {
    margin: 40px 0 20px 0;
  }
}
#documentWrapper .ekomi-box--button .ekomi-box__content [itemprop=aggregateRating] {
  padding: 0;
}
#documentWrapper .ekomi-box--button .ekomi-box__content .link--icon:after {
  display: inline-block;
}

/**
	 * Capitan fancybox.scss v1.0.0
	 *
	 * Copyright brandung GmbH & Co.KG
	 * http://www.brandung.de/
	 *
	 * Date: 2016-12-09
	 * 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
 */
.fancybox:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

.fancybox {
  position: relative;
  width: 100%;
  text-decoration: none;
}

.fancybox.util-icon--before {
  display: inline-block;
}

.fancybox.util-icon--before:before {
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  box-sizing: border-box;
  width: 40px;
  height: 40px;
  padding: 7px 0 0 0;
  background: #8a9bbb;
  color: #fff;
  text-align: center;
  line-height: 1;
  font-family: iconfont, sans-serif;
  content: "\e90a";
}

.fancybox__storage {
  display: none;
}

.fancybox__content {
  max-width: 1020px;
  padding: 55px 15px 20px;
  text-align: center;
}

@media screen and (min-width: 48em) {
  .fancybox__content {
    padding: 10px 200px 30px;
  }
}
.fancybox__headline {
  font-size: 1rem;
  font-weight: normal;
}

@media screen and (min-width: 48em) {
  .fancybox__headline {
    font-size: 1.5rem;
  }
}
.fancybox__check {
  font-size: 2.5rem;
  color: #289923;
  line-height: 0.8;
}

@media screen and (min-width: 48em) {
  .fancybox__check {
    font-size: 4.375rem;
  }
}
.fancybox__error {
  font-size: 2.5rem;
  color: #cd0d00;
  line-height: 0.8;
}

@media screen and (min-width: 48em) {
  .fancybox__check {
    font-size: 4.375rem;
  }
}
.fancybox__info {
  font-size: 0.75rem;
  padding: 20px 0;
}

@media screen and (min-width: 48em) {
  .fancybox__info {
    font-size: 1rem;
  }
}
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
}

.fancybox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  cursor: pointer;
  z-index: 8040;
  background: #002a54;
}

.fancybox-close:after {
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  font-family: iconfont, sans-serif;
  color: #fff;
  content: "\e90d";
}

.fancybox-close:hover {
  background-position: -2px -5px;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 48px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -99px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -149px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.7);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 14px/20px arial, verdana, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-title h3 {
  margin: 0 0 5px 0;
}

.fancybox-title p {
  margin: 0;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #fff;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 17px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/* KUPO-159 */
.continentale .fancybox__content .btn {
  background-color: #002a54 !important;
  border-bottom: 2px solid #890e50 !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 15px 20px !important;
  font-weight: bold !important;
  font-size: 16px !important;
  display: inline-block !important;
}

#documentWrapper .container-fileupload {
  text-align: center;
  width: 100%;
  max-width: 600px;
  min-height: 300px;
  margin: auto;
  background-color: white;
  border-radius: 16px;
}
#documentWrapper .container-fileupload .header-section {
  padding: 25px 0;
}
#documentWrapper .container-fileupload .header-section h1 {
  font-weight: 500;
  font-size: 1.7rem;
  text-transform: uppercase;
  color: #002a54;
  margin: 0 0 8px;
}
#documentWrapper .container-fileupload .header-section p {
  margin: 5px;
  font-size: 0.95rem;
  color: #002a54;
}
#documentWrapper .container-fileupload .drop-section {
  border: none;
  background-image: none;
  margin: 0;
  position: relative;
}
#documentWrapper .container-fileupload .drop-section input {
  opacity: 0;
}
#documentWrapper .container-fileupload .drop-section span {
  display: none;
}
#documentWrapper .container-fileupload .drop-section div.col:first-child {
  width: 200px;
  margin: auto;
}
#documentWrapper .container-fileupload .drag-over-effect div.col:first-child {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.1);
}
#documentWrapper .container-fileupload .drag-over-effect div.col:last-child {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
#documentWrapper .container-fileupload .list-section {
  display: none;
  text-align: left;
  margin: 0 35px;
  padding-bottom: 20px;
}
#documentWrapper .container-fileupload .list-section .list-title {
  font-size: 0.95rem;
  color: #002a54;
}
#documentWrapper .container-fileupload .list-section li {
  display: flex;
  margin: 15px 0;
  padding-top: 4px;
  padding-bottom: 2px;
  border-radius: 8px;
  transition-duration: 0.2s;
}
#documentWrapper .container-fileupload .list-section li:hover {
  box-shadow: #e3eaf9 0 0 4px 0, #e3eaf9 0 12px 16px 0;
}
#documentWrapper .container-fileupload .cross:hover {
  width: 150%;
}
#documentWrapper .container-fileupload .list-section li .col {
  flex: 0.05;
  min-width: 45px;
}
#documentWrapper .container-fileupload .list-section li .col:nth-child(1) {
  flex: 0.15;
  text-align: center;
}
#documentWrapper .container-fileupload .list-section li .col:nth-child(2) {
  flex: 0.75;
  text-align: left;
  font-size: 0.9rem;
  color: #3e4046;
  padding: 8px 10px;
}
#documentWrapper .container-fileupload .list-section li .col:nth-child(2) div.name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 220px;
  min-width: 120px;
  display: inline-block;
}
#documentWrapper .container-fileupload .list-section li .col .file-size span {
  color: #707ea0;
  float: right;
}
#documentWrapper .container-fileupload .list-section li .file-progress {
  width: 100%;
  height: 5px;
  margin-top: 8px;
  border-radius: 8px;
  background-color: #dee6fd;
}
#documentWrapper .container-fileupload .list-section li .file-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: 8px;
  background-image: linear-gradient(120deg, #6b99fd, #9385ff);
  transition-duration: 0.4s;
}
#documentWrapper .container-fileupload .list-section li .col .file-size {
  font-size: 0.75rem;
  margin-top: 3px;
  color: #707ea0;
}
#documentWrapper .container-fileupload .list-section li .col svg.cross,
#documentWrapper .container-fileupload .list-section li .col svg.tick {
  fill: #8694d2;
  background-color: #dee6fd;
  position: relative;
  left: 20%;
  top: 60%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
}
#documentWrapper .container-fileupload .list-section li .col svg.tick {
  fill: #50a156;
  background-color: transparent;
}
#documentWrapper .container-fileupload .list-section li.complete svg.cross {
  display: none;
}
#documentWrapper .container-fileupload .list-section li.in-prog svg.tick {
  display: none;
}
#documentWrapper .container-fileupload .file-selector {
  color: white;
  background-color: #002a54;
  border: none;
  outline: none;
  padding: 7px 20px;
  border-radius: 8px;
  margin-top: 0;
  cursor: pointer;
  font-size: 14px;
  white-space: nowrap;
}
#documentWrapper .container-fileupload .file-selector-focus {
  outline: 3px solid #b9d8f9;
  outline-offset: 1px;
}
#documentWrapper .container-fileupload .fileupload-error-message {
  display: none;
  color: #cd0d00;
  border: 1px solid rgb(205, 13, 0);
  background-color: rgb(255, 223, 223);
  border-radius: 4px;
  height: 50px;
  margin: 5px 35px 35px 35px;
  padding-top: 2%;
}
@media screen and (min-width: 768px) {
  #documentWrapper .container-fileupload .drop-section {
    border: 1px dashed #a8b3e3;
    background-image: linear-gradient(180deg, white, #f1f6ff);
    margin: 5px 35px 35px 35px;
    border-radius: 12px;
  }
  #documentWrapper .container-fileupload .drop-section div.col:first-child {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.2s;
    transform: scale(1);
  }
  #documentWrapper .container-fileupload .drop-section div.col:last-child {
    font-size: 40px;
    font-weight: 700;
    color: #c0cae1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 55px;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.6);
    transition-duration: 0.2s;
  }
  #documentWrapper .container-fileupload .drop-section .cloud-icon {
    margin-top: 25px;
    margin-bottom: 20px;
  }
  #documentWrapper .container-fileupload .drop-section span {
    display: block;
    color: #002a54;
    margin: auto auto 10px;
  }
}

#documentWrapper {
  /**
   * Capitan flexbox v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2015-08-26
   * 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
   */
}
@media screen and (min-width: 48em) {
  #documentWrapper .flexbox {
    -moz-flex-direction: row;
    -o-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -o-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
  }
  #documentWrapper .flexbox:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
  }
}
@media print {
  #documentWrapper .flexbox {
    display: block !important;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .flexbox__item {
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 29.9375em) {
  #documentWrapper .flexbox__item {
    width: 100%;
  }
}
@media print {
  #documentWrapper .flexbox__item {
    display: block !important;
  }
}

#documentWrapper .frc-captcha * {
  /* Mostly a CSS reset so existing website styles don't clash */
  margin: 0;
  padding: 0;
  border: 0;
  text-align: initial;
  filter: none !important;
  transition: none !important;
  font-weight: normal;
  font-size: 10px;
  line-height: 1.2;
  text-decoration: none;
  background-color: initial;
  color: #222;
}
#documentWrapper .frc-captcha {
  position: relative;
  min-width: 200px;
  max-width: 312px;
  border: 0;
  padding-bottom: 12px;
  background-color: transparent;
  float: right;
}
#documentWrapper .frc-captcha b {
  font-weight: bold;
}
#documentWrapper .frc-container {
  display: flex;
  align-items: center;
  min-height: 52px;
}
#documentWrapper .frc-icon {
  fill: #222;
  stroke: #222;
  flex-shrink: 0;
  margin: 8px 8px 0 8px;
  height: 25px !important;
  width: 25px !important;
}
#documentWrapper .frc-icon.frc-warning {
  fill: #C00;
}
#documentWrapper .frc-success .frc-icon {
  animation: frc-fade-in 1s both ease-in;
}
#documentWrapper .frc-content {
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  margin: 8px 6px 0 0;
  overflow-x: auto;
  flex-grow: 1;
}
#documentWrapper .frc-banner {
  position: absolute;
  bottom: 0px;
  right: 6px;
  line-height: 1;
  display: none;
}
#documentWrapper .frc-banner * {
  font-size: 10px;
  opacity: 0.8;
  text-decoration: none;
}
#documentWrapper .frc-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 3px 0;
  height: 3px;
  border: none;
  background-color: #eee;
  color: #222;
  width: 100%;
  transition: all 0.5s linear;
}
#documentWrapper .frc-progress::-webkit-progress-bar {
  background: #eee;
}
#documentWrapper .frc-progress::-webkit-progress-value {
  background: #222;
}
#documentWrapper .frc-progress::-moz-progress-bar {
  background: #222;
}
#documentWrapper .frc-button {
  cursor: pointer;
  padding: 2px 6px;
  background-color: #f1f1f1;
  border: 1px solid transparent;
  text-align: center;
  font-weight: 600;
  text-transform: none;
}
#documentWrapper .frc-button:focus {
  border: 1px solid #333;
}
#documentWrapper .frc-button:hover {
  background-color: #ddd;
}
#documentWrapper .frc-captcha-solution {
  display: none;
}
#documentWrapper .frc-err-url {
  text-decoration: underline;
  font-size: 0.9em;
}

#overallWrapper {
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /**
   * 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
   */
  /** Conti-Anpassungen **/
}
#overallWrapper input[type=text],
#overallWrapper input[type=date],
#overallWrapper input[type=search],
#overallWrapper input[type=password],
#overallWrapper input[type=tel],
#overallWrapper input[type=url],
#overallWrapper input[type=number],
#overallWrapper input[type=email] {
  font-size: 1rem;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background: transparent;
}
#overallWrapper input[type=text]:focus,
#overallWrapper input[type=date]:focus,
#overallWrapper input[type=search]:focus,
#overallWrapper input[type=password]:focus,
#overallWrapper input[type=tel]:focus,
#overallWrapper input[type=url]:focus,
#overallWrapper input[type=number]:focus,
#overallWrapper input[type=email]:focus {
  outline: 3px solid #b9d8f9;
}
#overallWrapper input[type=text][disabled]:not(._input_mask_date),
#overallWrapper input[type=date][disabled],
#overallWrapper input[type=search][disabled],
#overallWrapper input[type=password][disabled],
#overallWrapper input[type=tel][disabled],
#overallWrapper input[type=url][disabled],
#overallWrapper input[type=number][disabled],
#overallWrapper input[type=email][disabled] {
  background: #e4e9f1;
  color: #414141;
  z-index: 0;
}
#overallWrapper input[type=date]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  display: none;
}
#overallWrapper .input {
  font-size: 1rem;
  position: relative;
  width: 100%;
  margin: 0;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
}
#overallWrapper .input.error {
  padding-right: 30px;
  border: 1px solid #cd0d00;
  background: #ffdfdf;
}
#overallWrapper .input.success {
  padding-right: 30px;
}
#overallWrapper .input.success:before {
  font-size: 1.25rem;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #289923;
  font-family: iconfont, sans-serif;
  content: "\e90c";
}
#overallWrapper div.input:focus-within {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #b9d8f9;
}
#overallWrapper .input.js-datepicker {
  overflow: visible;
}
#overallWrapper .input--password {
  padding-right: 30px;
}
#overallWrapper .input--password.error, #overallWrapper .input--password.success {
  padding-right: 70px;
}
#overallWrapper .input--password.error .input__button-password, #overallWrapper .input--password.success .input__button-password {
  right: 38px;
}
#overallWrapper .no-js .input__button-password {
  display: none;
}
#overallWrapper input.input__field {
  /** position: relative; **/
  z-index: 2;
  background: none;
  border: none;
  color: #002a54;
  will-change: padding;
  box-shadow: none;
}
#overallWrapper input.input__field[disabled] + .dp-choose-date {
  pointer-events: none;
  cursor: default;
}
#overallWrapper input.input__field[disabled] + .dp-choose-date:after {
  color: #999;
}
#overallWrapper .element-is-filled input.input__field,
#overallWrapper .no-js input.input__field {
  padding: 17px 10px 0;
}
#overallWrapper .element-is-filled input[type=date].input__field,
#overallWrapper .no-js input[type=date].input__field {
  padding: 0 10px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .element-is-filled input[type=date].input__field,
  #overallWrapper .no-js input[type=date].input__field {
    padding: 17px 10px 0;
  }
}
#overallWrapper .input__label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  color: #4e5865;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overallWrapper .input__label-placeholder {
  font-size: 1rem;
  top: 13px;
  left: 10px;
  display: block;
  width: 100%;
  transform-origin: left;
  transition: transform 0.3s, scale 0.3s;
  will-change: transform;
  white-space: nowrap;
  z-index: 1;
}
#overallWrapper .js-datepicker .input__label-placeholder {
  display: none;
}
@media screen and (min-width: 48em) {
  #overallWrapper .js-datepicker .input__label-placeholder {
    display: block;
  }
}
#overallWrapper .element-is-filled .input__label-placeholder,
#overallWrapper .no-js .input__label-placeholder {
  transform: translateY(-13px) scale(0.7);
}
#overallWrapper .input__button-password {
  position: absolute;
  top: 12px;
  right: 25px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  line-height: 1;
  z-index: 0;
}
#overallWrapper .input__button-password:before {
  font-size: 1.375rem;
  display: block;
  padding: 0;
  color: #666;
  width: 24px;
  height: 24px;
}
#overallWrapper .input__button-password:focus {
  outline: 3px solid #b9d8f9;
  top: 9px;
  right: 22px;
}
#overallWrapper .input__button-password:active:before {
  color: #002a54;
}
#overallWrapper input[type=radio],
#overallWrapper input[type=checkbox] {
  position: relative;
  float: left;
  left: -9999px;
}
#overallWrapper input[type=radio] + label,
#overallWrapper input[type=checkbox] + label {
  font-size: 1rem;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  cursor: pointer;
  color: black;
}
#overallWrapper input[type=radio] + label:hover:before,
#overallWrapper input[type=radio] + label .active:before,
#overallWrapper input[type=checkbox] + label:hover:before,
#overallWrapper input[type=checkbox] + label .active:before {
  background: #f7f7f7;
  border-color: #8a9bbb;
}
#overallWrapper input[type=radio] + label:before, #overallWrapper input[type=radio] + label:after,
#overallWrapper input[type=checkbox] + label:before,
#overallWrapper 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;
}
#overallWrapper input[type=radio] + label:before,
#overallWrapper input[type=checkbox] + label:before {
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background: #fff;
  border: solid 1px #8a9bbb;
  text-align: center;
}
#overallWrapper input[type=radio] + label small,
#overallWrapper input[type=checkbox] + label small {
  display: block;
}
#overallWrapper input[type=radio] {
  position: absolute;
}
#overallWrapper .europa-go input[type=radio] + label,
#overallWrapper .europa-go input[type=checkbox] + label {
  color: #414141;
}
#overallWrapper input[type=checkbox] + label {
  display: block;
  margin-bottom: 10px;
}
#overallWrapper input[type=checkbox] + label:before {
  border-radius: 3px;
}
#overallWrapper input[type=checkbox]:focus + label:before {
  outline: 3px solid #b9d8f9;
  height: 21px;
  width: 21px;
}
#overallWrapper input[type=checkbox] + label:after {
  transform: scale(0);
  font-size: 1rem;
  width: 16px;
  height: 16px;
  top: -1px;
  left: 2px;
  content: "\e90c";
  font-family: iconfont, sans-serif;
  color: #890e50;
}
#overallWrapper .europa-go input[type=checkbox] + label:after {
  color: #f39200;
}
#overallWrapper input[type=radio] + label:before, #overallWrapper input[type=radio] + label:after {
  border-radius: 100%;
}
#overallWrapper input[type=radio]:focus + label:before {
  outline: 3px solid #b9d8f9;
}
#overallWrapper input[type=radio] + label:after {
  transform: scale(0);
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  background: #002a54;
}
#overallWrapper .europa-go input[type=radio] + label:after {
  background: #f39200 !important;
}
#overallWrapper input[type=radio]:disabled + label {
  cursor: not-allowed;
}
#overallWrapper .europa-go input[type=radio]:disabled + label {
  cursor: not-allowed;
}
#overallWrapper input[type=radio]:disabled + label:after {
  background: rgba(230, 57, 149, 0.47);
}
#overallWrapper input[type=radio]:disabled + label:after .europa-go input[type=radio]:disabled + label:after {
  background: rgba(243, 146, 0, 0.45);
}
#overallWrapper input[type=radio]:disabled + label:before {
  border: solid 1px #ba9bbb;
  background: #eee;
}
#overallWrapper input[type=radio]:disabled + label:before .europa-go input[type=radio]:disabled + label:before {
  border: solid 1px #ba9bbb;
  background: #eee;
}
#overallWrapper input[type=checkbox]:checked + label:after,
#overallWrapper input[type=radio]:checked + label:after {
  transform: scale(1);
}
#overallWrapper .checkbox.error label:before {
  border: 1px solid #cd0d00;
  background: #ffdfdf;
}
#overallWrapper .checkbox.radio_error + label:before {
  border: 1px solid #cd0d00;
  background: #ffdfdf;
}
@media screen and (min-width: 48em) {
  #overallWrapper .checkbox.label-hidden {
    display: inline-block;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .checkbox.label-hidden label {
    font-size: 0;
  }
}
#overallWrapper .error__message {
  margin: 5px 0 25px 0;
}
#overallWrapper .error__message > *:first-child {
  margin: 0;
}
#overallWrapper .error__message p {
  font-size: 0.875rem;
  color: #cd0d00;
  margin: 15px 0 0 0;
}
#overallWrapper .error__message span {
  margin: 15px 0 0 0;
  padding: 0;
  background-color: transparent;
  color: #cd0d00;
  border: 0;
  font-size: 0.875rem;
}
#overallWrapper .hint__message {
  margin: 5px 0 25px 0;
}
#overallWrapper .hint__message > *:first-child {
  margin: 0;
}
#overallWrapper .hint__message p {
  font-size: 0.875rem;
  color: #890e50;
  margin: 15px 0 0 0;
}
#overallWrapper .hint__message span {
  margin: 15px 0 0 0;
  padding: 0;
  background-color: transparent;
  color: #890e50;
  border: 0;
  font-size: 0.875rem;
}
#overallWrapper .info__message {
  margin: 20px 20px;
  border: 2px solid #002a54;
  border-radius: 10px;
  padding: 20px 30px;
  color: #002a54;
}
#overallWrapper .info__message::before {
  position: relative;
  float: left;
  margin-right: 10px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 50%;
  font-family: iconfont, sans-serif;
  content: "\e905";
}
#overallWrapper select:focus {
  outline: none;
}
#overallWrapper .no-js select {
  padding: 12px;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
}
#overallWrapper .select__label {
  display: block;
}
#overallWrapper .select {
  color: #002a54;
}
#overallWrapper .select.error .select2-selection {
  position: relative;
  border: 1px solid #cd0d00;
  background: #ffdfdf;
}
#overallWrapper .select2.error {
  position: relative;
  border: 1px solid #cd0d00;
  background: #ffdfdf !important;
}
#overallWrapper .select2-selection:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #b9d8f9;
}
#overallWrapper .select2-container {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}
#overallWrapper .select2-container .select2-selection--single {
  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;
}
#overallWrapper .select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#overallWrapper .select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}
#overallWrapper .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
#overallWrapper .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;
}
#overallWrapper .select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#overallWrapper .select2-container .select2-search--inline {
  float: left;
}
#overallWrapper .select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}
#overallWrapper .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#overallWrapper .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;
}
#overallWrapper .select2-results {
  display: block;
}
#overallWrapper .select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
#overallWrapper .select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
#overallWrapper .select2-results__option[aria-selected] {
  cursor: pointer;
}
#overallWrapper .select2-container--open .select2-dropdown {
  left: 0;
}
#overallWrapper .select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#overallWrapper .select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#overallWrapper .select2-search--dropdown {
  display: block;
  padding: 4px;
}
#overallWrapper .select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}
#overallWrapper .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
#overallWrapper .select2-search--dropdown.select2-search--hide {
  display: none;
}
#overallWrapper .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);
}
#overallWrapper .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;
}
#overallWrapper .select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
}
#overallWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #002a54;
  line-height: 28px;
}
#overallWrapper .select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}
#overallWrapper .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #e9e9e9;
}
#overallWrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 20px;
}
#overallWrapper .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.125rem;
  /** font-family: iconfont;
   content: "";  **/
}
#overallWrapper .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;
}
#overallWrapper .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
#overallWrapper .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
#overallWrapper .select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
#overallWrapper .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
#overallWrapper .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;
}
#overallWrapper .select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: text;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}
#overallWrapper .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;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
#overallWrapper .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
#overallWrapper .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, #overallWrapper .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, #overallWrapper .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}
#overallWrapper .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
#overallWrapper .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
#overallWrapper .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #b9d8f9 3px;
  outline: 0;
}
#overallWrapper .select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
#overallWrapper .select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
#overallWrapper .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, #overallWrapper .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#overallWrapper .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, #overallWrapper .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#overallWrapper .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #e9e9e9;
}
#overallWrapper .select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}
#overallWrapper .select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
#overallWrapper .select2-container--default .select2-results__option[role=group] {
  padding: 0;
}
#overallWrapper .select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}
#overallWrapper .select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}
#overallWrapper .select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
#overallWrapper .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
#overallWrapper .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
#overallWrapper .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
#overallWrapper .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
#overallWrapper .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;
}
#overallWrapper .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;
}
#overallWrapper .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}
#overallWrapper .select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
#overallWrapper .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);
}
#overallWrapper .select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
#overallWrapper .select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
#overallWrapper .select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
#overallWrapper .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);
}
#overallWrapper .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}
#overallWrapper .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #e9e9e9;
  border-radius: 4px 0 0 4px;
  left: 1px;
  right: auto;
}
#overallWrapper .select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
#overallWrapper .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
#overallWrapper .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;
}
#overallWrapper .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);
}
#overallWrapper .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);
}
#overallWrapper .select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}
#overallWrapper .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}
#overallWrapper .select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
#overallWrapper .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;
}
#overallWrapper .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}
#overallWrapper .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}
#overallWrapper .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto;
}
#overallWrapper .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}
#overallWrapper .select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
#overallWrapper .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;
}
#overallWrapper .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;
}
#overallWrapper .select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #e9e9e9;
  outline: 0;
}
#overallWrapper .select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}
#overallWrapper .select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}
#overallWrapper .select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
#overallWrapper .select2-container--classic .select2-dropdown--below {
  border-top: none;
}
#overallWrapper .select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
#overallWrapper .select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}
#overallWrapper .select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}
#overallWrapper .select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}
#overallWrapper .select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
#overallWrapper .select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
#overallWrapper form .select2-container--default.select2-container {
  width: 100% !important;
}
#overallWrapper 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;
}
#overallWrapper form .select2-container--default.select2-container .select2-selection--single .select2-selection__arrow b:after {
  font-size: 1.125rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 12px;
  right: 6px;
  width: 26px;
  height: 26px;
  text-align: center;
  transform: rotate(0deg);
  transition: transform 0.3s;
  content: "\e901";
  font-family: iconfont, sans-serif;
}
#overallWrapper form .select2-container--default.select2-container .select2-selection__rendered {
  padding: 0 20px 0 0;
}
#overallWrapper form .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after {
  transform: rotate(-180deg);
}
#overallWrapper .select2-container--default .select2-dropdown .select2-results__option[aria-selected=true] {
  background: #e4e9f1;
}
#overallWrapper .select2-container--default .select2-dropdown .select2-results__option--highlighted[aria-selected] {
  background: #002a54;
}
#overallWrapper .textarea {
  font-size: 1rem;
  position: relative;
  width: 100%;
  margin: 0;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  background: #fff;
}
#overallWrapper .textarea.error {
  padding-right: 30px;
  border: 1px solid #cd0d00;
  background: #ffdfdf;
}
#overallWrapper .textarea.success {
  padding-right: 30px;
}
#overallWrapper .textarea.success:before {
  font-size: 1.25rem;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #289923;
  font-family: iconfont, sans-serif;
  content: "\e90c";
}
#overallWrapper .textarea__field {
  position: relative;
  z-index: 2;
  padding: 24px 10px 10px 10px;
  background: none;
  border: none;
  color: #002a54;
  width: 100%;
  min-height: 300px;
  box-shadow: none;
}
#overallWrapper .textarea__field:focus {
  outline: none;
}
#overallWrapper .textarea__label {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: block;
  color: #4e5865;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#overallWrapper .textarea__label-placeholder {
  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;
}
#overallWrapper .element-is-filled .textarea__label-placeholder,
#overallWrapper .no-js .textarea__label-placeholder {
  transform: translateY(-13px) scale(0.7);
}
#overallWrapper .form__label {
  font-size: 1rem;
  display: inline-block;
  margin: 14px 0 0 0;
  color: #666;
  font-weight: bold;
}
#overallWrapper .europa-go .form__label {
  font-size: 1.0625rem;
}
#overallWrapper .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;
}
#overallWrapper .dp-popup h2 {
  font-size: 1.125rem;
  text-align: center;
  padding-top: 7px;
  margin: 0;
  overflow: hidden;
  width: 100%;
}
#overallWrapper .dp-choose-date {
  font-size: 0;
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
@media screen and (min-width: 30em) {
  #overallWrapper .dp-choose-date {
    display: block;
  }
}
#overallWrapper .dp-choose-date:after {
  font-size: 1.75rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: visible;
  font-family: iconfont, sans-serif;
  content: "\e90b";
  color: #890e50;
}
#overallWrapper .europa-go .dp-choose-date:after {
  color: #f39200;
}
#overallWrapper .dp-nav-prev,
#overallWrapper .dp-nav-next {
  position: absolute;
  top: 30px;
}
#overallWrapper .dp-nav-prev a,
#overallWrapper .dp-nav-next a {
  font-weight: bold;
  color: #002a54;
  text-decoration: none;
}
#overallWrapper .dp-nav-prev a.disabled,
#overallWrapper .dp-nav-next a.disabled {
  cursor: not-allowed;
}
#overallWrapper .dp-nav-prev {
  left: 15px;
}
#overallWrapper .dp-nav-next {
  right: 15px;
}
#overallWrapper .dp-nav-next-month,
#overallWrapper .dp-nav-prev-month {
  display: inline-block;
  width: 20px;
  text-indent: 99999px;
}
#overallWrapper .dp-nav-next-month:before,
#overallWrapper .dp-nav-prev-month:before {
  position: absolute;
  top: 0;
  display: block;
  text-indent: 0;
  font-family: iconfont, sans-serif;
}
#overallWrapper .dp-nav-prev-month:before {
  content: "\e912";
}
#overallWrapper .dp-nav-next-month:before {
  content: "\e913";
}
#overallWrapper .dp-nav-next-year,
#overallWrapper .dp-nav-prev-year {
  display: inline-block;
  width: 20px;
  text-indent: 99999px;
}
#overallWrapper .dp-nav-next-year:before,
#overallWrapper .dp-nav-prev-year:before {
  position: absolute;
  top: 0;
  display: block;
  text-indent: 0;
  font-family: iconfont, sans-serif;
}
#overallWrapper .dp-nav-next-year {
  float: right;
}
#overallWrapper .dp-nav-next-year:before {
  content: "\e913";
}
#overallWrapper .dp-nav-prev-year {
  float: left;
}
#overallWrapper .dp-nav-prev-year:before {
  content: "\e912";
}
#overallWrapper .dp-calendar .jCalendar {
  padding: 0;
  margin: 0;
  border: 0;
  border-collapse: separate;
  border-spacing: 0;
}
#overallWrapper .dp-calendar .jCalendar th,
#overallWrapper .dp-calendar .jCalendar td {
  font-size: 0.875rem;
  cursor: pointer;
  text-align: center;
  border: 0;
}
#overallWrapper .dp-calendar .jCalendar th.disabled,
#overallWrapper .dp-calendar .jCalendar td.disabled {
  cursor: default;
}
#overallWrapper .dp-calendar .jCalendar th {
  font-size: 1rem;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  color: #002a54;
  font-weight: bold;
}
#overallWrapper .dp-calendar .jCalendar td {
  font-size: 0.8125rem;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  color: #000;
}
#overallWrapper .dp-calendar .jCalendar td:hover {
  background: #002a54;
  color: #fff;
}
#overallWrapper .dp-calendar .jCalendar td.other-month {
  background: #fff;
  color: #000;
}
#overallWrapper .dp-calendar .jCalendar td.other-month:hover {
  background: #002a54;
  color: #fff;
}
#overallWrapper .dp-calendar .jCalendar td.today {
  background: #7f91b1;
  color: #fff;
}
#overallWrapper .dp-calendar .jCalendar td.selected {
  background: #002a54;
  color: #fff;
}
#overallWrapper .dp-calendar .jCalendar td.selected.dp-hover {
  background: #002a54;
}
#overallWrapper .dp-calendar .jCalendar td.unselectable {
  background: #bbb;
  color: #888;
}
#overallWrapper .dp-calendar .jCalendar td.unselectable:hover, #overallWrapper .dp-calendar .jCalendar td.unselectable.dp-hover {
  background: #bbb;
  color: #888;
}
#overallWrapper .dp-calendar .jCalendar td.disabled {
  background: #f7f7f7;
  color: #414141;
  cursor: not-allowed;
}
#overallWrapper .dp-calendar .jCalendar td.disabled:hover {
  background: #f7f7f7;
  color: #414141;
  cursor: not-allowed;
}
#overallWrapper .form__headline {
  position: relative;
  width: 100%;
  margin: 0 0 20px 0;
}
#overallWrapper .form__headline:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#overallWrapper .form__section--inner .form__headline {
  margin-bottom: 0;
}
#overallWrapper .form__headline-text {
  font-size: 1.125rem;
  margin: 0;
  font-weight: bold;
  color: #002a54;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__headline-text {
    font-size: 1.1rem;
    letter-spacing: -0.01em;
  }
  #overallWrapper .europa-go .form__headline-text {
    font-size: 1.25rem;
  }
}
#overallWrapper .form__headline-text.error {
  color: #cd0d00;
}
#overallWrapper .form__section--inner .form__headline-text {
  font-size: 1rem;
  font-weight: 400;
}
#overallWrapper .form__headline-text.situation {
  font-size: 0.9rem;
  line-height: 20px;
}
#overallWrapper .form__note > *:first-child {
  margin: 0;
}
#overallWrapper .form__note p {
  font-size: 0.75rem;
  margin: 0 0 15px 0;
  color: #666;
}
#overallWrapper .input-box .form__note {
  margin-top: 10px;
}
#overallWrapper .form:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border {
    border: 1px solid #8a9bbb;
    border-radius: 5px;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section {
    padding: 30px 30px 0 30px;
  }
}
#overallWrapper .form--border .form__section:last-of-type {
  padding: 10px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section:last-of-type {
    padding: 30px;
  }
}
#overallWrapper .form--border .form__section--full-padding {
  padding: 15px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--full-padding {
    padding: 30px;
  }
}
#overallWrapper .form--border .form__section--full-padding:last-of-type {
  padding: 15px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--full-padding:last-of-type {
    padding: 30px;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--full-padding + .form__section--full-padding {
    margin-top: -30px;
  }
}
#overallWrapper .form--border .form__section--inner {
  padding: 0 10px 0 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--inner {
    padding: 0 30px;
  }
}
#overallWrapper .form--border .form__section--inner:last-of-type {
  padding: 0 10px 0 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--inner:last-of-type {
    padding: 0 30px;
  }
}
#overallWrapper .form--border .form__section--inner-no-margin {
  margin-bottom: -15px;
}
#overallWrapper .form--border .form__section--inner .input-box {
  padding-right: 35px !important;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section--inner .input-box {
    padding-right: 0 !important;
  }
}
#overallWrapper .form--border .form__section .kfz-sign--border {
  border: 3px solid #000;
  padding: 10px 10px 10px 30px;
  border-radius: 10px;
  margin-bottom: 25px;
}
#overallWrapper .form--border .form__section .kfz-sign--border:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
  background: url("../../img/kfz-sign.png");
  position: absolute;
  width: 100%;
  height: 100%;
  left: -1px;
  top: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
#overallWrapper .form--border .form__section .kfz-sign--border div {
  margin: 0;
}
#overallWrapper .form--border .form__section .kfz-sign--border .input__label-placeholder {
  font-size: 0.75rem;
  top: 17px;
}
@media screen and (min-width: 30em) {
  #overallWrapper .form--border .form__section .kfz-sign--border .input__label-placeholder {
    font-size: 1rem;
    top: 13px;
  }
}
#overallWrapper .form--border .form__section .input-kfz-pseudo {
  text-align: center;
}
#overallWrapper .form--border .form__section .input-kfz-pseudo span {
  font-size: 2.3125rem;
  color: #e9e9e9;
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border-inner {
    border-radius: 4px;
  }
}
#overallWrapper .form--login {
  padding: 23px 10px 20px 10px;
  border-radius: 0 0 5px 0;
}
#overallWrapper .continentale .form--login {
  border-radius: 5px;
}
#overallWrapper .europa-go .form--login {
  border-radius: 5px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--login {
    padding: 23px 60px 20px 60px;
  }
}
#overallWrapper .form--login .form__headline-text {
  text-align: center;
  font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--login .form__headline-text {
    font-size: 1.5rem;
  }
}
#overallWrapper .form--login .form__headline-subline {
  font-size: 0.9375rem;
  margin: 15px 0 0 0;
  color: #002a54;
}
#overallWrapper .form--login .input-box {
  padding-right: 30px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--login .input-box {
    padding-right: initial;
  }
}
#overallWrapper .form--login .checkbox {
  padding: 10px 0;
}
#overallWrapper .form--login .checkbox label {
  font-size: 0.6875rem;
}
#overallWrapper .form--login .checkbox label:before {
  top: -2px;
}
#overallWrapper .form--login .checkbox label:after {
  top: -3px;
}
#overallWrapper .form--login .checkbox + .checkbox {
  padding-top: 0;
}
#overallWrapper .form--login .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--login .tooltip {
    right: -30px;
  }
}
#overallWrapper .form--personal-data .input-box {
  padding-right: 30px;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--personal-data .input-box {
    padding-right: initial;
  }
}
#overallWrapper .form__section {
  position: relative;
  padding: 30px 0 0 0;
}
#overallWrapper .form__section--separation .bra-row div .input-box {
  margin: 0;
  padding: 10px 0;
  border-bottom: 1px solid #e9e9e9;
}
#overallWrapper .form__section--separation .bra-row div:last-of-type .input-box {
  border-bottom: none;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--full-padding {
    padding: 30px;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--no-padding {
    padding: 0 !important;
  }
}
#overallWrapper .form__section--margin-top {
  margin-top: 30px;
}
#overallWrapper .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) {
  #overallWrapper .form__section--arrow-down:before {
    top: 93%;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--flex-elements .bra-row {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--flex-elements .bra-row:nth-of-type(3) {
    margin-top: 20px;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--flex-elements .bra-row > div:nth-of-type(2) {
    text-align: center;
  }
}
#overallWrapper .input-box {
  position: relative;
  margin-bottom: 10px;
}
#overallWrapper .input-box--separation {
  position: relative;
  padding-right: 6%;
}
#overallWrapper .input-box--separation:after {
  content: "—";
  display: block;
  position: absolute;
  left: 95%;
  margin-left: -6px;
  top: 13px;
  color: grey;
  font-weight: bold;
}
#overallWrapper .input-box--hidden {
  display: none;
}
#overallWrapper .form-contact__wrapper {
  border: 2px solid #8a9bbb;
  border-radius: 4px;
  padding: 10px;
}
#overallWrapper .form-contact__wrapper .teaser__flex-wrapper {
  text-align: center;
}
#overallWrapper .form-contact__wrapper .teaser__headline {
  text-align: left;
}
#overallWrapper .form-contact__wrapper .teaser__content {
  position: relative;
  text-align: center;
  margin: 25px 0;
}
#overallWrapper .form-contact__wrapper .teaser__content[class^=util-icon--]:before, #overallWrapper .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) {
  #overallWrapper .form-contact__wrapper .teaser__content[class^=util-icon--]:before, #overallWrapper .form-contact__wrapper .teaser__content[class*=" util-icon--"]:before {
    left: 10%;
    transform: translate(-10%, -50%);
    font-size: 60px;
  }
}
#overallWrapper .radio--infotext {
  font-size: 0.6875rem;
  margin: 0 0 0 50px;
}
#overallWrapper .cookies-warning {
  padding: 15px 30px;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #dcdcdc;
  z-index: 150;
}
#overallWrapper .cookies-warning .cookies-heading {
  font-size: 20px;
  font-weight: bold;
}
#overallWrapper .cookies-warning p {
  margin: 0;
}
#overallWrapper .cookies-warning .cookies-more {
  border-top: solid 1px #58595b;
}
#overallWrapper .cookies-warning .cookies-more .cookies-more-link {
  color: #002a54;
  font-size: 12px;
  text-decoration: underline;
  padding-top: 10px;
  padding-bottom: 10px;
}
#overallWrapper .subRadioGroup {
  display: none;
}
#overallWrapper :checked + label + .groupedRadioButtons .subRadioGroup {
  display: block;
  margin-left: 40px;
}
#overallWrapper .form--border .form__section {
  border-bottom: 1px dashed rgb(213, 217, 225);
  padding: 10px 10px 0 10px;
}
#overallWrapper .europa-go .form--border .form__section {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(228, 233, 241));
}
#overallWrapper .ergebnisAnpassen .form__section {
  background-image: none;
  border-bottom: 0 !important;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section {
    padding: 10px 30px 0 30px;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--border .form__section:last-of-type {
    padding: 10px 30px;
  }
}
#overallWrapper table.checkbox.horizontal-line {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#overallWrapper table.checkbox.horizontal-line td {
  height: 4rem;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 100vw;
}

#documentWrapper {
  /**
   * Capitan hintbox.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-13
   * 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
   */
}
#documentWrapper .hintbox:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .hintbox a {
  position: relative;
  color: #fff;
}
#documentWrapper .hintbox a[class^=util-icon--]:after, #documentWrapper .hintbox a[class*=" util-icon--"]:after {
  display: inline-block;
  position: relative;
  right: -2px;
}
#documentWrapper .hintbox__wrapper {
  padding: 10px;
  background: #890e50;
  color: #002a54;
}
#documentWrapper .hintbox__wrapper:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .europa-go .hintbox__wrapper {
  background: #f39200;
}
#documentWrapper .hintbox__link-wrapper {
  text-align: left;
  margin-top: 15px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .hintbox__link-wrapper {
    text-align: right;
    margin: 0;
  }
}

#documentWrapper {
  /**
   * Capitan link--forward.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-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
   */
}
#documentWrapper .link--forward:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .link--forward:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .link--forward p[class^=util-icon--]:before, #documentWrapper .link--forward p[class*=" util-icon--"]:before {
  margin-right: 10px;
  color: #002a54;
}
#documentWrapper .link--forward .step-back {
  margin: 10px 20px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .link--forward .step-back {
    margin: 30px 20px;
  }
}
#documentWrapper .link--forward .step-back a[class^=util-icon--]:before, #documentWrapper .link--forward .step-back a[class*=" util-icon--"]:before {
  display: inline-block;
  position: absolute;
  left: -7px;
  top: 4px;
}
#documentWrapper .link--forward .step-forward .ssl-text {
  text-align: center;
}
@media screen and (min-width: 30em) {
  #documentWrapper .link--forward .step-forward .ssl-text {
    text-align: right;
  }
}

#documentWrapper {
  /**
   * Capitan linklist.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-03
   * 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
   */
}
#documentWrapper .linklist {
  padding: 15px 0 20px;
  text-align: center;
}
#documentWrapper .linklist:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .linklist {
    text-align: left;
  }
}
#documentWrapper .linklist [class^=util-icon--]:before, #documentWrapper .linklist [class*=" util-icon--"]:before {
  font-size: 28px;
  font-size: 1.75rem;
  color: #890e50;
  margin-right: 5px;
}
#documentWrapper .europa-go .linklist [class^=util-icon--]:before, #documentWrapper .europa-go .linklist [class*=" util-icon--"]:before {
  color: #f39200;
}
#documentWrapper .linklist .list__wrapper {
  padding: 0;
}
#documentWrapper .linklist .list__item {
  list-style-type: none;
  line-height: 1.9;
}
#documentWrapper .linklist .list__link {
  text-decoration: none;
}

#documentWrapper {
  /**
   * Capitan mailbox.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-10
   * 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
   */
}
#documentWrapper .mailbox {
  padding: 0 0 20px;
}
#documentWrapper .mailbox:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .mailbox .table__head-cell, #documentWrapper .mailbox .table__body-cell {
  width: auto;
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox .table__head-cell:first-of-type, #documentWrapper .mailbox .table__body-cell:first-of-type {
    width: 70%;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox .table__body-cell {
    padding: 9px 20px;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox .table__body-cell .checkbox {
    float: left;
  }
}
#documentWrapper .mailbox .table__body-cell .checkbox label {
  font-size: 0.75rem;
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox .table__body-cell .checkbox label {
    font-size: 0;
  }
}
#documentWrapper .mailbox .table__body-cell .table__text-icon {
  font-weight: 700;
  padding-left: 30px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox .table__body-cell .table__text-icon {
    margin-left: 10px;
  }
}
#documentWrapper .mailbox .table__body-cell .table__text-icon:before {
  color: #890e50;
}
#documentWrapper .europa-go .mailbox .table__body-cell .table__text-icon:before {
  color: #f39200;
}
#documentWrapper .mailbox .table__body-cell .table__text-icon.was-read {
  font-weight: 400;
  text-decoration: none;
}
#documentWrapper .mailbox .table__body-cell .table__text-icon.was-read:before {
  color: #7f91b1;
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox__sorting {
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -ms-flexbox;
    display: flex;
  }
}
#documentWrapper .mailbox__sorting button {
  margin: 0;
}
#documentWrapper .mailbox__sorting button:after {
  font-family: iconfont, sans-serif;
  font-weight: normal;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1rem;
  margin-left: 5px;
  content: "\e913";
}
#documentWrapper .mailbox__sorting .input-box {
  margin-bottom: 28px;
  margin-top: 18px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .mailbox__sorting .input-box {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-flex: 1;
    flex: 1;
  }
}
#documentWrapper .mailbox__sorting .input-box input[type=checkbox] + label {
  margin-bottom: 0;
}

#documentWrapper {
  /**
   * Capitan message-box.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-04-03
   * 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
   */
}
#documentWrapper .message-box {
  background: #f7f7f7;
  padding: 10px 10px 10px 40px;
}
#documentWrapper .message-box:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .message-box__headline {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  color: #414141;
}
#documentWrapper .message-box__headline[class^=util-icon--]:before, #documentWrapper .message-box__headline[class*=" util-icon--"]:before {
  font-size: 24px;
  font-size: 1.5rem;
  left: -31px;
  top: 0;
  color: #890e50;
}
#documentWrapper .europa-go .message-box__headline[class^=util-icon--]:before, #documentWrapper .europa-go .message-box__headline[class*=" util-icon--"]:before {
  color: #f39200;
}
#documentWrapper .message-box__text {
  margin: 0;
}
#documentWrapper .message-box__text a {
  font-weight: 700;
}

#documentWrapper {
  /**
   * Capitan notification.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2016-11-10
   * 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
   */
  /**
   * Elements: Generic
   *
   * Elements which fits in every context or/and
   * are implied to ensure the components functionality.
   *
   * @see notification.tpl for possible markup
   */
}
#documentWrapper .notification {
  padding: 20px 0 30px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .notification {
    padding: 10px 0 30px 0;
  }
}
#documentWrapper .notification__headline {
  margin: 0 0 5px 10px;
  font-size: 25px;
  font-size: 1.5625rem;
}
#documentWrapper .continentale .notification__headline {
  margin: 0 0 5px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .notification__headline {
    font-size: 2.125rem;
  }
}
#documentWrapper .notification__headline span {
  text-transform: none;
  display: block;
}
@media screen and (min-width: 30em) {
  #documentWrapper .notification__headline span {
    display: inline;
  }
}
#documentWrapper .notification__info {
  margin: 0;
  color: #414141;
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 48em) {
  #documentWrapper .notification__info {
    font-size: 1rem;
  }
}
#documentWrapper .notification__info .js-value {
  /**/
}

#documentWrapper {
  /**
   * Capitan personal-data.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-04-26
   * 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
   */
  /**
  * Positionierung & Einfärbung der Beschriftung für das Löschen einer Telefonnummer
  */
}
#documentWrapper .personal-data {
  padding: 20px;
}
#documentWrapper .personal-data:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .personal-data__box {
  padding-left: 40px;
  padding-bottom: 30px;
}
#documentWrapper .personal-data__box[class^=util-icon--]:before,
#documentWrapper .personal-data__box[class*=" util-icon--"]:before {
  font-size: 30px;
  font-size: 1.875rem;
  top: 1px;
  color: #002a54;
}
#documentWrapper .continentale .personal-data__box[class^=util-icon--]:before,
#documentWrapper .continentale .personal-data__box[class*=" util-icon--"]:before {
  top: -5px;
}
#documentWrapper .europa-go .personal-data__box[class^=util-icon--]:before,
#documentWrapper .europa-go .personal-data__box[class*=" util-icon--"]:before {
  color: #f39200;
}
#documentWrapper .personal-data__box p {
  margin-bottom: 10px;
}
#documentWrapper .delete_telefonnummer {
  color: red;
  padding: 0.25em 1em;
}
#documentWrapper .alle-vertraege-aender-box {
  border: 1px solid #979797;
  margin-bottom: 15px;
  padding-top: 15px;
}

#documentWrapper {
  /* manuelle Anpassungen ab hier: OKS-Theme */
  /**
      Modal mit Datatable Anpassungen
   */
  /** RadioButton **/
}
#documentWrapper .ui-widget,
#documentWrapper .ui-widget .ui-widget {
  text-decoration: none;
}
#documentWrapper .ui-widget:not(.pi),
#documentWrapper .ui-widget .ui-widget:not(.pi) {
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 14px;
}
#documentWrapper .ui-icon {
  height: 1em;
  width: 1em;
  font-size: 1.25em;
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  margin-top: 0;
  position: static;
  text-indent: 0;
  overflow: visible;
  background-repeat: no-repeat;
}
#documentWrapper .pi {
  font-size: 1.25em;
}
#documentWrapper body a {
  color: #007ad9;
  text-decoration: none;
}
#documentWrapper body a:hover {
  color: #116fbf;
}
#documentWrapper body a:active {
  color: #005b9f;
}
#documentWrapper .ui-helper-reset {
  line-height: normal;
}
#documentWrapper .ui-state-disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#documentWrapper body ::-webkit-input-placeholder {
  color: #666666;
}
#documentWrapper body :-moz-placeholder {
  color: #666666;
}
#documentWrapper body ::-moz-placeholder {
  color: #666666;
}
#documentWrapper body :-ms-input-placeholder {
  color: #666666;
}
#documentWrapper .ui-paginator {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  padding: 0;
}
#documentWrapper .ui-paginator .ui-paginator-first,
#documentWrapper .ui-paginator .ui-paginator-prev,
#documentWrapper .ui-paginator .ui-paginator-next,
#documentWrapper .ui-paginator .ui-paginator-last {
  color: #737373;
  width: 2.286em;
  height: 2.643em;
  margin: 0;
  border: 0 none;
  vertical-align: top;
  padding: 3px 0 0 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#documentWrapper .mailbox .ui-paginator .ui-paginator-first,
#documentWrapper .mailbox .ui-paginator .ui-paginator-prev,
#documentWrapper .mailbox .ui-paginator .ui-paginator-next,
#documentWrapper .mailbox .ui-paginator .ui-paginator-last {
  padding: 2px 0 0 0;
}
#documentWrapper .ui-paginator .ui-paginator-first span,
#documentWrapper .ui-paginator .ui-paginator-prev span,
#documentWrapper .ui-paginator .ui-paginator-next span,
#documentWrapper .ui-paginator .ui-paginator-last span {
  display: none;
}
#documentWrapper .ui-paginator .ui-paginator-first.ui-state-hover,
#documentWrapper .ui-paginator .ui-paginator-prev.ui-state-hover,
#documentWrapper .ui-paginator .ui-paginator-next.ui-state-hover,
#documentWrapper .ui-paginator .ui-paginator-last.ui-state-hover {
  background-color: #eaeaea;
  color: #333333;
}
#documentWrapper .ui-paginator .ui-paginator-first:before,
#documentWrapper .ui-paginator .ui-paginator-prev:before,
#documentWrapper .ui-paginator .ui-paginator-next:before,
#documentWrapper .ui-paginator .ui-paginator-last:before {
  position: relative;
  line-height: inherit;
}
#documentWrapper .ui-paginator .ui-paginator-current {
  color: #737373;
}
#documentWrapper .ui-paginator .ui-paginator-pages {
  padding: 0;
  vertical-align: top;
  display: inline-block;
}
#documentWrapper .ui-paginator .ui-paginator-pages .ui-paginator-page {
  padding: 0;
  border: 0 none;
  text-align: center;
  line-height: 2.643em;
  min-width: 2.286em;
  height: 2.643em;
  color: #737373;
  margin: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
#documentWrapper .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #8a9bbb;
  color: #ffffff;
  margin: 0.3px;
}
#documentWrapper .europa-go .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
  background-color: #002a54;
}
#documentWrapper .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
  background-color: #eaeaea;
  color: #333333;
}
#documentWrapper .ui-paginator .ui-paginator-current, #documentWrapper .ui-paginator .ui-paginator-rpp-options {
  font-size: 1em;
  line-height: 2.643em;
  padding: 0;
  margin: 0 0.429em;
  display: inline-block;
  vertical-align: middle;
}
#documentWrapper .ui-paginator .ui-paginator-top-left-content,
#documentWrapper .ui-paginator .ui-paginator-top-right-content,
#documentWrapper .ui-paginator .ui-paginator-bottom-left-content,
#documentWrapper .ui-paginator .ui-paginator-bottom-right-content {
  padding: 0.129em;
}
#documentWrapper .ui-datatable .ui-datatable-header,
#documentWrapper .ui-datatable .ui-datatable-footer {
  background-color: #f4f4f4;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 1em 0.571em 1em;
  font-weight: 700;
}
#documentWrapper .ui-datatable .ui-datatable-header {
  border-bottom: 0 none;
}
#documentWrapper .ui-datatable .ui-datatable-footer {
  border-top: 0 none;
}
#documentWrapper .ui-datatable .ui-widget-header + .ui-paginator-top {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
#documentWrapper .ui-datatable .ui-paginator {
  padding: 0;
}
#documentWrapper .ui-datatable .ui-paginator.ui-paginator-top {
  border-bottom: 0 none;
}
#documentWrapper .ui-datatable .ui-paginator.ui-paginator-bottom {
  border-top: 0 none;
}
#documentWrapper .ui-datatable thead th {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 0.857em;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#documentWrapper .ui-datatable thead th * {
  font-weight: 400;
}
#documentWrapper .ui-datatable thead th .ui-column-title {
  font-weight: 700;
}
#documentWrapper .ui-datatable thead th:nth-child(1) .ui-column-title {
  padding-left: 15px;
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon {
  margin-bottom: 0;
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  font-size: 1em;
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s:before {
  content: "\e915";
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  font-size: 1em;
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-n:before {
  content: "\e914";
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  font-size: 1em;
}
#documentWrapper .ui-datatable thead th .ui-sortable-column-icon.ui-icon-triangle-1-s:before {
  content: "\e913";
}
#documentWrapper .ui-datatable thead th.ui-state-hover {
  background-color: #eaeaea;
  color: #333333;
}
#documentWrapper .ui-datatable thead th.ui-state-active {
  background-color: #007ad9;
  color: #ffffff;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr {
  background-color: #ffffff;
  color: #333333;
  border: 1px solid #c8c8c8;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr > td {
  padding: 0.571em 0.857em;
  border: inherit;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
  background-color: #fff;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-state-hover {
  background-color: #b9d8f9 !important;
  color: #333333;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-state-highlight {
  border: 1px solid #c8c8c8;
  background-color: #8a9bbb;
  color: #ffffff;
  cursor: default;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable {
  cursor: pointer;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable.ui-state-highlight .ui-radiobutton > .ui-corner-all.ui-state-active, #documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-selectable.ui-state-highlight .ui-chkbox > .ui-corner-all.ui-state-active {
  border-color: #ffffff;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, #documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
  font-weight: 700;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a {
  width: 1em;
  height: 1em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor > a.ui-row-editor-check {
  margin-right: 0.429em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon {
  color: #737373;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-pencil:before {
  content: "\e942";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  margin-right: 0.429em;
  color: #ffffff;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-check:before {
  content: "\e909";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  color: #ffffff;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon.ui-icon-close:before {
  content: "\e90c";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-editor .ui-icon:hover {
  color: #333333;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler {
  color: #737373;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-e:before {
  content: "\e92a";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler.ui-icon-circle-triangle-s:before {
  content: "\e929";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-row-toggler:hover {
  color: #333333;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon {
  color: #737373;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon:hover {
  color: #333333;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-e:before {
  content: "\e92a";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s {
  font-family: "iconfont";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr .ui-rowgroup-toggler .ui-rowgroup-toggler-icon.ui-icon-circle-triangle-s:before {
  content: "\e929";
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-rowordering {
  background-color: #007ad9;
}
#documentWrapper .ui-datatable .ui-column-resizer-helper {
  background-color: #007ad9;
}
#documentWrapper .ui-datatable tfoot td {
  background-color: #ffffff;
  border: 1px solid #c8c8c8;
  color: #333333;
  padding: 0.571em 0.857em;
  font-weight: 700;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#documentWrapper .ui-datatable > .ui-icon-arrowthick-1-s {
  font-family: iconfont;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
  display: none !important;
}
#documentWrapper .ui-datatable > .ui-icon-arrowthick-1-s:before {
  content: "\e919";
}
#documentWrapper .ui-datatable > .ui-icon-arrowthick-1-n {
  font-family: iconfont;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0 !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em;
}
#documentWrapper .ui-datatable > .ui-icon-arrowthick-1-n:before {
  content: "\e91c";
}
#documentWrapper .ui-datatable .ui-datatable-scrollable-body {
  outline: 0 none;
}
#documentWrapper .ui-datatable .ui-datatable-scrollable-body::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 15px;
  background-color: #f8f8f8;
}
#documentWrapper .ui-datatable .ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
  border-radius: 0;
  border: 0 none;
  background-color: #dadada;
}
#documentWrapper .ui-datatable .ui-datatable-scrollable-header, #documentWrapper .ui-datatable .ui-datatable-scrollable-footer {
  background-color: #ffffff;
}
#documentWrapper .ui-datatable .ui-selection-column .ui-chkbox-all {
  width: auto;
  height: auto;
}
@media (max-width: 730px) {
  #documentWrapper .ui-datatable-reflow .ui-datatable-data tr:hover, #documentWrapper .ui-datatable-reflow .ui-datatable-data tr.ui-state-highlight {
    border-left: 0 none;
    border-right: 0 none;
  }
}
#documentWrapper .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
  display: none;
}
@media (max-width: 730px) {
  #documentWrapper .ui-datatable-reflow thead th,
  #documentWrapper .ui-datatable-reflow tfoot td {
    display: none;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data td {
    text-align: left;
    display: block;
    border: 0 none;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: left;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data.ui-widget-content {
    border: 0 none;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data tr.ui-widget-content {
    border-left: 0 none;
    border-right: 0 none;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    padding: 0.4em;
    min-width: 30%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
  }
}
#documentWrapper .ui-widget-header .ui-state-default {
  background: none;
  /*background-color: #fff;*/
  /*background-image: none;*/
  text-shadow: none;
}
#documentWrapper .ui-state-default, #documentWrapper .ui-widget-content .ui-state-default, #documentWrapper .ui-widget-header .ui-state-default {
  background-image: none;
}
#documentWrapper .ui-widget-header {
  background-image: none;
}
#documentWrapper .ui-datatable thead th {
  text-align: center;
  font-size: 14px;
}
#documentWrapper .ui-widget-content {
  border: 4px solid #f6f6f6;
}
#documentWrapper .ui-datatable-tablewrapper {
  overflow: hidden;
}
#documentWrapper .ui-widget-content td {
  text-align: center;
  font-weight: 200;
}
#documentWrapper .ui-widget-content.ui-datatable-empty-message td:nth-child(1) {
  text-align: center;
}
#documentWrapper .ui-widget-content td:nth-child(1) {
  width: 45%;
  text-align: left;
  font-weight: 700;
}
#documentWrapper .ui-datatable thead th:nth-child(1) {
  width: 45%;
  text-align: left;
}
#documentWrapper .ui-datatable tbody tr {
  margin-left: 10px;
  font-size: 1rem;
  padding-left: 30px;
  line-height: 2.3rem;
}
#documentWrapper .ui-datatable thead th {
  line-height: 15px;
  border: 0 none;
  border-top: 2px solid #f6f6f6;
  background-color: #ffd64d;
  color: #002a54;
  text-shadow: none;
  box-shadow: none;
}
#documentWrapper .europa-go .ui-datatable thead th {
  background-color: #002a54;
  color: #fff;
}
#documentWrapper .continentale .ui-datatable thead tr {
  background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
}
#documentWrapper .continentale .ui-datatable thead tr th,
#documentWrapper .continentale .ui-paginator .ui-paginator-current {
  background: none;
  color: #fff;
}
#documentWrapper .ui-datatable tbody th {
  line-height: 30px;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr {
  border: 4px solid #f6f6f6;
}
#documentWrapper .table__text-icon {
  padding: 0 0 0 30px;
  margin: 10px;
}
#documentWrapper a.ui-commandlink.visitedlink {
  font-weight: 100;
  text-decoration: none;
}
#documentWrapper a.ui-commandlink.normallink {
  font-weight: 800;
  text-decoration: underline;
}
#documentWrapper .badge-color-new {
  background-color: #8a9bbb;
  display: table-caption;
}
#documentWrapper .ui-datatable .ui-datatable-data > tr.ui-datatable-even {
  background-color: #fff;
}
#documentWrapper .ui-datatable .ui-paginator {
  border: 0 none;
}
#documentWrapper a.ui-commandlink.visitedlink + .badge-color-new {
  background-color: #fff;
  text-shadow: none;
}
@media (max-width: 730px) {
  #documentWrapper .ui-widget-content th:nth-child(1) {
    width: 100%;
  }
  #documentWrapper .ui-widget-content td:nth-child(1) {
    width: 100%;
    font-size: 10px;
  }
  #documentWrapper .ui-column-title {
    font-weight: 300;
  }
  #documentWrapper .ui-paginator .ui-paginator-current {
    display: none;
  }
  #documentWrapper .ui-datatable table {
    border-collapse: separate;
    -webkit-border-vertical-spacing: 1em;
  }
  #documentWrapper .ui-datatable .ui-paginator.ui-paginator-top {
    border-bottom: 1px solid #c8c8c8;
  }
  #documentWrapper .ui-datatable .ui-datatable-data > tr > td {
    padding: 0;
  }
  #documentWrapper .ui-datatable .ui-datatable-data > tr > td:nth-child(1) {
    height: auto;
  }
  #documentWrapper .ui-widget-content.ui-datatable-empty-message .ui-column-title {
    display: none !important;
  }
  #documentWrapper .ui-datatable tbody tr, #documentWrapper .ui-widget .ui-widget {
    font-size: 0.75rem;
  }
  #documentWrapper .ui-widget .ui-widget:not(.pi) {
    font-size: 15px;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    padding: 1em;
    min-width: 45%;
    display: inline-block;
    margin: -0.4em 1em -0.4em -0.4em;
    background-color: #ffd64d;
    color: #002a54;
    border-right: 6px solid #f6f6f6;
    font-size: 0.75rem;
  }
  #documentWrapper .continentale .ui-datatable-reflow .ui-datatable-data td .ui-column-title {
    background-color: #fff;
    color: #000;
    border-right: 4px solid #f7f7f7;
    font-size: 0.75rem;
  }
  #documentWrapper .ui-datatable-reflow .ui-datatable-data td:nth-child(1) .ui-column-title {
    padding-left: 1em;
    padding-bottom: 3em;
  }
  #documentWrapper .ui-datatable .ui-datatable-data > tr {
    border: 1.5px solid #f6f6f6;
  }
  #documentWrapper .badge-color-new {
    zoom: 0.6;
    margin-left: 46%;
    margin-top: 60px;
    display: inline-block;
  }
  #documentWrapper .util-icon--mail, #documentWrapper .util-icon--mail-opened {
    margin-left: -10px;
    padding-left: 23px;
  }
  #documentWrapper .table__text-icon {
    padding-left: 23px !important;
  }
  #documentWrapper .detailauskunft .table__text-icon {
    padding-left: 40px !important;
  }
  #documentWrapper .ui-datatable tbody tr {
    line-height: 1rem;
  }
  #documentWrapper .table__value {
    white-space: normal;
  }
}
#documentWrapper .fahrzeugSucheModal {
  /**
     Hier muss mit 'important' gearbeitet werden, wegen den PF-CSS-Klassen.
     PF lädt über jquery inline-css-styles.
   */
  width: calc(100% - 0px) !important;
  left: 0 !important;
  height: 80vh !important;
  overflow: auto !important;
  top: 90px !important;
  position: fixed;
  background-color: transparent !important;
  border-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}
#documentWrapper .fahrzeugSucheModal .tooltip__flyout {
  position: relative;
  width: 100%;
  margin: 15px 0;
  background: #e4e9f1;
  border: 1px solid #b2bdc6;
  border-radius: 5px;
  left: 0;
  top: 0;
}
#documentWrapper .fahrzeugSucheModal .tooltip__flyout:before {
  border-color: #b2bdc6 transparent;
  z-index: 0;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  display: block;
  width: 0;
}
#documentWrapper .fahrzeugSucheModal .tooltip__flyout:after {
  border-color: #e4e9f1 transparent;
  z-index: 1;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  display: block;
  width: 0;
}
#documentWrapper .fahrzeugSucheModal .form__headline--tooltip {
  padding-right: 10px;
}
#documentWrapper .fahrzeugSucheModal tbody.ui-datatable-data {
  height: auto;
  overflow-y: hidden;
  overflow-x: hidden;
  width: auto !important;
}
#documentWrapper .fahrzeugSucheModal .ui-datatable {
  width: auto !important;
}
#documentWrapper .fahrzeugSucheModal thead {
  display: table-header-group;
}
#documentWrapper .fahrzeugSucheModal .form--border {
  background-color: white;
}
#documentWrapper .fahrzeugSucheModal .ui-dialog-content.ui-widget-content {
  overflow-x: hidden;
  border: none;
  background: 0;
}
#documentWrapper .fahrzeugSucheModal .tooltip__flyout-button .ui-button-text.ui-c {
  color: transparent !important;
}
#documentWrapper .fahrzeugSucheModal .ui-datatable-empty-message .ui-column-title {
  display: none !important;
}
#documentWrapper .fahrzeugSucheModal .ui-state-highlight {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(138, 155, 187)), to(rgba(138, 155, 187, 0.25)));
}
#documentWrapper .fahrzeugSucheModal .btn-primary {
  margin: 5px;
}
#documentWrapper .fahrzeugSucheModal .btn-right {
  float: none;
}
@media (min-width: 479px) {
  #documentWrapper .fahrzeugSucheModal {
    height: 500px;
  }
  #documentWrapper .fahrzeugSucheModal .btn-primary {
    margin: 5px;
  }
  #documentWrapper .fahrzeugSucheModal .btn-right {
    float: right;
  }
}
@media (min-width: 730px) {
  #documentWrapper .fahrzeugSucheModal {
    width: calc(100% - 100px) !important;
    left: 50px !important;
    top: 120px !important;
  }
  #documentWrapper .fahrzeugSucheModal thead {
    display: block;
  }
  #documentWrapper .fahrzeugSucheModal tbody.ui-datatable-data {
    display: block;
  }
  #documentWrapper .fahrzeugSucheModal .ui-datatable tbody tr {
    line-height: 1.6rem;
  }
  #documentWrapper .fahrzeugSucheModal .ui-widget-content td {
    width: 12%;
    padding: 0;
  }
  #documentWrapper .fahrzeugSucheModal .ui-datatable thead th {
    width: 12%;
  }
  #documentWrapper .fahrzeugSucheModal .ui-widget-content td {
    width: 100px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-datatable thead th {
    width: 100px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-widget-content td:nth-child(3) {
    width: 555px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-datatable thead th:nth-child(3) {
    width: 555px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-widget-content td:nth-child(7) {
    width: 250px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-datatable thead th:nth-child(7) {
    width: 250px;
  }
  #documentWrapper .fahrzeugSucheModal .ui-dialog-content .ui-datatable table {
    width: 100%;
  }
  #documentWrapper .fahrzeugSucheModal .ui-dialog .ui-dialog-content .ui-datatable table {
    width: auto;
  }
  #documentWrapper .fahrzeugSucheModal .btn-primary {
    margin: 5px;
  }
}
@media (min-width: 730px) and (max-height: 1000px) {
  #documentWrapper .fahrzeugSucheModal {
    height: 80vh !important;
  }
}
#documentWrapper .fancyTooltipModal {
  width: 60% !important;
  left: 20% !important;
  top: 15% !important;
  overflow: auto !important;
  position: fixed;
  max-height: 80% !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#documentWrapper .fancyTooltipModal .tooltip__flyout-button {
  right: -7px;
}
#documentWrapper .fancyTooltipModal .form--border {
  background-color: white;
}
#documentWrapper .fancyTooltipModal .ui-widget-content {
  border: none;
}
@media (max-height: 950px) {
  #documentWrapper .fancyTooltipModal {
    overflow-y: scroll !important;
    height: 80% !important;
  }
}
#documentWrapper .fancyTooltipModal .ui-button-text.ui-c {
  color: transparent !important;
}
#documentWrapper .fancyTooltipModal .ui-dialog-content.ui-widget-content {
  overflow-x: hidden !important;
}
#documentWrapper .fancyTooltipModal table {
  width: 100%;
}
#documentWrapper .fancyTooltipModal img {
  max-width: 100% !important;
  height: auto !important;
}
#documentWrapper .fancyTooltipModal .ui-widget-content td {
  width: unset !important;
  text-align: unset !important;
  font-weight: unset !important;
}
#documentWrapper .ui-radiobutton {
  margin: -4px;
  width: 16px;
  line-height: 16px;
  display: inline-block;
}
#documentWrapper .ui-radiobutton .ui-radiobutton-box {
  width: 18px;
  height: 18px;
  line-height: 18px;
  -moz-border-radius: 10px !important;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  border: 1px solid grey;
  background: white;
}
#documentWrapper .ui-radiobutton-icon {
  margin-left: 0;
  margin-top: -5px;
  height: 10px;
  width: 10px;
}
#documentWrapper .ui-radiobutton.ui-radiobutton-native {
  margin: 0;
  padding: 0;
}
#documentWrapper .ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible {
  clip: auto;
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0;
  padding: 0;
}
#documentWrapper .ui-radiobutton.ui-radiobutton-native .ui-radiobutton-box {
  display: none;
}
#documentWrapper .ui-radiobutton.ui-radiobutton-native .ui-helper-hidden-accessible input {
  margin: 0;
}
#documentWrapper .ui-selectoneradio-native label {
  margin: 0;
}
#documentWrapper .ui-state-highlight .ui-icon {
  background-image: none;
  background: #890e50 !important;
}
#documentWrapper .europa-go .ui-state-highlight .ui-icon {
  background: #f39200 !important;
}
#documentWrapper .ui-icon {
  background-image: none;
}
#documentWrapper .tableRadioButton {
  display: table-cell !important;
  width: 30px !important;
  height: 25px !important;
}
#documentWrapper .ui-column-title:nth-child(0) {
  display: none !important;
}
#documentWrapper thead {
  display: none;
}
@media (min-width: 730px) {
  #documentWrapper .tableRadioButton {
    display: table-cell !important;
  }
  #documentWrapper thead {
    display: table-header-group;
  }
}

#documentWrapper {
  /* manuelle Anpassungen ab hier: OKS-Theme */
}
#documentWrapper .ui-messages-info, #documentWrapper .ui-messages-warn, #documentWrapper .ui-messages-error, #documentWrapper .ui-messages-fatal {
  border: 1px solid;
  margin: 10px 0px;
  padding: 10px 10px 10px 10px;
}
#documentWrapper .ui-message-info, #documentWrapper .ui-message-error, #documentWrapper .ui-message-warn, #documentWrapper .ui-message-fatal {
  border: 1px solid;
  margin: 0px 5px;
  padding: 2px 5px;
}
#documentWrapper .ui-messages-info-icon, #documentWrapper .ui-messages-warn-icon, #documentWrapper .ui-messages-error-icon, #documentWrapper .ui-messages-fatal-icon,
#documentWrapper .ui-message-info-icon, #documentWrapper .ui-message-warn-icon, #documentWrapper .ui-message-error-icon, #documentWrapper .ui-message-fatal-icon {
  background: url("../../img/primefaces_messages.png") no-repeat;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
#documentWrapper .ui-messages-info-icon, #documentWrapper .ui-messages-warn-icon, #documentWrapper .ui-messages-error-icon, #documentWrapper .ui-messages-fatal-icon {
  height: 24px;
  width: 24px;
  margin-top: -4px;
}
#documentWrapper .ui-message-info-icon, #documentWrapper .ui-message-warn-icon, #documentWrapper .ui-message-error-icon, #documentWrapper .ui-message-fatal-icon {
  height: 16px;
  width: 16px;
}
#documentWrapper .ui-messages-info-summary, #documentWrapper .ui-messages-warn-summary, #documentWrapper .ui-messages-error-summary, #documentWrapper .ui-messages-fatal-summary,
#documentWrapper .ui-message-info-summary, #documentWrapper .ui-message-warn-summary, #documentWrapper .ui-message-error-summary, #documentWrapper .ui-message-fatal-summary {
  margin-left: 10px;
  font-weight: bold;
}
#documentWrapper .ui-messages-info-detail, #documentWrapper .ui-messages-warn-detail, #documentWrapper .ui-messages-error-detail, #documentWrapper .ui-messages-fatal-detail,
#documentWrapper .ui-message-info-detail, #documentWrapper .ui-message-warn-detail, #documentWrapper .ui-message-error-detail, #documentWrapper .ui-message-fatal-detail {
  margin-left: 5px;
}
#documentWrapper .ui-messages-info, #documentWrapper .ui-message-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
#documentWrapper .ui-messages-warn, #documentWrapper .ui-message-warn {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
#documentWrapper .ui-messages-error, #documentWrapper .ui-message-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
#documentWrapper .ui-messages-fatal, #documentWrapper .ui-message-fatal {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
#documentWrapper .ui-messages ul {
  margin: 0 25px;
  padding: 0;
  list-style-type: none;
}
#documentWrapper .ui-messages.ui-messages-noicon ul {
  margin: 0 25px 0 0;
}
#documentWrapper .ui-message-icon-only {
  width: 16px;
  height: 16px;
}
#documentWrapper .ui-messages-info-icon {
  background-position: 0px -316px;
}
#documentWrapper .ui-messages-warn-icon {
  background-position: 0px -448px;
}
#documentWrapper .ui-messages-error-icon {
  background-position: 0px -52px;
}
#documentWrapper .ui-messages-fatal-icon {
  background-position: 0px -184px;
}
#documentWrapper .ui-message-info-icon {
  background-position: 0px -360px;
}
#documentWrapper .ui-message-warn-icon {
  background-position: 0px -492px;
}
#documentWrapper .ui-message-error-icon {
  background-position: 0px -96px;
}
#documentWrapper .ui-message-fatal-icon {
  background-position: 0px -228px;
}
#documentWrapper .ui-messages .ui-messages-close {
  float: right;
  cursor: pointer;
}
#documentWrapper .ui-messages-info, #documentWrapper .ui-messages-warn, #documentWrapper .ui-messages-error, #documentWrapper .ui-messages-fatal {
  border: 0px;
  margin: 10px 0px;
  padding: 0 0 0 0;
}
#documentWrapper .ui-message-info, #documentWrapper .ui-message-error, #documentWrapper .ui-message-warn, #documentWrapper .ui-message-fatal {
  border: 0px;
  margin: 0px 0px;
  padding: 0px 0px;
}
#documentWrapper .ui-messages-info, #documentWrapper .ui-message-info {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
#documentWrapper .ui-messages-warn, #documentWrapper .ui-message-warn {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
#documentWrapper .ui-messages-error, #documentWrapper .ui-message-error {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}
#documentWrapper .ui-messages-fatal, #documentWrapper .ui-message-fatal {
  color: transparent;
  background-color: transparent;
  border-color: transparent;
}

#documentWrapper .ui-autocomplete-input.ui-state-focus {
  box-shadow: none !important;
  transition: none !important;
}
#documentWrapper .ui-autocomplete-input.ui-state-default {
  text-shadow: none;
  box-shadow: none !important;
  transition: none !important;
}
#documentWrapper .select2 {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  width: 100%;
  margin: 0;
  border-radius: 5px;
  background: #fff;
}
#documentWrapper .select2 .ui-widget {
  font-family: unset;
  font-size: 16px;
}
#documentWrapper .element-is-filled input.ui-autocomplete-input {
  padding: 17px 10px 0;
}
#documentWrapper .ui-autocomplete .ui-autocomplete-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  right: 0px;
  background-color: transparent;
  border-color: transparent;
}
#documentWrapper .ui-button {
  border: 1px solid #e9e9e9;
  border-radius: 6px !important;
}
#documentWrapper .ui-state-hover {
  box-shadow: none;
}
#documentWrapper .ui-outputlabel.input__label-placeholder {
  width: 10%;
}
#documentWrapper b.dropDownArrowDown::after {
  font-size: 1.125rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 12px;
  right: 6px;
  width: 26px;
  height: 26px;
  text-align: center;
  transition: transform 0.3s;
  font-family: "iconfont";
  transform: rotate(0deg);
  content: "\e901";
}
#documentWrapper b.dropDownArrowUp::after {
  font-size: 1.125rem;
  line-height: 1.4em;
  display: block;
  position: absolute;
  top: 12px;
  right: 6px;
  width: 26px;
  height: 26px;
  text-align: center;
  transition: transform 0.3s;
  font-family: "iconfont";
  transform: rotate(-180deg);
  content: "\e901";
}
#documentWrapper .ui-autocomplete-dropdown .ui-icon {
  display: none;
}
#documentWrapper .ui-outputlabel.input__label {
  color: #002a54;
}

.ui-autocomplete-panel {
  width: 495px !important;
}

.ui-autocomplete-panel .ui-autocomplete-list {
  max-height: 200px;
  overflow-y: auto;
}

.ui-state-highlight {
  text-shadow: none !important;
  background: #002a54 !important;
}

.ui-corner-all {
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  border-radius: 0px !important;
}

#documentWrapper {
  /**
  * Capitan progressbar.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-12-21
  * 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
   */
}
#documentWrapper .progressbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 35px 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .progressbar {
    margin: 0 35px;
    padding: 0 0 50px 0;
  }
}
#documentWrapper .progressbar .progressbar__line-status, #documentWrapper .progressbar:before {
  position: absolute;
  top: 19px;
  left: 0;
  height: 3px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .progressbar .progressbar__line-status, #documentWrapper .progressbar:before {
    top: 33px;
  }
}
#documentWrapper .progressbar:before {
  z-index: -3;
  width: 100%;
  background: #8a9bbb;
  content: "";
}
#documentWrapper .progressbar .progressbar__line-status {
  z-index: 0;
  width: 0;
  background: #bcdeab;
}
#documentWrapper .progressbar__item {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
#documentWrapper .progressbar__item.is-current .progressbar__item-number {
  background: #002a54;
  background-clip: padding-box;
  color: #fff;
}
#documentWrapper .progressbar__item.is-current .progressbar__item-text {
  font-weight: bold;
}
#documentWrapper .progressbar__item.is-finish .progressbar__item-text {
  padding: 0 20px 0 0;
  color: #002a54;
}
#documentWrapper .progressbar__item.is-finish .progressbar__item-number {
  background: #339900;
  background-clip: padding-box;
  color: #fff;
}
#documentWrapper .progressbar__item.is-finish .progressbar__item-text:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: iconfont, sans-serif;
  color: #339900;
  /** content: "\2714"; **/
  content: "\e90c";
}
#documentWrapper .progressbar__item.is-current.error .progressbar__item-text {
  padding: 0 20px 0 0;
}
#documentWrapper .progressbar__item.is-current.error .progressbar__item-number {
  background: #cd0d00;
  background-clip: padding-box;
  color: #fff;
}
#documentWrapper .progressbar__item.is-current.error .progressbar__item-text:after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: iconfont, sans-serif;
  color: #cd0d00;
  /** content: "\2717"; **/
  content: "\e90d";
}
#documentWrapper .progressbar__link {
  position: relative;
  display: block;
  text-decoration: none;
  z-index: 1;
}
#documentWrapper .progressbar__item-number {
  font-size: 1.15rem;
  position: relative;
  z-index: -3;
  display: block;
  width: 40px;
  height: 40px;
  padding: 3px 0 0 0;
  border: 5px solid #fff;
  background: #e4e9f1;
  background-clip: padding-box;
  color: #002a54;
  border-radius: 100%;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 48em) {
  #documentWrapper .progressbar__item-number {
    font-size: 1.75rem;
    width: 70px;
    height: 70px;
    padding: 6px 0 0 0;
    border: 10px solid #fff;
  }
}
#documentWrapper .progressbar__item-text {
  position: relative;
  display: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .progressbar__item-text {
    font-size: 0.875rem;
    color: #002a54;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    max-width: 150px;
    margin: 5px 0 0 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #documentWrapper .progressbar__item-text:hover {
    background: #fff;
    overflow: visible;
    padding: 0 5px;
    max-width: none;
    text-overflow: inherit;
    z-index: 1;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .progressbar__item-text {
    max-width: none;
  }
}
#documentWrapper .progressbar__next-step:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .progressbar__next-step p[class^=util-icon--]:before, #documentWrapper .progressbar__next-step p[class*=" util-icon--"]:before {
  margin-right: 10px;
  color: #002a54;
}
#documentWrapper .progressbar__next-step .step-back {
  margin: 10px 20px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .progressbar__next-step .step-back {
    margin: 30px 20px;
  }
}
#documentWrapper .progressbar__next-step .step-back a[class^=util-icon--]:before, #documentWrapper .progressbar__next-step .step-back a[class*=" util-icon--"]:before {
  display: inline-block;
  position: absolute;
  left: -7px;
  top: 4px;
}
#documentWrapper .progressbar__next-step .step-forward {
  float: none;
}
#documentWrapper .progressbar__next-step .step-forward:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 30em) {
  #documentWrapper .progressbar__next-step .step-forward {
    float: right;
  }
}
#documentWrapper .progressbar__next-step .step-forward .ssl-text {
  text-align: center;
}
@media screen and (min-width: 30em) {
  #documentWrapper .progressbar__next-step .step-forward .ssl-text {
    text-align: right;
  }
}

@media screen and (min-width: 48em) {
  .europa-go #documentWrapper .progressbar__item-number {
    padding: 6px 0 0 0;
  }
}
.errorbox {
  border: 1px solid #cd0d00;
  border-radius: 5px;
  background-color: #ffdfdf;
  padding: 20px;
  margin: 20px 0;
  color: #cd0d00;
}

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

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  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;
  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 #aaa;
  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;
  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;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  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: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .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--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 #aaa;
  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__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  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-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 #b9d8f9 3px;
  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 #aaa;
}

.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 #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  outline: 3px solid #b9d8f9;
}

.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 #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  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[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 #aaa;
  border-radius: 4px 0 0 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: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 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: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 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 #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
}

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

.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 #aaa;
  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;
  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 #aaa;
  outline: 0;
}

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

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  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: #fff;
}

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

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

#documentWrapper .stage {
  position: relative;
}
#documentWrapper .stage:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .stage__media img {
  width: 100%;
}
#documentWrapper .stage__content {
  z-index: 1;
}
#documentWrapper .stage--register .stage__media {
  background-image: none;
}
#documentWrapper .stage--register .stage__content {
  width: calc(100% + 20px);
}
#documentWrapper .stage--register .error__message {
  margin: -5px 0 15px 0 !important;
}
#documentWrapper .stage--register .form--login .checkbox {
  padding: 1px 0 !important;
}
@media only screen and (min-width: 62em) {
  #documentWrapper .stage__content {
    position: static;
  }
  #documentWrapper .stage--register {
    padding: 10px 0;
  }
  #documentWrapper .stage--register .stage__media {
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/o/oks-theme/img/_dummyPics/stage-registrierung.jpg");
    min-height: 650px;
    max-height: 650px;
    padding: 0;
  }
  #documentWrapper .stage--register .stage__content {
    top: 25px;
    left: 25px;
    width: 100%;
  }
  #documentWrapper .europa-go .stage--register .stage__media {
    padding: 15px 0 0 15px;
  }
  #documentWrapper .continentale .stage--register .stage__media {
    padding: 15px 0 0 15px;
    background-image: url("/o/oks-theme/img/_dummyPics/stage-registrierung-continentale.jpg");
  }
}

#documentWrapper .table__brandung {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
  background-color: transparent;
  color: black;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .table--damage-notification {
    padding: 5px;
  }
}
#documentWrapper .europa-go .table__brandung {
  color: #272833;
}
#documentWrapper .detailauskunft .table__brandung {
  margin: 0 0 30px 0;
  padding: 0 20px 20px 20px;
  border: #e0e0e0 solid 1px;
  border-radius: 0.5em;
}
#documentWrapper .table__brandung.va__table {
  margin: 40px 0 20px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__brandung {
    display: block;
  }
  #documentWrapper .table__brandung.va__table {
    margin: 0 0 20px 0;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__head th:nth-child(2),
  #documentWrapper .table__head th:nth-child(3),
  #documentWrapper .table__head th:nth-child(4) {
    width: 20%;
  }
  #documentWrapper .table__head th:first-child {
    width: 40%;
  }
  #documentWrapper .table__body td:nth-child(2),
  #documentWrapper .table__body td:nth-child(3),
  #documentWrapper .table__body td:nth-child(4) {
    width: 20%;
  }
  #documentWrapper .table__body td:first-child {
    width: 40%;
  }
  #documentWrapper .table--damage-notification .table__head th:nth-child(2),
  #documentWrapper .table--damage-notification .table__head th:nth-child(3) {
    width: 20%;
  }
  #documentWrapper .table--damage-notification .table__head th:nth-child(4),
  #documentWrapper .table--damage-notification .table__head th:nth-child(5) {
    width: 15%;
  }
  #documentWrapper .table--damage-notification .table__head th:first-child {
    width: 30%;
  }
  #documentWrapper .table--damage-notification .table__body td:nth-child(2),
  #documentWrapper .table--damage-notification .table__body td:nth-child(3) {
    width: 20%;
  }
  #documentWrapper .table--damage-notification .table__body td:nth-child(4),
  #documentWrapper .table--damage-notification .table__body td:nth-child(5) {
    width: 15%;
  }
  #documentWrapper .table--damage-notification .table__body td:first-child {
    width: 30%;
  }
  #documentWrapper .table__body_ergebnisseiteVertragsaenderungen td:nth-child(2),
  #documentWrapper .table__body_ergebnisseiteVertragsaenderungen td:nth-child(3),
  #documentWrapper .table__body_ergebnisseiteVertragsaenderungen td:nth-child(4) {
    width: 40%;
  }
  #documentWrapper .table__body_ergebnisseiteVertragsaenderungen td:first-child {
    width: 40%;
  }
  #documentWrapper .table__body_ergebnisseiteVertragsaenderungen .table__caption {
    font-size: 1.25rem;
    font-family: "PT Sans", Verdana, sans-serif;
  }
}
#documentWrapper #table_ergebnsisseite {
  border-collapse: separate;
  border-spacing: 4px;
}
#documentWrapper .table__body_ergebnisseiteVertragsaenderungen .table__head-cell {
  height: auto;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs .table__head th:nth-child(2) {
    width: 50%;
  }
  #documentWrapper .tabs .table__head th:first-child {
    width: 50%;
  }
  #documentWrapper .tabs .table__body td:nth-child(2) {
    width: 50%;
  }
  #documentWrapper .tabs .table__body td:first-child {
    width: 50%;
  }
}
#documentWrapper .table__caption {
  font-size: 1.25rem;
  margin: 15px 0 15px 0;
  color: #002a54;
  font-weight: 700;
  text-align: left;
  display: inline-block;
}
#documentWrapper .continentale .table--evb .table__caption {
  margin: 30px 0 0 0;
  background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
  width: 100%;
  padding-left: 10px;
  color: #fff;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .table__caption {
    margin: 30px 0 0 0;
    background: linear-gradient(90deg, #890e50 0%, #002a54 100%);
    width: 100%;
    padding-left: 10px;
    color: #fff;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__caption {
    font-size: 1.5rem;
    margin: 20px 0 20px 20px;
  }
  #documentWrapper .continentale .table__caption {
    margin: 20px 0 20px 0;
  }
}
#documentWrapper .table__edit {
  vertical-align: sub;
  margin: 0 0 10px 0;
  color: #002a54;
  float: none;
  display: block;
}
#documentWrapper .table__edit:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__edit {
    float: right;
    margin: 0 0 0 10px;
  }
}
#documentWrapper .table__head {
  display: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__head {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
}
#documentWrapper .table__body {
  display: block;
}
#documentWrapper .table__body.screenreader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__body {
    display: table;
    border-collapse: separate;
    border-spacing: 4px;
    width: calc(100% + 8px);
    margin-left: -4px;
  }
}
#documentWrapper .table__row {
  display: block;
  margin: 0 0 20px 0;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .table__row {
    display: block;
    margin: 0 0 20px 0;
  }
  #documentWrapper .continentale .table--list .table__row {
    display: table-row;
  }
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .detailauskunft .table__body {
    width: 100%;
    display: table;
  }
  #documentWrapper .detailauskunft .table__row {
    display: block;
    margin: 0 0 20px 0;
  }
  #documentWrapper .detailauskunft .table--list .table__row {
    display: table-row;
    width: 100%;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__row {
    display: table-row;
    margin: 0;
  }
  #documentWrapper .continentale .table__row {
    transition: all 0.4s ease;
    background: -moz-linear-gradient(left, #890e50 0%, #002a54 100%);
    background: linear-gradient(to right, #890e50 0%, #002a54 100%);
    background: -webkit-linear-gradient(left, #890e50 0%, #002a54 100%);
  }
  #documentWrapper .continentale .table__head-cell {
    color: #fff;
    background: none;
  }
}
#documentWrapper .table__head-cell,
#documentWrapper .table__body-cell {
  font-size: 0.75rem;
  text-align: left;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__head-cell,
  #documentWrapper .table__body-cell {
    font-size: 1rem;
    display: table-cell;
    vertical-align: middle;
  }
}
#documentWrapper .table__head-cell--higher,
#documentWrapper .table__body-cell--higher {
  line-height: 2.4;
  font-size: 0.75rem;
  text-align: left;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__head-cell--higher,
  #documentWrapper .table__body-cell--higher {
    line-height: 1.4;
    font-size: 1rem;
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__head-cell--right,
  #documentWrapper .table__body-cell--right {
    text-align: right;
  }
}
#documentWrapper .table__head-cell {
  padding: 8px 20px;
  font-weight: 700;
  color: #002a54;
  background: #ffd64d;
}
#documentWrapper .europa-go .table__head-cell {
  color: #fff;
}
#documentWrapper .table__body-cell {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  padding: 0;
  margin: 0 0 3px 0;
  background: none;
  border: none;
}
#documentWrapper .table__body-cell:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__body-cell {
    display: table-cell;
    width: auto;
    padding: 16px 20px;
    margin: 0;
    background: #fff;
  }
  #documentWrapper .continentale .table__body-cell {
    background: #fff;
  }
}
#documentWrapper .table__body-cell:before {
  box-sizing: border-box;
  display: inline-block;
  float: left;
  width: 40%;
  padding: 8px 10px;
  margin: 0 1% 0 0;
  background: #ffd64d;
  color: #002a54;
  content: attr(data-heading);
}
#documentWrapper .continentale .table__body-cell:before {
  background: #fff;
  color: #000;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__body-cell:before {
    display: none;
  }
  #documentWrapper .continentale .table__body-cell:before {
    display: none;
  }
}
#documentWrapper .table--list.table--accordion .table__body-cell,
#documentWrapper .table--list.table--zusammenfassung .table__body-cell,
#documentWrapper .table--list.table--evb .table__body-cell {
  background: #f7f7f7;
}
#documentWrapper .continentale .table--list.table--accordion .table__body-cell,
#documentWrapper .continentale .table--list.table--zusammenfassung .table__body-cell,
#documentWrapper .continentale .table--list.table--evb .table__body-cell {
  background: #fff;
}
#documentWrapper .table__body-cell.table--icon {
  text-align: left;
  color: #890e50;
}
#documentWrapper .europa-go .table__body-cell.table--icon {
  color: #002a54;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__body-cell.table--icon {
    text-align: center;
  }
}
#documentWrapper .table__value {
  display: block;
  width: 59%;
  padding: 8px 10px;
  background: #fff;
}
#documentWrapper .table--damage-notification .table__value {
  background: #e9e9e9;
}
#documentWrapper .table__value.va__table__value {
  background: #e4e9f1;
  white-space: normal;
}
#documentWrapper .detailauskunft .table__value {
  width: 55%;
  white-space: normal;
  word-break: break-word;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__value {
    display: inline;
    width: auto;
    padding: 0;
    background: none;
  }
}
#documentWrapper .table__text-icon {
  position: relative;
  padding: 0 0 0 30px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__text-icon {
    padding: 0 0 0 40px;
  }
  #documentWrapper .table__text-icon:before {
    font-size: 2.25rem;
    font-weight: 100;
  }
}
#documentWrapper .table__text-icon:after,
#documentWrapper .table__text-icon:before {
  font-size: 2.25rem;
  font-weight: 100;
  position: absolute;
  left: -45%;
  top: 50%;
  transform: translateY(-50%);
  color: #890e50;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__text-icon:after,
  #documentWrapper .table__text-icon:before {
    left: -15%;
  }
}
#documentWrapper .table__caption-icon:after,
#documentWrapper .table__caption-icon:before {
  font-size: 2.875rem;
  font-weight: 100;
  margin: 0 15px 0 0;
  transform: translateY(-50%);
  color: #890e50;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__caption-icon:after,
  #documentWrapper .table__caption-icon:before {
    margin: 0 20px 0 0;
  }
}
#documentWrapper .continentale .table__text-icon:after,
#documentWrapper .continentale .table__text-icon:before {
  color: #002a54;
}
#documentWrapper .europa-go .table__text-icon:after,
#documentWrapper .europa-go .table__text-icon:before {
  color: #f39200;
}
#documentWrapper .table--list .table__row {
  margin: 0;
}
#documentWrapper .table--list .table__head-cell,
#documentWrapper .table--list .table__body-cell {
  display: block;
  padding: 8px 10px;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .table--list .table__head-cell,
  #documentWrapper .continentale .table--list .table__body-cell {
    display: table-cell;
    background: #fff;
    font-size: 0.875em;
    font-weight: 400;
    border-top: 2px solid #f7f7f7;
    border-bottom: 2px solid #f7f7f7;
  }
  #documentWrapper .continentale .table--list .table__head-cell {
    border-right: 2px solid #f7f7f7;
  }
  #documentWrapper .continentale .table--list .table__body-cell {
    border-left: 2px solid #f7f7f7;
  }
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .detailauskunft .table--list .table__head-cell {
    display: table-cell;
    background: #fff;
    font-size: 0.875em;
    border: 2px solid #f7f7f7;
    width: 45%;
    word-wrap: break-word;
    overflow-wrap: break-word;
    word-break: break-word;
    white-space: normal;
  }
  #documentWrapper .detailauskunft .table--list .table__body-cell {
    display: table-cell;
    background: #fff;
    font-size: 0.875em;
    border: 2px solid #f7f7f7;
    width: 55%;
  }
  #documentWrapper .continentale .table--list .table__head-cell {
    border-right: 2px solid #f7f7f7;
  }
  #documentWrapper .continentale .table--list .table__body-cell {
    border-left: 2px solid #f7f7f7;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--list .table__head-cell,
  #documentWrapper .table--list .table__body-cell {
    display: table-cell;
    width: 50%;
    padding: 8px 20px;
  }
}
#documentWrapper .table--list .table__body-cell {
  background: #f7f7f7;
  margin: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--list .table__body-cell {
    background: #fff;
  }
}
#documentWrapper .table--list .table__body-cell:before {
  display: none;
}
#documentWrapper .table--list .table__head-cell {
  border: none;
  background: #ffd64d;
  color: #002a54;
}
#documentWrapper .continentale .table--list .table__head-cell {
  background: #fff;
  color: #000;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--list .table__head-cell {
    background: #e9e9e9;
    color: #666;
  }
}
#documentWrapper .table--list .table__value {
  display: block;
  float: none;
  width: 100%;
  padding: 0;
  background: none;
}
#documentWrapper .continentale .table--list .table__value {
  background: #fff;
}
#documentWrapper .table--offer {
  background: #f7f7f7;
  border-bottom: 4px solid #f7f7f7;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--offer {
    background: none;
    border-bottom: none;
  }
}
#documentWrapper .table--offer .table__head {
  border-collapse: separate;
  border-spacing: 4px;
  width: calc(100% + 8px);
  margin-left: -4px;
}
#documentWrapper .table--offer .table__head .table__head-cell {
  font-size: 1.25rem;
  padding: 14px 20px 48px;
}
#documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(1) {
  background: #e4e9f1;
  color: #002a54;
}
#documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(2) {
  background: #d4dbe7;
  color: #002a54;
}
#documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(3) {
  background: #002a54;
  color: #fff;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(1) {
    width: 50%;
  }
  #documentWrapper .table--offer .table__body .table__body-cell:nth-of-type(1) {
    width: 50%;
  }
  #documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(2) {
    width: 25%;
  }
  #documentWrapper .table--offer .table__head .table__head-cell:nth-of-type(3) {
    width: 25%;
  }
  #documentWrapper .table--offer .table__body .table__body-cell:nth-of-type(2) {
    width: 25%;
  }
  #documentWrapper .table--offer .table__body .table__body-cell:nth-of-type(3) {
    width: 25%;
  }
}
#documentWrapper .table--offer .table__body .table__head-cell {
  font-size: 1rem;
  background: #fff;
  border-top: 4px solid #f7f7f7;
  color: #002a54;
  display: block;
  margin-bottom: -16px;
  padding: 8px 10px;
}
#documentWrapper .table--offer .table__body .table__head-cell.va__table__head {
  background: #f7f7f7;
  margin-bottom: 0;
}
#documentWrapper .table--offer .table__head .table__head-cell.va__table__head {
  font-size: 1rem;
  padding: 14px 20px 20px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--offer .table__body .table__head-cell {
    border-top: none;
    display: table-cell;
    margin-bottom: 0;
    padding: 0 20px 2px;
  }
}
#documentWrapper .table--offer .table__body .table__head-cell:not(:first-of-type) {
  margin-top: -20px;
  margin-bottom: 20px;
  white-space: nowrap;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--offer .table__body .table__head-cell:not(:first-of-type) {
    margin-top: 0;
  }
}
#documentWrapper .table--offer .table__body .table__body-cell {
  background: #e4e9f1;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--offer .table__body .table__body-cell {
    height: 70px;
  }
  #documentWrapper .table--offer.va__table .table__body .table__body-cell {
    font-size: 0.875rem;
  }
}
#documentWrapper .table--damage-notification .table__body-cell {
  background: #e9e9e9;
}
#documentWrapper .continentale .table--damage-notification .table__body-cell {
  background: #f7f7f7;
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale .table--damage-notification .table__body-cell {
    background: #fff;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .table--damage-notification .table__head-cell,
  #documentWrapper .table--damage-notification .table__body-cell {
    width: 20%;
  }
}
#documentWrapper .table__antrag .table__brandung {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
}
#documentWrapper .table__antrag .table__row {
  display: block;
  margin: 0 0 20px 0;
}
#documentWrapper .table__antrag .table__head-cell,
#documentWrapper .table__antrag .table__body-cell {
  font-size: 0.75rem;
  text-align: left;
}
#documentWrapper .table__antrag .table__head-cell {
  padding: 8px 20px;
  font-weight: 700;
  color: #fff;
  background: #c0cfe7;
  display: block;
  width: 100%;
}
#documentWrapper .table__antrag .table__value {
  display: block;
  width: 10%;
  padding: 8px 10px;
  background: transparent;
}
#documentWrapper .table__antrag .europa-go .table__text-icon:after,
#documentWrapper .table__antrag .europa-go .table__text-icon:before {
  color: #f39200;
}
#documentWrapper .table__antrag .table__text-icon:before {
  font-size: 1.25rem;
  font-weight: 100;
  position: absolute;
}
#documentWrapper .table__antrag .leftDiv {
  margin-bottom: 35px;
  float: left;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table__antrag .leftDiv {
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 24em) {
  #documentWrapper .table__antrag .leftDiv {
    margin-bottom: 30px;
  }
}
#documentWrapper .table__antrag .table__text-icon {
  padding: 0 0 0 25px;
}
#documentWrapper .table__antrag .clearfix {
  clear: left !important;
  display: contents;
}
#documentWrapper .mehrzeilig {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  padding-left: 54%;
  margin-top: -50px;
  margin-bottom: -13px;
  line-height: normal;
  font-size: 12px;
}
@media screen and (min-width: 731px) {
  #documentWrapper .mehrzeilig {
    padding-left: 50px;
    margin-top: -30px;
    margin-bottom: -30px;
    font-size: 15px;
  }
}
#documentWrapper .versichertePersonen.table__head-cell {
  padding: 30px 10px 10px 20px;
  font-family: ContinentalePro;
  color: #002a54 !important;
  font-size: 1.1rem;
}

#documentWrapper {
  /**
  * Capitan nav-tab.scss v1.0.0
  *
  * Copyright brandung GmbH & Co.KG
  * http://www.brandung.de/
  *
  * Date: 2016-11-30
  * 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
  */
  /*******************
  **  TABS--NO-JS  ***
  *******************/
}
#documentWrapper .tabs:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .tabs > form {
    padding: 0 20px;
  }
}
#documentWrapper .no-js .tabs__nav,
#documentWrapper .no-js .tabs__content {
  display: none;
}
#documentWrapper .no-js .tabs--no-js {
  display: block;
}
#documentWrapper .tabs__nav {
  display: none;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
  width: 100%;
}
#documentWrapper .continentale .tabs .tabs__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
  width: 100%;
}
#documentWrapper .continentale .tabs .select2 {
  display: none;
}
#documentWrapper .detailauskunft .tabs .tabs__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 10px 0;
  width: 100%;
}
#documentWrapper .detailauskunft .tabs .select2 {
  display: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs__nav {
    display: -ms-flexbox;
    display: flex;
  }
}
#documentWrapper .tabs__nav-link {
  position: relative;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  padding: 5px 10px;
  margin: 0 5px;
  background: #7f91b1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
}
#documentWrapper .europa-go .tabs__nav-link {
  font-family: "PT Sans", Verdana, sans-serif;
  font-weight: 700;
  font-style: normal;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .detailauskunft .tabs__nav-link {
    padding: 15px 20px;
  }
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .tabs__nav-link {
    background: none;
    color: #002a54;
    border: 1px solid #002a54;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale .tabs__nav-link {
    margin: 0;
    background: none;
    color: #002a54;
    border-bottom: 2px #D6D6D6 solid;
  }
}
#documentWrapper .tabs__nav-link:hover {
  background: #890e50;
}
#documentWrapper .europa-go .tabs__nav-link:hover {
  background: #f39200;
}
#documentWrapper .continentale .tabs__nav-link:hover {
  background: none;
}
#documentWrapper .tabs__nav-link:first-of-type {
  margin: 0 5px 0 0;
}
#documentWrapper .tabs__nav-link:last-of-type {
  margin: 0 0 0 5px;
}
#documentWrapper .continentale .tabs__nav-link:first-of-type {
  margin: 0 10px 0 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale .tabs__nav-link:first-of-type {
    margin: 0;
  }
}
#documentWrapper .continentale .tabs__nav-link:last-of-type {
  margin: 0 0 0 10px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale .tabs__nav-link:last-of-type {
    margin: 0;
  }
}
#documentWrapper .tabs__nav-link.is-active {
  background: #890e50;
  font-weight: bold;
}
#documentWrapper .europa-go .tabs__nav-link.is-active {
  background: #f39200;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .continentale .tabs__nav-link.is-active {
    background-color: #002a54;
    border-radius: 0;
    border-bottom: 2px solid #890e50;
    color: #fff;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .continentale .tabs__nav-link.is-active {
    background: none;
    border-bottom: 5px #890e50 solid;
  }
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .detailauskunft .tabs__nav-link.is-active {
    border-radius: 0;
    color: #fff;
    padding: 15px 20px;
    font-weight: bold;
    font-size: 16px;
    display: inline-block;
  }
}
#documentWrapper .tabs__nav-link.is-active:before {
  position: absolute;
  top: 99%;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #890e50;
}
#documentWrapper .continentale .tabs__nav-link.is-active:before {
  content: none;
}
#documentWrapper .europa-go .tabs__nav-link.is-active:before {
  border-top-color: #f39200;
}
#documentWrapper .tabs__nav-link.is-active:hover {
  cursor: default;
}
#documentWrapper .tabs__nav-mobile {
  width: 100%;
}
#documentWrapper .continentale .tabs__nav-mobile {
  display: none;
}
#documentWrapper .continentale .tabs__headline-mobile {
  display: none !important;
}
#documentWrapper .detailauskunft .tabs__nav-mobile {
  display: none;
}
#documentWrapper .detailauskunft .tabs__headline-mobile {
  display: none !important;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs__nav-mobile {
    display: none;
  }
}
#documentWrapper .tabs__content {
  margin: 20px 0 0 0;
}
@media screen and (max-width: 47.9375em) {
  #documentWrapper .tabs__content .headline {
    padding: 0 20px;
    display: none;
  }
  #documentWrapper .continentale .tabs__content {
    margin: 0;
  }
}
#documentWrapper .tabs__article {
  display: none;
}
#documentWrapper .tabs__article.is-active {
  display: block;
}
#documentWrapper .tabs--defect .tabs__content {
  background: #e4e9f1;
}
#documentWrapper .tabs--defect .tabs__content .content__inner {
  padding: 20px;
}
#documentWrapper .tabs--defect .tabs__headline {
  font-size: 18px;
  font-size: 1.125rem;
  margin: 15px 0;
  text-transform: none;
  line-height: 1.1;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--defect .tabs__headline {
    font-size: 1.5rem;
  }
}
#documentWrapper .tabs--defect .checkbox__headline {
  padding-left: 10px;
  margin: 0 0 15px 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--defect .checkbox__headline {
    margin: 0 0 30px 0;
  }
}
#documentWrapper .tabs--defect .datepicker__headline {
  margin: 0 0 15px 0;
}
#documentWrapper .tabs--defect .defect__date {
  float: left;
  width: 100%;
}
#documentWrapper .tabs--defect .defect__date:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--defect .defect__date {
    width: 35%;
  }
}
#documentWrapper .tabs--defect .defect__driver {
  width: 100%;
}
#documentWrapper .tabs--defect .defect__driver:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--defect .defect__driver {
    width: 70%;
  }
}
#documentWrapper .tabs--defect .phone-number__item {
  margin: 20px 0;
}
#documentWrapper .tabs--defect .phone-number__item:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .tabs--defect .phone-number__caption {
  font-size: 16px;
  font-size: 1rem;
  display: inline-block;
  width: 100%;
  float: left;
  margin-bottom: 8px;
}
#documentWrapper .tabs--defect .phone-number__caption:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  #documentWrapper .tabs--defect .phone-number__caption {
    width: 37%;
    margin-bottom: 0;
  }
}
#documentWrapper .tabs--defect .phone-number__number {
  display: inline-block;
  width: 60%;
}
#documentWrapper .tabs--defect .phone-number__number span {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 0.8;
  color: #002a54;
}
#documentWrapper .tabs--defect .post__item {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 10px 0;
}
#documentWrapper .tabs--defect .post__item:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 62em) {
  #documentWrapper .tabs--defect .post__item {
    font-size: 1rem;
  }
}
#documentWrapper .tabs--defect .post__item [class^=util-icon--]:before,
#documentWrapper .tabs--defect .post__item [class*=" util-icon--"]:before {
  color: #890e50;
  margin-right: 3px;
}
#documentWrapper .europa-go .tabs--defect .post__item [class^=util-icon--]:before,
#documentWrapper .europa-go .tabs--defect .post__item [class*=" util-icon--"]:before {
  color: #f39200;
}
#documentWrapper .tabs--defect .post__item .adress__caption[class^=util-icon--]:before,
#documentWrapper .tabs--defect .post__item .adress__caption[class*=" util-icon--"]:before {
  margin-right: 5px;
  margin-left: 2px;
}
#documentWrapper .tabs--defect .post__item .adress__company {
  margin: 10px 0 0 20px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--defect .post__item .adress__company {
    margin: 0;
  }
}
#documentWrapper .tabs--no-js {
  overflow-y: auto;
  height: 250px;
  overflow-x: hidden;
  display: none;
}
#documentWrapper .tabs--no-js .tabs {
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
}
#documentWrapper .tabs--no-js .tabs:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tabs--no-js .tabs {
    display: -ms-flexbox;
    display: flex;
  }
}
#documentWrapper .tabs--no-js .tabs li {
  float: none;
  margin-bottom: 2px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tabs--no-js .tabs li {
    float: left;
    margin: 0 5px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
#documentWrapper .tabs--no-js .tabs li:first-child {
  margin-left: 0;
}
#documentWrapper .tabs--no-js .tabs li:last-child {
  margin-right: 0;
}
#documentWrapper .tabs--no-js .tabs li > input {
  display: none;
}
#documentWrapper .tabs--no-js .tabs li > input:checked + label {
  background: #890e50;
  color: #fff;
}
#documentWrapper .tabs--no-js .tabs li > input:checked ~ .tab-content {
  display: block;
}
#documentWrapper .tabs--no-js .tabs li > label {
  font-size: 12px;
  font-size: 0.75rem;
  margin-right: 10px;
  background: #7f91b1;
  padding: 5px;
  color: #fff;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--no-js .tabs li > label {
    font-size: 1rem;
  }
}
#documentWrapper .tabs--no-js .tabs li > label:before,
#documentWrapper .tabs--no-js .tabs li > label:after {
  display: none;
}
#documentWrapper .tabs--no-js .tabs li:last-child > label {
  border-right-width: 1px;
}
#documentWrapper .tabs--no-js .tabs .tab-content {
  display: none;
  position: absolute;
  left: 0;
  padding: 20px;
  top: 100px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tabs--no-js .tabs .tab-content {
    top: 20px;
  }
}
#documentWrapper .tabs--no-js .tabs .tab-content p {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 48em) {
  #documentWrapper .tabs--no-js .tabs .tab-content p {
    font-size: 1rem;
  }
}

#documentWrapper {
  /**
   * Capitan tarifbox.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-13
   * 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
   */
}
#documentWrapper .tarifbox {
  background: #e4e9f1;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  padding: 10px;
}
#documentWrapper .tarifbox:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .flexbox .tarifbox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
}
#documentWrapper .tarifbox .text-link:after {
  color: #7f91b1;
}
#documentWrapper .tarifbox--highlighted.tarifbox {
  background: #002a54;
}
#documentWrapper .tarifbox__overview {
  position: relative;
  background: #e4e9f1;
  color: #002a54;
  padding: 15px 20px 15px;
}
#documentWrapper .tarifbox__overview + .text-link {
  display: block;
  float: none;
  margin-top: 30px;
}
#documentWrapper .tarifbox__overview .btn {
  font-size: 20px;
  font-size: 1.25rem;
}
#documentWrapper .tarifbox__overview .btn:hover {
  background: #7f91b1;
}
#documentWrapper .tarifbox__overview .btn.btn--pink:hover {
  background: #f084be;
}
#documentWrapper .europa-go .tarifbox__overview .btn.btn--pink:hover {
  background: #ffb84c;
}
#documentWrapper .tarifbox__headline {
  font-size: 30px;
  font-size: 1.875rem;
}
#documentWrapper .tarifbox__flag {
  position: absolute;
  width: 127px;
  height: 39px;
  top: 0px;
  right: -15px;
  padding: 5px 0 5px 8px;
  background: url("../img/_dummyPics/bg-flag.png");
  background-size: cover;
}
#documentWrapper .tarifbox__flag span {
  font-size: 11px;
  font-size: 0.6875rem;
  color: #890e50;
  font-weight: bold;
  vertical-align: middle;
}
#documentWrapper .europa-go .tarifbox__flag span {
  color: #f39200;
}
#documentWrapper .tarifbox__flag span:before {
  vertical-align: top;
}
#documentWrapper .tarifbox__options {
  padding: 10px;
  background: #e4e9f1;
}
#documentWrapper .tarifbox__options:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .tarifbox__link {
  width: 100%;
  margin: 10px 0;
  color: #002a54;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tarifbox__link {
    width: auto;
    margin: 0;
  }
}
#documentWrapper .tarifbox--highlighted .tarifbox__overview {
  background: #002a54;
  color: #fff;
}
#documentWrapper .tarifbox--highlighted .tarifbox__overview .tarifbox__headline {
  color: #fff;
}
#documentWrapper .tarifbox--highlighted .tarifbox__options {
  background: #002a54;
  color: #fff;
}
#documentWrapper .tarifbox--highlighted .tarifbox__link {
  color: #fff;
}
#documentWrapper .price-box:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .price-box p span {
  font-size: 56px;
  font-size: 3.5rem;
  display: block;
  font-weight: bold;
}
#documentWrapper .price-box p span > span {
  display: inline-block;
  font-size: 0.6em;
  vertical-align: text-top;
  font-weight: bold;
}
#documentWrapper .price-box--inline p {
  margin: 0;
}
#documentWrapper .price-box--inline p > span {
  display: inline-block;
}

#documentWrapper {
  /**
   * Capitan tarifbox-small.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-02-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
   */
}
#documentWrapper .tarifbox-small {
  background: #e4e9f1;
  padding: 25px 20px;
  margin-bottom: 20px;
  width: 100%;
}
#documentWrapper .tarifbox-small:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .tarifbox-small h2 {
  font-size: 1rem;
  color: #002a54;
  margin: 0;
  line-height: 1em;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tarifbox-small h2 {
    font-size: 1.25rem;
  }
}
#documentWrapper .tarifbox-small p > span {
  font-size: 30px;
  font-size: 1.875rem;
}
#documentWrapper .tarifbox-small .btn {
  font-size: 16px;
  font-size: 1rem;
  margin-top: 5px;
}
@media screen and (min-width: 30em) {
  #documentWrapper .tarifbox-small .btn {
    font-size: 1.25rem;
  }
}
#documentWrapper .tarifbox-small .btn:hover {
  background: #5F86B3;
}
#documentWrapper .tarifbox-small .btn.btn--pink:hover {
  background: #f084be;
}
#documentWrapper .europa-go .tarifbox-small .btn.btn--pink:hover {
  background: #ffb84c;
}
#documentWrapper .tarifbox-small .price-box {
  color: #002a54;
}
#documentWrapper .tarifbox-small--highlighted {
  background: #002a54;
  color: #fff;
}
#documentWrapper .tarifbox-small--highlighted h2 {
  color: #fff;
}
#documentWrapper .tarifbox-small--highlighted .price-box {
  color: #fff;
}

#documentWrapper {
  /**
   * Capitan teaser.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2016-11-15
   * 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
   */
  /**
   * Block: Base Component
   */
  /**
   * Elements: Generic
   *
   * Elements which fits in every context or/and
   * are implied to ensure the components functionality.
   *
   * @see footer.tpl for possible markup
   */
  /**
   * Modifier: text-flexbox
   *
   * This Modifier includes a headline, a sub headline
   * and some textboxes (flexboxes) with a button below.
   */
  /**
   * Modifier: Icons
   *
   * This Modifier includes a left aligned icon, a headline
   * and some text/links. The icon is vertically attached to the headline.
   * The whole component area is clickable (href link).
   */
  /**
   *  KUPO-213: CSS-Klasse entfernt: 
   * 	.europa-go .teaser--icons-inverted .teaser__content:before {
   *	color: #fff;
   *  }
   */
  /**
   * Modifier: Image
   *
   * This Modifier includes a image only. The element
   * is clickable (href link).
   */
  /**
   * Modifier for teaser--content
   */
  /**
   * Modifier: Content image
   *
   * This Modifier includes a left aligned image, a headline
   * and some text/links. The image is vertically attached to the headline.
   * The whole component area is clickable (href link).
   */
  /**
  * 30em entspricht hier der Bildschirmbreite, ab der der Text verkleinert wird, ausserdem Bildbreite beachten (480*267)
  */
}
#documentWrapper .teaser {
  position: relative;
  text-decoration: none;
}
#documentWrapper .teaser:hover .teaser__content, #documentWrapper .teaser:hover .teaser__headline, #documentWrapper .teaser:active .teaser__content, #documentWrapper .teaser:active .teaser__headline, #documentWrapper .teaser:focus .teaser__content, #documentWrapper .teaser:focus .teaser__headline {
  text-decoration: none;
}
#documentWrapper .teaser__headline {
  margin-top: 0;
  margin-bottom: 5px;
}
#documentWrapper .teaser__content {
  display: block;
  margin: 0;
}
#documentWrapper .teaser--text-flexbox {
  background: #002a54;
  text-align: center;
  padding: 45px 25px 40px 25px;
  margin-top: 15px;
  position: relative;
}
#documentWrapper .teaser--text-flexbox:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--text-flexbox {
    margin-top: 62px;
  }
}
#documentWrapper .teaser--text-flexbox .teaser__headline {
  font-size: 24px;
  font-size: 1.5rem;
  text-align: center;
  margin: 10px;
  color: #fff;
}
#documentWrapper .teaser--text-flexbox .teaser__subline {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin: 5px;
  font-weight: normal;
  color: #fff;
}
#documentWrapper .teaser--text-flexbox .teaser__flex-wrapper {
  padding: 0;
  margin-bottom: 20px;
}
#documentWrapper .teaser--text-flexbox .teaser__flex-wrapper:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--text-flexbox .teaser__flex-wrapper {
    padding: 20px;
  }
}
#documentWrapper .teaser--text-flexbox .teaser__textbox {
  width: 100%;
  float: left;
  margin-top: 10px;
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--text-flexbox .teaser__textbox {
    width: 50%;
    margin: 0;
  }
}
#documentWrapper .teaser--text-flexbox .teaser__textbox .textbox--inner {
  margin: 0;
  text-align: center;
  background: #e4e9f1;
  padding: 25px 10px;
  -ms-flex: 1;
  flex: 1;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--text-flexbox .teaser__textbox .textbox--inner {
    margin: 0 10px;
  }
}
#documentWrapper .teaser--text-flexbox .teaser__textbox .textbox--inner p {
  margin: 0;
}
#documentWrapper .teaser--text-flexbox .teaser__textbox .textbox__price {
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: bold;
  color: #002a54;
  line-height: 1.1;
}
#documentWrapper .teaser--text-flexbox .teaser__flag {
  position: absolute;
  width: 155px;
  height: 47px;
  top: 8px;
  right: -5px;
  padding: 7px 0 5px 8px;
  background: url("../../img/_dummyPics/bg-flag.png");
  background-size: cover;
}
#documentWrapper .teaser--text-flexbox .teaser__flag span {
  font-size: 16px;
  font-size: 1rem;
  color: #890e50;
  font-weight: bold;
  vertical-align: middle;
}
#documentWrapper .europa-go .teaser--text-flexbox .teaser__flag span {
  color: #f39200;
}
#documentWrapper .teaser--text-flexbox .teaser__flag span:before {
  vertical-align: top;
}
#documentWrapper .teaser--text-flexbox .teaser__phone,
#documentWrapper .teaser--text-flexbox .teaser__phone--mobile {
  color: #fff;
  line-height: 1.1;
}
#documentWrapper .teaser--text-flexbox .teaser__phone span,
#documentWrapper .teaser--text-flexbox .teaser__phone a,
#documentWrapper .teaser--text-flexbox .teaser__phone--mobile span,
#documentWrapper .teaser--text-flexbox .teaser__phone--mobile a {
  font-size: 30px;
  font-size: 1.875rem;
  position: relative;
  top: 5px;
  font-weight: bold;
  margin-left: 5px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
}
#documentWrapper .teaser--text-flexbox .teaser__phone {
  display: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--text-flexbox .teaser__phone {
    display: block;
  }
}
#documentWrapper .teaser--text-flexbox .teaser__phone--mobile {
  display: block;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--text-flexbox .teaser__phone--mobile {
    display: none;
  }
}
#documentWrapper .teaser--icons {
  display: block;
  margin-bottom: 10px;
  border: 2px solid black;
  border-radius: 4px;
  padding: 20px 20px 20px 70px;
  color: #414141;
  width: 100%;
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--icons .teaser__flex-wrapper {
    padding-left: 10px;
  }
}
#documentWrapper .teaser--icons .teaser__flex-wrapper .util-icon--absolute-before::before {
  font-size: 48px;
  font-size: 3rem;
  top: 20px;
  left: 5px;
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--icons .teaser__flex-wrapper .util-icon--absolute-before::before {
    font-size: 4.5rem;
  }
}
#documentWrapper .teaser--icons .teaser__content {
  font-size: 12px;
  font-size: 0.75rem;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--icons .teaser__content {
    font-size: 0.9375rem;
  }
}
#documentWrapper .teaser--icons .teaser__content:before {
  color: #890e50;
}
#documentWrapper .europa-go .teaser--icons .teaser__content:before {
  color: #f39200;
}
#documentWrapper .teaser--icons .teaser__content a {
  display: block;
}
#documentWrapper .teaser--icons .teaser__content .teaser__content--expert:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .teaser--icons .teaser__content .teaser__content--expert a {
  display: block;
  float: left;
}
#documentWrapper .teaser--icons .teaser__content .teaser__content--expert span {
  float: left;
  display: block;
  margin-left: 15px;
}
#documentWrapper .teaser--icons .teaser__headline {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #002a54;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--icons .teaser__headline {
    font-size: 1.5rem;
  }
}
#documentWrapper .europa-go .teaser--icons {
  border-color: #8a9bbb;
}
#documentWrapper .teaser--icons-inverted {
  display: block;
  margin-bottom: 10px;
  border: 2px solid #8a9bbb;
  border-radius: 4px;
  padding: 20px 20px 20px 130px;
  color: #414141;
  width: 100%;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--icons-inverted {
    padding: 20px;
    text-align: center;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper {
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
  }
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper--height-auto {
    height: auto;
  }
}
#documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .util-icon--absolute-before::before {
  font-size: 36px;
  font-size: 2.25rem;
  background: #890e50;
  border-radius: 50%;
  color: #fff;
  height: 48px;
  left: 10px;
  line-height: 48px;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 48px;
}
#documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .sparten-icon--absolute-before::before {
  font-size: 36px;
  font-size: 2.25rem;
  background: #890e50;
  border-radius: 50%;
  color: #fff;
  height: 48px;
  left: 10px;
  line-height: 48px;
  right: 20px;
  text-align: center;
  top: 20px;
  width: 48px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .util-icon--absolute-before::before {
    font-size: 3.125rem;
    height: 96px;
    left: 0;
    line-height: 96px;
    margin: 0 auto;
    right: 0;
    width: 96px;
  }
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .sparten-icon--absolute-before::before {
    font-size: 3.125rem;
    height: 96px;
    left: 0;
    line-height: 96px;
    margin: 0 auto;
    right: 0;
    width: 96px;
  }
}
#documentWrapper .europa-go .teaser--icons-inverted .teaser__flex-wrapper .util-icon--absolute-before::before {
  background: #f39200;
}
#documentWrapper .europa-go .teaser--icons-inverted .teaser__flex-wrapper .sparten-icon--absolute-before::before {
  background: #f39200;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .util-icon--absolute-before {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  #documentWrapper .teaser--icons-inverted .teaser__flex-wrapper .sparten-icon--absolute-before {
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
#documentWrapper .teaser--icons-inverted .teaser__content {
  font-size: 12px;
  font-size: 0.75rem;
  margin-bottom: 20px;
  text-decoration: none;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--icons-inverted .teaser__content {
    font-size: 1rem;
  }
}
#documentWrapper .teaser--icons-inverted .teaser__content:before {
  color: #890e50;
}
#documentWrapper .teaser--icons-inverted .teaser__content a {
  font-weight: 700;
}
#documentWrapper .teaser--icons-inverted .teaser__headline {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #002a54;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--icons-inverted .teaser__headline {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--icons-inverted .teaser__headline {
    margin-top: 108px;
  }
}
#documentWrapper .teaser--icons-inverted .btn {
  text-align: center;
}
#documentWrapper .teaser--image {
  margin-bottom: 10px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--image {
    margin-bottom: 0;
  }
}
#documentWrapper .teaser--content-text {
  margin-bottom: 10px;
  border: 2px solid #8a9bbb;
  border-radius: 4px;
  padding: 20px;
}
#documentWrapper .teaser--content-text .teaser__headline {
  font-size: 20px;
  font-size: 1.25rem;
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--content-text .teaser__headline {
    font-size: 1.5rem;
  }
}
#documentWrapper .teaser--content-text .teaser__content {
  padding-right: 0;
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--content-text .teaser__content {
    padding-right: 100px;
  }
}
#documentWrapper .teaser--content-image {
  margin-bottom: 10px;
  border: 2px solid #8a9bbb;
  border-radius: 4px;
  padding: 10px;
  /**
  * Modifier: Content image | with no border | and background color
  */
}
@media screen and (min-width: 56em) {
  #documentWrapper .teaser--content-image {
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
  }
  #documentWrapper .teaser--content-image .teaser__flex-wrapper {
    padding-left: 20px;
    padding-top: 0 !important;
  }
  #documentWrapper .teaser--content-image .teaser__picture {
    flex-basis: 40%;
  }
  #documentWrapper .teaser--content-image .teaser__flex-wrapper {
    flex-basis: 60%;
  }
  #documentWrapper .teaser--content-image .teaser__flex-wrapper h3 {
    line-height: 40px !important;
    margin-bottom: 10px !important;
  }
}
#documentWrapper .teaser--content-image .teaser__headline {
  margin-top: 0;
  margin-bottom: 5px;
  text-decoration: underline;
}
#documentWrapper .teaser--content-image.teaser--no-border {
  border: none;
}
#documentWrapper .teaser--content-image.teaser--background-color {
  background: #e9e9e9;
}
#documentWrapper .teaser--content-image .teaser__flex-wrapper {
  width: 100%;
  padding-top: 20px;
}
#documentWrapper .teaser--content-image .teaser__flex-wrapper h3 {
  line-height: 1;
  margin-bottom: 20px;
}
#documentWrapper .teaser--background-image {
  height: 0;
  padding: 0;
  /* remove any pre-existing padding, just in case */
  padding-bottom: 55%;
  /* for a correct ratio - depends on image but images must be equal in dimensions */
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 15px;
}
#documentWrapper .teaser--background-image .teaser--inner-content {
  padding: 10px 0 10px 10px;
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--background-image .teaser--inner-content {
    padding: 15px 0 15px 15px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .teaser--background-image .teaser--inner-content {
    padding: 25px 0 25px 15px;
  }
}
#documentWrapper .teaser--background-image .teaser__headline {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1;
  max-width: 50%;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--background-image .teaser__headline {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--background-image .teaser__headline {
    font-size: 1rem;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--background-image .teaser__headline {
    font-size: 1.5rem;
  }
}
#documentWrapper .teaser--background-image .teaser__subline {
  font-size: 12px;
  font-size: 0.75rem;
  margin: 5px 0 10px;
  max-width: 50%;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--background-image .teaser__subline {
    font-size: 0.875rem;
    margin: 10px 0 20px;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--background-image .teaser__subline {
    font-size: 1rem;
    margin: 20px 0 20px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .teaser--background-image .teaser__subline {
    margin: 30px 0 20px;
  }
}
#documentWrapper .teaser--background-image .teaser__button {
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  bottom: 15px;
  padding: 5px 30px;
  width: auto;
}
@media screen and (min-width: 30em) {
  #documentWrapper .teaser--background-image .teaser__button {
    font-size: 1.125rem;
    padding: 13px 53px;
  }
}
@media screen and (min-width: 48em) {
  #documentWrapper .teaser--background-image .teaser__button {
    font-size: 0.875rem;
    padding: 5px 38px;
    bottom: 5px;
  }
}
@media screen and (min-width: 62em) {
  #documentWrapper .teaser--background-image .teaser__button {
    font-size: 1.125rem;
    padding: 13px 53px;
    bottom: 15px;
  }
}
@media screen and (min-width: 80em) {
  #documentWrapper .teaser--background-image .teaser__button {
    padding: 13px 70px;
  }
}

#documentWrapper {
  /**
   * Capitan textmodule.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-03
   * 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
   */
}
#documentWrapper .textmodule {
  margin: 15px 0;
}
#documentWrapper .textmodule:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}

#documentWrapper {
  /**
   * Capitan textmodule-startext.scss v1.0.0
   *
   * Copyright brandung GmbH & Co.KG
   * http://www.brandung.de/
   *
   * Date: 2017-01-03
   * 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
   */
}
#documentWrapper .textmodule-startext:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .textmodule-startext p {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.5;
}
@media screen and (min-width: 48em) {
  #documentWrapper .textmodule-startext p {
    font-size: 0.875rem;
  }
}

#overallWrapper .tooltip {
  display: inline-block;
  position: absolute;
  opacity: 1;
  z-index: -1;
}
#overallWrapper .tooltip--right {
  position: absolute;
  z-index: 2;
  right: 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .tooltip--right {
    right: 30px;
  }
}
#overallWrapper .tooltip--left {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .tooltip--left {
    left: 30px;
  }
}
#overallWrapper .tooltip__trigger {
  display: block;
  height: 20px;
  width: 20px;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  background: none;
  border: none;
  text-indent: -99999px;
}
#overallWrapper .tooltip__trigger:focus-visible:after {
  outline: 3px solid #b9d8f9;
}
#overallWrapper .tooltip__trigger:focus-visible {
  outline: none;
  border: none;
}
#overallWrapper .tooltip__trigger:focus:not(:focus-visible) {
  outline: none;
  border: none;
}
#overallWrapper .is-visible > .tooltip__trigger:focus {
  outline: none;
  border: none;
}
#overallWrapper .tooltip__trigger:hover {
  cursor: pointer;
}
#overallWrapper .tooltip__trigger:after {
  font-size: 1.25rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  visibility: visible;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  border-radius: 50%;
  color: #002a54;
  font-family: iconfont, sans-serif;
  content: "\e905";
  text-indent: 0;
}
#overallWrapper .tooltip__flyout {
  font-size: 0.875rem;
  position: relative;
  display: none;
  width: 100%;
  padding: 10px 15px;
  margin: 15px 0;
  background: #e4e9f1;
  border: 1px solid #b2bdc6;
  border-radius: 5px;
  color: #002a54;
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout {
    border: none;
    position: absolute;
    z-index: 100;
    top: -23px;
    left: 70px;
    display: none;
    width: 277px;
    margin: 0;
  }
}
#overallWrapper .tooltip__flyout.is-visible {
  display: block;
  min-height: 65px;
}
#overallWrapper .tooltip__flyout:after,
#overallWrapper .tooltip__flyout:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  display: block;
  width: 0;
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout:after,
  #overallWrapper .tooltip__flyout:before {
    border-width: 15px 15px 15px 0;
  }
}
#overallWrapper .tooltip__flyout:after {
  border-color: #e4e9f1 transparent;
  z-index: 1;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout:after {
    border-color: transparent #e4e9f1;
    left: -15px;
    top: 18px;
    transform: translateX(0);
  }
}
#overallWrapper .tooltip__flyout:before {
  border-color: #b2bdc6 transparent;
  z-index: 0;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout:before {
    border-color: transparent #fff;
    left: -16px;
    top: 18px;
    transform: translateX(0);
  }
}
#overallWrapper .tooltip__flyout ul {
  padding: 0 0 0 16px;
  margin: 0 0 15px 0;
}
#overallWrapper .tooltip__flyout p {
  margin: 0 0 15px 0;
}
#overallWrapper .tooltip__flyout > *:last-child {
  margin: 0;
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout.tooltip__flyout--two-cols {
    position: relative;
    width: 100%;
    margin: 15px 0;
    background: #e4e9f1;
    border: 1px solid #b2bdc6;
    border-radius: 5px;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout.tooltip__flyout--two-cols:after,
  #overallWrapper .tooltip__flyout.tooltip__flyout--two-cols:before {
    border-width: 0 15px 15px 15px;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout.tooltip__flyout--two-cols:after {
    border-color: #e4e9f1 transparent;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .tooltip__flyout.tooltip__flyout--two-cols:before {
    border-color: #b2bdc6 transparent;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#overallWrapper .tooltip__flyout-button {
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  text-align: center;
  background: #002a54;
  color: #fff;
  border: 2px solid;
}
#overallWrapper .tooltip__flyout-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}
#overallWrapper .tooltip__flyout-button:focus {
  outline: none;
}
#overallWrapper .tooltip__heading {
  font-size: 1rem;
  line-height: 22px;
  margin: 0 0 12px 0;
  padding-right: 20px;
}
#overallWrapper .tooltip__paragraph {
  font-size: 14px !important;
}
#overallWrapper .form__headline--tooltip {
  padding-right: 50px;
}
#overallWrapper .form__headline--tooltip .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
#overallWrapper .form--personal-data .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form--personal-data .tooltip {
    right: -30px;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .form--personal-data .tooltip .tooltip__flyout {
    width: 500px;
    margin: 0;
  }
}
#overallWrapper .form__section--inner .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  #overallWrapper .form__section--inner .tooltip {
    right: -54.25%;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .form__section--inner .tooltip .tooltip__flyout {
    margin: 0;
  }
}
#overallWrapper .werbeeinwilligung-text .tooltip {
  position: relative;
  right: -15px;
  top: 10px;
}
#overallWrapper .table__brandung .tooltip {
  display: inline-block;
  position: absolute;
  opacity: 1;
  z-index: -1;
}
#overallWrapper .table__brandung .tooltip--right {
  position: absolute;
  z-index: 2;
  right: 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .table__brandung .tooltip--right {
    right: 30px;
  }
}
#overallWrapper .table__brandung .tooltip--left {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 48em) {
  #overallWrapper .table__brandung .tooltip--left {
    left: 30px;
  }
}
#overallWrapper .table__brandung .tooltip__trigger {
  display: block;
  height: 20px;
  width: 20px;
  cursor: pointer;
  text-decoration: none;
  overflow: hidden;
  background: none;
  border: none;
  text-indent: -99999px;
}
#overallWrapper .table__brandung .tooltip__flyout {
  font-size: 0.875rem;
  font-weight: normal;
  position: relative;
  display: none;
  width: 100%;
  padding: 10px 15px;
  margin: 15px 0;
  background: #e4e9f1;
  border: 1px solid #b2bdc6;
  border-radius: 5px;
  color: #002a54;
}
#overallWrapper .table__brandung .tooltip__flyout.is-visible {
  display: block;
  min-height: 65px;
}
#overallWrapper .table__brandung .tooltip__flyout:after,
#overallWrapper .table__brandung .tooltip__flyout:before {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 0 15px 15px 15px;
  display: block;
  width: 0;
}
#overallWrapper .table__brandung .tooltip__flyout:after {
  border-color: #e4e9f1 transparent;
  z-index: 1;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
}
#overallWrapper .table__brandung .tooltip__flyout:before {
  border-color: #b2bdc6 transparent;
  z-index: 0;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
}
#overallWrapper .table__brandung .tooltip__flyout ul {
  padding: 0 0 0 16px;
  margin: 0 0 15px 0;
  font-size: 0.875rem;
}
#overallWrapper .table__brandung .tooltip__flyout p {
  margin: 0 0 15px 0;
  font-size: 0.875rem;
}
#overallWrapper .table__brandung .tooltip__flyout > *:last-child {
  margin: 0;
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .tooltip__flyout.tooltip__flyout--two-cols {
    position: relative;
    width: 100%;
    margin: 15px 0;
    background: #e4e9f1;
    border: 1px solid #b2bdc6;
    border-radius: 5px;
    left: 0;
    top: 0;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .tooltip__flyout.tooltip__flyout--two-cols:after,
  #overallWrapper .table__brandung .tooltip__flyout.tooltip__flyout--two-cols:before {
    border-width: 0 15px 15px 15px;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .tooltip__flyout.tooltip__flyout--two-cols:after {
    border-color: #e4e9f1 transparent;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .tooltip__flyout.tooltip__flyout--two-cols:before {
    border-color: #b2bdc6 transparent;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#overallWrapper .table__brandung .tooltip__flyout-button {
  position: absolute;
  top: -8px;
  right: -8px;
  display: block;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  text-align: center;
  background: #002a54;
  color: #fff;
  border: 2px solid;
}
#overallWrapper .table__brandung .tooltip__flyout-button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 0.75rem;
}
#overallWrapper .table__brandung .tooltip__flyout-button:focus {
  outline: none;
}
#overallWrapper .table__brandung .tooltip__heading {
  font-size: 1rem;
  line-height: 22px;
  margin: 0 0 12px 0;
  padding-right: 20px;
}
#overallWrapper .table__brandung .tooltip__paragraph {
  font-size: 14px !important;
}
#overallWrapper .table__brandung .form__headline--tooltip {
  padding-right: 50px;
}
#overallWrapper .table__brandung .form__headline--tooltip .tooltip {
  position: relative;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
#overallWrapper .table__brandung .form--personal-data .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  #overallWrapper .table__brandung .form--personal-data .tooltip {
    right: -30px;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .form--personal-data .tooltip .tooltip__flyout {
    width: 500px;
    margin: 0;
  }
}
#overallWrapper .table__brandung .form__section--inner .tooltip {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (min-width: 48em) {
  #overallWrapper .table__brandung .form__section--inner .tooltip {
    right: -54.25%;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .form__section--inner .tooltip .tooltip__flyout {
    margin: 0;
  }
}
@media screen and (min-width: 62em) {
  #overallWrapper .table__brandung .tooltip__flyout.is-visible {
    display: block;
    min-height: 65px;
    z-index: 2;
    width: 80%;
    margin-bottom: -30px;
  }
  #overallWrapper .table__brandung .tooltip.is-visible {
    display: block;
    top: 30%;
  }
}
@media screen and (min-width: 48em) {
  #overallWrapper .table__brandung .tooltip__flyout.is-visible {
    margin-top: 30px;
  }
}

/**css fuer von Autoren hinzugefuegte Tabellen */
#documentWrapper .table-cms {
  display: block;
  width: 100%;
  margin: 0 0 20px 0;
  padding: 0;
}
#documentWrapper .table-cms caption {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 15px 0 15px 0;
  color: #002a54;
  font-weight: bold;
  text-align: left;
  display: inline-block;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms caption {
    font-size: 1.5rem;
    margin: 20px 0 20px 0;
  }
}
#documentWrapper .table-cms thead {
  display: none;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms thead {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
}
#documentWrapper .table-cms tbody {
  display: block;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms tbody {
    display: table;
    width: 100%;
    border-collapse: separate;
  }
}
#documentWrapper .table-cms tr {
  display: block;
  margin: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms tr {
    display: table-row;
    margin: 0;
  }
}
#documentWrapper .table-cms p {
  font-size: 12px;
  font-size: 0.75rem;
}
#documentWrapper .table-cms th, #documentWrapper .table-cms td {
  font-size: 12px;
  font-size: 0.75rem;
  text-align: left;
  display: block;
  padding: 8px 10px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms th, #documentWrapper .table-cms td {
    font-size: 1rem;
    display: table-cell;
    width: 50%;
    padding: 8px 20px;
    border-bottom: 4px solid #fff;
  }
}
#documentWrapper .table-cms th {
  padding: 8px 20px;
  font-weight: 700;
  color: #002a54;
  background: #ffd64d;
  height: 32px;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms th {
    background: #e9e9e9;
    color: #666;
    border-right: 4px solid #fff;
  }
}
#documentWrapper .table-cms td {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
  width: 100%;
  padding: 8px 20px;
  margin: 0 0 3px 0;
  background: none;
  border: none;
  background: #f7f7f7;
  margin: 0;
}
@media screen and (min-width: 48em) {
  #documentWrapper .table-cms td {
    display: table-cell;
    padding: 8px 20px;
    margin: 0;
    border-bottom: 4px solid #fff;
  }
}

#overallWrapper .posteingangMenuItem {
  position: absolute;
  top: 7px;
  right: 34px;
}
#overallWrapper td.poststueck *:focus {
  outline: none;
  box-shadow: none;
  border: none;
}
#overallWrapper td.poststueck:focus-within .mehrzeilig {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem #b9d8f9;
}

#overallWrapper .form__ergebnisAnpassen {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #e4e9f1);
}

/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body) {
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.waitMe_container .waitMe {
  position: fixed;
  height: 100vh;
  transform: translateZ(0);
  backface-visibility: hidden;
}

body.waitMe_container .waitMe .waitMe_content {
  top: 50% !important;
  transform: none !important;
}

.waitMe_container .waitMe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9989;
  text-align: center;
  overflow: hidden;
  cursor: default;
}

.waitMe_container .waitMe * {
  font-family: inherit;
  font-size: inherit;
  font-weight: initial;
  font-style: initial;
  line-height: initial;
  color: initial;
  text-decoration: initial;
  text-transform: initial;
  padding: initial;
  margin: initial;
}

.waitMe_container .waitMe .waitMe_content {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  backface-visibility: hidden;
}

.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_progress {
  display: inline-block;
  vertical-align: middle;
}

.waitMe_container .waitMe .waitMe_content.horizontal > .waitMe_text {
  display: inline-block;
  margin: 0 0 0 20px;
  vertical-align: middle;
}

.waitMe_container .waitMe .waitMe_progress {
  position: relative;
  font-size: 0;
  line-height: 0;
}

.waitMe_container .waitMe .waitMe_progress > div {
  animation-fill-mode: both;
  display: inline-block;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.waitMe_container .waitMe .waitMe_text {
  position: relative;
  margin: 20px 0 0;
}

/* before load animation */
body.waitMe_body {
  overflow: hidden;
  height: 100%;
}

body.waitMe_body.hideMe {
  transition: opacity 0.2s ease-in-out;
  opacity: 0;
}

body.waitMe_body .waitMe_container:not([data-waitme_id]) {
  position: fixed;
  z-index: 9989;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
}

body.waitMe_body .waitMe_container:not([data-waitme_id]) > div {
  animation-fill-mode: both;
  position: absolute;
}

body.waitMe_body .waitMe_container.progress > div {
  width: 0;
  height: 3px;
  top: 0;
  left: 0;
  background: #000;
  box-shadow: -5px 0 5px 2px rgba(0, 0, 0, 0.2);
  animation: progress_body 7s infinite ease-out;
}

body.waitMe_body .waitMe_container.working > div {
  width: 10%;
  height: 3px;
  top: 0;
  left: -10%;
  background: #000;
  box-shadow: -5px 0 5px 2px rgba(0, 0, 0, 0.2);
  animation: working_body 2s infinite linear;
}

body.waitMe_body .waitMe_container.progress > div:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 60%;
  right: 0;
  width: 60px;
  border-radius: 50%;
  opacity: 0.5;
  transform: rotate(3deg);
  box-shadow: #000 1px 0 6px 1px;
}

body.waitMe_body .waitMe_container.img > div {
  width: 100%;
  height: 100%;
  text-align: center;
  background-position: center !important;
  background-repeat: no-repeat !important;
}

body.waitMe_body .waitMe_container.text > div {
  width: 100%;
  top: 45%;
  text-align: center;
}

@keyframes progress_body {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes working_body {
  0% {
    left: -10%;
  }
  100% {
    left: 100%;
  }
}
/* bounce */
.waitMe_container .waitMe_progress.bounce > div {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  animation: bounce 1.4s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {
  animation-delay: -0.32s;
}

.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {
  animation-delay: -0.16s;
}

@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* rotateplane */
.waitMe_container .waitMe_progress.rotateplane > div {
  width: 30px;
  height: 30px;
  animation: rotateplane 1.2s infinite ease-in-out;
  backface-visibility: visible;
}

@keyframes rotateplane {
  0% {
    transform: perspective(120px);
  }
  50% {
    transform: perspective(120px) rotateY(180deg);
  }
  100% {
    transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}
/* stretch */
.waitMe_container .waitMe_progress.stretch {
  height: 60px;
}

.waitMe_container .waitMe_progress.stretch > div {
  width: 1px;
  height: 100%;
  margin: 0 4px;
  animation: stretch 1.2s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {
  animation-delay: -1.1s;
}

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {
  animation-delay: -1s;
}

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {
  animation-delay: -0.9s;
}

.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {
  animation-delay: -0.8s;
}

@keyframes stretch {
  0%, 40%, 100% {
    transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
  }
}
/* orbit */
.waitMe_container .waitMe_progress.orbit {
  width: 40px;
  height: 40px;
  margin: auto;
  position: relative;
}

.waitMe_container .waitMe_progress.orbit > div {
  width: 100%;
  height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  position: absolute;
  animation: orbit_rotate 2s infinite linear;
}

.waitMe_container .waitMe_progress.orbit > div > div {
  width: 50%;
  height: 50%;
  border-radius: 50%;
  top: 10%;
  left: 10%;
  position: absolute;
  animation: orbit 2s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2 > div {
  top: auto;
  bottom: 10%;
  left: auto;
  right: 10%;
  animation-delay: -1s;
}

@keyframes orbit_rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes orbit {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
/* roundBounce */
.waitMe_container .waitMe_progress.roundBounce {
  width: 60px;
  height: 60px;
  margin: auto;
}

.waitMe_container .waitMe_progress.roundBounce > div {
  width: 24%;
  height: 24%;
  border-radius: 50%;
  position: absolute;
  animation: roundBounce 1.2s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {
  top: 0;
  left: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
  top: 0;
  right: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
  bottom: 0;
  right: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
  bottom: 0;
  left: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
  top: -3%;
  left: 50%;
  margin-top: -12%;
  margin-left: -12%;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
  top: 50%;
  right: -3%;
  margin-top: -12%;
  margin-right: -12%;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
  bottom: -3%;
  left: 50%;
  margin-bottom: -12%;
  margin-left: -12%;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
  top: 50%;
  left: -3%;
  margin-top: -12%;
  margin-left: -12%;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
  top: 0;
  right: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
  bottom: 0;
  right: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
  bottom: 0;
  left: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
  top: 0;
  left: 0;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
  animation-delay: -1.1s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
  animation-delay: -1s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
  animation-delay: -0.9s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
  animation-delay: -0.8s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
  animation-delay: -0.7s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
  animation-delay: -0.6s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
  animation-delay: -0.5s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
  animation-delay: -0.4s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
  animation-delay: -0.3s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
  animation-delay: -0.2s;
}

.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
  animation-delay: -0.1s;
}

@keyframes roundBounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
/* win8 */
.waitMe_container .waitMe_progress.win8 {
  width: 40px;
  height: 40px;
  margin: auto;
}

.waitMe_container .waitMe_progress.win8 > div {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  transform: rotate(225deg);
  animation: win8 5.5s infinite;
}

.waitMe_container .waitMe_progress.win8 > div > div {
  width: 15%;
  height: 15%;
  border-radius: 50%;
  position: absolute;
}

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {
  animation-delay: 0.24s;
}

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {
  animation-delay: 0.48s;
}

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {
  animation-delay: 0.72s;
}

.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {
  animation-delay: 0.96s;
}

@keyframes win8 {
  0% {
    transform: rotate(225deg);
    animation-timing-function: ease-out;
  }
  7% {
    opacity: 1;
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    opacity: 1;
    transform: rotate(815deg);
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    opacity: 0;
    transform: rotate(945deg);
  }
  100% {
    opacity: 0;
    transform: rotate(945deg);
  }
}
/* win8_linear */
.waitMe_container .waitMe_progress.win8_linear {
  margin: auto;
  width: 150px;
  height: 6px;
}

.waitMe_container .waitMe_progress.win8_linear > div {
  width: 100%;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  animation: win8_linear 3s infinite;
}

.waitMe_container .waitMe_progress.win8_linear > div > div {
  width: 4%;
  height: 100%;
  border-radius: 50%;
}

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {
  animation-delay: 0.3s;
}

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {
  animation-delay: 0.6s;
}

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {
  animation-delay: 0.9s;
}

.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {
  animation-delay: 1.2s;
}

@keyframes win8_linear {
  0%, 100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  10% {
    opacity: 1;
    transform: translateX(33.333%);
    animation-timing-function: linear;
  }
  50% {
    opacity: 1;
    transform: translateX(53.333%);
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 0;
    transform: translateX(86.666%);
  }
}
/* ios */
.waitMe_container .waitMe_progress.ios {
  margin: auto;
  width: 40px;
  height: 40px;
}

.waitMe_container .waitMe_progress.ios > div {
  width: 10%;
  height: 26%;
  position: absolute;
  left: 44.5%;
  top: 37%;
  opacity: 0;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  animation: ios 1s infinite linear;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {
  transform: rotate(0deg) translate(0, -142%);
  animation-delay: 0s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {
  transform: rotate(30deg) translate(0, -142%);
  animation-delay: -0.9167s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {
  transform: rotate(60deg) translate(0, -142%);
  animation-delay: -0.833s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {
  transform: rotate(90deg) translate(0, -142%);
  animation-delay: -0.75s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {
  transform: rotate(120deg) translate(0, -142%);
  animation-delay: -0.667s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {
  transform: rotate(150deg) translate(0, -142%);
  animation-delay: -0.5833s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {
  transform: rotate(180deg) translate(0, -142%);
  animation-delay: -0.5s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {
  transform: rotate(210deg) translate(0, -142%);
  animation-delay: -0.41667s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {
  transform: rotate(240deg) translate(0, -142%);
  animation-delay: -0.333s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {
  transform: rotate(270deg) translate(0, -142%);
  animation-delay: -0.25s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {
  transform: rotate(300deg) translate(0, -142%);
  animation-delay: -0.1667s;
}

.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {
  transform: rotate(330deg) translate(0, -142%);
  animation-delay: -0.0833s;
}

@keyframes ios {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
/* facebook */
.waitMe_container .waitMe_progress.facebook {
  margin: auto;
}

.waitMe_container .waitMe_progress.facebook > div {
  width: 6px;
  height: 25px;
  margin-left: 3px;
  border-radius: 20px;
  transform: scaleY(0.7);
  opacity: 0.1;
  animation: facebook 1.3s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem1 {
  animation-delay: 0.2s;
  transform: scaleY(0.7);
}

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem2 {
  animation-delay: 0.4s;
  transform: scaleY(0.85);
}

.waitMe_container .waitMe_progress.facebook > .waitMe_progress_elem3 {
  animation-delay: 0.6s;
  transform: scaleY(1);
}

@keyframes facebook {
  0% {
    transform: scaleY(0.7);
    opacity: 0.1;
  }
  50% {
    transform: scaleY(1);
    opacity: 1;
  }
  100% {
    transform: scaleY(0.7);
    opacity: 0.1;
  }
}
/* rotation */
.waitMe_container .waitMe_progress.rotation > div {
  width: 60px;
  height: 60px;
  margin: auto;
  border-radius: 100%;
  border-width: 6px;
  border-style: solid;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  animation: rotation 1s infinite linear;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* timer */
.waitMe_container .waitMe_progress.timer {
  width: 40px;
  height: 40px;
  margin: auto;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  box-sizing: border-box;
  position: relative;
  text-indent: -9999px;
}

.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {
  border-radius: 3px;
  position: absolute;
  width: 2px;
  height: 48%;
  left: 50%;
  top: 50%;
  margin-left: -1px;
  margin-top: -1px;
  animation: timer 1.25s infinite linear;
  transform-origin: 1px 1px;
}

.waitMe_container .waitMe_progress.timer > .waitMe_progress_elem2 {
  height: 40%;
  animation: timer 15s infinite linear;
}

@keyframes timer {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* pulse */
.waitMe_container .waitMe_progress.pulse {
  width: 30px;
  height: 30px;
  margin: auto;
  position: relative;
}

.waitMe_container .waitMe_progress.pulse > div {
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  opacity: 0;
  animation: pulsate 1s infinite ease-out;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
/* progressBar */
.waitMe_container .waitMe_progress.progressBar {
  width: 200px;
  height: 20px;
  margin: auto;
  background: rgba(0, 0, 0, 0.1);
  padding: 5px;
  border-radius: 20px;
  line-height: 0;
  max-width: 100%;
}

.waitMe_container .waitMe_progress.progressBar > div {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 20px;
  background-size: 50px 50px;
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  background-image: linear-gradient(-45deg, rgba(240, 240, 240, 0.4) 26%, transparent 25%, transparent 51%, rgba(240, 240, 240, 0.4) 50%, rgba(240, 240, 240, 0.4) 76%, transparent 75%, transparent);
  animation: progressBar 2s linear infinite;
}

@keyframes progressBar {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
/* bouncePulse */
.waitMe_container .waitMe_progress.bouncePulse > div {
  width: 20px;
  height: 20px;
  margin-right: 1px;
  display: inline-block;
  border-radius: 50%;
  transform: scale(0.5);
  animation: bouncePulse 1.4s infinite ease-in-out;
}

.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem1,
.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem3 {
  animation-delay: 0.1s;
}

.waitMe_container .waitMe_progress.bouncePulse > .waitMe_progress_elem2 {
  animation-delay: 0.4s;
}

@keyframes bouncePulse {
  0%, 80%, 100% {
    transform: scale(0.5);
  }
  40% {
    transform: scale(1);
  }
}
.detailauskunft .header-datum {
  margin: 20px 0px !important;
  font-size: 0.9rem !important;
}
@media screen and (max-width: 41em) {
  .detailauskunft .util-right {
    float: left !important;
    margin-left: 10px !important;
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 62em) {
  .detailauskunft .header-versnr {
    display: flex !important;
  }
  .detailauskunft .header-datum {
    margin: 4px 20px !important;
    font-size: 1.1rem !important;
  }
}

#documentWrapper .werbeeinwilligung {
  position: relative;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-table {
  display: table;
  width: 100%;
  margin-top: -10px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-tablebody {
  display: table-row-group;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-tablerow {
  display: table-row;
  margin-bottom: 200px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-tablecell {
  display: table-cell;
  vertical-align: top;
  padding-top: 15px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-tablecell label {
  padding-right: 0;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-nachfrage {
  display: flex;
  margin-bottom: 10px;
  padding: 10px;
  border: firebrick 3px solid;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-nachfrage .table__text-icon:before {
  color: #890e50;
  left: -15px;
  padding: 0;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-nachfrage-text {
  flex-grow: 1;
  margin-right: 35px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung:after {
  display: block;
  content: ".";
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
  overflow: hidden;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung__media img {
  width: 100%;
}
#documentWrapper .werbeeinwilligung img.europa-werbeeinwilligung-media-small {
  width: 400px;
  aspect-ratio: 1.5;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung__content {
  z-index: 1;
  width: calc(100% + 20px);
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung__media {
  background-image: none;
}
#documentWrapper .werbeeinwilligung .error__message {
  margin: -5px 0 15px 0 !important;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-form__headline {
  margin: 10px 0;
  text-align: center;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-form__headline .text-align-left {
  text-align: left;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-form {
  padding: 10px 10px 0 10px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-form .tooltip {
  z-index: 1;
  left: 5px;
  top: 2px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox {
  margin-left: 10px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox label {
  top: -12px;
  margin: 12px 0;
  display: flex !important;
  justify-content: flex-start;
  align-items: center;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox label:before {
  top: 1px !important;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox label:after {
  top: 0 !important;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-error-message {
  margin-top: 20px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-header {
  margin: 10px 0;
  font-size: larger;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-text p {
  margin: 0;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-buttons {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 20px;
}
#documentWrapper .werbeeinwilligung .werbeeinwilligung-buttons .btn {
  margin-bottom: 20px !important;
}
#documentWrapper .werbeeinwilligung .widerruf-btn {
  margin-top: 10px;
}
#documentWrapper .werbeeinwilligung .widerruf-clickable {
  text-decoration: none;
}
#documentWrapper .werbeeinwilligung .widerruf-clickable #widerruf_arrow_up {
  display: none;
}
#documentWrapper .werbeeinwilligung .widerruf-clickable:hover {
  cursor: pointer;
}
#documentWrapper .werbeeinwilligung .widerruf-link {
  font-size: smaller;
  vertical-align: bottom;
  margin-right: 2px;
}
#documentWrapper .werbeeinwilligung .widerruf-arrow {
  padding: 0 5px;
  color: #890e50;
  background-color: #ddd;
  font-weight: bold;
}
#documentWrapper .werbeeinwilligung .widerruf-text {
  font-size: smaller;
  display: none;
}
#documentWrapper .werbeeinwilligung .sternchen-clickable {
  text-decoration: none;
  padding: 0 5px;
  color: #890e50;
  background-color: #ddd;
  font-weight: bold;
}
#documentWrapper .werbeeinwilligung .sternchen-clickable:hover {
  cursor: pointer;
}
#documentWrapper .werbeeinwilligung .sternchen-text {
  display: none;
  border: 1px solid #890e50;
  background-color: #eee;
  margin-top: 7px;
  padding: 10px;
}
@media only screen and (min-width: 30em) {
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox {
    margin-left: -5px;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-checkbox label {
    margin: 0;
  }
  #documentWrapper .werbeeinwilligung .widerruf-text,
  #documentWrapper .werbeeinwilligung .widerruf-link {
    font-size: medium;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-buttons {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-buttons .btn {
    margin: 10px 20px 0 0 !important;
  }
}
@media only screen and (min-width: 48em) {
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-tablecell {
    vertical-align: baseline;
    padding-top: 0;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-form {
    padding: 10px 20px 20px 20px !important;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-form .werbeeinwilligung-checkbox {
    margin-top: 15px;
    margin-bottom: 15px;
    display: flex;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-form .werbeeinwilligung-checkbox label {
    top: 0;
    display: flex;
    align-items: center;
    font-size: small !important;
    margin: 0;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-form .werbeeinwilligung-checkbox label:before {
    top: 2px !important;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-form .werbeeinwilligung-checkbox label:after {
    top: 1px !important;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-text p {
    font-size: smaller !important;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-nachfrage .table__text-icon:before {
    padding: 0;
  }
  #documentWrapper .werbeeinwilligung .widerruf-text,
  #documentWrapper .werbeeinwilligung .widerruf-link {
    font-size: smaller;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung-buttons {
    margin-top: 0;
  }
}
#documentWrapper .continentale .werbeeinwilligung {
  margin-top: 40px;
}
#documentWrapper .continentale .werbeeinwilligung .werbeeinwilligung-checkbox label:before {
  top: 1px !important;
}
#documentWrapper .continentale .werbeeinwilligung .werbeeinwilligung-checkbox label:after {
  top: 0 !important;
}
#documentWrapper .continentale .werbeeinwilligung-registrierung {
  margin-top: -60px;
}
@media only screen and (min-width: 62em) {
  #documentWrapper .continentale .werbeeinwilligung {
    margin-top: 0;
  }
}
@media only screen and (min-width: 62em) {
  #documentWrapper .werbeeinwilligung {
    padding: 10px 0;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung__content {
    position: static;
  }
  #documentWrapper .werbeeinwilligung .werbeeinwilligung__content .werbeeinwilligung-form {
    background: #f7f7f7;
  }
  #documentWrapper .werbeeinwilligung-registrierung .werbeeinwilligung__media {
    background-image: url("/o/oks-theme/img/_dummyPics/stage-registrierung.jpg");
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
    max-height: 650px;
    padding: 15px 0 0 15px;
  }
  #documentWrapper .continentale .werbeeinwilligung .werbeeinwilligung__media {
    background-image: url("/o/oks-theme/img/_dummyPics/stage-registrierung-continentale.jpg");
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 650px;
    max-height: 650px;
    padding: 15px 0 0 15px;
  }
}

/* Anpassungen fuer die Liferay-UI-Elemente */
.portlet ul, .portlet ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

.checkbox label, .radio label, label {
  font-weight: normal !important;
}