/*--------------------------------------------------------------
# Load font awesome
--------------------------------------------------------------*/
@font-face {
    font-family: "FontAwesome";
    src: url("/assets/fonts/fa-solid-900.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Montserrat
--------------------------------------------------------------*/
@font-face {
    font-family: "Montserrat";
    src: url("/assets/fonts/Montserrat-Regular.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Montserra Medium
--------------------------------------------------------------*/
@font-face {
    font-family: "Montserrat Medium";
    src: url("/assets/fonts/Montserrat-Medium.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Montserrat SemiBold
--------------------------------------------------------------*/
@font-face {
    font-family: "Montserrat SemiBold";
    src: url("/assets/fonts/Montserrat-SemiBold.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Montserrat Bold
--------------------------------------------------------------*/
@font-face {
    font-family: "Montserrat Bold";
    src: url("/assets/fonts/Montserrat-Bold.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Montserrat Light
--------------------------------------------------------------*/
@font-face {
    font-family: "Montserrat Light";
    src: url("/assets/fonts/Montserrat-Light.ttf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Regular
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Regular";
    src: url("/assets/fonts/Aleo-Regular.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Bold
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Bold";
    src: url("/assets/fonts/Aleo-Bold.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Bold Italic
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Bold Italic";
    src: url("/assets/fonts/Aleo-BoldItalic.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Italic
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Italic";
    src: url("/assets/fonts/Aleo-Italic.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Light
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Light";
    src: url("/assets/fonts/Aleo-Light.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Load font Aleo Light Italic
--------------------------------------------------------------*/
@font-face {
    font-family: "Aleo Light Italic";
    src: url("/assets/fonts/Aleo-LightItalic.otf");
		font-display: swap;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust:     100%;
}

html, body {
    width: 100%;
    height: 100%;
    text-align : center;
}
body {
    margin: 0;
}

html {
    position: relative;
    min-height: 100%;
}

.montserrat {
    font-family: "Montserrat";
}

.montserratMedium {
    font-family: "Montserrat Medium";
}

.montserratSemiBold {
    font-family: "Montserrat SemiBold";
    font-weight: 100 !important;
}

.montserratBold {
    font-family: "Montserrat Bold";
    font-weight: 100 !important;
}

.montserratLight {
    font-family: "Montserrat Light";
    font-weight: 600;
}

.aleoRegular {
    font-family: "Aleo Regular";
}

.aleoBold {
    font-family: "Aleo Bold";
}

.aleoBoldItalic {
    font-family: "Aleo Bold Italic";
}

.aleoItalic {
    font-family: "Aleo Italic";
}

.aleoLight {
    font-family: "Aleo Light";
}

.aleoLightItalic {
    font-family: "Aleo Light Italic";
}

#maincontiner {
    min-height: 600px;
}

.generalWrapper, div#product_bar, footer, #upselling_popup {
    min-width: 980px;
    max-width: 1800px;
    width: 100%;
    display: inline-block;
}

body div#product_bar {
    display: block;
}

article,
aside,
details,
figcaption,
figure,
header,
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,
iframe[src*="cookiebot"] {
    display: none;
}

img {
    max-width: 100%;
    width: 100%;
    height: auto;
    border: 0;
}

form {
    margin-bottom: 0;
}

a {
    color: #1761FF;
}

a:hover {
    text-decoration: underline;
}

:focus {
    outline: none;
    outline-offset: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 3.333em;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}


/****** Font colors ******/

.red {
    color: #FD181A !important;
}

.black {
    color: #000000 !important;
}

.red-bg {
    background-color: #FD181A;
}

.green {
    color: #79ae35;
}

.green-bg {
    background-color: #79ae35;
}

.darkblue {
    color: #1761FF;
}

.darkblue-bg {
    background-color: #1761FF;
}

.midblue {
    color: #8db7f1;
}

.midblue-bg {
    background-color: #8db7f1;
}

.lightblue {
    color: #e2ecf8;
}

.lightblue-bg {
    background-color: #e2ecf8;
}

.white {
    color: #fff;
}

.white-bg {
    background-color: #fff;
}

.none-bg {
	background: none;
}

.lightgrey {
    color: #ebedee;
}

.lightgrey-bg {
    background-color: #F6F6F6;
}

.grey {
    color: #979da4;
}

.darkgrey {
    color: #9B9B9B;
}

.grey-bg {
    background-color: #979da4;
}

.black {
    color: #000;
}

.black-bg {
    background-color: #000;
}

.bordered {
    border: solid .167em #D2DCE6;
}

.blueBordered {
    border: .2em solid #e2ecf8;
}

body .bigBordered {
    border: .8em solid #e2ecf8;
}

.bordered-img {
    border: .167em solid #ebedee;
}

.blue-border {
    border-bottom: .167em solid #e2ecf8;
}

#imgContainerUg {
    background-image: url("/assets/img/updateGarantiePopup.jpg?v=1");
    background-size: contain;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    background-repeat: no-repeat;
}

#imgContainerBackupDvd {
    background-image: url("/assets/img/usbBackup.png?v=1");
     background-size: contain;
    justify-content: center;
    flex-direction: column;
    align-items: start;
    background-repeat: no-repeat;
}

#imgContainerUg span, #imgContainerBackupDvd span {
    font-size: 2.3em;
	width: 54%;
	color: white;
    height: 18.85vw;
	background-size: contain;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: start;
	padding-left: 6%;
	max-height: 342px;
}

.promotion_grey {
    z-index: 1199;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: white;
    color: #000000;
    margin: 0;
    padding: 0;
    opacity: .6;
}

.popup_promotion {
    display: none;
    z-index: 1200;
    top: 230px;
    left: 320px;
    width: 624px;
}

.promotion_div, #pay_with_newsletter_popup {
    -webkit-box-shadow: -1px -1px 10px 0px rgba(50, 50, 50, 0.3);
	-moz-box-shadow:    -1px -1px 10px 0px rgba(50, 50, 50, 0.3);
	box-shadow:         -1px -1px 10px 0px rgba(50, 50, 50, 0.3);
}

#promo_headrow {
    top: 1%;
    right: 1%;
}

.promotion_div #promo_headrow, .promotion_div #promo_headerrow, .promotion_div #promo_contentrow {
    clear: both;
}

.promotion_div #promo_headrow div, .pay_with_newsletter_popup #promo_headrow div {
    float: right;
}

.promotion_div #promo_headerrow div, .promotion_div #promo_contentrow div {
    display: block;
}

#promo_headertitle span {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.promotion_div #promo_headerrow #promo_headertitle div {
    vertical-align: middle;
    display: inline-block;
    float: none;
}

#promo_headertitle .promotionTitle, #promo_headertitle .promotionSubtitle {
    display: block;
}

h1, #promo_headertitle .promotionTitle {
    font-size: 140%;
    font-weight: bold;
    padding: 0 0 10px;
}

h2, #promo_headertitle .promotionSubtitle {
    font-size: 120%;
}

#promo_headertitle span {
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.promotion_div h3 {
    font-weight: bold;
}

.promotion_div input[type=text] {
}

.promotion_div p {
    padding: 10px 0px;
    clear: both;
}

#promo_powerlist {
    width: 40%;
}

#promo_powerlist ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#promo_powerlist ul li {
    background-image: url(/assets/images_neu/check-mark-big-23x23.png);
    background-repeat: no-repeat;
    min-height: 35px;
    padding-left: 35px;
    position: relative;
    margin-top: 20px;
}

#promo_powerlist ul li h4 {
    font-size: 120%;
    font-weight: bold;
}

#promo_disclaimer {
    padding-top: 10px;
    font-size: 10px;
    clear: both;
}

#to-top {
    position: fixed;
	left: 3em;
	color: #fff;
	height: 3.5em;
	text-align: center;
	cursor: pointer;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: 1000;
}

#to-top img {
    width: 56px;
    height: auto;
}

#renounce-modal {
    position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(255, 255, 255, 0.5);
}

#revokingForm {
    left: 27%;
    top: 15%;
    position: absolute;
    -webkit-box-shadow: -1px -1px 27px -16px gray;
	-moz-box-shadow: -1px -1px 27px -16px gray;
	box-shadow: -1px -1px 27px -16px gray;
	max-height: 77vh;
    overflow: auto;
    max-width: 1200px;
}

.pay-icon {
    vertical-align: middle;
    float: none;
    display: inline-block;
    background-image: url(/assets/images_neu/sprites.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    width: 51px;
    height: 33px;
}

.pay-icon.elv {
    background-position: -0px -284px;
}

.pay-icon.cc {
    background-position: -341px -284px;
}

.pay-icon.paypal {
    background-position: -475px -190px;
}

.pay-icon.fon {
    background-position: -190px -190px;
}

.pay-icon.pre {
    background-position: 0 -190px;
}

.pay-icon.eps {
    background-position: -190px -284px;
}

.pay-icon.pf {
    background-position: -0px -284px;
}

.pay-icon.sofort {
    background-position: -285px -190px;
}

.pay-icon.giro {
    background-position: -95px -284px;
}

#g-recaptcha-footer-container {
    z-index: 9;
}

.g-recaptcha {
    display: block;
    position: static;
    clear: both;
}

.bubbly {
    position: relative;
    background: white;
    border-radius: .4em;
}

.bubbly:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    border: 1.063em solid transparent;
    border-left-color: white;
    border-right: 0;
    margin-top: -1.062em;
    margin-right: -1em;
}

.googlePlusContainer {
    top: -1px;
    position: relative;
    display: inline-block;
    width: auto;
}

.fb_iframe_widget {
    top: -5px;
}

#helpArticleContainer strong {
	display: block;
	font-family: 'Montserrat SemiBold';
    margin-top: 2em;
}

/*--------------------------------------------------------------
# Typography
- font-family: 'Arimo', sans-serif;
- font-family: 'Bitter', serif;
- font-family: 'Open Sans', sans-serif;
--------------------------------------------------------------*/
body {
    color: #000;
    font-family: 'Montserrat';
    font-size: 12px;
    font-weight: 400;
}

button { font-family: Montserrat SemiBold !important; }

h1, h2, h3, h4, h5, h6 {
    color: #1761FF;
    font-weight: 400;
    line-height: 1.5em;
}

h1, .h1 {
    font-size: 3.083em;
    font-weight: 700;
}

h2, .h2 {
    font-size: 2.5em;
}

h3, .h3 {
    font-size: 2em;
}

h3.productDetails {
    font-size: 1.085em;
    font-weight: normal;
}

h4, .h4 {
    font-size: 1.583em;
}

h5, .h5 {
    font-size: 1.333em;
    font-weight: 700;
}

h6, .h6 {
    font-size: 1.25em;
    font-weight: 700;
}

.headline {
    font-size: 1.167em;
    font-weight: 700;
}

.claim-old {
    float: left;
    width: 60%;
    color: #1761FF;
    font-family: 'Bitter', serif;
    font-size: 1.667em;
    font-weight: 700;
    padding-left: 4em;
}

.hotline, .b2b {
    font-weight: 700;
}

.lined {
    text-decoration: line-through;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: #fff;
}

.wrapper {
    width: 100%;
	max-width: 1800px;
	padding: 0 10em;
    margin: 0 auto;
    text-align: left;
}

.wrapperSpecial {
	display: none;
	padding: 0 6em;
}

body .shoppingCartWrapper, .shoppingCartHeader {
    max-width: 1450px;
    padding: 0 8em;
}

.container {
    width: 100%;
}

.contentPadded {
    padding: 0 10em;
}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after {
    clear: both;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
embed,
iframe,
object {
    max-width: 100%;
}


/*--------------------------------------------------------------
# Forms & Inputs
--------------------------------------------------------------*/
.input-group {
    position: relative;
}

input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password] {
    color: #000;
    font-size: 1em;
    font-weight: 200;
    padding: .083em;
}
.newsletter input[type=email] {
    font-size: 0.8em;
}

input[type=search] {
    color: #979da4;
    border: .167em solid #ccc;
    font-size: 1.167em;
    font-weight: 700;
    line-height: 1.167em;
}

select {
    font-size: 1em;
    padding: .083em;
}

input[type=button]:disabled,
input[type=submit]:disabled,
input[type=reset]:disabled,
input[type=file]:disabled::-webkit-file-upload-button,
button:disabled,
select:disabled,
keygen:disabled,
optgroup:disabled,
option:disabled,
select[disabled] > option {
    cursor: not-allowed;
}

input[type=text].error,
input[type=email].error,
input[type=url].error,
input[type=tel].error,
input[type=password].error,
#bigFormContainer .error,
.float-container.error,
#change-customerdata .error,
.errorCustomeSelect .custom-select-wrapper {
    border-color: #f71616 !important;
}

textarea.error,
select.error {
    border-color: #f71616 !important;
}

.output-box {
    display: none;
    margin-bottom: 1.667em;
}

button {
    cursor: pointer;
}
.mail-btn {
    margin-top: 0 !important;
    color: #000;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0.3em 0;
    border: .083em solid #8db7f1;
    background-color: #8db7f1;
    color: #fff;
}

.mail-btn:focus, .mail-btn:hover {
    background-color: #1761FF;
    color: #fff;
    border-color: #1761FF;
}

.btn {
    background-color: #ebedee;
    color: #000;
    font-size: 1em;
    border: .083em solid #ebedee;
    border-radius: .333em;
    padding: .417em 1.667em;
    cursor: pointer;
    white-space: break-spaces;
}

.btn:hover,
.paypalWideButton:hover,
.directPaypalButtonContainer:hover {
    opacity: .8;
}

.btn-blue {
    background-color: #8db7f1;
    color: #fff;
    border-color: #8db7f1;
    border-radius: .333em;
}

.btn-blueBorder {
    background-color: transparent;
    border: 2px solid #1761FF;
    color: #1761FF;
    border-radius: .333em;
}

.btn-blueBorder:hover {
    border: 2px solid #044ADE;
    color: #044ADE;
}

.btn-blueBorderReverse {
    background-color: #1761FF;
    color: white;
    border: 2px solid #1761FF;
    border-radius: .333em;
}

.btn-bigBlueBorder {
    background-color: transparent;
    color: #1761FF;
    border: 3px solid #1761FF;
    border-radius: 3px;
}

.btn-red {
    background-color: #FD181A;
    color: #fff;
    border-color: #f71616;
    border-radius: .333em;
}

.btn-red:hover {
    background: #E6090B;
    opacity: 1;
}

html body .btn-facebook {
	background-color: white;
    border: 2px solid #516faa;
    color: #516faa;
}

html body .btn-google {
	background-color: white;
    border: 2px solid #4884eb;
    color: #4884eb;
}

.btn-google,.btn-facebook {
    font-size: .85em;
    overflow: hidden;
}

.search-form .btn-red:hover {
    background-color: #1761FF;
    opacity: 1;
}

.btn-darkblue {
    background-color: #1761FF;
    color: #fff;
    border-color: #1761FF;
}

.btn-whiteblue {
    background-color: #FFF;
    color: #1761FF;
    border-color: #1761FF;
}

.btn-grey {
    background-color: #ebedee;
    color: #000;
    border-color: #979da4;
}

.btn-darkgrey {
    background-color: #979da4;
    color: #fff;
    border-color: #979da4;
    text-decoration: none;
}

.btn-clean-grey {
    background-color: transparent;
    color: #979da4;
    border-color: transparent;
    font-size: 1em;
    padding: 0 !important;
}

.btn-textlink {
    background-color: transparent;
    color: #1761FF;
    text-decoration: underline;
    border: none;
}

.btn-textlink:focus,
.btn-textlink:hover {
    color: #8db7f1;
    border: none;
}

.btn-small {
    padding: .1em 1em !important;
}

.btnFixedHeight {
    height: 3.3em;
    width: auto;
}

.more {
    white-space: nowrap;
}

.more > .fa {
    color: #8db7f1;
}

.more > a {
    text-decoration: none;
}

.more > a:focus,
.more > a:hover {
    text-decoration: underline;
}

.error-msg {
    color: #f71616;
    font-weight: 700;
    margin-bottom: .5em;
}

.success-msg {
    color: #79ae35;
    font-weight: 700;
    margin-bottom: .5em;
}

.address {
    color: #979da4;
    cursor: pointer;
}

.address.is-active, .address {
    color: #1761FF;
    cursor: default;
}

.address + .address {
    margin-left: 6.25em;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header {
    margin-bottom: .833em;
}

.navbar.navbarUs {
    width: 100%;
    font-size: 84%;
}

.navbarUs .dropdown {
    font-size: 77%;
}

.navitopLogosSearchContainer .flag {
    width: 10%;
}

.search-icon i {
    color: #1761FF;
    font-size: 1.7em;
}

.brand {
    float: left;
    width: 22%;
}

.brand .logo {
    display: block;
    padding: 1.2em 0 0 0;
    width: 80%;
}

.claim {
    background-color: #e2ecf8;
    color: #1761FF;
    text-align: center;
    line-height: 2.083em;
}

.claim-old span {
    color: #f71616;
}

.recessions {
    width: 20%;
	height: auto;
	display: inline-block;
	float: right;
	margin-top: .9em;
	position: relative;
	margin-right: 1%;
	border: 1px solid transparent;
}

.recessions img {
    width: 1.8em;
}

#recessionsInner {
    padding-top: 0.65em;
}

#recessionsInnerLoginForm {
}


/** float container */
.float-container {
	border: solid 1px #D2DCE6;
	box-sizing: border-box;
	position: relative;
	width: 90%;
	display: inline-block;
	border-radius: .333em;
}

.float-container input{
    border: none;
    font-size: .9em;
    outline: 0;
    padding: 1.4em 1em .6em 1em;
    width: 100%;
    background: none;
    border-radius: .2em;
    border: 1px solid transparent;
}

.float-container label {
	font-size: .9em;
	font-weight: 200;
	position: absolute;
	transform-origin: top left;
	transform: translate(0, .9em) scale(1); 
	transition: all .1s ease-in-out;
	color: grey;
	padding-left: 1.3em;
    padding-top: .2em;
    cursor: text;
}
  
  /** active label */
.float-container.active label{
    transform: translate(0, .1em) scale(.75);
    color: #83A7C9 !important;
}



body #recessionsInner.recessionsInnerOvered, .recessionsInnerOveredFixed {
    position: absolute;
    left: 0%;
    width: 100%;
    background: white;
    -webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14);
    z-index: 999;
}

.recessionsInnerOveredFixed, .recessionsInnerLoginFormFixed {
    display: block !important;
}

body .recessionsLogged {
    height: auto;
    display: inline-block;
    text-align: right;
    float: right;
    padding-left: 1%;
    padding-top: 1em;
	width: 11%;
	text-align: center;
	padding-right: 0;
	font-size: 1.3em;
}

.recessions.smallHeader {
    width: 22.5%;
}

.recessions .rating {
    float: right;
    width: 16%;
}

.recessions .prooved {
    float: right;
    margin-left: 5%;
    width: 40%;
}

.hotline {
    display: block;
    color: #1761FF;
    width: auto;
    text-align: left;
}

.hotline span {
    color: #979da4;
}

.promo {
    float: left;
    position: relative;
    width: 17.5%;
    color: #1761FF;
    font-size: 1.083em;
    font-weight: 700;
    text-align: center;
    padding-bottom: .417em;
    padding-top: .417em;
    padding-right: 1em;
}

.promo:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 1.7em solid transparent;
    border-bottom: 1.7em solid transparent;
    border-right: 1em solid #f71616;
}

.promo span {
    display: block;
    color: #f71616;
    font-size: 1.333em;
    text-transform: uppercase;
}

.top-bar {
    background-color: #e2ecf8;
    height: 5.5em;
    margin-top: .417em;
}

.top-bar .promo {
    float: left;
    width: 25%;
    padding: .417em 1.667em .167em 0;
}

.search-form {
    width: 50%;
    margin: 1.2em 0 0 0;
    display: inline-block;
}

.search-form input {
    width: 90%;
    height: 3em;
    font-weight: 400;
    border: 0;
    margin-left: 0%;
}

.searchIconImg {
    display: inline-block;
    float: right;
    height: 100%;
    min-width: 25px;
}

.search-icon {
    width: 100%;
    border-radius: 34px;
    background: #f6f6f6;
    overflow: hidden;
}

#search-input {
    -webkit-appearance: none;
    background: #f6f6f6;
}

#search-input::placeholder { 
  color: #9B9B9B;
  opacity: 1;
}

.search-form button {
    
    background: transparent;
    border: 0;
}

#stateIcon {
    width: 14%;
}

#naviNewsletterIcon:hover {
    color: #1761FF;
    opacity: .5;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.navbarContainer {
    height: auto;
    margin-top: 1.5em;
}

.navbar {
    list-style: none;
    padding-left: 0;
    /*margin: .417em .417em 1.25em;*/
    text-align: left;
}

.navbar .nav {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.navbar .nav::after {
    content: '';
    width: 100%; /* Ensures justification for single lines */
    margin: 0;
    height: auto;
    vertical-align: middle;
    display: block;
}

.navbar .nav > li {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    text-align: left;
    width: auto;
}

.navbar .nav > li:last-child {
    padding-right: 0;
}

.navbar .nav > li > div > a {
    color: black;
    display: inline-block;
    font-weight: 700;
    text-decoration: none;
    min-height: 2.2em;
}

.navbar .nav > li > div > a.active {
    color: #f71616;
}

.navbar .nav > li > div > span {
    display: inline-block;
    color: #1761FF;
    font-size: 1.167em;
    font-weight: 700;
    line-height: 4.1em;
    text-decoration: none;
    text-transform: uppercase;
    cursor: default;
    height: 4.1em;
}

.navbar .nav > li > div > span:hover {
    color: #f71616;
}

.dropdown-menu {
	display: none;
    text-align: left;
    width: 100%;
    padding: 0 10em;
    background: white;
}

#navitopLinksContainer {
    position: absolute;
    max-width: 1800px;
    text-align: center;
    z-index: 99;
    background: white;
    border-top : 2px solid #e6e6e6;
    box-shadow: 0 8px 2px -2px #e6e6e6;
}

.navbar .nav .menu {
    display: inline-block;
    background: white;
    text-align: left;
}

.dropdown-menu a {
    color: black;
}

.dropdown-menu li {
    list-style: none;
}

.dropdown-menu span {
    font-weight: bold;
}

.usNav .nav > li.dropdown .dropdown-menu {
    height: 620px !important;/* svg image is 600px fixed height */
}

.navbar .nav > li.dropdown .dropdown-menu > .menu {
    position: relative;
    height: 100%;
}

.navbar .nav > li.dropdown .dropdown-menu.us > .menu {
    text-align: center;
}

.navbar .nav > li.dropdown .dropdown-menu > .menu > .first-line {
    position: absolute;
    width: 33.3%;
    height: 100%;
    border-right: .167em solid #1761FF;
}

.navbar .nav > li.dropdown .dropdown-menu > .menu > .second-line {
    position: absolute;
    width: 66.6%;
    height: 100%;
    border-right: .167em solid #1761FF;
}

.navbar .nav > li.dropdown .dropdown-menu > .menu > ul {
    position: relative;
    list-style: none;
    padding-left: 0;
    margin: 0;
    z-index: 1;
}

.navbar .nav > li.dropdown .dropdown-menu > .menu > ul > li > a {
    color: #1761FF;
    font-size: 1em;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.navbar .nav > li.dropdown .dropdown-menu > .menu > ul > li > a:hover {
    color: #f71616;
    text-decoration: none;
}

.dropdown-toggle.topCat_corona {
    color: #FD181A !important;
}

.menuLoginLabel {
    float: right;
    margin-left: 1%;
    min-width: 25%;
}

.menuLoginLabel a {
    text-decoration : none;
}

#naviTopLoggedInLinks div a {
    width: auto;
}

#naviTopLoggedInLinks>div:first-child {
    border-top: .167em solid #ebedee;
}

#naviTopLoggedInLinks span {
    border-bottom: 4px solid transparent;
    padding-bottom: .3em !important;
}

#naviTopLoggedInLinks span:hover {
    border-bottom: 4px solid #1761FF;
}

.loginIcon {
    background: url("/images_neu/sprites.png") no-repeat scroll -77px 0px transparent;
    display: inline-block;
    height: 21px;
    width: 21px;
    margin-right: 2%;
}

a.myfb-blue {
    color: #1761FF;
}

.myfb-green {
    margin-top: 2%;
}

a.myfb-green {
    color: #79ae35;
}

a.myfb-red {
    color: #FD181A;
}

a.myfb-blue:hover, a.myfb-green:link {
    color: #79ae35;
}

a.myfb-red:link {
    color: #FD181A;
}

a.myfb-blue:link, a.myfb-green:hover, a.myfb-red:hover {
    color: #1761FF;
}

.myfb-blue span {
    position: relative;
    top: -.45em;
    font-weight: 700;
}

#menu {
    padding: 10px;
    background: url("/images_neu/sprites.png") no-repeat scroll -99px 0 transparent;
    display: inline-block;
    height: 21px;
    width: 21px;
    cursor: pointer;
}

.login-menu {
    width: 50%;
    margin: auto;
    color: #1761FF;
    text-align: center;
    padding: .833em 0;
    z-index: 100;
}

html body .submitLogin {
    width: auto;
}

.navitopElementContainer a {
    padding: 0 .7em;
}

.navitopElementContainer a:first-of-type {
    margin-left: -.7em;
}
    

/*--------------------------------------------------------------
# Breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
    list-style: none;
    line-height: 2.417em;
    text-align: left;
    margin-top: 0;
    border-top: .12em solid #e1e1e1;
}

.breadcrumb > li {
    display: inline-block;
    font-size: .8em;
    text-transform: capitalize;
}

.breadcrumb > li.active {
    font-weight: 700;
}

.breadcrumb > li+li::before {
    content: "/\00a0";
    font-weight: 400;
}

.breadcrumb > li > a {
    text-decoration: none;
}

.breadcrumb > li > a:hover {
    color: #1761FF;
    text-decoration: underline;
}

.tabs > .tab {
    display: none;
}

.tabs > .tab.active {
    display: block;
}

.tabs > .tab-control {
    display: block;
}

.tabs > .tab-control > .tab-btn {
    color: #1761FF;
    height: 2.083em;
    line-height: 2em;
    text-align: center;
    font-size: 1.25em;
    border: .167em solid #ebedee;
    background-color: #fff;
    width: 33.33333333333333%;
    float: left;
    cursor: pointer;
}

.tabs > .tab-control > .tab-btn:focus,
.tabs > .tab-control > .tab-btn:hover {
    background-color: #e2ecf8;
}

.tabs > .tab-control > .tab-btn.active {
    background-color: #c4d7f0;
    cursor: default;
}

.tabs > .tab-control > .tab-btn.active:focus,
.tabs > .tab-control > .tab-btn.active:hover {
    background-color: #e2ecf8;
}



/*--------------------------------------------------------------
# Slider
--------------------------------------------------------------*/
.slider {
    margin-bottom: 1.667em;
}

.sliderWrapper {
    text-align : center;
    margin : 50px 0;
}

.sliderContainer {
    width : 90%;
    display : inline-block;
}

.sliderContainer div, .sliderContainer img {
    max-height : 450px;
}

.sliderContainer .tabs > .tab-control > .tab-btn {
    font-size: 1em;
}

.flexslider {
    margin: 0;
    border: none;
}

.flex-control-nav {
    bottom: .833em;
    text-align: right;
    padding-right: .5em
}

.flex-control-paging li a {
    width: 1.75em;
    height: 1.75em;
    text-align: center;
    line-height: 1.75em;
    font-size: 1em;
    overflow: hidden;
    cursor: pointer;
    text-indent: 0;
    background-color: #ebedee;
    color: #000;
    border: .083em solid #979da4;
    border-radius: .333em;
    text-decoration: none;
}

.flex-control-paging li a.flex-active {
    background-color: #8db7f1;
    color: #fff;
    border: none;
    box-shadow: 0 0 .417em #8db7f1;
}

.flex-control-paging li a:hover {
    background-color: #ebedee;
    color: #000;
    border: .083em solid #000;
    box-shadow: none;
}

.prodThumb {
    border: .126em solid transparent;
}

body .activeThumb {
    border-color: #1761FF;
}

.productslider {
    position: relative;
}

.productslider .slides > li {
    text-align: center;
    display: inline-block;
    width: 16%;
    vertical-align: middle;
    margin-bottom: 15px;
}

.productslider .slides > li img {
    width : 90px;
}

.productslider .slides > li .flex-caption {
    display: block;
    padding: 0 1.5em;
    font-size: 0.9em;
}

.productslider .slides > li > div.flex-caption {
    color: #1761FF;
    font-weight: 700;
}

.productslider .slides > li > div.flex-caption > .price {
    color: #f71616;
}

.productslider .flex-direction-nav a {
    opacity: 1;
    width: auto;
    height: 3.333em;
    margin: -1.667em 0 0;
}

.productslider .flex-direction-nav a:before {
    font-family: FontAwesome;
    font-size: 3.333em;
    display: inline-block;
    content: '\f104';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: .083em .083em 0 rgba(255, 255, 255, 0.3);
}

.productslider .flex-direction-nav a.flex-next:before {
    content: '\f105';
}

.productslider .flex-direction-nav .flex-prev {
    left: .417em;
}

.productslider .flex-direction-nav .flex-next {
    right: .417em;
}

#change-user .company {
    display: none;
}

#change-user .place {
    display: none;
}

input.detail-search {
    color: #979da4;
    width: 100%;
    border: .083em solid #ccc;
    font-size: 1.167em;
    font-weight: 400;
    line-height: 1.167em;
    padding: .25em;
}

#search-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 27.5em;
    border: .083em solid #ebedee;
    background-color: #e2ecf8;
    padding: .833em;
    color: #333333;
    z-index: 100;
}

#search-info .search-info-title {
    padding: 0 0 .667em .417em;
    border-bottom: .083em solid #333333;
    font-weight: 700;
}

#search-info .search-info-content {
    padding: .667em .417em 0;
}

.search-info {
    color: #1761FF;
    cursor: pointer;
}

.search-cats > ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.search-cats > ul > li {
    display: block;
    width: 100%;
}

.search-cats > ul > li > ul {
    list-style: none;
    padding-left: 2.5em;
    margin: .75em 0;
}

.search-cats > ul > li > ul >li {
    float: left;
    width: 50%;
    margin: .083em 0;
}

.search-cats a {
    text-decoration: none;
}

.search-themes > ul {
    list-style: none;
    padding-left: 2.5em;
    margin: .75em 0;
}

.search-themes > ul > li {
    float: left;
    width: 50%;
    margin: .083em 0;
}

.linkListElement:first-of-type {
    border-top: .12em solid #1761FF
}

.linkListElement {
    border-bottom: .12em solid #1761FF
}

.linkListElement a::after {
    position: absolute;
    display: block;
    content: '';
    width: 0.7em;
    height: .7em;
    top: 1.7em;
    right: 0.7em;
    margin-top: -3px;
    border-bottom: solid .17em;
    border-right: solid .167em;
    transform: rotate(-45deg) translateY(-50%) scale(.8);
    transition: all .4s ease-in-out;
    transform-origin: 50% 0;
}


/*--------------------------------------------------------------
# Registrierung
--------------------------------------------------------------*/

#register .company {
    display: none;
}

#register .place {
    display: none;
}

#register .btn {
    cursor: pointer;
}

#register .btn:focus,
#register .btn:hover {
    background-color: #1761FF;
    border-color: #1761FF;
}


/*--------------------------------------------------------------
# My FB
--------------------------------------------------------------*/

.my-fb.success-box {
    background-color: #fafaff;
    color: #1761FF;
    font-weight: 700;
    text-align: center;
    border: .083em solid #1761FF;
    padding: 1em;
    margin-bottom: 1.5em;
}

.my-fb.error-box {
    background-color: #fffafa;
    color: #f71616;
    font-weight: 700;
    text-align: center;
    border: .083em solid #f71616;
    padding: 1em;
    margin-bottom: 1.5em;
}

h1.my-fb {
    margin: 1em 0;
    font-size: 120%;
}

h2.my-fb {
    margin: 0.5em 0;
    font-size: 110%;
}

.my-fb.right {
    text-align: right;
}

.my-fb.revoke-checkbox {
    transform: scale(1.3);    
}

.my-fb.revoke-submit, .my-fb.edit-button {
    font-size: 100%;
    background-color: #1761FF;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    border: none;
    margin-top: 1em;
    padding: 1em 1.667em;
    cursor: pointer;
}

.my-fb.label {
    float: left;
    width: 20%;
    margin: 0.5em 0;
}

.my-fb.data {
    float: left;
    max-width: 50%;
    margin: 0.5em 0;
}

.regkey {
    font-weight: bold;
    color: #f71616;
}

.myfbOrderHeader {
    z-index: 9999;
    border-radius: 10px 10px 0 0;
}

.myfbOrderContent {
    border-radius: 0 10px 10px 10px;
}

.myfbOrderContent a.btn-red:hover, body a.btn-red:hover {
    color: white;
}

.myfbOrderContent a.btn-gray:hover {
    color: black;
}


/*--------------------------------------------------------------
# Newsseite
--------------------------------------------------------------*/
.news-search {
    height: 2.167em;
}

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

.filter-list:after {
    clear: both;
}

.filter-list > li {
    float: left;
    min-width: 4.583em;
}

.page-nav {
    line-height: 2.167em;
}

.page-nav .blue-line {
    border-bottom: .167em solid #8db7f1;
    margin: .417em -0.833em;
}

.page-nav.blue-line {
    border-bottom: .083em solid #8db7f1;
    padding-bottom: 0.3em;
    margin-bottom: 1%;
}

.page-nav.footer {
    border-top: .083em solid #8db7f1;
    border-bottom: .083em solid #8db7f1;
}

.page-nav .products-title {
    color: #1761FF;
    font-size: 1.417em;
    margin: 0;
}

.page-nav select {
    height: 2.167em;
    font-size: 1em;
    margin-left: .833em;
    padding: 0 .5em;
}

.page-nav input[type="radio"] {
    visibility: hidden;
    width: 0;
    margin: 0;
}

.page-nav .radio label {
    color: #e2ecf8;
    font-size: 1.75em;
    cursor: pointer;
}

.page-nav .radio.active label {
    color: #8db7f1;
    cursor: default;
}

.page-nav .radio.active {
    position: relative;
}

.page-nav .radio.active:before {
    content: "\f0d7";
    position: absolute;
    top: -1px;
    left: 63%;
    width: 1em;
    font-family: FontAwesome;
    color: #f71616;
    font-size: 1em;
    line-height: .4em;
    margin-left: -0.35em;
}

.page-nav .second.radio.active:before {
    left: 73%;
}

.page-nav .radio label .fa {
}

.page-nav .show-per-page {
    display: block;
    margin-top : 0.3em;
}

.page-nav .pagination {
    float: right;
}

.page-nav .pagination strong,
.page-nav .pagination a {
    padding: 0 .417em;
    text-decoration: none;
}

.page-nav .pagination a .fa-caret-left,
.page-nav .pagination a .fa-caret-right {
    position: relative;
    top: .12em;
    font-size: 1.5em;
}

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

.news-list > li {
    border-bottom: .167em solid #f5f5f5;
    padding: .833em;
    margin: 0;
}

.news-list > li .count {
    color: #1761FF;
    font-weight: 700;
}

.news-list > li h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
}

.news-list > li h3 > a {
    text-decoration: none;
}

.news-list > li h3 > a:focus,
.news-list > li h3 > a:hover {
    text-decoration: underline;
}

.news-list > li .meta-data {
    margin-top: 1.25em;
}

.news-list > li .author {
    font-size: .75em;
    font-style: italic;
    margin-bottom: .417em;
}

.news-list > li .date {
    font-size: .917em;
}

.news-list > li p {
    margin: .833em 0 .417em;
}

.news-list > li .read-more {
    white-space: nowrap;
}

.news-list > li .read-more > .fa {
    color: #8db7f1;
}

.news-list > li .read-more > a {
    text-decoration: none;
}

.news-list > li .read-more > a:focus,
.news-list > li .read-more > a:hover {
    text-decoration: underline;
}

.single-news .date {
    float: right;
    padding-top: .417em;
}

.single-news .content-title {
    padding: .833em 0;
}

.single-news .author {
    font-size: .917em;
    font-style: italic;
    padding-bottom: 2.917em;
}

.single-news .teaser {
    font-weight: 700;
    padding-bottom: .833em;
}

.single-news .img-caption {
    float: left;
    background: #F2F2F2;
    padding: .417em .417em 1.667em;
    margin: .417em .833em .417em 0;
}

.single-news .img-caption > .text {
    margin: .417em 0;
}

.tags {
    list-style: none;
    padding: 0;
    margin: .833em 0 0;
}

.tags > li {
    float: left;
    padding: 0 .417em;
}

.tags > li > a {
    text-decoration: none;
}

.tags > li > a:focus,
.tags > li > a:hover {
    text-decoration: underline;
}

.tags > li.tag-title {
    font-size: .917em;
    padding: .083em .417em 0 0;
}

.tagcloud {
    border-bottom: .083em solid #C4D7F0;
    margin-bottom: .583em;
}

.tagcloud h3 {
    color: #1761FF;
    font-size: 100% !important;
    font-weight: bold;
    border-bottom: .083em solid #C4D7F0;
    padding: .833em 0 .5em 0 !important;
    margin-bottom: 0;
}

.tagcloud ul {
    list-style: none;
    font-size: .917em;
    text-align: center;
    padding: .833em .833em .833em .417em;
    margin: 0;
}

.tagcloud ul > li {
    padding-left: .833em;
    display: inline;
    line-height: 2em !important;
    white-space: nowrap;
}

.tagcloud ul > li a {
    text-decoration: none;
    color: #1761FF;
}

.tagcloud ul > li a:hover {
    text-decoration: underline;
    color: #3172cc;
}


/*--------------------------------------------------------------
# Kommentare
--------------------------------------------------------------*/
.comments {
    border-top: .167em solid #e2ecf8;
}

.comments input[type=text],
.comments input[type=email],
.comments input[type=url],
.comments textarea {
    width: 100%;
}

.comments .fa {
    font-size: 1.167em;
    color: #1761FF;
}

.comment-title {
    font-size: 1.167em;
    font-weight: bold;
    padding: 0 0 .833em;
    margin: 0;
    color: #1761FF;
}

#uncite {
    display: none;
}


/*--------------------------------------------------------------
# Themenseite
--------------------------------------------------------------*/

.themenTextBlocksContainer .lightblue-bg {
    background: white !important;
}

.header-img {
    text-align: center;
    margin-bottom: .833em;
}

.header-vid {
    background: url(/assets/images_neu/themen/video-box-leer.png) no-repeat scroll 0 0;
    background-position: top center;
    height: 16em;
    min-height: 284px; /* because the iframe is 266px and we have a padding */
    width: 100%;
    text-align: center;
    margin-bottom: .833em;
    margin-top: -0.25em;
    padding-top: 1em;
    overflow: hidden;
}

.header-vid iframe {
    z-index: 200;
    border: .25em solid #000;
    border-radius: .417em .417em 0 0;
}

.content p {
    margin-top: .417em;
}

.content #promo_headerrow > div {
    display: inline-block;
}

.content #promo_headerrow h1,
.content #promo_headerrow h2,
.content #promo_headerrow h3,
.content #promo_headerrow h4,
.content #promo_headerrow h5,
.content #promo_headerrow h6 {
    margin: 0;
}

.content #promo_contentrow > div {
    display: inline-block;
    vertical-align: top;
}

.content #promo_contentrow h1,
.content #promo_contentrow h2,
.content #promo_contentrow h3,
.content #promo_contentrow h4,
.content #promo_contentrow h5,
.content #promo_contentrow h6 {
    margin: 0;
}

.content #promo_contentrow #promo_mainform {
    width: 55%;
    color: #1761FF;
    padding-right: 1.25em;
}

.content #promo_contentrow #promo_mainform input[type=button] {
    background-color: #f71616;
    color: #fff;
    border-radius: 0;
    font-size: 1em;
    font-weight: 700;
    border: .083em solid #f71616;
    padding: .5em 4em;
    margin-bottom: 1.667em;
    white-space: nowrap;
}

.content #promo_contentrow #promo_powerlist {
    width: 45%;
    color: #1761FF;
}

.content #promo_contentrow #promo_powerlist ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.content #promo_contentrow #promo_powerlist ul > li {
    position: relative;
    color: #1761FF;
    padding-left: 2.917em;
    padding-right: 7.917em;
    margin-top: .833em;
}

.content #promo_contentrow #promo_powerlist ul > li:before {
    content: "\f00c";
    color: #79ae35;
    font-family: FontAwesome;
    font-size: 2.083em;
    position: absolute;
    left: 0;
}

.content #promo_contentrow #promo_powerlist ul > li h4 {
    font-weight: 700;
}

.content #promo_disclaimer {
    color: #1761FF;
    font-size: .833em;
    margin-top: 1.667em;
}


.check-box {
    position: relative;
    border: .167em solid #ebedee;
    padding: 1em 1em 2em 1em;
    margin-left: 4.167em;
    margin-bottom: 4.167em;
}

.check-box > img {
    position: absolute;
    right: -.667em;
    top: -.667em;
    width: 30%;
}

.check-box > ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.check-box > ul > li {
    position: relative;
    color: #1761FF;
    padding-left: 3em;
    padding-right: 4em;
    margin-top: .833em;
}

.anchor-link {
    color: #1761FF;
    font-weight: 700;
    text-decoration: none;
}

.anchor-link:focus,
.anchor-link:hover {
    color: #8db7f1;
    text-decoration: underline;
}

.theme-ad {
    margin-bottom: 2.917em;
}

.theme-author {
    color: #1761FF;
    font-weight: 700;
    font-style: italic;
}

.theme-author a {
    color: #1761FF;
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}

.theme-author a:focus,
.theme-author a:hover {
    color: #8db7f1;
    font-weight: 700;
    font-style: italic;
    text-decoration: underline;
}


/*--------------------------------------------------------------
# Statische-Seiten
--------------------------------------------------------------*/
.static-nav {
    list-style: none;
    padding: 0;
    margin: 0;
}

.static-nav > li {
    position: relative;
    padding: .417em 0 .417em 1.667em;
    margin-left: .833em;
}

.static-nav > li:first-child {
    margin-left: 0;
}

.static-nav > li.active {
    background-color: #1761FF;
    color: #fff;
}

.static-nav > li:before {
    content: "\f0da";
    position: absolute;
    left: .417em;
    font-family: FontAwesome;
    color: #f71616;
}

.static-nav > li.active:before {
    color: #fff;
}

.static-nav > li.active > a {
    color: #fff;
}

.static-nav > li > a {
    font-weight: 700;
    text-decoration: none;
}

.static-nav > li.has-sub.active {
    padding: .417em 0 0 1.667em;
}

.static-nav > li.has-sub > ul {
    display: none;
    background-color: #fff;
    list-style: none;
    border-top: .417em solid #1761FF;
    padding: 0;
    margin: 0 0 0 -1.667em;
}

.static-nav > li.has-sub.open > ul {
    border-color: #fff;
}

.static-nav > li.has-sub.open:before {
    content: "\f0d7";
}

.static-nav > li.has-sub.active:before {
    content: "\f0d7";
}

.static-nav > li.has-sub.open > ul {
    display: block;
}

.static-nav > li.has-sub.active > ul {
    display: block;
}

.static-nav > li.has-sub > ul > li {
    position: relative;
    padding: .417em 0 .417em 2.917em;
}

.static-nav > li.has-sub > ul > li:before {
    content: "\f111";
    position: absolute;
    top: .917em;
    left: 1.25em;
    font-family: FontAwesome;
    color: #1761FF;
    font-size: .667em;
}

.static-nav > li.has-sub > ul > li > a {
    text-decoration: none;
    padding: 0 .417em;
}

.static-nav > li.has-sub > ul > li.active > a {
    background-color: #1761FF;
    color: #fff;
}

.static-nav > li.has-sub > ul > li.active > a:focus,
.static-nav > li.has-sub > ul > li.active > a:hover {
    color: #f71616;
}

.red-title {
    color: #FD181A;
    font-size: 1.667em;
    font-weight: 700;
}

.blue-title {
    color: #1761FF;
    font-size: 2.25em;
    font-weight: 700;
    padding: 0 0 .417em;
    margin: 0 0 .667em;
}

.mini-title {
    color: #1761FF;
    font-size: 1em;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.static .checklist {
    list-style: none;
    padding: 0;
    margin: 0;
}

.static .checklist > li {
    position: relative;
    color: #1761FF;
    font-weight: 700;
    padding: .417em 0 .417em 2.917em;
}

.static .checklist > li+li {
    margin-top: .417em;
}

.static .checklist > li:before {
    content: "\f00c";
    position: absolute;
    top: -0.083em;
    left: 0;
    color: #79ad35;
    font-family: FontAwesome;
    font-size: 2.083em;
}

body .hugeCheckMark {
    
}

.grey-box {
    border: .167em solid #ebedee;
    height: 20em;
    padding: .833em .667em;
    margin-bottom: .833em;
}

.grey-box .image {
    height: 5.833em;
    text-align: center;
}

.grey-box .image img {
    display: block;
    margin: 0 auto;
}

.grey-box .image img+img {
    margin: 2.5em auto 0;
}

.grey-box code {
    color: #989D9E;
    overflow-wrap: break-word;
}

.download {
    color: #f71616;
    font-weight: 700;
    text-decoration: none;
}

.download:focus,
.download:hover {
    color: #f71616;
    font-weight: 700;
    text-decoration: underline;
}

.contact {
    padding: 2.083em 0;
}

.contact #msg {
    border: solid .167em #D2DCE6;
    border-radius: .333em;
}

.contact .radio label {
    display: inline;
}

.contact input[type=text],
.contact input[type=email],
.contact input[type=url],
.contact input[type=tel]{
    width: 100%;
}

.contact select {
    width: 50%;
    font-size: 1em;
}

.contact button {
    padding: 1em 1.667em;
}

.sub-line {
    color: #989da3;
    font-weight: 700;
}

.pdf > .fa {
    color: #f71616;
}

.pdf > a {
    color: #1761FF;
    font-weight: 700;
    text-decoration: none;
}

.pdf > a:focus,
.pdf > a:hover {
    color: #f71616;
    text-decoration: underline;
}

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

.dotted > li {
    position: relative;
    padding-left: 1.667em;
}

.dotted.mini > li {
    padding-left: 1.25em;
}

.dotted > li:before {
    content: "\f111";
    position: absolute;
    top: .583em;
    left: 0;
    font-family: FontAwesome;
    color: #1761FF;
    font-size: 1em;
}

.dotted.mini > li:before {
    font-size: .5em;
}

.clean {
    list-style: none;
}

.clean > li {
    padding: .417em 0;
}

.job {
    font-size: 1.667em;
}

.sub-breadcrumb {
    font-size: 1.417em;
    margin: 0 0 1.25em;
}

h2.mini {
    font-size: 1.167em;
    font-weight: 400;
}


h3.mini {
    font-size: 1em;
    font-weight: 400;
}

/*--------------------------------------------------------------
# Kategorieseite
--------------------------------------------------------------*/

.downloadsMainTextElement h2 {
    margin-top: 1.5em;
}

.downloadsMainTextElement h2.first {
    margin-top: 0;
}

.catDropdown {
	position: relative;
	display: block;
	font-weight: 700;
	line-height: 3.4em;
	background: white;
	cursor: pointer;
	font-size: .9em;
	border-radius: .333em;
	-webkit-box-shadow: -1px -1px 27px -16px gray;
	-moz-box-shadow: -1px -1px 27px -16px gray;
	box-shadow: -1px -1px 27px -16px gray;
}

.catDropdown:after {
    position: absolute;
	display: block;
	content: '';
	width: 0.7em;
	height: .7em;
	top: 2.1em;
	right: 1.7em;
	margin-top: -3px;
	border-bottom: solid .167em ;
	border-right: solid .167em ;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}

.opened.catDropdown::after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.bigNumber {
    font-size: 200%;
}

.cat-filter {
    list-style: none;
    color: #1761FF;
    padding: 0;
    margin: 0 0 2.5em;
}

.cat-filter > li {
    padding: .25em 0;
}

.cat-filter > li > ul {
    list-style: none;
    padding: .5em 0 0 1em;
    margin: 0;
}

.cat-filter > li > ul > li {
    padding: .25em 0;
}

.cat-filter > li > ul > li:first-child {
    padding: 0 0 .25em;
}

.cat-filter > li > ul > li:last-child {
    padding: .25em 0 0;
}

.cat-filter > li > ul > li > ul {
    list-style: none;
    padding: .5em 0 0 1em;
    margin: 0;
}

.cat-filter > li > ul > li > ul > li {
    padding: .25em 0;
}

.cat-filter > li > ul > li > ul > li:first-child {
    padding: 0 0 .25em;
}

.cat-filter > li > ul > li > ul > li:last-child {
    padding: .25em 0 0;
}

.cat-filter .selectedFilter {
    color: #f71616;
    font-weight: bold;
}

.catTopProdsContainer {
    margin-top: .5em;
}

.catTopProducts .fileTypeImageListing {
    min-width : 0;
    width: 80%;
}

.catTopProducts .main-list-price {
    font-size: 0.3em;
    margin-top: 6%;
}

.catTopProducts .main-list-title{
    font-size: 0.7em;
    margin-bottom: 5%;
}

.catTopProducts .priceFreeProducts{
    font-size: 3.4em;
}

.mainListPriceElement {
    display: inline-block;
    width: auto;
}

.fileTypeImageListing {
    width: 28%;
    display: inline-block;
    margin-top: 12%;
}

.priceFreeProducts {
    display: block;
    font-size: 1.4em;
}

.productPriceContainer {
    text-align: center;
}

.productPriceContainer .priceContainer {
    display: inline-block;
    text-align: center;
    font-weight: bold;
}

.product-list {
    list-style: none;
    padding: 0;
    margin: .417em 0;
}

.product-list > li {
    border: .083em solid #cccccc;
    padding: .833em .833em .833em;
    margin: .417em 0;
}

.product-list .title {
    position: relative;
    padding-left: 1.25em;
}

.product-list .title:before {
    content: "\f0da";
    position: absolute;
    top: -0.083em;
    left: 0;
    font-family: FontAwesome;
    color: #f71616;
    font-size: 1.5em;
}

.product-list .title > a {
    color: #1761FF;
    text-decoration: none;
}

.product-list .title > a:focus,
.product-list .title > a:hover {
    color: #8db7f1;
    text-decoration: underline;
}

.product-list .sub-title {
    color: #1761FF;
    padding-left: 1.25em;
}

.product-list .price {
    color: #f71616;
    font-weight: 700;
    font-size: 2em;
}

.product-list .checklist {
    list-style: none;
    padding: 0;
    margin: .5em 0 2.5em;
}

.product-list .checklist > li {
    position: relative;
    padding-left: 2.083em;
}

.product-list .checklist > li+li {
    padding-top: .167em;
}

.product-list .checklist > li:before {
    content: "\f00c";
    position: absolute;
    top: -0.083em;
    left: 0;
    color: #79ad35;
    font-family: FontAwesome;
    font-size: 1.167em;
}

.product-btn {
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    font-weight: 700;
    font-size: 150%;
    width: 100%;
    height: 3em;
    background: url('/img/2015-button-zum-produkt-small.png');
}

.product-list .product-btn > span {
    position: absolute;
    top: -0.333em;
    right: -1.667em;
    width: 2em;
    height: 2em;
    background-color: #79ad35;
    color: #fff;
    font-size: 1.833em;
    font-weight: 400;
    text-align: center;
    line-height: 2em;
    border: none;
    border-radius: 50%;
}

.product-list .product-btn > span .fa {
    line-height: 2em;
}

.product-grid {
    margin: .417em 0;
}

.gridBoxBordered {
    border: .083em solid transparent;
}

.product-grid .gridBoxBordered:hover {
    border: .083em solid #1761FF;
    text-decoration: none;
}

.product-grid .header {
    min-height: 2.917em;
}

.product-grid .title > a {
    font-size: .9em;
    font-weight: bold;
    min-height: 3em;
    margin: auto;
    color: #000000;
    font-family: "Montserrat Medium";
}

.product-grid .sub-title {
    color: #1761FF;
}

.product-grid .product-img {
    padding-right: .417em;
    height: 10em;
}

.product-img {
    width: auto;
}

.product-grid .price {
    font-weight: 700;
}

.product-grid .checklist {
    list-style: none;
    padding: 0;
    margin: 1em 0 .75em;
}

.product-grid .checklist > li {
    position: relative;
    padding-left: 2.083em;
}

.product-grid .checklist > li+li {
    padding-top: .167em;
}

.product-grid .checklist > li:before {
    content: "\f00c";
    position: absolute;
    top: -0.083em;
    left: 0;
    color: #79ad35;
    font-family: FontAwesome;
    font-size: 1.167em;
}

.product-grid .product-btn {
    display: inline-block;
    background-color: #f4ba57;
    color: #1761FF;
    font-size: inherit;
    font-weight: 700;
    text-decoration: none;
    border: .083em solid #efa84e;
    border-radius: .333em;
    padding: .5em 1.75em;
}

.seoBox h2:first-of-type {
    font-size: 1.6em;
    color: #1761FF;
    margin: 0;
    font-weight: 400;
    font-family: "Montserrat";
    margin: 0;
}

.seoBox h2 {
    font-size: 1.1em;
	color: black;
	margin: 0;
	font-family: "Montserrat Bold";
	margin-top: 2em;
}

.smallNumber {
    text-align: left;
    width: auto;
    display: inline-block;
    padding-top: 2%;
    float: right;
}

.smallNumber .decimalNumber {
    display: inline-block;
    font-size: 125%;
}

.smallNumber .priceCurrency {
    display: block;
    width: 70%;
    font-size: 75%;
    line-height: 50%;
    position: relative;
}

.top-box h1 {
    font-size: 140%;
    color: #1761FF;
    font-weight: 700;
    margin: 0;
}

.top-box p {
    margin-top : 0;
}

.top-box p {
    font-size: 0.9em;
}

.top-box h2 {
    font-size: 1em !important;
}

.product-desc .check {
    list-style: none;
    padding: 0;
    margin: .5em 0 .5em;
}

.product-desc .check > li {
    position: relative;
    min-height: 2em;
    color: #1761FF;
    font-weight: 700;
    margin-bottom: 10px;
}

.product-desc .check > li span {
    top: 20%;
}

.file-details {
    color: #979da4;
}

.more-info .product-btn {
    position: relative;
    background-color: #f4ba57;
    color: #1761FF;
    font-size: 1.25em;
    font-weight: 700;
    text-decoration: none;
    border: .083em solid #efa84e;
    border-radius: .333em;
    padding: .75em 4.5em .75em 2em;
}

.more-info .product-btn > span {
    position: absolute;
    top: -0.25em;
    right: -0.5em;
    width: 2em;
    height: 2em;
    background-color: #79ad35;
    color: #fff;
    font-size: 1.833em;
    font-weight: 400;
    text-align: center;
    line-height: 2em;
    border: none;
    border-radius: 50%;
}

.more-info .product-btn > span .fa {
    line-height: 2em;
}

.more-info .product-btn.no-cart {
    padding: .75em 2em .75em 2em;
}

.more-info .pp-btn {
    position: relative;
    background-color: #f4ba57;
    color: #1761FF;
    font-size: 1.25em;
    font-weight: 700;
    text-decoration: none;
    border: .083em solid #efa84e;
    border-radius: .333em;
    padding: .75em 4.3em;
}

.downloadButtonRed {
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: inline-block;
}

.overlay-help {
    display: none;
    position: absolute;
    top: 10.667em;
    left: -30em;
    width: 27.45em;
    border: .167em solid #ccc;
    background-color: #e2ecf8;
    color: #000;
    padding: 1.667em 1.25em 2.083em;
}

.overlay-help .black-line {
    border-bottom: 1px solid #000;
    margin: .833em -0.417em 1.25em;
}

.prodSectionDivider {
    border-right: 1em solid #F6F6F6;
}

.product-anchor, .product-anchor-info {
    position: relative;
    padding-left: 2.083em;
    margin-top: .833em;
}

.product-anchor:before {
    content: "\f064";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #8db7f1;
    font-size: 1.5em;
}

.product-anchor-info:before {
    content: "\f05a";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: #8db7f1;
    font-size: 1.2em;
}

.product-anchor a, .product-anchor-info a {
    text-decoration: none;
}

.productInfoContainer strong {
    color: #1761FF;
}

.productDetails h2 {
    font-size: 125%;
    margin-top: .833em;
    margin-bottom: .833em;
}

.productArticleContainer .downloadButtonRed {
    width: 100%;
}

div#product_bar {
    position: fixed;
    top: 0;
    width: 100%;
    height: auto;
    background-color:  white;
    color: black;
    z-index: 100;
    border-bottom: 1px solid lightgray;
}

.full-bar {
    width: 100%;
}

.fullProdBarTitle {
    text-align: center;
}

.fileIcon {
    width: 15%;
}

.full-bar .fileIcon {
    margin-right: 5%;
}

.typeAndPrice .data-img {
    width: 24%
}

.typeAndPrice .data-img img {
    width: 100%;
    height: auto;
}

.full-bar img {
    margin-right: 5%;
    display: inline-block;
    vertical-align: middle;
    position: initial;
    max-width: 19%;
    float: left;
}

#catList .title:first-of-type {
    padding-top: .8em;
}

#catList .title {
    line-height: 3em;
}

#catList .absolute {
    -webkit-box-shadow: -1px 7px 27px -16px gray;
	-moz-box-shadow: -1px 7px 27px -16px gray;
	box-shadow: -1px 7px 27px -16px gray;
}

#catList .w-50 {
    z-index: 9;
}

#catList a:hover {
    color: #1761FF !important;
}

.price_infoline_nl {
    margin-top: 0.5em;
    font-size: 0.7em;
}


.price_infoline img {
    width: auto;
}

.price_infoline_vat {
    margin-top: 0.5em;
    text-align: right;
}

.price_recommended {
    font-weight: 700;
}

.price_recommended .small {
    font-size: .583em;
}

.threeEasySteps {
    text-align: center;
}

.threeEasySteps img {
    width: auto;
}

.uvp {
    font-size: 75%;
}

.titleSubCategories {
    font-size: 120%;
    font-weight: bold;
    display: block;
    padding: 0;
    margin-top: 0.8em;
    display: block;
    margin-bottom: 0.8em;
}

.triangle {
    padding-left: 0;
    margin: 0;
}

.main-tops {
    margin-top: 0.333em;
}

.main-tops > li {
    position: relative;
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin-bottom: 0.333em;
}

.main-tops > li > a {
    display: inline-block;
    color: #1761FF;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.667em;
    text-decoration: none;
    padding-left: .25em;
}

body .usaTopicList {
    padding : 0;
    margin-top: 5%;
    margin-left: 5%;
    width : 100%;
}

.usaTopicList li {
    width : 48%;
}

.main-list-box-bordered a {
    text-decoration: none;
}

.main-list-box-bordered a:hover {
    color: #1761FF;
}

.main-list-box-bordered, .paymentButton {
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14);
    border: .083em solid transparent;
}

.main-list-box-bordered:hover {
    border: .083em solid #1761FF;
    box-shadow: 0;
}

.main-list-h {
    text-align: center;
    font-size: 2em;
    font-weight: 700;
    padding-bottom: 1em;
    margin: 0;
    color: #1761FF;
}

.main-list-title {
    margin: auto; 
    text-align: center;
    font-size: 0.8em;
    font-weight: bold;
    min-height: 3em;
    margin-top: .7em;
}

.main-list-r1 {
    margin-right: 1.4em;
}

.main-list-r2 {
    margin-right: 0.7em;
}

.main-list-r3 {
    margin-right: 0.45em;
}

.main-list-r4 {
    margin-right: 0em;
}

.main-list-price {
    margin-bottom: 0.5em;
    margin-top: 1em;
    width: 45%;
    float: right;
    text-align: center;
    font-size: 0.35em;
    color: #000000;
}

.main-list-img {
    float: left;
    width: 55%;
}

.main-list-typ {
    width: 45%;
    float: right;
    text-align: center;
}

.main-list-typ-img {
    margin-top: 4%;
    width: 45%;
    display: inline-block;
}

.main-news {
    padding-left: 0;
    margin-top: 0.333em;
}

.main-news > li {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-bottom: 0.333em;
}

.main-news > li:before {
    position: absolute;
    top: .25em;
    left: 0;
    font-family: FontAwesome;
    content: "\f138";
    color: red;
    font-size: 1em;
}

.main-news > li > a {
    display: block;
    color: #1761FF;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.667em;
    text-decoration: none;
    padding-left: 1.333em;
}

.triangle > li {
    position: relative;
    display: inline-block;
    width: 32%;
    vertical-align: top;
    margin-bottom: 1em;
}

.triangle > li > a {
    color: #1761FF;
    font-size: 1.0em;
    font-weight: bold;
    line-height: 1.667em;
    text-decoration: none;
}

.triangle > li > a:hover {
    color: #1761FF;
    text-decoration: underline;
}

.arrow {
    list-style: none;
    padding-left: 0;
    margin: .667em 0 0;
}

.arrow > li {
    position: relative;
    vertical-align: top;
    padding-right: .833em;
    margin-bottom: .75em;
    word-wrap: break-word;
}

.arrow > li:before {
    position: absolute;
    top: 0;
    left: .083em;
    font-family: FontAwesome;
    content: "\f105";
    color: #8db7f1;
    font-size: 1.417em;
    line-height: 1em;
}

.arrow > li > a {
    display: block;
    color: #1761FF;
    font-size: .917em;
    line-height: 1.5em;
    text-decoration: none;
    padding-left: 1em;
}

.arrow > li > a:hover {
    color: #1761FF;
    text-decoration: underline;
}

.sidebar {
    padding-right: 1.25em;
}

.sidebar nav+nav {
    margin-top: 2.083em;
}

.sidebar .nav-title {
    position: relative;
    color: #1761FF;
    font-weight: 700;
    line-height: 1.5em;
    margin-bottom: .667em;
}

.sidebar .nav-title i {
    position: absolute;
    top: 0;
    color: #f71616;
    font-size: 1.5em;
    padding-left: .417em;
}

.sidebar .sidebar-title {
    color: #1761FF;
    font-weight: 700;
}

.sidebar .triangle > li {
    display: block;
    width: 100%;
    margin-bottom: .417em;
}

.sidebar .triangle .active {
    background-color: #1761FF;
}

.sidebar .triangle a:hover {
    background-color: #e2ecf8;
}

body .sidebar .triangle > li.active > a:hover {
    background-color: #1761FF;
}

.sidebar .triangle > li:before {
    color: #8db7f1;
}

.sidebar .triangle > li > a {
    font-size: 1em;
    font-weight: 400;
}

.sidebar .triangle > li > a:hover {
    text-decoration: none;
}

.sidebar .triangle > li.mark:before {
    color: #f71616;
}

.sidebar .triangle > li.active > a {
    color: #fff;
    font-weight: 700;
}

.sidebar .triangle > li > .triangle {
    display: none;
    background-color: #fff;
}

.sidebar .triangle > li.open > .triangle {
    display: block;
}

.sidebar .triangle > li.active > .triangle {
    display: block;
}

.sidebar .triangle > li > .triangle > li {
    display: block;
    width: 100%;
    margin-bottom: .417em;
}

.sidebar .triangle > li > .triangle > li:before {
    left: .917em
}

.sidebar .triangle > li > .triangle > li > a,.sidebar .triangle > li > .triangle > li > i {
    padding-left: 1.75em;
}

.sidebar .triangle > li > .triangle > li ul > li > a {
    padding-left: 3.5em;
}

.sidebar .box {
    border-bottom: .083em solid #8db7f1;
    padding-bottom: .583em;
    margin-top: 2.083em;
    margin-right: 1.167em;
    margin-bottom: 1.167em;
    margin-left: 1.167em;
}

.content-title-red {
    color: #f71616;
    margin-top: .833em;
}

.content-subtitle-blue {
    color: #1761FF;
    margin-top: 0;
    margin-bottom: .960em;
    font-size: 2.167em;
}

.content-title {
    font-size: 1.4em;
    font-weight: 700;
    margin: 0;
    color: #1761FF;
}

.searchSubmitImg img {
	height: 1.5em;
	margin: .6em;
    margin-left: 0;
}

.title {
    color: #1761FF;
    font-weight: 200;
}

p.content {
    margin: .417em 0;
    line-height: 1.45em;
}

.frontpage .content p {
    margin: .417em 0;
    line-height: 1.65em;
}

.frontpageBanner {
	overflow: hidden;
	max-height: 580px;
}

 .frontpageBanner .w-40 {
    padding-left: 10em;
}

.frontpageBanner img {
    width: auto;
}

#frontpageSliderControlContainer {
	top: -7em;
}

.frontpageSliderController, .frontpageReviewSliderController {
    background: lightgray;
}

.frontpageSliderController.active, .frontpageReviewSliderController.active {
    background: #1761FF;
}

.frontpageCatGrid .frontpageCatGridText {
    bottom: 3em;
    left: 50%;
    transform: translate(-50%, -50%);
}

.triangleStartpage {
    position: relative;
    background: #1761FF;
}

.triangleStartpage:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 37px solid transparent;
    border-top-color: #1761FF;
    border-bottom: 0;
    margin-left: -37px;
    margin-bottom: -35px;
}

.triangleStartpageAfter{
    margin-top: 55px;
}

.ratgeberFilter::before {
    content: "";
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    height: 99%;
    width: 100%;
    z-index: 1;
    background-color: #007eff59;
    pointer-events: none;
}

.newsBlogContainer {
    position: absolute;
    bottom: 17%;
    right: 0;
    z-index: 1;
}

.mainListBoxItem:last-of-type, .newsFrontpageMainItem:last-of-type {
    padding-right: 0;
}

.newsFrontpageMainItemImg {
    min-height: 400px;
    width: auto;
    object-fit: cover;
}

.newsBlogDescElementLink img {
    margin-right: -1.1em;
}

.lightSliderProd {
    list-style: none;
    padding-left: 0;
}

#navitopLinksContainer span {
    font-weight: 200;
}

.fileTypeInBox {
    position: absolute;
	right: 5%;
	width: 20%;
	top: -6%;
}

.fileTypeInBoxTwoElements {
    top: -90%;
}

p.content-lg {
    font-size: 1.167em;
}

.spacer {
    background-color: #8db7f1;
    height: .167em;
    margin-top: 1.667em;
    margin-bottom: 1.667em;
}

.blue-box {
    background-color: #8db7f1;
}

.blue-box .text {
    float: left;
    padding: 3.333em;
}

.blue-box .image-right {
    float: left;
    text-align: right;
    padding-top: 3.333em;
    padding-right: 3.333em;
    padding-bottom: 3.333em;
}

.blue-box .image-left {
    float: left;
    padding-top: 3.333em;
    padding-bottom: 3.333em;
    padding-left: 3.333em;
}

.cross-sell {
    margin-top: 1.667em;
}

.cross-sell-list {
    border-top: .167em solid #8db7f1;
    border-bottom: .167em solid #8db7f1;
    padding-top: 1.667em;
    margin-top: 1.667em;
    margin-bottom: 1.667em;
}

.grey-border {
    border: .167em solid #ebedee;
    padding: 2.083em 0;
}

.news-box {
    margin-top: 1.667em;
}

.news-box h3 {
    color: #1761FF;
    font-size: 1.083em;
    text-transform: uppercase;
    margin: 0 0 .667em;
}

.news-box .news-list {
    list-style: none;
    padding-right: .833em;
    padding-left: 0;
    margin: 0;
}

.news-box .news-list > li {
    margin-bottom: .833em;
}

.news-box .news-list > li > a {
    display: block;
    color: #979da4;
    font-size: 1.083em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}

.news-box .news-list > li > a:hover {
    color: #979da4;
    text-decoration: underline;
}

.news-box .news-item {
    background-color: #8db7f1;
    padding: 1em .833em 0;
    margin-bottom: .417em;
}

.news-box .news-item > h3 {
    font-size: 1.2em;
    font-weight: 700;
    margin: 0;
}

.news-box .news-item > p {
    line-height: 1.45em;
    margin: 1.083em 0 0;
}

.news-box .news-item > p > .fa-angle-right {
    color: #e2ecf8;
    padding: 0 .167em;
}

.news-box .news-item > p > a {
    color: #1761FF;
    text-decoration: none;
}

.news-box .news-item > p > a:hover {
    color: #1761FF;
    text-decoration: underline;
}

.news-box .news-teaser {
    float: left;
    width: 33.33333333333333%;
    text-align: center;
    padding: 0 .833em;
}

.news-box .news-teaser a {
    display: block;
    color: #979da4;
    text-decoration: none;
}

.news-box .news-teaser a:hover {
    color: #979da4;
    text-decoration: underline;
}

.flowing-title {
    color: #1761FF;
    font-size: 1.4em;
    font-weight: bold;
    padding-top: 1.667em;
    padding-bottom: .833em;
    margin: 0;
}

.promotionContainer {
    width: 100%;
    height: 100%;
    text-align: center;
    display: block;
    position: fixed;
    top: 4%;
    left: 0;
    z-index: 1000000;
}

.promotion_div {
    width: 31%;
    height: auto;
    max-width: 900px;
    max-height: 90vh;
    text-align: left;
    top: 5%;
    overflow: auto;
    background: white;
}

.promotion_grey {
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer {
    margin-top: 1.667em;
    margin-bottom: 4em;
}

#newsletterFooterPopUp {
    top: 0;
    display: none;
    position: fixed;
    left: 0;
    z-index: 9999999999;
    margin-top: 10em;
    margin-left: 35%;
}

.backgroundWomanNl {
	background-image: url("/assets/img/nlFooterWoman.jpg");
    background-repeat: no-repeat;
    background-color: #F6F6F6;
    min-height: 410px;
}

.backgroundWomanNlRight {
    min-height: 410px;
}

.newsletterFooterContainer #nl_abo_email_footer {
    border: 0;
	background: #F6F6F6;
	border-bottom: 2px solid lightgray;
	text-align: center;
}

.newsletterFooterContainer #nl_abo_email_footer::placeholder {
    color: #9B9B9B;
    opacity: 1;
}


/*--------------------------------------------------------------
# FAQs
--------------------------------------------------------------*/
.faqs button {
    padding: 1em 1.667em;
}

.faqs button.icon {
    position: relative;
    padding: 1em 1em .833em 4em;
    border: none;
    overflow: hidden;
}

.faqs button.icon > span {
    position: absolute;
    top: 0;
    left: -0.083em;
    background-color: #8db7f1;
    color: #fff;
    padding: .167em .4em .5em;
}

.faqs button.icon > span > .fa {
    font-size: 2.5em;
    line-height: 1em;
}

.faqs form {
    color: #1761FF;
}

.faqs .form-group {
    margin-top: .833em;
}

.faqs form label {
    font-weight: 700;
}

.faqs .title {
    font-size: 1.4em;
    line-height: 2.333em;
}

#faq {
    display: none;
}

.faqs-box .faqs-header {
    background-color: #fff;
    color: #1761FF;
    font-weight: 700;
    border: .167em solid #ebedee;
    padding: .833em .833em 1.417em;
}

.faqs-box .faqs-header:hover {
    background-color: #8db7f1;
    color: #fff;
}

.faqs-box .faqs-header.ui-state-active {
    background-color: #8db7f1;
    color: #fff;
}

.faqs-box .faqs-header .link {
    font-weight: 700;
    margin-left: 1.25em;
}

.faqs-box .faqs-header .link .fa {
    color: #8db7f1;
}

.faqs-box .faqs-header:hover .link .fa {
    color: #fff;
}

.faqs-box .faqs-header.ui-state-active .link .fa {
    color: #fff;
}

.faqs-box .faqs-header .open {
    display: none;
}

.faqs-box .faqs-header .close {
    display: inline;
}

.faqs-box .faqs-header.ui-state-active .open {
    display: inline;
}

.faqs-box .faqs-header.ui-state-active .close {
    display: none;
}

.faqs-box .faqs-content {
    color: #1761FF;
    border: .167em solid #ebedee;
    padding: 0;
}

.faqs-box .faqs-content .answer-area {
    padding: .833em;
    border-bottom: .167em solid #ebedee;
}

.faqs-box .faqs-content .answer-area:last-child {
    border-bottom: none;
}

.faqs-box .counter {
    font-weight: 400;
    font-style: italic;
}

.faqs-box .faqs-infos {
    font-weight: 400;
    font-style: italic;
}

.question-path span{
    color : #1761FF;
}

#bigBannerRight {
    width: 130px;
    display: block;
    float: right;
    position: fixed;
    right: 8px;
    top: 50px;
    z-index: 9999999999;
}

.closeRightBanner {
    color: lightgray;
}

/*--------------------------------------------------------------
# Cart/Basket
--------------------------------------------------------------*/
.cart-header h1 {
    color: #1761FF;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 2em;
    margin: 0;
}


.cart-item {
	
}

.file-info {
    color: #666;
}

.del-item {
    background-color: transparent;
    border: 0;
    padding: 0;
    color: #666;
    font-size: 0.75em !important;
    font-weight: normal;
    font-family: Montserrat !important;
}

.cart-label {
    line-height: 2.15em;
}

.cart-small-label {
    display: block;
    font-size: .75em;
}

.loadingDesktop {
    margin-bottom: 9em;
}

.loadingShoppingKartImage {
    width: auto;
}

#loadingAnimation,
#loadingAnimation:before,
#loadingAnimation:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load 1.8s infinite ease-in-out;
  animation: load 1.8s infinite ease-in-out;
}
#loadingAnimation {
  color: #1761FF;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
#loadingAnimation:before,
#loadingAnimation:after {
  content: '';
  position: absolute;
  top: 0;
}
#loadingAnimation:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
#loadingAnimation:after {
  left: 3.5em;
}
@-webkit-keyframes load {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


@-webkit-keyframes rotatingLoading /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes rotatingLoading {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.rotatingLoading {
  -webkit-animation: rotatingLoading 2s linear infinite;
  -moz-animation: rotatingLoading 2s linear infinite;
  -ms-animation: rotatingLoading 2s linear infinite;
  -o-animation: rotatingLoading 2s linear infinite;
  animation: rotatingLoading 2s linear infinite;
}


.btn-darkgrey .fa-caret-left {
    margin-right: 3%;
    position: relative;
    top: 5%;
}

#steponeSecondContainer, #steponeThirdContainer, #steponeBillContainer {
    display: none;
}

.socialButtonsTextMiddle {
    position: relative;
    top: -13px;
}

/*--------------------------------------------------------------
# Checkout
--------------------------------------------------------------*/

#payment-step {
    min-height: 40em;
}

#reg-country, #login-country, .salutationSelect, #nationality, #cc-country, #cc-typ, #cc-year, #cc-month, #change-customerdata select, #sepa-country {
    border-radius: .333em;
}

.paymentsLabelsContainer label {
    font-size: 0.9em;
}

.cartDataBox .radio.mb-10 input {
    width: 5%;
    display: inline-block;
    margin: 0;
}

.cartDataBox .radio.mb-10 label {
    float: right;
    width: 90%;
    display: inline-block;
    line-height: 1.5em;
}

.g-signin2 {
    display: inline-block;
    margin-top: 15px;
}

.fb-login-button {
    margin-bottom: 15px;
}


.fastLoginButtons {
    display: block;
    padding: 10px;
    padding-bottom: 0;
    text-align: center;
    margin-top: 5px;
}

.formRegisterHeader {
    font-size: 1.3em;
    color: #1761FF;
}

.checkout p {
    margin: 0 0 10px;
}

.checkout-title {
    font-size: 120%;
    font-weight: 700;
}

.checkout-title-small {
    font-size: 120%;
    font-weight: 400;
    padding: 10px 0;
    margin: 0;
}

.checkout label {
    font-weight: 200;
}

.checkout .checkbox label,
.checkout .radio label {
    display: inline-block;
}

.checkout .company {
    display: none;
}

.checkout .place {
    display: none;
}

.checkout-details {
    min-height: 15.25em;
}

.checkout .gtcForm {
    font-size: 0.9em;
}

.border-blue-right {
    border-right: 2px solid #e2ecf8;
}

.border-blue-left {
    border-left: 2px solid #e2ecf8;
}

#cc-help {
    cursor: pointer;
}

#closeTaxInfoCross {
    right: 1em;
    top: 1em;
}

.tax-info, .info-link, .taxInfoCircle {
    cursor: pointer;
    border-radius: 1em;
    width: 2em;
}

#tax-info-window, #cc-help-window {
    display: none;
    position: absolute;
    width: 75%;
    border: .1em solid #1761FF;
    background-color: white;
    color: black;
    z-index: 100;
    right: 12%;
    top: 0;
    font-size: .9em;
}

#tax-info-window {
	line-height: 1.7em;
}


body #cc-help-window  {
    height: auto;
	width: 100%;
	right: 0;
	top: -13em;
}

.info-link {
    cursor: pointer;
}

#edit-bill, #edit-pay {
    text-decoration: none;
}

#edit-bill:hover, #edit-pay:hover {
    color: white;
}

.paymentButton {
    cursor: pointer;
    color: black;
}

.paymentButton input, #billCreationForced{
    display: none;
}

.paymentButton.selected, .paymentButton.selected:hover {

}

.paymentButton.selected{
    border: .083em solid #1761FF;
    color: #1761FF;
}

.product-info {
}

.sslImg {
    width: 6.5%;
}

.preview-gallery button {
    padding: 1em 1.667em;
}

.preview-gallery button.icon {
    position: relative;
    padding: 1em 1em .833em 4em;
    border: none;
    overflow: hidden;
}

.preview-gallery button.icon > span {
    position: absolute;
    top: 0;
    left: -0.083em;
    background-color: #8db7f1;
    color: #fff;
    padding: .5em;
}

.preview-gallery button.icon > span > .fa {
    font-size: 2em;
    line-height: 1em;
    padding-top: .083em;
}

.checkout .dl-info {
    color: #979da4;
    font-weight: 400;
}

.checkout .btn-green {
    display: inline-block;
    background-color: #79ae35;
    color: #fff;
    border-color: #79ae35;
    border-radius: 0;
    padding: .167em .5em;
    text-decoration: none;
    border-radius: .333em;
}

.checkout .btn-green .fa {
    float: left;
    font-size: 2em;
}

.checkout .btn-green span {
    float: left;
    line-height: 2em;
    padding-left: .5em;
}

.checkout-error-box {
    background-color: #fffafa;
    color: #f71616;
    font-weight: 700;
    text-align: center;
    border: .083em solid #f71616;
    padding: 1em;
    margin-bottom: 1.5em;
}

.checkout-error-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#billing-box, #shipping-box {
    color: black;
}

.title-404 {
    color: #8db7f1;
    text-align: center;
    margin-top: 0;
    margin-bottom: .417em;
}

.subtitle-404 {
    color: #f71616;
    margin-top: 0;
}

.linkGridList {
    display: inline-block;
    background: #f71616;
    padding: 5%;
    border-radius: .5em;
    color: white;
    width: 80%;
    text-decoration: none;
    font-weight: 700;
}

.linkGridList:hover { 
    color: white;
}

#service-iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

#service .service-title {
    color: #1761FF;
    font-weight: 700;
    line-height: 3.083em;
}

#service .sidebar-title {
    font-size: 1em;
    line-height: 2em;
    border-bottom: .083em solid #c4d7f0;
    margin: 0;
}

#service .service-navigation {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

#service .service-navigation > li {
    background-color: transparent;
    line-height: 2em;
}

#service .service-navigation > li > a {
    display: block;
    color: #1761FF;
    text-decoration: none;
}

#service .service-navigation > li.active {
    background-color: #1761FF;
}

#service .service-navigation > li.active > a {
    color: #fff;
    cursor: default;
}

.adabs.incompleteAdress {

}

.adabs {
    position: absolute;
    top: 50%;
    left: 50%;
}

.FBcloseAnsicht > a {
    text-decoration: none;
}

.FBInfoPopup {
    top: 205px;
    border: 1px solid #ebedee;
    display: none;
    width: 464px;
    background-color: #e2ecf8;
    padding: 10px;
    z-index: 999999999;
    color: #1761FF;
}

.FBansichtHeader {
    cursor: move;
    background-color: #E2EBF8;
    padding: 8px 0 8px 9px;
    border-bottom: 1px solid #333333;
    font-weight: 700;
    padding-left: 5px;
}

.FBpopup {
    width: 464px;
    background-color: #E2EBF8;
    text-align: left;
    padding-left: 5px;
    font-weight: normal;
}

.incompleteAdress > p {
    padding-left: 20px;
}

/** Privacy **/

.privacyContainer strong {
    font-family: Montserrat SemiBold;
}


/** Custom Select **/

.custom-select-wrapper {
    position: relative;
    display: inline-block;
    user-select: none;
    width: 100%;
    border-radius: .333em;
    border: solid 1px #D2DCE6;
}

.custom-select-wrapper select {
    display: none;
}

.custom-select {
    position: relative;
    display: inline-block;
}

.custom-select-trigger {
    position: relative;
	display: block;
	padding: 0em 1.4em .0em 1.4em;
	color: black;
	line-height: 3.4em;
	background: white;
	cursor: pointer;
	font-size: .9em;
	border-radius: .333em;
	font-weight: 200;
}

.custom-select-trigger:after {
    position: absolute;
	display: block;
	content: '';
	width: 0.7em;
	height: .7em;
	top: 50%;
	right: 0.9em;
	margin-top: -3px;
	border-bottom: solid .167em black;
	border-right: solid .167em black;
	transform: rotate(45deg) translateY(-50%);
	transition: all .4s ease-in-out;
	transform-origin: 50% 0;
}

.custom-select.opened .custom-select-trigger:after {
    margin-top: 3px;
    transform: rotate(-135deg) translateY(-50%);
}

.custom-options {
    position: absolute;
    display: block;
    top: 100%; left: 0; right: 0;
    min-width: 100%;
    border: solid 1px #D2DCE6;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: 0 2px 1px rgba(0,0,0,.07);
    background: #fff;
    transition: all .4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    overflow: auto;
    max-height: 15.7em;
    padding-bottom: 0;
    overflow-x: hidden;
}

.custom-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0);
    margin-top: .3em;
    z-index: 1;
}

.option-hover:before {
    background: #f9f9f9;
}

.custom-option {
    position: relative;
    display: block;
    padding: 0 1.3em;
    border-bottom: solid .167em #D2DCE6;
    font-weight: 200;
    color: black;
    line-height: 3.3em;
    cursor: pointer;
    transition: all .4s ease-in-out;
    font-size: .9em;
}

.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}

.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}

.custom-option:hover,
.custom-option.selection {
    background: #f9f9f9;
}

.float-container {
    height: 3.3em;
}

.custom-select {
    max-height: 3.1em;
}

.btn {
    max-height: 3.3em;
}

#gallery .gallery-item {
    max-height: 292px !important;
}

#gallery .gallery-caption {
    display: none;
    position: absolute;
    bottom: 0;
    left: 10px;
    color: #979da4;
    font-size: 12px;
    cursor: default;
}

#gallery .active .gallery-caption {
    display: block;
}

#gallery .icon {
    display: none;
    position: absolute;
    bottom: 1.5em;
    left: 0.5em;
}

#gallery .active .icon, #gallery .active .top_icon {
    display: block;
}

.jssort02 {
    position: absolute;
    width: 50px;
    height: 260px;
}

.jssort02 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 62px;
}

.jssort02 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort02 .w {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jssort02 .w:after {
    content: "\f00e";
    position: absolute;
    bottom: 0;
    right: 0;
    font-family: FontAwesome;
    color: #1761FF;
    font-size: 1em;
}

.jssort02 .c {
    position: absolute;
    top: 0;
    left: 0;
    width: 44px;
    height: 62px;
    box-sizing: content-box;
    _background: none;
}

.jssort02 .pav .c {
    top: 2px;
    _top: 0;
    left: 2px;
    _left: 0;
    width: 44px;
    height: 62px;
    background-position: 50% 50%;
}

.jssort02 .p:hover .c {
    top: 0;
    left: 0;
    width: 44px;
    height: 62px;
    background-position: 50% 50%;
}

.jssort02 .p.pdn .c {
    background-position: 50% 50%;
    width: 44px;
    height: 62px;
}

* html .jssort02 .c, * html .jssort02 .pdn .c, * html .jssort02 .pav .c {
    width: 44px;
    height: 62px;
}

.jssora04l, .jssora04r {
    display: block;
    position: absolute;
    width: 50px;
    height: 40px;
    font-size: 33px;
    color: #979da4;
    cursor: pointer;
    background: none;
    overflow: hidden;
    text-align: center;
}
.jssora04l {
    top: -5px !important;
    left: auto !important;
    right: auto !important;
    background-position: -16px -39px;
}

.jssora04r {
    top: auto !important;
    bottom: -5px !important;
    right: auto !important;
    background-position: -76px -39px;
}

.jssora04l:hover {
    background-position: -136px -39px;
}

.jssora04r:hover {
    background-position: -196px -39px;
}

.jssora04l.jssora04ldn {
    background-position: -256px -39px;
}

.jssora04r.jssora04rdn {
    background-position: -316px -39px;
}


.jssora04cl, .jssora04cr, .jssora04cldn, .jssora04crdn
{
    position: absolute;
    cursor: pointer;
    display: block;
    background: url(/assets/images_neu/jssor2.png) no-repeat;
    overflow:hidden;
}
.jssora04cl { background-position: -0px -30px; }
.jssora04cr { background-position: -60px -30px; }
.jssora04cl:hover { background-position: -120px -30px; }
.jssora04cr:hover { background-position: -180px -30px; }
.jssora04cldn { background-position: -240px -30px; }
.jssora04crdn { background-position: -300px -30px; }

/*--------------------------------------------------------------
# Image-Zoom
--------------------------------------------------------------*/
.zoomWindow {
    height: 27.5em !important;
    width: 55em !important
}

.zoomWindowContainer > div {
    border: .167em solid rgb(196, 215, 240) !important;
    border-radius: .417em !important;
}

/*--------------------------------------------------------------
# jQuery UI Dialog
--------------------------------------------------------------*/
.ui-widget-overlay {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.ui-dialog {
    background-color: #fff;
    color: #000;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0;
}

.ui-dialog .ui-dialog-title  {
    display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
    font-weight: 700;
    margin: .333em 0 0 0;
    z-index: 1;
}

.ui-dialog .ui-dialog-content {
    padding: 3em 1.25em .5em 1em;
    overflow: hidden;
}

.ui-button-icon-only .ui-icon {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin: -0.25em 0 0;
}

.ui-tabs .ui-tabs-nav li {
    position: relative;
    border-left: .083em solid #1761FF;
    border-top: .083em solid #1761FF;
    border-right: .083em solid #1761FF;
    padding-right: 1.667em;
}

.ui-tabs .ui-tabs-nav li:before {
    content: "";
    position: absolute;
    top: -0.083em;
    right: -0.083em;
    width: 1.667em;
    height: 1.667em;
    background-color: #fff;
    border-left: .083em solid #1761FF;
    border-bottom: .083em solid #1761FF;
    z-index: 2;
}

.ui-tabs .ui-tabs-nav li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 1.5em solid #8db7f1;
    border-right: 1.5em solid transparent;
    z-index: 3;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active:after {
    border-bottom-color: #f71616 !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    color: #8db7f1;
    font-weight: 700;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor:hover {
    color: #1761FF;
    font-weight: 700;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    color: #1761FF;
    font-weight: 700;
    cursor: default;
}

.ui-tabs .ui-tabs-panel {
    padding: 0;
}

/*--------------------------------------------------------------
# jQuery UI Accordion
--------------------------------------------------------------*/
.ui-accordion .ui-accordion-content {
    height: auto !important;
    overflow: hidden !important;
}

.ui-accordion .ui-accordion-header {
    margin: .417em 0 0 0;
}





#mcb.ads {
    background: url(http://www.formblitz.de/allgemein/anzeige_v.gif) no-repeat scroll 2px 10px #E2EBF8;
    padding: 20px 0;
}

#ad_0 {
    display: inline-block;
    padding: 10px 10px 0;
    vertical-align: top;
}

.ad-area {
    width: 300px;
    border: 2px solid #1761FF;
    border-radius: 12px;
    background-color: #fff;
}

#flashcontent {
    position: relative;
    width: 296px;
    height: 185px;
    padding: 4px 10px 0;
}


/*--------------------------------------------------------------
# ColorBox
--------------------------------------------------------------*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

#cboxOverlay{background:white;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -100px 0;}
#cboxTopRight{width:21px; height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -129px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -100px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -129px -29px;}
#cboxMiddleLeft{width:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/assets/images_neu/landingpages/elements/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-top: 53px;}
#cboxTitle{position:absolute; top:31px; left:5px; text-align:center; width:100%; color:#1761FF;}
#cboxCurrent{position:absolute; top:5px; left:58px; color:#1761FF;}
#cboxSlideshow{position:absolute; top:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; top:0; left:0; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; top:0; left:27px; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/assets/images_neu/landingpages/elements/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(/assets/images_neu/landingpages/elements/colorbox/loading.gif) no-repeat center center;}
#cboxClose{position:absolute; top:0; right:0; background:url(/assets/images_neu/landingpages/elements/colorbox/fb_controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}


/*--------------------------------------------------------------
# Helper
--------------------------------------------------------------*/
.bg-light-gray {
    background: #f6f6f6;
}

.bg-light-blue {
    background-color: #e2ecf8;
}

.bg-super-light-blue {
    background-color: #D2DCE6;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-top {
    vertical-align: top;
}

.grey-line {
    border-bottom: .167em solid #ebedee;
}

.grey-line-right {
    border-right: .167em solid #ebedee;
}

.grey-line-left {
    border-left: .167em solid #ebedee;
}

.upper {
    text-transform: uppercase;
}

.no-radius {
    border-radius: 0;
}

.bold {
    font-weight: 700;
}

.underline {
    text-decoration: underline;
}

.no-underline {
    text-decoration: none;
}

.no-underline-hover:hover {
    text-decoration: none;
}

.float-l {
    float: left;
}

.float-r {
    float: right;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.none {
    display: none;
}

.block {
    display: block;
}

.inline-block {
    display: inline-block;
}

.table {
    display: table;
}

.tableRow {
    display: table-row;
}

.tableCell {
    display: table-cell;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flexItem {
    align-self: flex-start;
}

.flexRow {
  display: flex;
}

.inline-flex  {
    display: inline-flex;
    align-items: center;
}

.threeColumns {
    column-count: 3;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.w-auto {
    width: auto;
}

.w-3 {
    width: 3%;
}

.w-4 {
    width: 4%;
}

.w-5 {
    width: 5%;
}

.w-6 {
    width: 6%;
}

.w-7 {
    width: 7%;
}

.w-8 {
    width: 8%;
}

.w-10 {
    width: 10%;
}

.w-12 {
    width: 12%;
}

.w-13 {
    width: 13%;
}

.w-14 {
    width: 14%;
}

.w-15 {
    width: 15%;
}

.w-17 {
    width: 17%;
}

.w-18 {
    width: 18%;
}

.w-20 {
    width: 20%;
}

.w-21 {
    width: 21%;
}

.w-22 {
    width: 22%;
}

.w-25 {
    width: 25%;
}

.w-26 {
    width: 26%;
}

.w-27 {
    width: 27%;
}

.w-30 {
    width: 30%;
}

.w-32 {
    width: 32%;
}

.w-33 {
    width: 33.33333333333333%;
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}

.w-45 {
    width: 45%;
}

.w-47 {
    width: 47%;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55%;
}

.w-56 {
    width: 56%;
}

.w-60 {
    width: 60%;
}

.w-62 {
    width: 62%;
}

.w-63 {
    width: 63%;
}

.w-64 {
    width: 64%;
}

.w-65 {
    width: 65%;
}

.w-66 {
    width: 66%;
}

.w-67 {
    width: 67%;
}

.w-69 {
    width: 69%;
}

.w-70 {
    width: 70%;
}

.w-75 {
    width: 75%;
}

.w-78 {
    width: 78%;
}

.w-80 {
    width: 80%;
}

.w-83 {
    width: 83%;
}

.w-85 {
    width: 85%;
}

.w-87 {
    width: 87%;
}

.w-90 {
    width: 90%;
}

.w-93 {
    width: 93%;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

html body .fs1{
    font-size: .1em;
}

html body .fs2{
    font-size: .2em;
}

html body .fs3{
    font-size: .3em;
}

html body .fs4{
    font-size: .4em;
}

html body .fs5{
    font-size: .5em;
}

html body .fs6{
    font-size: .6em;
}

html body .fs7{
    font-size: .7em;
}

html body .fs8{
    font-size: .8em;
}

html body .fs9{
    font-size: .9em;
}

html body .fs10{
    font-size: 1em;
}

html body .fs11{
    font-size: 1.1em;
}

html body .fs12{
    font-size: 1.2em;
}

html body .fs13{
    font-size: 1.3em;
}

html body .fs14{
    font-size: 1.4em;
}

html body .fs15{
    font-size: 1.5em;
}

html body .fs16{
    font-size: 1.6em;
}

html body .fs17{
    font-size: 1.7em;
}

html body .fs18{
    font-size: 1.8em;
}

html body .fs19{
    font-size: 1.9em;
}

html body .fs20{
    font-size: 2em;
}

html body .fs21{
    font-size: 2.1em;
}

html body .fs22{
    font-size: 2.2em;
}

html body .fs23{
    font-size: 2.3em;
}

html body .fs24{
    font-size: 2.4em;
}

html body .fs25{
    font-size: 2.5em;
}

html body .fs26{
    font-size: 2.6em;
}

html body .fs27{
    font-size: 2.7em;
}

html body .fs28{
    font-size: 2.8em;
}

html body .fs29{
    font-size: 2.9em;
}

html body .fs31{
    font-size: 3.1em;
}

html body .fs32{
    font-size: 3.2em;
}

html body .fs33{
    font-size: 3.3em;
}

html body .fs34{
    font-size: 3.4em;
}

html body .fs35{
    font-size: 3.5em;
}

html body .fs36{
    font-size: 3.6em;
}

html body .fs-11 {
    font-size: .8em;
}

html body .fs-12 {
    font-size: 1.04em;
}

html body .fs-13 {
    font-size: 1.1em;
}

.fs-14 {
    font-size: 1.167em;
}

.fs-15{
    font-size: 1.2em;
}
.fs-18{
    font-size: 1.5em;
}

.fs-small {
    font-size: 0.9em;
}

html body .lh-18 {
    line-height: 1.5em;
}

html body .lh-19 {
    line-height: 1.583em;
}

html body .lh-21 {
    line-height: 1.75em;
}

html body .lh-24 {
    line-height: 2em;
}

html body .lh-26 {
    line-height: 2.167em;
}

html body .lh-36 {
    line-height: 3em;
}

.p-0 {
    padding: 0 !important;
}

.p-2 {
    padding: .167em;
}

.prl-1 {
    padding-right: .083em !important;
    padding-left: .083em !important;
}

.pb-2 {
    padding-bottom: .167em !important;
}

.pl-2 {
    padding-left: .167em !important;
}

.pr-2 {
    padding-right: .167em !important;
}

.prl-2 {
    padding-right: .167em !important;
    padding-left: .167em !important;
}

.pl-3 {
    padding-left: .25em !important;
}

.pr-3 {
    padding-right: .25em !important;
}

.pr-4 {
    padding-right: .333em !important;
}

.pl-4 {
    padding-left: .333em !important;
}

.p-5 {
    padding: .417em !important;
}

.pr-5 {
    padding-right: .417em !important;
}

.pb-5 {
    padding-bottom: .471em !important;
}

.pt-2 {
    padding-top: .167em !important;
}

.pt-5 {
    padding-top: .417em !important;
}

.pl-5 {
    padding-left: .417em !important;
}

.pl-7 {
    padding-left: .583em !important;
}

.p-7 {
    padding: .583em !important;
}

.pt-7 {
    padding-top: .583em !important;
}

.p-8 {
    padding: .7em !important;
}

.p-9 {
    padding: .77em !important;
}

.p-10 {
    padding: .833em !important;
}

.p-20 {
    padding: 1.6em !important;
}

.p-25 {
    padding: 2.083em !important;
}

.p-30 {
    padding: 2.433em !important;
}

.p-40 {
    padding: 3.2em !important;
}

.p-50 {
    padding: 4em !important;
}

.pr-10 {
    padding-right: .833em !important;
}

body .pl-0 {
    padding-left: 0 !important;
}

body .pr-0 {
    padding-right: 0 !important;
}

.pl-10 {
    padding-left: .833em !important;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-1 {
    padding-top: .083em !important;
}

.pt-5 {
    padding-top: .417em !important;
}

.pt-10 {
    padding-top: .833em !important;
}

.pt-12 {
    padding-top: 1em !important;
}

.pb-10 {
    padding-bottom: .833em !important;
}

.pb-20 {
    padding-bottom: 1.667em !important;
}

.pb-25 {
    padding-bottom: 2.083em !important;
}

.pb-30 {
    padding-bottom: 2.5em !important;
}

.pb-40 {
    padding-bottom: 3.2em !important;
}

.pb-50 {
    padding-bottom: 4.167em !important;
}

.pb-60 {
    padding-bottom: 5em !important;
}

.pt-14 {
    padding-top: 1.167em !important;
}

.p-12 {
    padding: 1em !important;
}

.p-15 {
    padding: 1.25em !important;
}

.pr-15 {
    padding-right: 1.25em !important;
}

.pl-12 {
    padding-left: 1em !important;
}

.pl-13 {
    padding-left: 1.1em !important;
}

.pl-15 {
    padding-left: 1.25em !important;
}

.pt-15 {
    padding-top: 1.25em !important;
}

.pb-15 {
    padding-bottom: 1.25em !important;
}

.p-20 {
    padding: 1.667em !important;
}

.pt-20 {
    padding-top: 1.667em !important;
}

.pt-25 {
    padding-top: 2.083em !important;
}

.pr-25 {
    padding-right: 2.083em !important;
}

.pl-20 {
    padding-left: 1.667em !important;
}

.pl-25 {
    padding-left: 2.083em !important;
}

.pt-27 {
    padding-top: 2.25em !important;
}

.pt-30 {
    padding-top: 2.5em !important;
}

.pt-35 {
    padding-top: 2.971em !important;
}

.pt-40{
    padding-top: 3.2em !important;
}

.pt-45{
    padding-top: 3.75em !important;
}

.pt-50{
    padding-top: 4.167em !important;
}

.pt-60{
    padding-top: 5em !important;
}

.pl-30 {
    padding-left: 2.5em !important;
}

.pl-35 {
    padding-left: 2.971em !important;
}

.pl-40 {
    padding-left: 3.2em !important;
}

.pr-20 {
    padding-right: 1.667em !important;
}

.pr-30 {
    padding-right: 2.5em !important;
}

.pr-35 {
    padding-right: 2.971em !important;
}

.pr-40 {
    padding-right: 3.2em !important;
}

.pr-45 {
    padding-right: 3.75em !important;
}

.pr-50 {
    padding-right: 4.167em !important;
}

.pl-50 {
    padding-left: 4.167em !important;
}

.pl-60 {
    padding-left: 5em !important;
}

.mb-30 {
    margin-bottom: 2.5em !important;
}

.mb-50 {
    margin-bottom: 4.167em !important;
}

.mb-60 {
    margin-bottom: 5em !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mlr-2 {
    margin-left: .167em !important;
    margin-right: .167em !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.ml-5 {
    margin-left: .417em !important;
}

.ml-7 {
    margin-left: .583em !important;
}

.ml-10 {
    margin-left: .833em !important;
}

.ml-15 {
    margin-left:  1.25em !important;
}

.ml-20 {
    margin-left: 1.667em !important;
}

.ml-25 {
    margin-left:  2.083em !important;
}

.mt-2 {
    margin-top: .167em !important;
}

.mt--2 {
    margin-top: -.167em !important;
}

.mb-2 {
    margin-bottom: .167em !important;
}

.mb-5 {
    margin-bottom: .417em !important;
}

.mt-5 {
    margin-top: .417em !important;
}

.mt-7 {
    margin-top: .583em !important;
}

.mt--5 {
    margin-top: -.417em;
}

.mr-0 {
    margin-right: 0 !important;
}

.mr-5 {
    margin-right: .417em !important;
}

.mr-7 {
    margin-right: .583em !important;
}

.mr-10 {
    margin-right: .833em !important;
}

.mr-15 {
    margin-right: 1.25em !important;
}

.mr-20 {
    margin-right: 1.667em !important;
}

.mr-25 {
    margin-right: 2.083em !important;
}

.mr-30 {
    margin-right: 2.5em !important;
}

.mr-35 {
    margin-right: 2.971em !important;
}

.mr-40 {
    margin-right: 3.333em !important;
}

.mr-50 {
    margin-right: 4.167em !important;
}

.mt-10 {
    margin-top: .833em !important;
}

.mt--10 {
    margin-top: -.833em;
}

.mb-10 {
    margin-bottom: .833em !important;
}

.mt-15 {
    margin-top: 1.25em !important;
}

.mt--15 {
    margin-top: -1.25em !important;
}

.mb-15 {
    margin-bottom: 1.25em !important;
}

.mtb-20 {
    margin-top: 1.667em !important;
    margin-bottom: 1.667em !important;
}

.mt-20 {
    margin-top: 1.667em !important;
}

.mt--20 {
    margin-top: -1.667em;
}

.mb-20 {
    margin-bottom: 1.667em !important;
}

.mt-25 {
    margin-top: 2.083em !important;
}

.mb-25 {
    margin-bottom:  2.083em !important;
}

.mtb-30 {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
}

.mt-30 {
    margin-top: 2.5em !important;
}

.mt--30 {
    margin-top: -2.5em;
}

.mt-35 {
    margin-top: 2.971em !important;
}

.mt-40 {
    margin-top: 3.333em !important;
}

.mb-30 {
    margin-bottom: 2.5em !important;
}

.mb-34 {
    margin-bottom: 2.833em !important;
}

.mb-35 {
    margin-bottom: 2.971em !important;
}

.mb-40 {
     margin-bottom: 3.333em !important;
}

.mb-50 {
     margin-bottom: 4.167em !important;
}

.mtb-40 {
    margin-top: 3.333em !important;
    margin-bottom: 3.333em !important;
}

.mt-50 {
    margin-top: 4.167em !important;
}

.mt-60 {
    margin-top: 5.001em !important;
}

.m-0 {
    margin: 0;
}

.m-5 {
    margin: .417em !important;
}

.m-10 {
    margin: .834em !important;
}

.p-0 {
    padding: 0;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.r-5 {
    border-radius: .25em;
}

.r-10 {
    border-radius: .5em;
}

.pointer {
    cursor: pointer;
}

.defaultCursor {
    cursor: default;
}

.opaquePlaceholder::placeholder {
    opacity: 1; 
}

.scaled-7 {
    transform: scale(.7);
}

.fw400 {
    font-weight: 400;
}

.dot {
    border-bottom: dotted 2px lightgray;
}

/* Sprites */
.sprite-allgemein-pdf-doc-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -330px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-doc-xls-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -310px -1728px;
    height: 75px;
    width: 153px;
}

.sprite-allgemein-pdf-xls-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -396px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-doc-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -264px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-pdf-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -66px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-zip-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -0px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-fax-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -155px -1648px;
    height: 79px;
    width: 50px;
}

.sprite-allgemein-print-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -206px -1648px;
    height: 79px;
    width: 51px;
}

.sprite-allgemein-printer-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -258px -1727px;
    height: 79px;
    width: 50px;
}

.sprite-allgemein-online-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -257px -1648px;
    height: 79px;
    width: 51px;
}

.sprite-allgemein-xls-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -199px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 64px;
}

.sprite-allgemein-ipdf-gif{
    height: 66px;
    width: 66px;
    background: url(/assets/images_neu/sprites.png) -66px -124px no-repeat scroll;
}

.sprite-allgemein-ic-download-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -132px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.sprite-allgemein-ic-signatur1-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll 0 -1808px;
    height: 79px;
    width: 52px;
}

.sprite-allgemein-ic-signatur2-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll 0 -1808px;
    height: 79px;
    width: 52px;
}

.sprite-allgemein-ic-signatur3-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll 0 -1808px;
    height: 79px;
    width: 52px;
}

.sprite-allgemein-ic-post-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -462px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}
.sprite-allgemein-ic-online-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -206px -1728px;
    height: 79px;
    width: 51px;
}
.sprite-allgemein-directdownload-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -660px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}
.sprite-allgemein-url-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -52px -1808px;
    height: 79px;
    width: 52px;
}
.sprite-allgemein-paywithatweet-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -104px -1808px;
    height: 81px;
    width: 51px;
}

.sprite-allgemein-ppt-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -726px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}
.sprite-allgemein-epub-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -792px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}
.sprite-allgemein-abo-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -858px -124px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}
.sprite-allgemein-paywithnl-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -924px -123px rgba(0, 0, 0, 0);
    height: 66px;
    width: 66px;
}

.microsprite-allgemein-pdf-doc-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -330px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-doc-xls-gif {
     background: url("/images_neu/sprites.gif") no-repeat scroll -311px -1165px;
    display: block;
    height: 25px;
    width: 60px;
}

.microsprite-allgemein-pdf-xls-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -396px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-doc-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -264px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-pdf-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -66px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-zip-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -0px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-fax-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -306px -1088px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-print-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -331px -1088px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-printer-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -350px -1113px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-online-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -355px -1088px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-xls-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -198px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-ipdf-gif{
    background: url("/images_neu/sprites.png") no-repeat scroll -66px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-ic-download-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -132px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}

.microsprite-allgemein-ic-signatur1-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -233px -1138px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-ic-signatur2-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -233px -1138px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-ic-signatur3-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -233px -1138px;
    display: block;
    height: 25px;
    width: 25px;
}

.microsprite-allgemein-ic-post-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -462px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}
.microsprite-allgemein-ic-online-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -330px -1113px;
    display: block;
    height: 25px;
    width: 21px;
}
.microsprite-allgemein-directdownload-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -660px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}
.microsprite-allgemein-url-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -260px -1138px;
    display: block;
    height: 25px;
    width: 25px;
}
.microsprite-allgemein-paywithatweet-gif {
    background: url("/images_neu/sprites.gif") no-repeat scroll -285px -1138px;
    display: block;
    height: 25px;
    width: 25px;
}
.microsprite-allgemein-ppt-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -726px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}
.microsprite-allgemein-epub-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -792px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}
.microsprite-allgemein-abo-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -858px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}
.microsprite-allgemein-paywithnl-gif {
    background: url("/images_neu/sprites.png") no-repeat scroll -924px -95px rgba(0, 0, 0, 0);
    display: block;
    height: 29px;
    width: 29px;
}


.productArticleContainer .type_checkbox {
    margin-top: 1em;
}

.type_checkbox {
    margin-left: 0;
    padding: 0;
    font-size: 90%;
}

div.details-product-btn {
    position: absolute;
    left: 0.75em;
    top: 0.95em;
    text-decoration: none;
    font-weight: 700;
    font-size: 150%;
    width: 100%;
    color: #1761FF;
    cursor: pointer;
    z-index: 0;
}
div.details-product-btn.pwnl {
    top: 1.6em;
    font-size: 100%;
}

div.details-product-btn.nlButton {
    top: 32%;
    font-size: 124%;
}

img.details-product-img {
    cursor: pointer;
    width:100%;
}

div.list-product-btn {
    font-weight: 700;
}

.pay_with_newsletter_popup {
    position: fixed;
    width: 35%;
    padding: 10px;
    font-size: 100%;
    display: none;
    z-index: 100000;
    top: 5%;
    left: 30%;
    right: 50%;
    color: black;
    background-color: white;
    border: 2px solid 979da4;
    text-align: left;
    overflow: auto;
    max-height: 90vh;
}

.hiddenOverflow {
    overflow: hidden;
}

.hiddenTextOverflowEllipsis {
    text-overflow: ellipsis;
}

.head_left {
    float: left !important;
}

.head_claim {
    background-color: #e2ecf8;
    color: #1761FF;
    text-align: center;
    line-height: 2.083em;
    min-width: 980px;
    max-width: 2048px;
    margin: auto;
}

.head_wrapper {
    padding: 0.5em 0 0.25em 0;
    width: 77.5%;
    margin-left: 22.5%;
}

.head_icon {
    font-size: 200%;
}

.head_text {
    font-weight: bold;
    font-size: 150%;
    padding-top: 0.1em;
}

.head_underline {
    font-weight: bold;
    font-size: 80%;
    padding: 0 0.3em;
}

.head_arrow {
    color: #5588CC;
    font-weight: bold;
    font-size: 150%;
}

.mini-basket {
    width: 5.5%;
    display: inline-block;
    float: right;
    padding-left: .5em;
}

.mini-basket-link {
    text-decoration: none;
}

.mini-basket-anchor {
    position: relative;
    float: left;
    color: #1761FF;
    text-align: right;
    margin-top: 1.4em;
    white-space: nowrap;
}

.mini-basket-icon {
    top: 0.4em;
    width: 2.3em;
}

.mini-basket-number {
    border-radius: 50%;
	padding: .25em;
	background: #1761FF;
	color: white;
	text-align: center;
	font: .7em Arial, sans-serif;
	width: 1.7em;
	position: absolute;
	right: -.5em;
	top: 0em;
	font-weight: bold;
}

.mobile {
    margin-right: 50%;
    width: 50%;
}

.mobile img {
    width: 100%;
}

.frontpage-banner {
    width: 100%;
}

.ekomi_icon {
    max-width: 70px;
    max-height: 70px;
    width: 70px;
    height: 70px;
}

#abo_info_text {
    cursor: help;
}

#abo_info_icon {
    color: #1761FF;
}

#abo_info_div {
    display: none;
    position: absolute;
    top: 2em;
    font-size: 90%;
    background-color: #fcfcfc;
    z-index:999999;
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.14);
}

.mw75 {
    max-width: 75%;
}

#upselling_popup_background {
    z-index: 999;
    height: 100%;
    position: fixed;
    top: 0px;
    display: none;
    opacity: .5;
}

#upselling_popup {
    z-index: 999;
    height: 100%;
    position: fixed;
    top: 0px;
    display: none;
}

.startpageTextImg {
    margin-top: 1em;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/*@media (min-width: 1905px) {
    .generalWrapper, body .navbar .nav > li.dropdown > .dropdown-menu , div#product_bar {
        max-width: 1905px;
    }
}*/

@media screen and (max-width: 1200px) {
    #g-recaptcha-footer-container {
	    left: -12em !important;
	    top: -2em !important;
    }
}

@media screen and (max-width: 1050px) { 
    
    .wrapper , .contentPadded, .dropdown-menu {
        padding: 0 5em;
    }
    
    .newsFrontpageMainContainer .w-30 {
        width: 47%;
        margin-top: 10px;
    }
    
    .smallFooter, body .generalWrapper, div#product_bar, body .wrapper, footer, #upselling_popup {
        min-width: 0;
        width: 100%;
    }
    
    body #g-recaptcha-footer-container {
	    left: -17em !important;
	    top: -2.1em !important;
	}
    
    .backgroundWomanNl {
	    background-position: -16em 0em;
	}
    
    body #g-recaptcha-footer {
        width: 80%;
    }
    
    body .btn {
        max-height: none;
    }
    
    body .product-grid .product-img {
        height: auto;
    }
    
    body .fileTypeInBox.fileTypeInBoxTwoElements {
	    top: -33%;
	}
	
	body .fileTypeInBox {
	    top: 20%;
	    right: 0;
	}
    
    body .myfb-blue {
        margin-left: 0 !important;
    }

    #imgContainerUg span, #imgContainerBackupDvd span {
        font-size: 1.7em;
    }
    
    body .search-form button {
        font-size: .9em;
    }
    
    .imageContainer .icon, #show-gallery, .preview-gallery, #bigBannerRight {
        display: none;
    }
    
    .input-voucher, .btn-voucher, .cat-list-container li, .cat-list-column ul {
        margin: 0;
    }
    
    .cat-list-column {
        width: 30%;
    }
    
    .catDropdown.w-20 {
        width: 30% !important;
    }
    
    .productslider .slides {
        padding: 0;
    }
    
    .catTopProducts .main-list-title {
        font-size: 1em;
    }
    
    .main-tops {
        padding: 0.3em;
    }
    
    .navbar .nav > li.dropdown > .dropdownMenu6 {
        margin-left: -5.1em;
    }
    
    #quickreg_form label {
        font-size: .9em;
    }
    
    #payment-step .w-5, #cc-form .w-5 {
        width: 5%;
    }
    
    .zoomWindow {
        height: 50vh !important;
        width: 50vw !important;
    }
    
    .product-title {
        font-size: 1.9em;
    }
    
    body .recessionsLogged {
        width: 20%;
        font-size: 0.8em;
        padding-top: 1.5em;
    }
    
    body .recessions {
        width: 20%;
    }
    
    .login-menu input {
        width: 80%;
    }
    
    
    body .promotionContainer {
        top: 0;
    }
    
    .productslider .slides > li {
        width: 16%;
    }
    
    .sprite-allgemein-ic-download-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -67px -63px rgba(0, 0, 0, 0);
        height: 32px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-ipdf-gif {
        height: 32px;
        width: 32px;
        background: url(/assets/images_neu/sprites.png) -34px -63px no-repeat scroll rgba(0, 0, 0, 0);
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-pdf-gif {
        height: 34px;
        width: 32px;
        background: url(/assets/images_neu/sprites.png) -34px -62px no-repeat scroll rgba(0, 0, 0, 0);
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-doc-gif {
        background: url(/assets/images_neu/sprites.png) no-repeat scroll -134px -63px rgba(0, 0, 0, 0);
        height: 33px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-xls-gif {
        background: url(/assets/images_neu/sprites.png) no-repeat scroll -101px -63px rgba(0, 0, 0, 0);
        height: 33px;
        width: 33px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-zip-gif {
        background: url(/assets/images_neu/sprites.png) no-repeat scroll -1px -63px rgba(0, 0, 0, 0);
        height: 33px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-directdownload-gif {
        background: url(/assets/images_neu/sprites.png) no-repeat scroll -334px -62px rgba(0, 0, 0, 0);
        height: 34px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-ic-post-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -467px -62px rgba(0, 0, 0, 0);
        height: 34px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
    }
    
    .sprite-allgemein-ppt-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -367px -61px rgba(0, 0, 0, 0);
        height: 34px;
        width: 33px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-epub-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -400px -62px rgba(0, 0, 0, 0);
        height: 34px;
        width: 33px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-abo-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -434px -63px rgba(0, 0, 0, 0);
        height: 33px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-pdf-doc-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -167px -62px rgba(0, 0, 0, 0);
        display: block;
        height: 34px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .sprite-allgemein-pdf-xls-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -200px -62px rgba(0, 0, 0, 0);
        display: block;
        height: 34px;
        width: 32px;
        background-size: 500px;
        transform: scale(1.2);
        left: 18%;
        position: relative;
        display: block;
    }
    .sprite-allgemein-paywithnl-gif {
        background: url("/images_neu/sprites.png") no-repeat scroll -467px -62px rgba(0, 0, 0, 0);
        display: block;
        height: 34px;
        width: 34px;
        background-size: 500px;
        transform: scale(1.45);
        left: 18%;
        position: relative;
        display: block;
    }
    
    .claim-old {
        font-size: 1.3em;
    }
    .shoppingCartWrapper .pt-20.pr-10 .w-50 {
        width: 48% !important;
    }
    body .pay_with_newsletter_popup {
        width: 50%;
        display: none;
        position: fixed;
        top: 5%;
        left: 27%;
        max-width: 1000px;
    }
    .big-width-free {
        font-size: 3em !important;
    }
    .product-grid .gridBoxBordered {
        min-height: 12em;
        padding-top: 3%;
        padding-bottom: 3%;
    }
    
    body .search-form {
        width: 49%;
    }
    
    .navbar .nav > li {
        font-size: .9em;
    }
    
    div[data-shopname*="formblitz.de"] {
        transform: scale(.6);
        transform-origin: bottom right;
    }
    
    body .recessionsLogged {
        margin-right: 2%;
    }
    
    .usMap {
        transform: scale(.5);
        transform-origin: top left;
    }
    
    body .triangle > li::before {
        font-size: 1em;
    }
    
    body .check-box > ul > li {
        font-size: 0.9em;
    }
    
    body .fullProdBarTitle {
        font-size: 1.5em;
    }
    
    .fileIcon {
        width: 25%;
    }
    
    .full-bar .fileIcon {
        width: 18%;
        vertical-align: top;
    }
    
    .downloadButtonRed {
        font-size: 1em;
    }
    
    .sslCertImg.float-l.w-5.text-right.pr-5 {
        width: 5%;
    }
    
    .float-l.w-10.type_checkbox {
        width: 15%;
    }
    
    html body .checkout .sslZertImgShopKart {
        width: 5%;
    }
    
    body .addToCartJsText {
        white-space: normal;
    }
    
    body #newsletterFooterPopUp {
        margin-top: 5em;
    }
}

@media screen and (max-width: 900px) {
    .softwareInfoContainer .dot {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #newsletterFooterPopUp, #naviNewsletterIcon {
        display: none;
    }
    
    .productContainer .pr-15.relative.hiddenOverflow {
        padding-top: 2%;
    }
    
    .imageContainer {
        width:100%;
    }
    
    .productArticleContainer {
        width: 40%;
    }
    
    .main-tops > li {
        width: 49%;
    }
    
    .navbar .nav > li {
        font-size: .8em;
    }
    
    #big-form input[type="text"], #big-form input[type="email"], #big-form input[type="url"], #big-form input[type="tel"], #big-form input[type="password"] {
        width: 100%;
    }
    
    .productslider .slides > li .flex-caption {
        padding: 0;
    }
    
    body .product-desc .check > li {
        min-height : 0;
    }
    body .titleSubCategories {
        margin: 0;
    }
    
    body .recessionsLogged {
        font-size: 0.7em;
    }
    
    .search-form input {
        width: 79%;
    }
    
    input[type=checkbox] {
        -ms-transform: scale(1.1); /* IE */
        -moz-transform: scale(1.1); /* FF */
        -webkit-transform: scale(1.1); /* Safari and Chrome */
        -o-transform: scale(1.1); /* Opera */
    }
    
    body .check-box > ul > li {
        font-size: 0.6em;
    }
    
    .tableCell .big-price {
        font-size: 3em !important;
    }
    
    .tableCell .small-price, .tableRow .currency  {
        font-size: 1.5em;
    }
    
    body .fullProdBarTitle {
        font-size: 1em;
    }
    
    .startPageBigTitle.content-title {
        font-size: 44px;
        font-family: Montserrat SemiBold;
    }
    
}