/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Forms
	#Misc */

/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

table.multi-column tbody tr td { vertical-align: middle;padding-left: 5%; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol { list-style: none; }

table { border-collapse: collapse;border-spacing: 0;font-weight: 100; }

table.multi-columns { width: 100%; margin: 0px; padding:0px; letter-spacing: 0.05em; }
table.multi-columns tr { padding:0.5em; background-color: transparent; border-bottom: 1px solid #6abfb1; }
table.multi-columns th { padding:0.5em; font-weight: 100; text-align:left; border-bottom: solid 1px; text-transform: uppercase; font-size:1em; vertical-align: bottom; line-height:1.1em; color: #6abfb1; }
table.multi-columns td { padding:0.5em; font-weight: 100; font-size: 0.9em; line-height:1.1em; }
table.multi-columns a { font-size:1em; line-height: 1.1em;}
table.multi-columns p { font-size:1em; }
table.multi-columns div { font-size:1em; }
table.multi-columns span { font-size: 1em; }
table.multi-columns strong { font-size: 1em; }
table.multi-columns h5 { margin: 0em; }

/* #Basic Styles
================================================== */
/*
body {
    background-color: #ededed;
}
/* #Typography
================================================== */
.subheader { color: #000000; }

em { font-style: italic; }

strong { font-weight: 300;color: #000000; }

small { font-size: 80%; }

hr { border: dotted #CCCCCC;border-width: 1px 0 0;clear: both;margin: 10px 0 10px;height: 0;padding-top: 10px; }

hr.basketHR{
 border: solid #6abfb1;
 border-top-width: medium;
 border-right-width: medium;
 border-bottom-width: medium;
 border-left-width: medium;
 border-width: 1px 0 0;
 clear: both;
 margin: 10px 0 10px;
 height: 0;
 padding-top: 10px;
}

/*line-height: inherit;*/
/* #Lists
================================================== */
/* #Images
================================================== */
img.scale-with-grid { max-width: 100%;height: auto;border-radius: 50%; }

/* #Buttons
================================================== */
.remove_field { background: #6abfb1;width: 118px;height: 25px;line-height: 24px;border: 1px solid #ffffff;color: #ffffff;display: block;font-weight: 100;text-decoration: none;text-shadow: 0 0px rgba(255, 255, 255, .75);cursor: pointer;padding: 3px;text-align: center;float: left;margin-left: 21px; }

.clearButton { background: #6abfb1;width: auto;border: 1px solid #ffffff;color: #ffffff;display: inline-block;font-weight: 100;text-decoration: none;text-shadow: 0 0px rgba(255, 255, 255, .75);cursor: pointer;line-height: normal;padding: 10px; }

.clearButton a { color: #FFF;text-decoration: none; }

/* #Forms
================================================== */
#cwebsite, #cwebsiteinfo{ display:none; }

form { font: 14px 'Ubuntu', sans-serif;line-height:1.6em; }

fieldset { margin-bottom: 1px; }

input[readonly] { background: #e4e4e4 !important; }

input[type="text"], input[type="tel"], input[type="password"], input[type="email"], input[readonly="readonly"], textarea { font-weight: 100;padding: 20px 8px 8px 8px;outline: none;color: #000000;margin: 0 0 12px 0;width: 45.3%;display: block;background: #fff;border-radius: 0px;border: 1px solid #8aadbd;border-radius: 5px; }

.quantity, .quantity-basket {
 position: relative;
}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button
{
 -webkit-appearance: none;
 margin: 0;
}

input[type=number]
{
 -moz-appearance: textfield; font: 14px 'Ubuntu', sans-serif; font-weight: 100; color: #014f70;
}

.quantity input, .quantity-basket input {
 width: 96px; height: 36px; line-height: 1em; float: left;
 display: block;
 padding: 0;
 margin: 0;
 border: 1px solid #eee;
 text-align:center;
}

.quantity input:focus, .quantity-basket input:focus {
 outline: 0;
}

.quantity-button {
 position: relative;
 cursor: pointer;
 border: 1px solid #2e8bc0;
 width: 30px;
 height: 36px;
 text-align: center !important;
 color: #014f70;
 line-height: 1.65em;
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%);
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 -o-user-select: none;
 user-select: none;
 float:left;
 font-size: 19px !important;
}

.quantity-button.quantity-up, .quantity-button.quantity-up-basket {
 position: absolute;
 left:96px;
}

.quantity-button.quantity-down, .quantity-button.quantity-down-basket {
 position: absolute;
 left:31px;
}

select { font-weight: 100;padding: 20px 8px 8px 8px;outline: none;color: #000000;margin: 0 0 12px 0;width: 45.3%;display: block;background: #fff;border-radius: 5px;border: 1px solid #8aadbd;-moz-appearance: none;-webkit-appearance: none;appearance: none; }

span.arrow { position: relative;top: -25px;right: 60px;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-team { position: relative;top: 25px;right: -290px;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-header { position: fixed;top: 25px;right: 10px;left: 30px;float: left;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-submenu { position: relative;top: -20px;right: 35px;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-shopping { position: relative;top: -20px;right: -85%;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-footer { position: relative;top: -25px;right: 60px;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-easyship { position: relative;top: -35px;right: 57%;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-payment { position: relative;top: -35px;right: 20px;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-article { position: relative;top: -25px;right: 10%;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

span.arrow-upgrade { position: relative;top: -35px;right: 3%;float: right;width: 0;height: 0;border-style: solid;border-color: #808080 transparent transparent transparent;border-width: 6px;z-index: 5;pointer-events: none; }

button.button.primary:hover, a.button.primary:hover, button.primary:hover, input#btnLogin:hover, button.button.primary.slider:hover, input.button.primary.slider:hover, input.button.primary:hover, #btnGotoCheckout:hover, #btnBecomeMember:hover{ background-color: #00202d;border: none;color: #fff !important; }

input#btnLogin, input#submitbutton, .button.primary, input#saveIt, input#savepos, input#btnChangeAbo, input#btnFill { -webkit-appearance: none;-moz-appearance: none;appearance: none;border-radius: 0px;-moz-border-radius: 0px;-webkit-border-radius: 0px; }

input#easItems[] { min-width: 37px; }

button#mehr:hover, a.button:hover, input#saveIt:hover, input#savepos:hover, input#register:hover, input#btnFill:hover { background-color: #358d83;border-color: #358d83; }

#btnGotoCheckout:hover, #btnBecomeMember:hover{ background-color: #1f5678;border: 2px solid #1f5678; }

select.minimal { -webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;background-size: 11px; }

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { border: 1px solid #8aadbd;color: #000000;-moz-box-shadow: 1px 1px 3px #8aadbd;-webkit-box-shadow: 1px 1px 3px #8aadbd;box-shadow: 1px 1px 3px #8aadbd; }

input:read-only{ color:#a9a9a9; }

textarea { font-weight: 100 !important; min-height: 60px; font: 14px 'Ubuntu', sans-serif; line-height:1.6em;  }

label, legend { display: block;width: 50%;float: left;margin-top: 14px; }

input[type="checkbox"] { display: inline; }

input[type="submit"], input[type="button"], .button { background-color: #2e8bc0;border: 2px solid #2e8bc0;color: #fff !important;font-size: 0.9em;padding: 0.8em 1em;text-decoration:none;text-transform: uppercase;cursor: pointer;letter-spacing: 0.1em; }

a.button:hover { text-decoration: none;  }

.button.primary { background-color: #1f5678;color: white !important; border: 2px solid #1f5678;  }

.button.primary.header{ background-color: #1f5678;color: white !important;font-size: 0.9em;padding: 0.8em 1.5em;text-decoration: none;text-transform: uppercase;cursor: pointer;letter-spacing: 0.1em;float:none;width:auto; }

.button.secondary { background-color: transparent;border: 2px solid white;color: white !important; }

.basketdropdown { cursor:pointer;padding: 0.6em 1em;width:100%;margin-bottom:-1em;text-align: center !important;text-decoration:none;font-size:14px !important;font-style:normal;letter-spacing:0.1em; background-color: #1f5678;color: white !important; border: 1px solid #1f5678; text-transform:uppercase; }
.basketdropdownsecondary { cursor:pointer;padding: 0.6em 1em;width:100%;margin-bottom:1em;text-align:center !important;text-decoration:none;font-size:14px !important;font-style:normal;letter-spacing:0.1em; background-color: #2e8bc0;color: white !important; border: 1px solid #2e8bc0; text-transform: uppercase; }
.languageselectbar-button { cursor:pointer;padding: 0.1em 0.6em !important;width:115px;margin-bottom:0em;text-align:center !important;text-decoration:none;font-size:12px !important;font-style:normal;letter-spacing:0.1em; background-color: #2e8bc0;color: white !important; border: 0px !important; text-transform: uppercase; }
.languageselectbar-text { text-align:left; font-size:11px; color:#ffffff; line-height:15px; }
#selectLang, #selectCountry{
 font-weight: 100;
 padding: 5px;
 outline: none;
 color: #1f5678;
 margin: 0 5% 0 5%;
 width: 36%;
 display: block;
 background: #fff;
 border-radius: 0px;
 border: 0px;
 -moz-appearance: none;
 -webkit-appearance: none;
 font-size:12px;
 appearance: none;
 float:left;
 background-image: url('/graphik/btn/sort-solid.svg');
 background-position: calc(100% - 10px) calc(6px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.8em;
 background-size: 9px;
 background-repeat: no-repeat;
}
#btnGotoShopBack:hover{
  background-color: #00202d;color: white !important; border: 1px solid #00202d;
 }
#btnGotoCheckout:hover{
 background-color: #4ca99c;color: white !important; border: 1px solid #4ca99c;
}
label span, legend span { font-weight: 100;color: #000000; }

.inputLogin { max-width: 330px;width: 330px; }

.infoschweiz { position: relative;float: left;text-align: center;margin-top: 2em;font-size: 0.8em; }

/* #Misc
================================================== */
.remove-bottom { margin-bottom: 0 !important; }

.half-bottom { margin-bottom: 10px !important; }

.add-bottom { margin-bottom: 20px !important; }

.bold { font-weight: 500; }

.underline{ text-decoration: underline !important;cursor: pointer; }

.increaseSize{ font-size:1.2em; }

.boni { white-space:nowrap;width:25%;padding:0;margin:0;margin-top:10px;margin-bottom:5px;float:left;text-transform: uppercase;letter-spacing: 0.1em;font-size: 0.9em;cursor:pointer; }

.infoField { color: #a30e18;margin-top: 0.1em;margin-bottom: 0.5em;margin-left: 2%;margin-right: 0%;width: 86%;padding: 0px;display: none;font-size: 0.9em;line-height: 1.3em; }

#overlayer{ position: fixed;top: 0px;left: 0px;overflow: hidden;display: none;z-index: 1199;background-color: rgba(0,0,0,0.35);width:100%;height:100%;text-align: center;cursor:pointer; }

#overlayerIframe{ background-color: #FFFFFF;max-width:1020px;width: 97%;height: 75%;-moz-box-shadow: 1px 1px 3px #999;-webkit-box-shadow: 1px 1px 3px #999;box-shadow: 1px 1px 3px #999;overflow: auto; }

#overlayerCloseDiv{ max-width:1020px;width: 97%;height: 100%;z-index:2100; }

.overlayerCloseButton{ background-color: rgba(255,255,255,0.6);background-size: 44px 152px;cursor: pointer;height: 36px;position: absolute;margin-left: -24px;top: -10px;width: 36px; }

#overlayerFancybox{ position: fixed;top: 0px;left: 0px;overflow: hidden;display: none;z-index: 2000;background-color: rgba(255,255,255,0.6);width:100%;height:100%;text-align: center;cursor:pointer; }

.cntCookie{ background: #a30e18;bottom: 0px;color: #fff;text-align: center;font-size: 13px;left: 0;padding: 15px 0 0;position: fixed;right: 0;z-index: 99;display: none; }

.cntAusfall{ background: #a30e18;bottom: 0px;color: #fff;text-align: center;font-size: 13px;left: 0;padding: 7px 0 0;position: fixed;right: 0;z-index: 4000; }

.cntAusfall div{ font-size:13px;margin-bottom:5px; }

.cntAusfall p{ font-size:13px; }

.cntAusfallButton{ position:fixed;border: 1px solid #fff;background-color:#fff;padding: 0px 20px 0px 20px;color: #000000;font-size:11px;float: right;cursor:pointer;right:4px;bottom:3px; }

.cntDemo{ background: #a30e18;top: 0px;color: #fff;text-align: center;font-size: 14px;left: 0;padding: 5px;position: fixed;right: 0;z-index: 4000; }

.cntDemo a{ color: #fff !important; font-size:14px;}

.cntLangCountry{ background: #1f5678;top: 0px;color: #fff;text-align: center;font-size: 14px;left: 0;padding: 5px;position: fixed;right: 0;z-index: 4000; }

.cntLangCountry a{ color: #fff !important; font-size:14px;}

#zendeskRequest{ position: fixed;right:13px;bottom: 10px;width: 90%;max-width: 380px;height: 290px;padding: 0;background: #ffffff;display:none;z-index:1000; }

#closezendeskRequest{ position: relative;right:15px;top:-15px;background-size: 44px 152px;height:36px;width:36px;cursor:pointer;margin-bottom: -30px; }

main{ background-color: #fcfcfc; }

main a { text-decoration: none;color: #014f70;letter-spacing: 0; }

main a:link{ color: #014f70; }

main a:visited{ color: #014f70; }

.popupverweis:hover, .popupverweis-white:hover { cursor: pointer;color: #a30e18; }

.popupverweis { color: #000; }

.popupverweis-white { color: #fff; }

main a:hover{ color: #014f70;text-decoration: underline; }

footer { background-color: #ffffff;/*padding-top: 50px;text-transform: uppercase;*/ }

footer.center{ background-color:#ededed; }

footer #backoffice-footer-menu{ background-color:#ededed; }

main #cntBottom{ text-transform: uppercase; }

.menuActive { color: #2e8bc0 !important; }

main #cntBottom nav li a { color: #014f70;font-weight: 400;font-size: 16px;font-family: Ubuntu Medium, sans-serif; }

main #cntBottom li{ float:left;margin-right:16px;margin-left:0;text-transform: uppercase; }

#infodiv{ width:100%;background-color:#6abfb1;color:#ffffff;padding:2em;margin-bottom:1em;text-align: center; }

#errordiv{ width:100%;background-color:#a30e18;color:#ffffff;padding:2em;margin-bottom:1em;text-align: center; }

.errordiv{ width:100%;background-color:#a30e18;color:#ffffff;padding:2em;margin-bottom:1em;text-align: center; }

/* AVATAR VIEW START */
.avatar-view { position: relative;width: 120px;height: 310px; }

.avatar-view.portrait { height: 160px;width: 90px;overflow: hidden;margin: 0;padding: 0;margin-top: -50px;margin-bottom:20px; }

.avatar-view.medium{ height:270px;width:90px; }

.avatar-view img { position: absolute;height: 300px;left: 0px; }

.settingsCenterDiv{ width: 100%;max-width: 800px;min-height: 170px;vertical-align: middle;height:500px; }

.settingsAvatarDiv{ margin-top:-500px;margin-right: 20%;float:right;width:120px; }

.whiteGround{ height:auto;min-height:550px;margin-bottom:50px;padding:2%;background-color: #ffffff;-moz-box-shadow: 1px 1px 3px #999;-webkit-box-shadow: 1px 1px 3px #999;box-shadow: 1px 1px 3px #999;position:relative;padding-top: 1.8em; }

.whiteGroundBoniDetail{ position:absolute;bottom:10px;text-align:center;width:100%; }

.whiteGroundBoniDetail div{ width:33.33%;float:left;height:32px; }

.whiteGroundBoniDetail img{ padding-left:20px;padding-right:20px; }

.whiteGroundLogin {
 border:1px solid #cfcfcf; height:auto;padding:5%;background-color: #ffffff;
 -moz-box-shadow: 4px 4px 4px -2px #999;-webkit-box-shadow: 4px 4px 4px -2px #999;box-shadow: 4px 4px 4px -2px #999;
 position:relative; width:80%; margin:10%; min-height:390px;}

.whiteGroundLogin p{margin-bottom:1em;}
.whiteGroundLogin h4{
 font-weight:100 !important;
 text-decoration: none !important;
 font-size:19px;
 margin:0;
 padding:0;
 letter-spacing:0;
 width:100%;
}

.idkedtBorder{ border:solid 1px #CCCCCC;padding:7px;/* 5 */height:30px;/* 25 */margin-bottom:15px; }

.headerTextBig{ text-transform: uppercase;font-weight: 400;letter-spacing: 0.1em;line-height: normal;margin: 0;padding: 0;font-size: 1.5em;float:left; }

.headerTextSmall{ text-transform: none;margin: 0;padding: 0;font-size: 13px;float:left;margin-left:15px;color: #014f70; }

.headerTextSmall p { text-transform: none;font-size: 13px;margin: 0; }

.headerTextSmall a { text-transform: none;font-size: 13px;margin: 0; }

.twoCols{ min-width:270px;width: 45%;margin: 2.5%;float:left; }
#last5_left, #last5_right { width: 35%; }
#last5_left { margin-left: 12.5%; }
#last5_left > div, #last5_right > div { padding-left: 20%; }

.colorgreenLabel { color: #80b3ad; }

.colorgreenLabelBackground { background-color: #80b3ad; }

.colorredLabel { color: #a30e18; }

.colorredLabelBackground { background-color: #a30e18; }

.colorblueLabel { color: #007ab1; }

.colorblueLabelBackground { background-color: #007ab1; }

.coloraffiliateLabel { color: #b1ab00; }

.coloraffiliateLabelBackground { background-color: #b1ab00; }

.colormemberLabel{ color: #8aaebe; }

.colormemberLabelBackground{ background-color: #8aaebe; }

.colorcustomerLabel{ color: #999999; }

.colorcustomerLabelBackground{ background-color: #999999; }

.letterspaceupper{ letter-spacing: 0.1em;text-transform: uppercase; }

.front-page #boni-slider-dots { margin-bottom: 30px; }

.front-page #boni-slider-dots .slick-dots { position: relative;bottom: 0; }

.front-page #boni-slider { margin-bottom: 20px;height: 270px; }

.front-page #boni-slider .slick-list, .front-page #boni-slider .slick-track { height: 100%; }

.front-page #boni-slider .slick-next { right: 25px; }

.front-page #boni-slider .slick-prev { left: 25px;z-index: 1;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }

.front-page #boni-slider .slick-slide { position: relative;width: 350px;background-size: cover;background-position: center;display: inline-block;margin: 0 5px;color: white;text-align: center; }

.front-page #boni-slider .slick-slide .inner { width: 100%;height: 100%;padding: 10%;box-sizing: border-box;padding-top: 21%; }

.front-page #boni-slider .slick-slide .inner p { margin-top: 10px;font-size: 1.15em;line-height: 1.15em;color: #ffffff; }

.front-page #boni-slider .slick-slide .inner h4 { margin-top: 10px;font-size: 1.25em;line-height: 1.25em;color: #ffffff; }

.front-page #boni-slider .slick-slide .inner table, .front-page #boni-slider .slick-slide .inner tr, .front-page #boni-slider .slick-slide .inner th, .front-page #boni-slider .slick-slide .inner td{ color: #ffffff; }

.front-page #boni-slider .slick-slide .inner .tqv { position: absolute;bottom: 10px;transform: translateX(-50%);left: 50%;font-size: 1.15em;margin: 0; }

.front-page #boni-slider .slick-slide .inner .boni { position: absolute;bottom: 10px;transform: translateX(-50%);left: 50%;font-size: 1.15em;margin: 0; }

.front-page #boni-slider .slick-slide .inner .tqv { position: absolute;transform: translateX(-50%);left: 50%;font-size: 1.15em;margin: 0;padding-bottom: 30px;padding-left: 7%;padding-right: 7%;width: 86%;text-align:center; }

#dashboard-head-slider-dots { margin-bottom: 30px; }

#dashboard-head-slider-dots .slick-dots { position: relative;bottom: 0; }

#dashboard-head-slider { margin-bottom: 0px;white-space: nowrap; }

#dashboard-head-slider .slick-list, #dashboard-head-slider .slick-track { height: 100%;width: auto !important; }

#dashboard-head-slider .slick-next { right: 25px; }

#dashboard-head-slider .slick-prev { left: 25px;z-index: 1;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg); }

#dashboard-head-slider .slick-slide { position: relative;background-size: cover;background-position: center;display: inline-block;margin: 0 5px;color: white;text-align: center;text-shadow: none;padding:1%; }

#dashboard-head-slider .slick-slide .inner { width: 100%;height: 100%;padding: 0;margin:0;box-sizing: border-box; }

#dashboard-head-slider .slick-slide .inner p { margin-top: 10px;font-size: 1.15em;line-height: 1.15em;color: #000000; }

.esaAmount { min-width: 37px; }

.progressBar{ width:100%;background-color: rgba(255,255,255,0.3);height:3px; }

.progressBarPlan{ width:100%;background-color: rgba(0,0,0,0.3);height:1em; }

.myProgressPlan{ width:0;height:1em; }

.progressBarPlan{ width:100%;background-color: rgba(0,0,0,0.3);height:1em; }

.myProgressPlan{ width:0;height:1em; }

.myProgress{ width:0;background-color: rgba(255,255,255,1);height:3px; }

.threeCols{ width:30.33%;margin: 1.5%;min-width:230px;float:left; }

.threeColsZero{ width:33.33%;margin: 0;min-width:230px;float:left; }

.smallTextGrey{ font-size:0.8em;color: #999999;letter-spacing: 0; }

.smallTextGrey a{ letter-spacing: 0; }

.greyTextColor{ color: #999999; }

.container-dashboard-top{ width:100%;padding:2%;padding-top: 0;margin-top: -5px;margin-left: 0;margin-right: 0; }

.container-dashboard-top .colorblueLabel{ margin-bottom:0.5em;margin-top:0.5em; }

.userSignBlank { font-size: 1em;font-weight: 100;line-height: 21px;color: #ffffff;width: 21px;height: 21px;border-radius: 21px;background-color: transparent;text-align: center; }

.EasyWarning{ background-color:orange;font-family:Helvetica;font-size:1em; }

.EasyActive{ background-color:#7ba421;font-family:Helvetica;font-size:1em; }

.EasyInactive{ background-color:#a30e18;font-family:Helvetica;font-size:1em; }

.EasyCancelled{ background-color:#ededed;font-family:Helvetica;font-size:1em; }

.EasyNever{ display:none;font-family:Helvetica;font-size:1em; }

.greyScale{ -webkit-filter: grayscale(100%);filter: grayscale(100%);opacity: 0.3;filter: alpha(opacity=30); }

#tabs-5 h5, #tabs-5 h1, #tabs-5 h4, #treeviewinfobox h5, #treeviewinfobox h1, #treeviewinfobox h4{ margin:0;padding:0;line-height:1.4em; }

#tabs-5 h5, #treeviewinfobox h5{ text-transform: none; }

.treeHalf{ width:48%;margin-left:1%;margin-right:1%;float:left;padding:0; }

.treeQuater{ width:23%;margin-left:1%;margin-right:1%;float:left;padding:0; }

.treeTop{ width:100%;padding:0; }

.detaillink:hover { color: #014f70;text-decoration: underline; }

.detaillink:link, .detaillink { color: #014f70; }

/* DASHBOARD TABLE DEFINITIONEN */
.table-5ebenen table, .table-5ebenen tr, .table-5ebenen td{ vertical-align: top;font-size:0.95em;line-height:1.3em;text-align:center; }

.table-5ebenen td{ padding:5px; }

.table-5ebenen div{ margin-top: 2px; }

/* DASHBOARD TABLE DEFINITIONEN ENDE */
.container-popup{ width:100%;margin:2%;padding:0; }

.container-popup-headline-h1 { color: #ffffff;text-align: center;padding: 0.8em;margin: 0; }

.container-popup-close { position: absolute;right: 0.5em;top: 0.5em; }

.container-popup.menu{ width:50%;min-width:460px;position:relative;float:right;margin-top:0;z-index:1; }

.container-popup.dropdown1 { position:absolute;left:50%;z-index:99;width:25%;background-color:#efeeee;margin-top:5px;display:none;margin-left:-13px;text-align:center;cursor:pointer; }

.container-popup.dropdown2 { position:absolute;left:75%;z-index:99;width:25%;background-color:#efeeee;margin-top:5px;display:none;margin-left:-13px;text-align:center;cursor:pointer; }

.container-popup.euro{ position:absolute;width:96%;margin:0;margin-top:30px;padding:0; }

.container-popup.avatar{ position:absolute;padding:0;margin:0;margin-top:120px;width:96%; }

.container-popup.avatar.unilevel{ margin-top:60px; }

.container-popup.details{ position:absolute;top:230px;margin:0;padding:0;width:96%; }

.container-popup.details.unilevel{ position:absolute;top:220px;margin:0;padding:0;width:96%; }

.container-popup.table{ width:96%;max-width:750px; }

.container-popup.table.unilevel{ width:96%;max-width:750px; }

.container-popup.table tr, .container-popup.table td, .container-popup.table th{ vertical-align: top;text-align: center; }

/* signs maybe to replace */
.userSignBlankSmall{ font-size:15px;font-weight:100;line-height:20px;color:#ffffff;width:19px;height:19px;border-radius: 19px;background-color: transparent;text-align:center; }

.userSignBlank{ font-size:14px;font-weight:100;line-height:1.6em;color:#ffffff;width:21px;height:21px;border-radius: 21px;background-color: transparent;text-align:center; }

.Customer{ background-color: #f2ad19; }

.Blue{ background-color: #014f70; }

.Black{ background-color: #a30e18; }

.Green{ background-color: #7ba421; }

.Inactive{ border: solid 2px #2E2720;color: #2E2720;width:17px;height:17px;line-height:19px;background-color:#ffffff; }

.InactiveSmall{ background-color:#ffffff;border: solid 2px #2E2720;color: #2E2720;width:15px;height:15px;line-height:17px; }

.qualified{ border: solid 2px #7ba421;font-size: 26px;border-radius: 16px;width: 16px;height: 16px;background-color: white;color: #7ba421;line-height: 14px; }

.notqualified{ border: solid 2px #a30e18;font-size: 19px;font-weight: 600;color: #a30e18;width:17px;height:17px;line-height:16px;background-color:#ffffff; }

.qualifiedSmall{ border: solid 2px #7ba421;font-size: 21px;border-radius: 13px;width: 13px;height: 13px;background-color: white;color: #7ba421;line-height: 12px; }

.notqualifiedSmall{ border: solid 2px #a30e18;font-size: 16px;font-weight: 600;color: #a30e18;width:14px;height:14px;line-height:13px;background-color:#ffffff; }

.EasyWarning{ background-color:orange;font-family:Helvetica;font-size:19px; }

.EasyActive{ background-color:#7ba421;font-family:Helvetica;font-size:19px; }

.EasyInactive{ background-color:#a30e18;font-family:Helvetica;font-size:19px; }

.EasyCancelled{ background-color:#cccccc;font-family:Helvetica;font-size:19px; }

.EasyNever{ display:none; }
.descr5ebenenbonus{ cursor:pointer; }

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

.fourGrid { float: left;width: 23%;min-width: 290px;padding-left: 1%;padding-right: 1%;padding-bottom: 20px; }

.scrollMenu{
 /*width: 290px; padding: 0px; background-color: rgb(255, 255, 255);
 border-color: currentcolor rgb(195, 195, 195) rgb(195, 195, 195);border-style: none solid solid;
 border-width: 0px 1px 1px;border-image: none 100% / 1 / 0 stretch; top: 150px; right: 95px; position: absolute;*/

 overflow: auto;overflow-scrolling: auto;-webkit-overflow-scrolling: touch;scroll-behavior: auto;
 background-color: #fff;top: 0;position: fixed;width: 400px;height: 100vh;max-width: none;
 max-height: 100vh;float: right;right: 0px !important;
}
.bclose {
 position: absolute;top: 10px !important;right: 10px !important;width: 25px;height: 25px;text-decoration: none;
 padding: 0px;z-index: 10;margin: 10px;cursor: pointer;border-radius: 15px;background: #1f5678;color: #fff;
}
.bclose:after { content: 'x';font-size: 17px;font-weight: 500; }

.basketIconTop{ cursor: pointer;width: auto;height: 18px;background-repeat: no-repeat;float: right;margin-top: 60px;margin-right: 20px;color:white;font-size:11px;white-space: nowrap; }

.basketIconTop img{ height:25px;float:left; }

.basketIconTop div{ margin-top: 4px;margin-left: 25px;font-size: 12px; }

.newsIconTop{ cursor: pointer;width: auto;height: 17px;background-repeat: no-repeat;float: right;margin-top: 63px;margin-right: 5px;color:white;font-size:11px;white-space: nowrap; }

.newsIconTop img{ height:25px;float:left; }

.newsIconTop div{ float: left;margin-top: 1px;margin-left: 4px;font-size: 12px;font-weight: bold;background-color: #014f70;border-radius: 10px;width: 20px;-webkit-border-radius: 10px;}

#dispHeaderVitacoin{ margin-left:18%;max-width:160px;float:left;margin-top:8px; }

#dispHeaderName{ cursor:pointer; height:38px; float:right; margin-top:65px;margin-right:20px;text-transform: uppercase;font-weight:300;font-size:1em;color:#ffffff;letter-spacing: 0.1em; }

.greenBox{ width:100%;text-align:center;margin-top:25px;margin-bottom:25px;padding:1em;font-size: 1.1em; }

.whiteTextInvert{ color: #ffffff;font-style: italic;font-size: 1.4em;font-weight: 300;letter-spacing: 0.1em; }

.whiteTextNoAlign{ color:#ffffff !important;font-size:1em;font-weight:300; }

.darkBlue{ color: #014f70 !important; }

.darkWhite { color: #fff !important; }

.smallDashboard{ font-size:0.95em; }

.blacktext{ color: #000000; }

.darkBlueButton{ background-color: #014f70 !important;border: 2px solid #014f70 !important;color: #ffffff !important;padding: 8px 20px 8px 20px; }

.notransform{ text-transform:none; }

.uppercase{ text-transform:uppercase; }

.italic{ font-style: italic !important; }

.fancybox-bg { background-color: rgba(255,255,255,0.6) !important;background: #ffffff;opacity: 0;transition-duration: inherit;transition-property: opacity;transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

@media only screen and (min-width: 1025px) {   #dashboard-padding { padding:0 1.5% 0 1.5%; }  }

@media only screen and (max-width: 768px) {
 .center-button { float: none !important;text-align: center !important;width: auto !important;margin-bottom: 2em; }
}

@media only screen and (max-width: 767px) {
 .cntLangCountry .container { margin-top:0px; }
 #allInfopage2 { margin-top: 100px; }
}

@media only screen and (min-width: 600px) and (max-width: 1024px) {
 #dashboard-padding { padding:0 2.5% 0 2.5%; }
 div#paymentcontent .threeColsZero { width:50%;min-width:270px; }
 .basketdropdown { margin-bottom:-3em; }
 .whiteGroundLogin { min-height:410px; }
}

@media only screen and (min-width: 300px) and (max-width: 380px) {
 .cntLangCountry { height:auto; }
 #thisHeaderID2 { top: 95px !important; }
 #allInfopage2 { margin-top: 150px; }
 .lowertheclass { height:250px !important; }
 .languageselectbar-text { max-width: 100% !important;margin-bottom: 1em; }
 .languageselectbar-button { float: left !important;margin: 0 30%;width: 40%; }
 #selectLang, #selectCountry { min-width: 100px; }
}

@media only screen and (min-width: 100px) and (max-width: 299px) {
 .cntLangCountry { height:auto; }
 #thisHeaderID2 { top: 130px !important; }
 #allInfopage2 { margin-top: 180px; }
 .lowertheclass { height:300px !important; }
 .languageselectbar-text { max-width: 100% !important;margin-bottom: 1em; }
 .cntLangCountry .nine.columns { width: 100% !important; }
 .cntLangCountry .seven.columns { width: 100% !important;float: left;margin-left: 0.625%;margin-right: 0.625%; }
 .languageselectbar-button, #selectLang, #selectCountry { float: left !important;width: 40%;margin: 2px 20% 2px 20%;min-width: 100px; }
}

@media only screen and (min-width: 100px) and (max-width: 599px) {
 #dashboard-padding { padding:0 3.5% 0 3.5%; }
 div#paymentcontent .threeColsZero { width:100%;min-width:auto; }
}

.classMenuSelect { border:1px solid #808080;text-transform:uppercase;letter-spacing: 0.05em;background:transparent;width:100%;margin-bottom: 5px;font-size: 12px;color: #014f70;font-weight:400; }

@supports not (-ms-high-contrast: none) { /* Non-IE styles here */ select::-ms-expand { display: none; }  }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
 span.arrow-article, span.arrow-shopping, span.arrow-team, span.arrow, span.arrow-payment { display: none; }
 select[id^="menArticle"] { margin-top: -1.8em !important; }
}

.descrweltumsatzbonus, .descraffiliate, .descrgenerationenbonus, .descrfuehrungsebenenbonus, .descrproductbonus, .descrtiefenbonus, .descrfirstorderbonus{ cursor: pointer; }

.userPic{ width:110px !important; height:110px !important; border-radius: 150px; border: 1px solid #CCC; }
.userPic.big{ width:200px !important; height:200px !important; }

.rate-select-layer, .rate-hover-layer, .rate-base-layer{
 color:#014f70;
 font-size:20px;
}

#basketmenu div{
  font-size:1em;
  color: #014f70;
 text-align:left;
}
#basketmenu p{
 margin-bottom:0.6em;
}
#basketmenu h6{
 font-size:1.1em;
 color: #014f70;
 font-weight:400;
 text-align:left;
 margin: 0.7em 0 0 0;
 text-transform:none;
 width: auto;
 float: left;
}

#basketmenu select.selfarrow {
 border-radius: 0;
 box-shadow: 3px 3px 3px 1px #ccc;
 text-align: left;
 padding: 0.8em;
 margin: 0;
 width: 6.5em;
}

.infoBoxWhite {
 color: #333;
 font-size: 14px;
 font-weight: 500;
 text-decoration: none;
 cursor: pointer;
 text-align:center;
 margin-right:7px;
 margin-bottom:7px;
 float:left;
 text-transform: uppercase;
 letter-spacing: 0px;

}
.infoBoxMainText {
 color: #333;
 font-size: 14px;
 font-weight: 300;
 text-decoration: none;
 cursor: pointer;
 text-align:center;
 margin-right:7px;
 margin-bottom:7px;
 text-transform: uppercase;
 letter-spacing: 0px;

}
.floatLeft{
 float:left;
}
.dashboardCol{
 width:25%;
 min-width:210px;
 padding:0.5%;
 float:left;
 min-height:250px;
 margin-bottom:15px;
}
.uppercase{
 font-size:16px;
 letter-spacing: -1px;
 text-transform: uppercase;
}
.sizeSign{
 font-size:23px;
 font-weight: 300;
 padding-right:5px;
}
.sizeSignList{
 font-size:20px;
 font-weight: 300;
 padding-right:5px;
}
.sizeSignMiddle{
 font-size:24px;
 font-weight: 300;
 padding-right:5px;
}
.sizeSignBig{
 font-size:30px;
 font-weight: 300;
 padding-right:5px;
}
.pe-7s-angle-down,
.pe-7s-angle-up{
 font-size:20px;
 font-weight:600;
}
.pageCount{
 font-size:15px;
 font-weight:300;
 padding: 9px 12px;
 color: #999;
 cursor:pointer;
 border: solid 1px transparent;
 margin-left:5px;
 margin-right:5px;
 text-align:center;
}
.pageCount:hover{
 border: solid 1px #999;
}
.pageCountActive{
 border: solid 1px #666;
 color: #666;
}
.pageCount .pe-7s-angle-left{
 padding: 9px 12px;
 margin:0px;
}
.backGroundPadding{
 padding: 20px;
 background-color: #fff;
 -moz-box-shadow: 1px 1px 3px #999;
 -webkit-box-shadow: 1px 1px 3px #999;
 box-shadow: 1px 1px 3px #999;

}
.lightGray{
 color: #999;
}
.fontBold{
 font-weight: 600;
}
.fontList{
 font-size: 14px;
 letter-spacing: 0px;
}
table.multi-columns-t4c { width: 100%; margin: 0px; padding:0px; }
table.multi-columns-t4c tr { padding:8px; }
table.multi-columns-t4c th { padding:8px; font-weight: 300; text-align:left; border-bottom: dotted 1px #666666; text-transform: uppercase; font-size:13px; vertical-align: bottom; line-height:13px; background:transparent; white-space:nowrap;}
table.multi-columns-t4c td { padding:8px; font-weight: 300; font-size: 13px; line-height:13px; }
table.multi-columns-t4c thead tr { background-color:transparent; }
table.multi-columns-t4c tbody tr:nth-child(odd) { background-color: #ffffff; border-bottom: dotted 1px #cccccc; }
table.multi-columns-t4c tbody tr:nth-child(even) { background-color: #ffffff; border-bottom: dotted 1px #cccccc; }
table.multi-columns-t4c a { line-height: 13px;}
table.multi-columns-t4c th div { float:left; padding-top:8px; margin:0px; }
table.multi-columns-t4c tbody tr:hover { background-color: #f5f5f5}

.buttonGrey {
 background: #f0f0f0; /* Old browsers */
 min-width:125px;
 height:26px;
 line-height: 24px;
 border: none;
 color: #333;
 display: block;
 font-size: 13px;
 font-weight: 300;
 text-decoration: none;
 text-shadow: 0 0px rgba(255, 255, 255, .75);
 cursor: pointer;
 padding: 4px;
 text-align:center;

}
.buttonWhite {
 background: #fff; /* Old browsers */
 height:26px;
 line-height: 24px;
 border: none;
 color: #333;
 display: block;
 font-weight: 300;
 text-decoration: none;
 text-shadow: 0 0px rgba(255, 255, 255, .75);
 cursor: pointer;
 padding: 6px 10px 4px;
 text-align:center;
 margin-right:7px;
 margin-bottom:7px;
 float:left;
 text-transform: uppercase;
 font-size: 14px;
 letter-spacing: 0px;

}

.buttonTransparent {
 background: #fff; /* Old browsers */
 min-width:125px;
 height:26px;
 line-height: 24px;
 border: none;
 color: #333;
 display: block;
 font-size: 13px;
 font-weight: 300;
 text-decoration: none;
 text-shadow: 0 0px rgba(255, 255, 255, .75);
 cursor: pointer;
 padding: 4px;
 text-align:center;
}

#basketmenu h6{
 letter-spacing:0;
}
.rabattDot{
 margin-top:-105px;position:relative;z-index:10;margin-left:55%;margin-bottom:90px;padding-top:5px;width:35px;height:35px;border-radius:35px;background-color:#ec1414;color:#ffffff;font-size:13px;font-weight:400;text-align: center !important;
 -moz-box-shadow: 1px 1px 3px #999;
 -webkit-box-shadow: 1px 1px 3px #999;
 box-shadow: 1px 1px 3px #999;
}
.rabattDotClean{
 margin-top:-105px;position:relative;z-index:10;margin-left:55%;margin-bottom:90px;padding-top:5px;width:35px;height:35px;border-radius:35px;
}
.rabattDotClean span{
 font-size:13px !important;
 color:#ffffff !important;
}
.rabattDot span{
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
 font-size:13px !important;
 color:#ffffff !important;
}

#tabs0container h1{
 margin-bottom:0.5em;
}
#tabs0container p{
 margin-bottom:0px;
}
#iloveHarald1{
 color: #a30e18;
 font-size:12px;
 padding: 10px 20px;
 border: 1px solid #a30e18;
 width: 150px;
 white-space: nowrap;
 text-align: center;
}



.controlr {
 display: block;
 position: relative;
 padding-left: 30px;
 margin-bottom: 5px;
 cursor: pointer;
 font-size: 16px;
}
.controlr input {
 position: absolute;
 z-index: -1;
 opacity: 0;
}
.controlr_indicator {
 position: absolute;
 top: -1px;
 left: 0;
 height: 25px;
 width: 25px;
 background: #fffff;
 border: 2px solid #014f70;
 border-radius: undefinedpx;
}
.controlr:hover input ~ .controlr_indicator,
.controlr input:focus ~ .controlr_indicator {
 background: #cccccc;
}

.controlr input:checked ~ .controlr_indicator {
 background: #ffffff;
 background-image: url('/graphik/contactcenter/check.png');
 background-size: 100% 100%;
}
.controlr:hover input:not([disabled]):checked ~ .controlr_indicator,
.controlr input:checked:focus ~ .controlr_indicator {
 background: rgba(1, 79, 112, 0.5);
 background-image: url('/graphik/contactcenter/check.png');
 background-size: 100% 100%;
}
.controlr input:disabled ~ .controlr_indicator {
 background: #e6e6e6;
 opacity: 0.6;
 pointer-events: none;
}
.controlr_indicator:after {
 box-sizing: unset;
 content: '';
 position: absolute;
 display: none;
}
.controlr input:checked ~ .controlr_indicator:after {
 display: block;
}
.controlr-radio .controlr_indicator {
 border-radius: 50%;
}

.controlr-radio .controlr_indicator:after {
 left: 7px;
 top: 7px;
 height: 6px;
 width: 6px;
 border-radius: 50%;
 background: #fffff;
 transition: background 250ms;
}
.controlr-radio input:disabled ~ .controlr_indicator:after {
 background: #7b7b7b;
}.controlr-radio .controlr_indicator::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4.5rem;
  height: 4.5rem;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: #2aa1c0;
  border-radius: 3rem;
  opacity: 0.6;
  z-index: 99999;
  transform: scale(0);
 }
@keyframes s-ripple {
 0% {
  opacity: 0;
  transform: scale(0);
 }
 20% {
  transform: scale(1);
 }
 100% {
  opacity: 0.01;
  transform: scale(1);
 }
}
@keyframes s-ripple-dup {
 0% {
  transform: scale(0);
 }
 30% {
  transform: scale(1);
 }
 60% {
  transform: scale(1);
 }
 100% {
  opacity: 0;
  transform: scale(1);
 }
}
.controlr-radio input + .controlr_indicator::before {
 animation: s-ripple 250ms ease-out;
}
.controlr-radio input:checked + .controlr_indicator::before {
 animation-name: s-ripple-dup;
}
.contactcenterdropdown{
 position: absolute;
 right: 10px;
 z-index: 100;
 width: 200px;
 background-color: #efeeee;
 display: none;
 text-align: center;
 cursor: pointer;
 font-size: 15px;
 padding: 10px;
}
.rectInput{
 margin: 0 0 5px 0 !important; border: 1px solid #c3c3c3 !important; border-radius: 1px !important; padding: 12px 8px 12px 8px !important;
}
.shaddowGeneral{
 -moz-box-shadow: 4px 4px 4px -2px #999;
 -webkit-box-shadow: 4px 4px 4px -2px #999;
 box-shadow: 4px 4px 4px -2px #999;
}
.sidebar2 {
 z-index: 1000;
 position: fixed;
 float: left;
 left: 0;
 top: 32%;
 height: 330px;
 margin-bottom: 0;
 width: 30px;
 line-height: 100%;
}
.extrawideWebsiteField{
 display:none !important;
}