/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
img {
  vertical-align: middle;
}
[role="button"] {
  cursor: pointer;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
/*
 *  Festlegung der Breakpoints und Darstellungsvarianten
 *
 *  Hinweis: @screen-wd-min ist keine Bootstrap Variable. Die
 *           Darstellungsvariante wide (wd) ist projektspezifisch.
 */
/*
 *  Feste Hoehen und Breiten
 */
/*
 *    Abstaende und berechnete Breiten
 */
/*
 *  CSS Transition fuer das Ein-/Ausblenden des Menus
 */
.h1 {
  color: #0F617E;
  line-height: 1.2em;
}
@media screen {
  .h1 {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 769px) {
  .h1 {
    font-size: 1.750rem;
  }
}
.h2 {
  color: #0F617E;
  line-height: 1.2em;
}
@media screen {
  .h2 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 769px) {
  .h2 {
    font-size: 1.5rem;
  }
}
.h2-empfehlungen {
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 1.2em;
}
.p-formular {
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.3em;
}
.p-formular-default {
  color: #B2AFAE;
  font-size: 1.125rem;
  line-height: 1.2em;
}
.p-formular-false {
  color: #CC0000;
  line-height: 1.2em;
}
@media screen {
  .p-formular-false {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  .p-formular-false {
    font-size: 0.813rem;
  }
}
.p-formular-title {
  color: #6B6B6B;
  line-height: 1.2em;
}
@media screen {
  .p-formular-title {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  .p-formular-title {
    font-size: 0.813rem;
  }
}
.navigation-text {
  color: #B2AFAE;
  font-size: 1.250rem;
  line-height: 1.2em;
}
.h3 {
  color: #0F617E;
  font-size: 1.250rem;
  line-height: 1.2em;
}
.h3-portal {
  color: #B2AFAE;
  font-size: 1rem;
  line-height: 1.3em;
  text-transform: uppercase;
}
.h4 {
  color: #0F617E;
  line-height: 1.3em;
}
@media screen {
  .h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 769px) {
  .h4 {
    font-size: 1rem;
  }
}
.h4-weiss {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.3em;
}
.p {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  .p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .p {
    font-size: 0.875rem;
  }
}
.p-listeneintrag-default {
  color: #b2aeaf;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
}
.p-vorteile {
  color: #333333;
  font-size: 1rem;
  line-height: 1.2em;
  font-style: normal;
}
.p-listeneintrag-aktiv {
  color: #333333;
  font-size: 1rem;
  line-height: 1.2em;
  font-weight: 400;
  font-style: normal;
}
.p-link {
  color: #0F617E;
  line-height: 1.2em;
}
@media screen {
  .p-link {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .p-link {
    font-size: 0.875rem;
  }
}
.p-link:hover {
  text-decoration: underline;
}
.p-link-footer {
  color: #333333;
  line-height: 1.2em;
}
@media screen {
  .p-link-footer {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .p-link-footer {
    font-size: 0.875rem;
  }
}
.p-link-footer:hover {
  text-decoration: underline;
}
.p-widget-icons {
  color: #FFFFFF;
  font-size: 0.750rem;
  line-height: 1.2em;
}
.p-dachzeile {
  color: #6B6B6B;
  line-height: 1.2em;
}
@media screen {
  .p-dachzeile {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 769px) {
  .p-dachzeile {
    font-size: 0.750rem;
  }
}
.p-inhalte-weiss {
  color: #FFFFFF;
  line-height: 1.2em;
}
@media screen {
  .p-inhalte-weiss {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .p-inhalte-weiss {
    font-size: 0.875rem;
  }
}
.fs-button-login-xs {
  font-size: 1.25rem;
  color: #0F617E;
}
.fs-login-cancel-bar {
  color: #0f617e;
  font-size: 1.125rem;
}
.fs-menu-hamburger {
  font-size: 2.5rem;
  color: #b2afae;
}
.fs-portal-icon {
  color: #b2afae;
  font-size: 2.75rem;
}
.fs-widget-notice {
  font-size: 1em;
  color: #6B6B6B;
}
.fs-widget-notice .plus-sign {
  font-size: 3.75em;
}
/*
 *    Grundsaetzliche Elemente
 */
html,
body {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
body {
  background-color: #ccc;
  font-family: "Calibri";
  overflow-y: scroll;
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  body {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  body {
    font-size: 0.875rem;
  }
}
h1,
h2,
h3,
h4,
p,
ul,
li {
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4 {
  font-weight: normal;
  color: #0f617e;
  margin: 0px;
}
h1 {
  color: #0F617E;
  line-height: 1.2em;
}
@media screen {
  h1 {
    font-size: 1.625rem;
  }
}
@media screen and (min-width: 769px) {
  h1 {
    font-size: 1.750rem;
  }
}
h2 {
  color: #0F617E;
  line-height: 1.2em;
}
@media screen {
  h2 {
    font-size: 1.375rem;
  }
}
@media screen and (min-width: 769px) {
  h2 {
    font-size: 1.5rem;
  }
}
h3 {
  color: #0F617E;
  font-size: 1.250rem;
  line-height: 1.2em;
}
h4 {
  color: #0F617E;
  line-height: 1.3em;
}
@media screen {
  h4 {
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 769px) {
  h4 {
    font-size: 1rem;
  }
}
h3.portal {
  color: #B2AFAE;
  font-size: 1rem;
  line-height: 1.3em;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 15px;
}
p {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  p {
    font-size: 0.875rem;
  }
}
img {
  border: 0;
}
a:link,
a:visited {
  color: #0F617E;
  text-decoration: none;
}
a:hover {
  color: #0F617E;
  text-decoration: underline;
}
a.link::before {
  content: "\0000BB\0000A0";
}
.text-box {
  padding: 20px;
  background-color: #F2F2F2;
}
.text-box h2 {
  margin-bottom: 20px;
}
.text-box p {
  margin-bottom: 10px;
}
.disabled {
  opacity: 0.3;
}
.no-link {
  cursor: default;
}
/*
 * Errors
 */
.error-messages p.error {
  margin-top: 5px;
}
.error {
  color: #CC0000;
  line-height: 1.2em;
}
@media screen {
  .error {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  .error {
    font-size: 0.813rem;
  }
}
.error a,
.error a:link,
.error a:hover,
.error a:visited {
  color: #CC0000 !important;
  text-decoration: underline;
}
#form-error.error-messages {
  margin-bottom: 20px;
  display: none;
}
.border-red {
  border-color: #DB0605 !important;
}
.border-white {
  border-color: #CCC !important;
}
h2.recommend {
  color: #FFFFFF;
  text-align: center;
}
h4.white {
  color: #FFFFFF;
}
p.form {
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.3em;
}
p.form-default {
  color: #B2AFAE;
  font-size: 1.125rem;
  line-height: 1.2em;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
hr {
  width: 100%;
  height: 1px;
  background-color: #B2AFAE;
  border: 0;
}
.button,
.button-small {
  color: #6B6B6B;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #B2AFAE;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
.button:hover,
.button-small:hover {
  color: #FFFFFF;
  background-color: #0F617E;
  border: 1px solid #0F617E;
}
.button {
  font-size: 1rem;
  padding: 0;
  width: 140px;
  height: 32px;
  line-height: 31px;
}
.button-small {
  padding-left: 15px;
  padding-right: 15px;
  height: 22px;
  line-height: 21px;
}
@media screen {
  .button-small {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  .button-small {
    font-size: 0.8125rem;
  }
}
.button-active,
.button-left,
.button-inactive,
.button-right {
  font-size: 1.125rem;
  padding: 0;
  width: 140px;
  height: 37px;
  line-height: 36px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
}
.button-active,
.button-left {
  color: #FFFFFF;
  border: 1px solid #0F617E;
  background-color: #0F617E;
}
.button-active:hover,
.button-left:hover {
  color: #FFFFFF;
  background-color: #1074A5;
  border: 1px solid #1074A5;
  text-decoration: none;
}
.button-inactive,
.button-right {
  color: #B2AFAE;
  border: 1px solid #B2AFAE;
  background-color: transparent;
}
.button-inactive:hover,
.button-right:hover {
  color: #FFFFFF;
  background-color: #434343;
  border: 1px solid #434343;
}
/*
 *  We modify the font awesome list style a bit
 */
ul.fa-ul {
  margin-left: 1.8em;
}
ul.fa-ul li i.fa {
  width: 1.8em;
  left: -1.8em;
  text-align: left;
}
/*
 * Info Seite
 */
.info-text > p {
  margin-bottom: 10px;
}
.info-text > p:last-child {
  margin-bottom: 0;
}
/*
 * Reste Merklisten Popup
 */
.merklisten-info-box {
  z-index: 40;
  display: none;
}
.merklisten-info-box.popup {
  width: 450px;
  top: 8px;
  right: 144px;
}
.merklisten-info-box .popup-tip {
  left: 215px;
  bottom: -10px;
}
.merklisten-info-box .popup-content {
  padding-left: 30px;
}
/*
 * Portal Box
 */
.portal-box {
  display: none;
  z-index: 50;
}
.portal-box .popup-content p {
  margin-bottom: 15px;
  width: 250px;
  height: 25px;
}
.portal-box .popup-content p:last-child {
  margin-bottom: 0;
}
.portal-box .popup-content p img {
  height: 25px;
  max-width: 250px;
}
.portal-box.popup {
  width: 290px;
  top: 75px;
  right: -18px;
}
.portal-box .popup-tip {
  left: 135px;
  top: -10px;
}
#portal-icon,
#portal-link {
  cursor: pointer;
}
.portal-box .popup-content p.error {
  text-align: center;
  font-size: 14px;
  color: #CC0000;
  height: auto;
}
/*
 * Newsletter
 */
#newsletter-error.error-messages {
  margin-bottom: 20px;
  display: none;
}
.newsletter-form p {
  margin-bottom: 10px;
}
.newsletter-form p:last-child {
  margin-bottom: 0;
}
.newsletter-form h4 {
  margin-bottom: 5px;
}
.newsletter-table .head .status {
  position: relative;
}
/*
 * Imprint, Terms Privacy
 */
.one-column-layout .page-content {
  margin-top: 30px;
}
#imprint-page > p,
#terms-and-conditions-page > p,
#privacy-page > p {
  margin-top: 10px;
}
#imprint-page > p:nth-of-type(1),
#terms-and-conditions-page > p:nth-of-type(1),
#privacy-page > p:nth-of-type(1) {
  margin-top: 0;
}
.permission-select {
  margin: 0 auto;
}
/*
 *    Mixins zur späteren Verwendung
 */
/* The Modal (background) */
.modal {
  position: fixed;
  /* Stay in place */
  z-index: 999;
  /* Sit on top */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: #000000;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4);
  /* Black w/ opacity */
  /* Modal Content/Box */
}
.modal .modal-content {
  background-color: #fefefe;
  margin: 10% auto;
  /* 10% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  text-align: center;
}
@media screen {
  .modal .modal-content {
    width: 90%;
  }
}
@media screen and (min-width: 415px) {
  .modal .modal-content {
    width: 75%;
  }
}
@media screen and (min-width: 769px) {
  .modal .modal-content {
    width: 60%;
  }
}
@media screen and (min-width: 1201px) {
  .modal .modal-content {
    width: 45%;
  }
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Calibri";
  background: white;
}
.onsite-page {
  width: 100%;
  background: white url(../../img/onsite-background.png) no-repeat;
  background-position: center top;
  background-size: 100% auto;
  padding: 100px 0 40px 0;
}
@media screen and (min-width: 415px) {
  .onsite-page {
    padding-top: 200px;
  }
}
.onsite-content {
  color: #333333;
  line-height: 1.3em;
  margin: 0 auto;
  padding: 0px 20px;
  max-width: 590px;
}
@media screen {
  .onsite-content {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .onsite-content {
    font-size: 0.875rem;
  }
}
.onsite-content .headline,
.onsite-content h1,
.onsite-content .message {
  text-align: center;
}
.onsite-content .message.login-error,
.onsite-content .message.onsite-cookies-deactivated {
  text-align: left;
}
.onsite-content iframe {
  width: 100%;
  height: 425px;
  border: none;
}
.onsite-content .registration-success .message p {
  margin-bottom: 10px;
}
p {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  p {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  p {
    font-size: 0.875rem;
  }
}
.onsite-column-header {
  margin-bottom: 30px;
}
.onsite-separator {
  border-bottom: 3px solid #F2F2F2;
  margin-bottom: 20px;
}
.onsite-submit-button {
  font-size: 1.125rem;
  color: #FFFFFF;
  padding: 0;
  width: 260px;
  height: 35px;
  line-height: 36px;
  background: #0F617E;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border-width: 0px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  outline: none;
  margin: 20px 0 20px 20px;
}
.onsite-submit-button:hover {
  background: #1074A5;
}
.onsite-new-password,
.onsite-show-register,
onsite-show-login {
  color: #0F617E;
  line-height: 1.2em;
  margin-left: 20px;
}
@media screen {
  .onsite-new-password,
  .onsite-show-register,
  onsite-show-login {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .onsite-new-password,
  .onsite-show-register,
  onsite-show-login {
    font-size: 0.875rem;
  }
}
.onsite-new-password:hover,
.onsite-show-register:hover,
onsite-show-login:hover {
  text-decoration: underline;
}
.onsite-new-password:hover,
.onsite-show-register:hover,
.onsite-show-login:hover {
  text-decoration: underline;
}
.onsite-show-login {
  margin-top: 20px;
}
.newsletter-labels label[for=salutation] {
  width: 260px;
}
.headline,
.message {
  padding-bottom: 20px;
}
.account-form {
  border: none;
}
#save-btn,
#wait-msg {
  float: none;
  margin-left: 0;
  margin-top: 0;
  width: 260px;
}
.add-online-key-link {
  margin: 15px 0;
}
.register-agb label {
  position: relative;
}
input[type=password]::-ms-reveal {
  display: none;
}
form#register-form #passwd-fields {
  margin-bottom: 20px;
}
#register-panel .form form#register-form .register-fields h4#optional-fields-trigger {
  padding-top: 0px;
}
#register-panel .form label {
  color: #6B6B6B;
  line-height: 1.2em;
}
@media screen {
  #register-panel .form label {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  #register-panel .form label {
    font-size: 0.813rem;
  }
}
#register-panel .form form#register-form {
  width: 100%;
}
#register-panel .form form#register-form .register-fields {
  margin: 0;
}
#register-panel .form form#register-form .register-fields h4 {
  padding: 15px 0;
}
#register-panel .form form#register-form .register-fields .register-two-fields {
  position: relative;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field {
  display: inline-block;
  margin-top: 20px;
  width: 260px;
  vertical-align: top;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field {
  position: relative;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field .field-required,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field .field-required {
  position: absolute;
  top: -16px;
  right: 0px;
  color: #0F607D;
  font-size: 0.5rem;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field input,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field input,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field textarea,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field textarea {
  padding: 7px 10px 7px 10px;
  border: 1px solid #B2AFAE;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.3em;
  height: 38px;
  background-color: #FFFFFF;
  width: 100%;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select {
  color: #B2AFAE;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select.selected,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select.selected {
  color: #333;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select option,
#register-panel .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select option {
  color: #333;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field.first {
  margin-right: 20px;
}
#register-panel .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
  color: #333333;
  line-height: 1.3em;
  vertical-align: bottom;
  padding-bottom: 5px;
  cursor: pointer;
  margin: 15px 0;
}
@media screen {
  #register-panel .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #register-panel .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
    font-size: 0.875rem;
  }
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-left: 0px;
  margin-top: 32px;
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon i.fa {
  font-size: 1.125rem;
  color: #B2AFAE;
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon:hover i.fa {
  color: #0F607D;
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  z-index: 600;
  display: none;
  width: 250px;
  bottom: 30px;
  right: -18px;
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
  position: relative;
  padding: 20px 20px 20px 30px;
  background: #f2f2f2;
  color: #333333;
  line-height: 1.3em;
  color: #0F617E;
  z-index: 40;
  text-align: left;
  white-space: normal;
}
@media screen {
  #register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
    font-size: 0.875rem;
  }
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-tip {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  z-index: 30;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#register-panel .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-tip {
  left: 215px;
  bottom: -10px;
}
#register-panel .form form#register-form .register-fields .register-two-fields .toggle-password-display {
  margin-top: 10px;
}
#register-panel .form form#register-form .register-fields .register-two-fields .toggle-password-display input {
  margin-right: 5px;
}
#register-panel .form form#register-form .register-fields .shared-fields .register-two-fields {
  display: inline-block;
}
#register-panel .form form#register-form .register-fields .shared-fields .register-two-fields:first-child {
  margin-right: 20px;
}
#register-panel .form form#register-form .register-fields .shared-fields .register-two-fields .form-field {
  width: 120px;
}
#register-panel .form form#register-form .register-fields .shared-fields.salutations #salut-fields {
  margin-right: 0px;
}
#register-panel .form form#register-form .register-fields .shared-fields.salutations #salut-fields .form-field {
  margin-top: 0px;
}
#register-panel .form form#register-form .register-fields #register-key {
  margin-bottom: 20px;
}
#register-panel .form form#register-form .register-fields #register-key .form-field {
  margin-top: 7px;
}
@media screen and (max-width: 414px) {
  #register-panel .form form#register-form .register-fields #register-key .form-field {
    width: 235px;
    margin-right: 5px;
  }
}
#register-panel .form form#register-form .register-fields #optional-fields-trigger {
  padding: 20px 0px 10px 0px;
  cursor: pointer;
}
#register-panel .form form#register-form .register-fields #optional-fields-trigger .plus-minus {
  display: inline-block;
  width: 15px;
  font-size: 1.125em;
  cursor: pointer;
}
#register-panel .form form#register-form .register-fields #optional-fields-trigger .plus-minus.hidden {
  display: none;
}
#register-panel .form form#register-form .register-fields .optional-fields {
  padding: 0px 0px 20px 0px;
}
#register-panel .form form#register-form .register-fields .online-key-note {
  padding: 20px 0 10px 0;
}
#register-panel .form form#register-form .register-fields .online-key-note .field-required {
  position: absolute;
  top: -10px;
  right: -5px;
  color: #0F607D;
  font-size: 0.5rem;
}
#register-panel .form form#register-form .register-fields .online-key-note .field-required {
  bottom: 8px;
  display: inline;
  position: relative;
  right: 0px;
}
#register-panel .form form#register-form .register-fields #online-key-fields .form-field {
  margin-top: 0;
  margin-bottom: 20px;
}
#register-panel .form form#register-form .register-fields .error-messages.online-key-error-messages {
  margin-top: -20px;
  margin-bottom: 20px;
}
#register-panel .form form#register-form .toggle-password-display label {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  #register-panel .form form#register-form .toggle-password-display label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #register-panel .form form#register-form .toggle-password-display label {
    font-size: 0.875rem;
  }
}
#register-panel .form form#register-form .register-agb {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
#register-panel .form form#register-form .register-agb > input {
  position: absolute;
  left: 0px;
}
#register-panel .form form#register-form .register-agb label {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  #register-panel .form form#register-form .register-agb label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #register-panel .form form#register-form .register-agb label {
    font-size: 0.875rem;
  }
}
#register-panel .form form#register-form .register-agb label .field-required {
  position: absolute;
  top: -10px;
  right: -5px;
  color: #0F607D;
  font-size: 0.5rem;
}
#register-panel .form form#register-form .register-agb label .field-required {
  bottom: 8px;
  display: inline;
  position: relative;
  right: 0px;
}
#register-panel .form form#register-form .separator {
  width: 100%;
  border-bottom: 3px solid #F2F2F2;
  margin-bottom: 20px;
}
#register-panel .form form#register-form .field-required-note {
  margin-top: 20px;
}
#register-panel .form form#register-form .field-required-note span i.fa {
  font-size: 0.635em;
  color: #0F607D;
}
@media screen and (max-width: 414px) {
  #register-panel .form form#register-form #register-button {
    width: 260px;
  }
}
#register-panel .benefits {
  padding: 30px 40px;
  background-color: #f2f2f2;
  color: #333333;
  font-size: 1rem;
  line-height: 1.2em;
  font-style: normal;
}
@media screen {
  #register-panel .benefits {
    margin: 40px -25px 0px -25px;
  }
}
@media screen and (min-width: 415px) {
  #register-panel .benefits {
    margin: 40px 0px 0px 0px;
  }
}
#register-panel .benefits h3 {
  text-align: center;
}
#register-panel .benefits ul {
  margin-top: 20px;
  margin-bottom: 20px;
}
#register-panel .benefits ul li {
  line-height: 25px;
}
#register-panel .benefits ul li i {
  color: #0f617e;
}
#register-panel .benefits .actions #register-button,
#register-panel .benefits .actions .register-now-button {
  font-size: 1.125rem;
  padding: 0;
  width: 140px;
  height: 37px;
  line-height: 36px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF;
  border: 1px solid #0F617E;
  background-color: #0F617E;
}
#register-panel .benefits .actions #register-button:hover,
#register-panel .benefits .actions .register-now-button:hover {
  color: #FFFFFF;
  background-color: #1074A5;
  border: 1px solid #1074A5;
  text-decoration: none;
}
.onsite-content.subscribe .subscribe-form {
  width: 260px;
  margin: 0 auto;
}
.onsite-content.subscribe .subscribe-form .fields label {
  color: #6B6B6B;
  line-height: 1.2em;
}
@media screen {
  .onsite-content.subscribe .subscribe-form .fields label {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  .onsite-content.subscribe .subscribe-form .fields label {
    font-size: 0.813rem;
  }
}
.onsite-content.subscribe .subscribe-form .fields .online-key-input {
  margin-bottom: 20px;
}
.onsite-content.subscribe .subscribe-form .fields .online-key-input input,
.onsite-content.subscribe .subscribe-form .fields .online-key-input select,
.onsite-content.subscribe .subscribe-form .fields .online-key-input textarea {
  padding: 7px 10px 7px 10px;
  border: 1px solid #B2AFAE;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.3em;
  height: 38px;
  background-color: #FFFFFF;
  width: 260px;
}
.onsite-content.subscribe .subscribe-form .fields .online-key-input select {
  color: #B2AFAE;
}
.onsite-content.subscribe .subscribe-form .fields .online-key-input select.selected {
  color: #333;
}
.onsite-content.subscribe .subscribe-form .fields .online-key-input select option {
  color: #333;
}
.onsite-content.subscribe .subscribe-form .fields .add-online-key-link {
  color: #333333;
  line-height: 1.3em;
  vertical-align: bottom;
  padding-bottom: 5px;
  cursor: pointer;
  margin: 15px 0;
  margin: -10px 0px 20px 0;
}
@media screen {
  .onsite-content.subscribe .subscribe-form .fields .add-online-key-link {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  .onsite-content.subscribe .subscribe-form .fields .add-online-key-link {
    font-size: 0.875rem;
  }
}
.onsite-content.subscribe .subscribe-form #error-online-keys p.error {
  margin: 5px 0 10px 0;
}
.onsite-content.subscribe .subscribe-form #error-online-keys p.error:first-child {
  margin-top: -15px;
}
.onsite-content.subscribe .subscribe-buttons {
  margin: 0 auto;
  width: 260px;
  padding-bottom: 20px;
}
.onsite-content.subscribe .subscribe-buttons #wait-msg {
  display: none;
}
#nl-subscribe-form .form label {
  color: #6B6B6B;
  line-height: 1.2em;
}
@media screen {
  #nl-subscribe-form .form label {
    font-size: 0.938rem;
  }
}
@media screen and (min-width: 769px) {
  #nl-subscribe-form .form label {
    font-size: 0.813rem;
  }
}
#nl-subscribe-form .form form#register-form {
  width: 100%;
}
#nl-subscribe-form .form form#register-form .register-fields {
  margin: 0;
}
#nl-subscribe-form .form form#register-form .register-fields h4 {
  padding: 15px 0;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields {
  position: relative;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field {
  display: inline-block;
  margin-top: 20px;
  width: 260px;
  vertical-align: top;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field {
  position: relative;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field .field-required,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field .field-required {
  position: absolute;
  top: -16px;
  right: 0px;
  color: #0F607D;
  font-size: 0.5rem;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field input,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field input,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field textarea,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field textarea {
  padding: 7px 10px 7px 10px;
  border: 1px solid #B2AFAE;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  color: #333333;
  font-size: 1.125rem;
  line-height: 1.3em;
  height: 38px;
  background-color: #FFFFFF;
  width: 100%;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select {
  color: #B2AFAE;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select.selected,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select.selected {
  color: #333;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .input-field select option,
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field .field .select-field select option {
  color: #333;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field.first {
  margin-right: 20px;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
  color: #333333;
  line-height: 1.3em;
  vertical-align: bottom;
  padding-bottom: 5px;
  cursor: pointer;
  margin: 15px 0;
}
@media screen {
  #nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #nl-subscribe-form .form form#register-form .register-fields .register-two-fields .form-field.add-online-key-link {
    font-size: 0.875rem;
  }
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  margin-left: 10px;
  margin-left: 0px;
  margin-top: 32px;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon i.fa {
  font-size: 1.125rem;
  color: #B2AFAE;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon:hover i.fa {
  color: #0F607D;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  z-index: 600;
  display: none;
  width: 250px;
  bottom: 30px;
  right: -18px;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
  position: relative;
  padding: 20px 20px 20px 30px;
  background: #f2f2f2;
  color: #333333;
  line-height: 1.3em;
  color: #0F617E;
  z-index: 40;
  text-align: left;
  white-space: normal;
}
@media screen {
  #nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-content {
    font-size: 0.875rem;
  }
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-tip {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.35);
  position: absolute;
  width: 20px;
  height: 20px;
  background: #f2f2f2;
  z-index: 30;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .register-info-icon #register-info-box .popup-tip {
  left: 215px;
  bottom: -10px;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .toggle-password-display {
  margin-top: 10px;
}
#nl-subscribe-form .form form#register-form .register-fields .register-two-fields .toggle-password-display input {
  margin-right: 5px;
}
#nl-subscribe-form .form form#register-form .register-fields .shared-fields .register-two-fields {
  display: inline-block;
}
#nl-subscribe-form .form form#register-form .register-fields .shared-fields .register-two-fields:first-child {
  margin-right: 20px;
}
#nl-subscribe-form .form form#register-form .register-fields .shared-fields .register-two-fields .form-field {
  width: 120px;
}
#nl-subscribe-form .form form#register-form .register-fields .shared-fields.salutations #salut-fields {
  margin-right: 0px;
}
#nl-subscribe-form .form form#register-form .register-fields .shared-fields.salutations #salut-fields .form-field {
  margin-top: 0px;
}
#nl-subscribe-form .form form#register-form .register-fields #register-key {
  margin-bottom: 20px;
}
#nl-subscribe-form .form form#register-form .register-fields #register-key .form-field {
  margin-top: 7px;
}
@media screen and (max-width: 414px) {
  #nl-subscribe-form .form form#register-form .register-fields #register-key .form-field {
    width: 235px;
    margin-right: 5px;
  }
}
#nl-subscribe-form .form form#register-form .register-fields #optional-fields-trigger {
  padding: 20px 0px 10px 0px;
  cursor: pointer;
}
#nl-subscribe-form .form form#register-form .register-fields #optional-fields-trigger .plus-minus {
  display: inline-block;
  width: 15px;
  font-size: 1.125em;
  cursor: pointer;
}
#nl-subscribe-form .form form#register-form .register-fields #optional-fields-trigger .plus-minus.hidden {
  display: none;
}
#nl-subscribe-form .form form#register-form .register-fields .optional-fields {
  padding: 0px 0px 20px 0px;
}
#nl-subscribe-form .form form#register-form .register-fields .online-key-note {
  padding: 20px 0 10px 0;
}
#nl-subscribe-form .form form#register-form .register-fields .online-key-note .field-required {
  position: absolute;
  top: -10px;
  right: -5px;
  color: #0F607D;
  font-size: 0.5rem;
}
#nl-subscribe-form .form form#register-form .register-fields .online-key-note .field-required {
  bottom: 8px;
  display: inline;
  position: relative;
  right: 0px;
}
#nl-subscribe-form .form form#register-form .register-fields #online-key-fields .form-field {
  margin-top: 0;
  margin-bottom: 20px;
}
#nl-subscribe-form .form form#register-form .register-fields .error-messages.online-key-error-messages {
  margin-top: -20px;
  margin-bottom: 20px;
}
#nl-subscribe-form .form form#register-form .toggle-password-display label {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  #nl-subscribe-form .form form#register-form .toggle-password-display label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #nl-subscribe-form .form form#register-form .toggle-password-display label {
    font-size: 0.875rem;
  }
}
#nl-subscribe-form .form form#register-form .register-agb {
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}
#nl-subscribe-form .form form#register-form .register-agb > input {
  position: absolute;
  left: 0px;
}
#nl-subscribe-form .form form#register-form .register-agb label {
  color: #333333;
  line-height: 1.3em;
}
@media screen {
  #nl-subscribe-form .form form#register-form .register-agb label {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) {
  #nl-subscribe-form .form form#register-form .register-agb label {
    font-size: 0.875rem;
  }
}
#nl-subscribe-form .form form#register-form .register-agb label .field-required {
  position: absolute;
  top: -10px;
  right: -5px;
  color: #0F607D;
  font-size: 0.5rem;
}
#nl-subscribe-form .form form#register-form .register-agb label .field-required {
  bottom: 8px;
  display: inline;
  position: relative;
  right: 0px;
}
#nl-subscribe-form .form form#register-form .separator {
  width: 100%;
  border-bottom: 3px solid #F2F2F2;
  margin-bottom: 20px;
}
#nl-subscribe-form .form form#register-form .field-required-note {
  margin-top: 20px;
}
#nl-subscribe-form .form form#register-form .field-required-note span i.fa {
  font-size: 0.635em;
  color: #0F607D;
}
@media screen and (max-width: 414px) {
  #nl-subscribe-form .form form#register-form #register-button {
    width: 260px;
  }
}
#nl-subscribe-form .form #newsletter-checkbox:before,
#nl-subscribe-form .form #newsletter-checkbox:after {
  content: " ";
  display: table;
}
#nl-subscribe-form .form #newsletter-checkbox:after {
  clear: both;
}
#nl-subscribe-form .form #newsletter-checkbox:before,
#nl-subscribe-form .form #newsletter-checkbox:after {
  content: " ";
  display: table;
}
#nl-subscribe-form .form #newsletter-checkbox:after {
  clear: both;
}
#nl-subscribe-form .form #newsletter-checkbox .checkbox-entry {
  float: left;
  margin-right: 20px;
}
#nl-subscribe-form .form form#register-form .register-fields h4 {
  padding: 0px;
  margin-bottom: -5px;
}
#nl-subscribe-form .form form#register-form .register-fields #email-field .form-field,
#nl-subscribe-form .form form#register-form .register-fields #email-field #register-button {
  margin-top: 40px;
}
#nl-subscribe-form .form form#register-form .register-fields #email-field .form-field {
  position: relative;
}
#nl-subscribe-form .form form#register-form .register-fields #email-field .form-field label {
  position: absolute;
  top: -20px;
}
#nl-subscribe-form .form form#register-form .optional-fields {
  margin: 30px -20px;
  padding: 30px 20px;
  background-color: #F2F2F2;
}