.matrix-logo.error, .card-slider ul li a.error {
    -webkit-box-shadow: 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: 0px 0px 1px 1px #AF0000;
    box-shadow: 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.ribbon {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    left: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-right: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.ribbon-right, .stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    float: right;
    right: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon-right:before, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon-right:after, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.matrix-logo.error, .card-slider ul li a.error {
    -webkit-box-shadow: 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: 0px 0px 1px 1px #AF0000;
    box-shadow: 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.ribbon {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    left: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-right: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.ribbon-right, .stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    float: right;
    right: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon-right:before, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon-right:after, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.spartan {
    color: #333333; }
.spartan .wrapper-main > .main {
    float: none; }

.spartan .spartan-header {
    height: auto; }

.spartan-header {
    position: relative;
    padding: 20px 0 10px;
    margin-bottom: 20px; }
.spartan-header .site-logo {
    display: block;
    margin: auto;
    position: static;
    margin-bottom: 10px; }
.spartan-header .line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    width: 100%;
    background: #bbbbbb;
    z-index: -1; }
.spartan-header .line:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #fff; }
.spartan-header .step-nav + .line {
    bottom: 47px; }

.step-nav {
    position: relative;
    margin-top: -26px;
    margin-bottom: 30px; }
.step-nav .tabs {
    margin: auto;
    position: relative;
    height: 32px;
    list-style: none;
    z-index: 5;
    line-height: 32px;
    box-shadow: 0 1px 2px #AFAFAF;
    border-radius: 4px; }
.step-nav .tabs .tab {
    display: block;
    position: relative;
    float: left;
    height: 32px;
    width: auto;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    border: 0px none;
    text-align: center;
    background: url("../../assets/static/sprite_h_verlauf2.png") 0 -60px repeat-x;
    font-weight: bold; }
.step-nav .tabs .tab a {
    font-weight: normal;
    padding: 0px 15px 0px 15px;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: top; }
.step-nav .tabs .tab .separator {
    width: 0px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #FFFFFF;
    display: inline-block;
    height: 32px; }
.step-nav .tabs .tab.active {
    background-position: 0 -21px;
    border-left: 1px solid #984e93;
    border-right: 1px solid #5f1d65; }
.step-nav .tabs .tab.active a {
    color: #fff; }
.step-nav .tabs .tab.inactive {
    border-left: 1px solid #fff;
    border-right: 1px solid #dddddd; }
.step-nav .tabs .tab.inactive a {
    color: #999999;
    cursor: default; }
.step-nav .tabs .tab:first-child {
    border-radius: 4px 0 0 4px; }
.step-nav .tabs .tab.last {
    border-radius: 0 4px 4px 0; }
.step-nav .tabs .tab.last:before {
    content: "";
    position: absolute;
    top: 1px;
    right: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #777;
    border-bottom: 2px solid #777;
    z-index: -1; }

.no-borderradius .step-nav .tab.last:before {
    top: 0px;
    right: -6px;
    border: 3px solid transparent;
    border-left: 3px solid #777;
    border-bottom: 3px solid #777; }

.iPhone body {
    -webkit-text-size-adjust: none; }

.responsive-img {
    max-width: 100%; }

.pull-right {
    float: right; }

.list-unstyled {
    list-style-type: none; }
.list-unstyled li {
    list-style: none; }

.list-horizontal li {
    float: left; }

.icon-lock {
    width: 10px;
    height: 13px;
    background-position: -202px -32px;
    float: left;
    margin-right: 5px; }

.no-cssgradients.svg .ribbon:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYWYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzdiMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none; }

.no-borderradius .ribbon:before,
.no-borderradius .ribbon-right:before {
    top: -5px; }

.no-cssgradients.svg .ribbon-right:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYWYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzdiMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none; }

.boxshadow .error {
    filter: none; }

#print-terms, #print-disclaimer, .footer.container .showStep1 {
    font-weight: bold; }

#print-terms, #print-disclaimer {
    margin: 1px; }

#print-page {
    display: none; }

#loading-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
    z-index: 9999999999; }
#loading-bg #loading {
    position: absolute;
    width: 280px;
    height: 100px;
    left: 50%;
    top: 50%;
    margin-top: -70px;
    margin-left: -140px;
    display: block;
    background: white;
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.5); }

.no-rgba #loading-bg {
    background: url(../../assets/static/black_20_percent.png); }

.navigation-container {
    margin-bottom: 40px; }
.navigation-container a.back {
    font-weight: bold; }

.wrapper-main > .main h2.main-headline {
    font-size: 22px;
    color: #444; }

.redirect.spartan .errors,
.registration .errors,
.order.spartan .errors {
    padding-bottom: 20px; }
.redirect.spartan .errors.container,
.registration .errors.container,
.order.spartan .errors.container {
    display: none; }
.redirect.spartan #ui-datepicker-div,
.registration #ui-datepicker-div,
.order.spartan #ui-datepicker-div {
    z-index: 10 !important; }
.redirect.spartan #ui-datepicker-div .ui-datepicker-year,
.registration #ui-datepicker-div .ui-datepicker-year,
.order.spartan #ui-datepicker-div .ui-datepicker-year {
    position: static;
    visibility: visible; }
.redirect.spartan .wrapper-main,
.registration .wrapper-main,
.order.spartan .wrapper-main {
    max-width: 756px; }
.redirect.spartan .wrapper-main > .main,
.registration .wrapper-main > .main,
.order.spartan .wrapper-main > .main {
    max-width: 756px; }
@media only screen and (max-width: 500px) {
    .redirect.spartan .wrapper-main > .main,
    .registration .wrapper-main > .main,
    .order.spartan .wrapper-main > .main {
        padding-left: 5px;
        padding-right: 5px; } }
.redirect.spartan .steps section + section,
.registration .steps section + section,
.order.spartan .steps section + section {
    margin-top: 50px; }
.redirect.spartan .steps section + .account-gist,
.registration .steps section + .account-gist,
.order.spartan .steps section + .account-gist {
    margin-top: 30px; }
.redirect.spartan .foreground,
.registration .foreground,
.order.spartan .foreground {
    -webkit-box-shadow: 0 1px 2px 0 #AFAFAF;
    -moz-box-shadow: 0 1px 2px 0 #AFAFAF;
    -ms-box-shadow: 0 1px 2px 0 #AFAFAF;
    -o-box-shadow: 0 1px 2px 0 #AFAFAF;
    box-shadow: 0 1px 2px 0 #AFAFAF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    left: 0; }
@media only screen and (max-width: 500px) {
    .redirect.spartan .foreground,
    .registration .foreground,
    .order.spartan .foreground {
        padding: 20px 4px; } }
.redirect.spartan .dk_toggle,
.redirect.spartan input[type="text"],
.redirect.spartan input[type="password"],
.redirect.spartan input[type="email"],
.redirect.spartan input[type="tel"],
.redirect.spartan input[type="search"],
.redirect.spartan input[type="url"],
.registration .dk_toggle,
.registration input[type="text"],
.registration input[type="password"],
.registration input[type="email"],
.registration input[type="tel"],
.registration input[type="search"],
.registration input[type="url"],
.order.spartan .dk_toggle,
.order.spartan input[type="text"],
.order.spartan input[type="password"],
.order.spartan input[type="email"],
.order.spartan input[type="tel"],
.order.spartan input[type="search"],
.order.spartan input[type="url"] {
    -webkit-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #a5a5a5;
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2RkZGRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(99%, #dddddd));
    background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 99%);
    background: -o-linear-gradient(top, #ffffff 0%, #dddddd 99%);
    background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 99%);
    background: linear-gradient(to bottom, #ffffff 0%, #dddddd 99%); }
html.boxshadow .dk_toggle.error,
html.boxshadow input[type="text"].error,
html.boxshadow input[type="password"].error,
html.boxshadow input[type="email"].error,
html.boxshadow input[type="tel"].error,
html.boxshadow input[type="search"].error,
html.boxshadow input[type="url"].error {
    filter: none; }
.redirect.spartan input.error, .redirect.spartan select.error, .redirect.spartan textarea.error, .redirect.spartan .dk_toggle.error,
.registration input.error,
.registration select.error,
.registration textarea.error,
.registration .dk_toggle.error,
.order.spartan input.error,
.order.spartan select.error,
.order.spartan textarea.error,
.order.spartan .dk_toggle.error {
    -webkit-box-shadow: inset 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: inset 0px 0px 1px 1px #AF0000;
    box-shadow: inset 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.registration-form .step1 .container, .order.spartan .step1 .container {
    display: table;
    table-layout: fixed; }
.registration-form .container, .order.spartan .container {
    width: 504px;
    margin: auto; }
.registration-form .container + .container, .order.spartan .container + .container {
    margin-top: 20px; }
@media only screen and (max-width: 756px) {
    .registration-form .container, .order.spartan .container {
        width: 444px; } }
@media only screen and (max-width: 500px) {
    .registration-form .container, .order.spartan .container {
        width: 290px; } }
.registration-form .account-gist .container + .container, .order.spartan .account-gist .container + .container {
    margin-top: 10px; }
.registration-form .container-left, .order.spartan .container-left {
    width: 365px;
    float: left; }
.registration-form .container-right, .order.spartan .container-right {
    width: 119px;
    float: right; }
@media only screen and (max-width: 756px) {
    .registration-form .container-left, .registration-form .container-right, .order.spartan .container-left, .order.spartan .container-right {
        width: 100%;
        float: none; } }
.registration-form h4, .order.spartan h4 {
    margin-bottom: 20px;
    padding-bottom: 0; }
.registration-form .form-row, .order.spartan .form-row {
    min-height: 45px; }
.registration-form .form-row + .form-row, .order.spartan .form-row + .form-row {
    margin-top: 20px; }
.registration-form .form-group, .order.spartan .form-group {
    display: inline-block; }
.registration-form label, .order.spartan label {
    display: block;
    max-width: 335px; }
.registration-form input[type="radio"], .registration-form input[type="checkbox"], .order.spartan input[type="radio"], .order.spartan input[type="checkbox"] {
    width: auto; }
.registration-form #acceptConditions, .order.spartan #acceptConditions {
    width: 15px; }
.registration-form input[name="highlight-cardnumber"], .order.spartan input[name="highlight-cardnumber"] {
    width: 110px; }
.registration-form .left.back.showStep1, .order.spartan .left.back.showStep1 {
    line-height: 2; }

.terms-conditions .terms-conditions-text {
    max-height: 550px;
    overflow: auto; }
.terms-conditions .terms-conditions-text h4, .terms-conditions .terms-conditions-text p {
    margin-bottom: 15px; }
.terms-conditions .terms-conditions-text #print-terms-conditions {
    font-weight: bold; }
@media only screen and (max-width: 500px) {
    .terms-conditions .terms-conditions-text {
        max-height: 258px; } }
@media only screen and (max-height: 500px) and (orientation: landscape) {
    .terms-conditions .terms-conditions-text {
        max-height: 163px; } }

.terms-conditions-overlay .terms-conditions {
    overflow-x: hidden;
    padding: 20px 0; }
.terms-conditions-overlay .terms-conditions h2 {
    margin-bottom: 10px; }
.terms-conditions-overlay .terms-conditions .terms-conditions-text, .terms-conditions-overlay .terms-conditions .footer {
    margin-left: 20px;
    margin-right: 20px; }
.terms-conditions-overlay .terms-conditions .footer {
    margin-top: 15px; }

.newsletter-overlay section.logged-in {
    padding: 20px 0; }
.newsletter-overlay section.logged-in .wrapper {
    width: 100%; }
.newsletter-overlay section.logged-in .background .foreground {
    width: 340px;
    padding-bottom: 20px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box; }
.newsletter-overlay section.logged-in .background .foreground .img-container {
    float: left;
    width: 88px; }
.newsletter-overlay section.logged-in .background .foreground .text-container {
    width: 206px; }
@media only screen and (max-width: 756px) {
    .newsletter-overlay section.logged-in .background .foreground {
        width: 458px; }
    .newsletter-overlay section.logged-in .background .foreground .text-container {
        width: 326px; } }
@media only screen and (max-width: 500px) {
    .newsletter-overlay section.logged-in .background .foreground {
        width: 100%; }
    .newsletter-overlay section.logged-in .background .foreground .text-container {
        width: 172px; } }
.newsletter-overlay section.logged-in .box-left, .newsletter-overlay section.logged-in .box-half {
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
@media only screen and (max-width: 756px) {
    .newsletter-overlay section.logged-in .box-left, .newsletter-overlay section.logged-in .box-half {
        width: 100%;
        float: none; } }
.newsletter-overlay section.logged-in .box-left {
    padding: 0 20px; }
.newsletter-overlay section.logged-in .background > .text-container {
    padding: 0 20px; }
.newsletter-overlay section.in-page-login {
    padding: 20px 0; }
.newsletter-overlay section.in-page-login .box {
    width: auto; }
.newsletter-overlay section.in-page-login .box .background {
    width: 100%; }
.newsletter-overlay section.in-page-login .box .foreground {
    width: 714px;
    left: -4px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box; }
@media only screen and (max-width: 756px) {
    .newsletter-overlay section.in-page-login .box .foreground {
        width: 458px; } }
@media only screen and (max-width: 500px) {
    .newsletter-overlay section.in-page-login .box .foreground {
        width: 298px; } }
.newsletter-overlay section.in-page-login .box .foreground .form-row {
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0; }
@media only screen and (max-width: 500px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row {
        padding: 10px; } }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container-headline {
    padding-top: 0;
    margin-bottom: 5px; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container {
    margin-right: 8px; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container.first {
    width: auto; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container.first .cardnumber {
    width: 195px; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container.second {
    width: auto;
    margin-right: 0; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container.right {
    padding-top: 2px;
    width: auto;
    float: right;
    width: auto;
    max-width: 260px;
    margin-right: 0;
    padding-right: 0;
    margin-left: 0;
    text-align: right; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .container.right .registration {
    display: block;
    margin-left: 0;
    margin-right: 8px; }
@media only screen and (max-width: 756px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right {
        float: left;
        clear: left;
        margin-top: 10px;
        text-align: left;
        max-width: 100%; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right .registration {
        display: inline-block; } }
@media only screen and (max-width: 500px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right {
        margin-top: 8px; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right .registration {
        margin-top: 8px;
        display: block; } }
.newsletter-overlay section.in-page-login .box .foreground .form-row .zip {
    width: 45px; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .errors {
    clear: left; }
.newsletter-overlay section.in-page-login .box .foreground .form-row .errors#in-page-login-errors {
    margin-left: 0; }
@media only screen and (max-width: 1012px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row {
        width: 100%; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.first {
        clear: none !important; } }
@media only screen and (max-width: 756px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right {
        margin-right: 0; } }
@media only screen and (max-width: 756px) and (max-width: 500px) {
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container {
        margin: 0; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.first {
        width: 285px; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.second {
        width: 100%; }
    .newsletter-overlay section.in-page-login .box .foreground .form-row .container.right {
        margin-right: 0;
        width: 100%; } }

.newsletter-overlay .footer {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    clear: both; }

.additional-page-info {
    position: relative;
    top: 80px;
    font-size: 12px; }
.additional-page-info ul {
    margin: auto; }
.additional-page-info ul li {
    margin-left: 12px; }
.additional-page-info ul li:first-child {
    margin-left: 0; }

.styled-vertical-scrollbar .mCustomScrollBox > .mCSB_scrollTools {
    width: 10px; }
.styled-vertical-scrollbar .mCSB_scrollTools .mCSB_draggerRail {
    width: 10px;
    margin: 0;
    background: #E5E5E5; }
.styled-vertical-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin: 0;
    width: 10px;
    background: #999999 !important; }
.styled-vertical-scrollbar .mCustomScrollBox > .mCSB_scrollTools {
    opacity: 1;
    filter: Alpha(opacity=100); }
.styled-vertical-scrollbar .mCSB_container {
    margin-right: 2em; }

.spartan-footer {
    background: #bcc8d4;
    filter: none; }
.spartan-footer .main {
    padding: 20px 0;
    overflow: hidden; }
.spartan-footer .main section {
    margin: 0; }

footer .landing-page > .main .footerfooter {
    padding: 10px 0px 10px 0px !important; }

.matrix-logo.error, .card-slider ul li a.error {
    -webkit-box-shadow: 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: 0px 0px 1px 1px #AF0000;
    box-shadow: 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.ribbon {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    left: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-right: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.ribbon-right, .stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    float: right;
    right: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon-right:before, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon-right:after, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.spartan p:last-child {
    margin-bottom: 0; }
.spartan header {
    min-height: 0; }
.spartan header h2 {
    padding-top: 0; }

.teaser-visual .container {
    width: 100% !important; }
.teaser-visual .image-container {
    width: 242px;
    margin-left: 15px;
    margin-bottom: 10px; }
.teaser-visual .image-container.right {
    float: right;
    margin-left: 15px;
    margin-right: 0; }
.teaser-visual .image-container.right + .text-container {
    float: left; }
.teaser-visual .image-container.left {
    float: left;
    margin-left: 0;
    margin-right: 15px; }
.teaser-visual .image-container.left + .text-container {
    float: right; }
.teaser-visual .image-container.full {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
.teaser-visual .image-container.full + .text-container {
    float: none;
    width: 100%; }
@media only screen and (max-width: 756px) {
    .teaser-visual .image-container {
        width: 150px; }
    .teaser-visual .image-container.right + .text-container, .teaser-visual .image-container.left + .text-container {
        float: none; } }
@media only screen and (max-width: 500px) {
    .teaser-visual .image-container {
        width: 50%;
        margin-left: 0;
        margin-right: 0; }
    .teaser-visual .image-container.right + .text-container, .teaser-visual .image-container.left + .text-container {
        float: none; } }
.teaser-visual .image-container img {
    width: 100%; }
.teaser-visual .image-container + .text-container {
    width: 490px; }
@media only screen and (max-width: 756px) {
    .teaser-visual .image-container + .text-container {
        width: auto; } }

@media only screen and (max-width: 500px) {
    .account-gist .container {
        padding-left: 10px;
        padding-right: 10px;
        width: 260px; } }
.account-gist .related-links {
    margin-top: 10px; }
.account-gist .more-info {
    width: 20px;
    height: 20px;
    position: relative;
    display: inline-block;
    top: 2px; }
.account-gist .more-info img {
    position: absolute;
    bottom: 100%;
    left: -10px;
    display: none; }
@media only screen and (max-width: 500px) {
    .account-gist .more-info img {
        width: 170px;
        left: -4px; } }
.no-boxshadow.no-borderradius .account-gist .more-info {
    top: -12px; }
.account-gist input {
    width: 353px; }
@media only screen and (max-width: 756px) {
    .account-gist input {
        width: 435px; } }
@media only screen and (max-width: 500px) {
    .account-gist input {
        width: 250px; } }
.account-gist input[name="highlight-cardnumber"] {
    width: 110px; }
.account-gist .text-container {
    margin-bottom: 20px; }
.account-gist .disclaimer small {
    line-height: 1.6; }
.account-gist .showStep2 {
    float: right; }

.matrix-logo.error, .card-slider ul li a.error {
    -webkit-box-shadow: 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: 0px 0px 1px 1px #AF0000;
    box-shadow: 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.ribbon {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    left: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-right: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.ribbon-right, .stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    float: right;
    right: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon-right:before, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon-right:after, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.registration .step2 .foreground {
    margin-bottom: 20px; }

.registration-form .step2 .footer.container {
    margin-top: 0; }

.account-details {
    margin-top: 0; }
.account-details label[for="salutation"] {
    margin-bottom: 5px; }
.account-details input {
    width: 245px; }
@media only screen and (max-width: 756px) {
    .account-details input {
        width: 345px; } }
@media only screen and (max-width: 500px) {
    .account-details input {
        width: 278px; } }
@media only screen and (max-width: 500px) {
    .account-details .container {
        padding-left: 10px;
        padding-right: 10px; } }
.account-details #name {
    width: 140px !important; }
.account-details #lastname {
    width: 170px !important; }
.account-details #street {
    width: 245px !important;
    margin-right: 0; }
@media only screen and (max-width: 500px) {
    .account-details #street {
        width: 231px !important; } }
.account-details #number {
    width: 45px !important; }
.account-details .form-group {
    clear: both; }
.account-details .form-group-item {
    margin-right: 10px;
    float: left; }
.account-details .form-group-item.house-number {
    margin-right: 0; }
@media only screen and (max-width: 500px) {
    .account-details .form-group-item.house-number {
        margin-top: 20px; } }
.account-details .form-group-item.zip {
    width: 60px; }
.account-details .form-group-item.zip #postcode {
    width: 45px !important; }
.account-details .form-group-item.city {
    width: 235px;
    margin-right: 0; }
@media only screen and (max-width: 500px) {
    .account-details .form-group-item.city {
        margin-top: 20px; } }
.account-details .form-group-item.city #city {
    width: 220px !important; }
.account-details #birthday, .account-details .birthday-placeholder-container {
    width: 75px; }
.account-details #code {
    width: 106px; }
.account-details #country {
    width: 120px; }
@media only screen and (max-width: 756px) {
    .account-details #country {
        width: 120px; } }
@media only screen and (max-width: 500px) {
    .account-details #country {
        width: 120px; } }
.account-details .faq span {
    display: inline-block;
    margin-top: 2px; }

.partner-card {
    margin-bottom: 20px; }
.partner-card.omit {
    display: none; }

.matrix {
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    width: 492px;
    background: #f5f5f5;
    margin-top: 15px; }
@media only screen and (max-width: 756px) {
    .matrix {
        width: 440px; }
    .matrix .matrix-row {
        width: 448px; }
    .matrix .matrix-item, .matrix .matrix-logo {
        width: 224px; }
    .matrix .matrix-content {
        width: 440px; } }
@media only screen and (max-width: 500px) {
    .matrix {
        width: 290px; }
    .matrix .matrix-row {
        width: 298px; }
    .matrix .matrix-item, .matrix .matrix-logo {
        width: 149px; }
    .matrix .matrix-content {
        width: 290px; } }

.matrix-row {
    width: 500px;
    margin-left: -4px;
    clear: both; }
.matrix-row.logo {
    min-height: 80px; }

.matrix-item {
    width: 250px;
    position: relative; }
.matrix-item.left-item {
    float: left;
    border-right: none; }
.matrix-item.right-item {
    float: right;
    border-left: none; }
.matrix-item[data-partner-id]:hover .matrix-logo, .matrix-item.active .matrix-logo {
    background: transparent;
    box-shadow: none;
    border: 1px solid transparent; }

.matrix-logo {
    border: 1px solid #ddd;
    -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    background: #fff;
    width: 250px;
    height: 80px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }
.matrix-logo.matrix-ribbon {
    text-align: left;
    cursor: default; }
.matrix-logo.matrix-ribbon .ribbon {
    max-width: 80%;
    max-height: 70px; }
.no-cssgradients.svg .matrix-ribbon .ribbon:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYWYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzdiMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); }

.no-borderradius .matrix-ribbon .ribbon:before {
    top: -5px; }
@media only screen and (max-width: 500px) {
    .matrix-logo img {
        max-width: 120px; } }

.matrix-content {
    position: relative;
    width: 492px;
    left: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    display: none; }
.matrix-content.active {
    display: block; }
.matrix-content h5 {
    margin-bottom: 10px;
    font-weight: normal; }
@media only screen and (max-width: 1012px) {
    .matrix-content h5 {
        margin-bottom: 10px; } }
@media only screen and (max-width: 756px) {
    .matrix-content h5 {
        margin-bottom: 5px; } }
@media only screen and (max-width: 500px) {
    .matrix-content h5 {
        margin-bottom: 0px; } }

.card-motive.omit {
    display: none; }
.card-motive .container.block {
    display: block; }

@media only screen and (max-width: 1012px) {
    .card-slider-container {
        font-size: 10px; }
    .card-slider-container img {
        width: auto; } }
@media only screen and (max-width: 756px) {
    .card-slider-container {
        font-size: 9px; }
    .card-slider-container img {
        width: auto; } }
@media only screen and (max-width: 500px) {
    .card-slider-container {
        font-size: 8px; }
    .card-slider-container img {
        width: 120px; } }

.card-slider {
    display: table;
    table-layout: fixed;
    visibility: hidden;
    padding: 1em 0; }
.card-motive .card-slider {
    visibility: visible; }
.card-slider ul {
    padding: 0;
    margin: 0;
    display: table-row; }
.card-slider ul li {
    display: table-cell;
    width: 12.71428571428571em;
    height: 6.785em; }
.card-slider ul li:first-child {
    width: 10.571428571428571em; }
.card-slider ul li:first-child a {
    margin-left: 0; }
.card-slider ul li a {
    display: block;
    margin-left: 2em;
    width: 145px;
    position: relative;
    border-radius: 10px; }
.card-slider ul li a img {
    display: block;
    position: relative;
    z-index: 0;
    left: -2px; }
.card-slider ul li a:hover, .card-slider ul li a.selected {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
.card-slider ul li a.selected:after {
    content: "";
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-image: url(../../assets/static/card_active.png);
    background-position: 0 0;
    background-size: 42px 42px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .card-slider ul li a.selected:after {
        background: url(../../assets/static/retina/card_active@2x.png);
        background-size: 42px 42px; } }
.card-slider ul li a.selected .selected-marker {
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    background-image: url(../../assets/static/card_active.png);
    background-position: 0 0; }
.card-slider ul li a.error {
    border: 2px solid #AF0000; }
@media only screen and (max-width: 500px) {
    .card-slider ul li a {
        width: 117px; } }

.mCSB_horizontal .card-slider {
    visibility: visible; }

.registration-disclamer {
    margin-bottom: 20px; }
.registration-disclamer h4 {
    padding-top: 0 !important; }
.registration-disclamer header.container + .container {
    margin-top: 0; }
.registration-disclamer .disclamer-check {
    height: 156px;
    overflow: auto;
    position: relative;
    margin-bottom: 25px; }
@media only screen and (max-width: 756px) {
    .registration-disclamer .disclamer-check {
        height: 191px; } }
.registration-disclamer .disclamer-check .input-bg {
    position: absolute;
    left: 0; }
.registration-disclamer .disclamer-check .mCSB_container {
    padding-left: 25px; }
.registration-disclamer .disclamer-check label {
    max-width: none; }
.registration-disclamer .disclamer-check input[type=checkbox].styled-checkbox {
    width: 1em; }

/* mCustom Scrollbar 
***********************
*/
.registration .mCSB_horizontal.mCustomScrollBox > .mCSB_scrollTools {
    height: 10px; }
.registration .mCSB_horizontal > .mCSB_scrollTools .mCSB_draggerRail {
    height: 10px;
    margin: 0;
    background: #E5E5E5; }
.registration .mCSB_horizontal > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    margin: 0;
    height: 10px;
    background: #999999 !important; }
.registration .mCustomScrollBox > .mCSB_scrollTools {
    opacity: 1;
    filter: Alpha(opacity=100); }
.registration .mCSB_horizontal > .mCSB_container {
    margin-bottom: 10px; }

.registration .card-motive .mCSB_horizontal > .mCSB_container {
    margin-bottom: 1em; }

.matrix-logo.error, .card-slider ul li a.error {
    -webkit-box-shadow: 0px 0px 1px 1px #AF0000;
    -moz-box-shadow: 0px 0px 1px 1px #AF0000;
    box-shadow: 0px 0px 1px 1px #AF0000;
    border: 1px solid #AF0000; }

.ribbon {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    left: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon:before {
    content: "";
    position: absolute;
    left: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-right: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.ribbon-right, .stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    color: #fff;
    text-shadow: 0 -1px 0 #a65f08;
    position: relative;
    float: right;
    right: -4px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    z-index: 2; }
.ribbon-right:before, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 0;
    height: 0;
    border: 2px solid transparent;
    border-left: 2px solid #a65f08;
    border-bottom: 4px solid #a65f08;
    z-index: -1; }
.ribbon-right:after, .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    content: "";
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    background: #F3AF23;
    background: -moz-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -webkit-gradient(linear, top top, right top, color-stop(0%, #F3AF23), color-stop(100%, #D77B0A));
    background: -webkit-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -o-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: -ms-linear-gradient(top, #F3AF23 0%, #D77B0A 100%);
    background: linear-gradient(to bottom, #F3AF23 0%, #D77B0A 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$from', endColorstr='$to',GradientType=1 );
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1; }

.stepFinal:after {
    content: "";
    display: table;
    clear: both; }
.stepFinal section + section {
    margin-top: 60px; }
.stepFinal .matrix {
    width: 100%; }
.stepFinal .matrix-row {
    width: 100%;
    margin-left: 0; }
.stepFinal .matrix-item {
    width: 33.3%;
    float: left;
    z-index: 0; }
.stepFinal .matrix-item .matrix-ribbon {
    cursor: pointer; }
.stepFinal .matrix-item .matrix-ribbon .ribbon-right {
    max-width: 80%;
    max-height: 70px; }
.no-boxshadow .stepFinal .matrix-item {
    width: 33.3% !important; }

.no-cssgradients.svg .stepFinal .matrix-item .matrix-ribbon .ribbon-right:after {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzYWYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNzdiMGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    filter: none; }

.no-borderradius .stepFinal .matrix-item .matrix-ribbon .ribbon-right:before {
    top: -5px; }
.stepFinal .matrix-item:hover {
    z-index: 10; }
.stepFinal .matrix-item:hover .matrix-logo {
    background: #fff;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3); }
.no-boxshadow .stepFinal .matrix-item:hover .matrix-logo {
    border: 1px solid #aaa; }
@media only screen and (max-width: 500px) {
    .stepFinal .matrix-item {
        width: 50%; } }
@media only screen and (max-width: 756px) {
    .stepFinal .matrix-logo img {
        max-width: 120px; } }
.stepFinal .partner-overview .show-all {
    float: right;
    margin-top: 20px;
    clear: left; }

/*# sourceMappingURL=registrierung.css.map */