@charset "utf-8";
/* ######################################################################################################
** # CSS-Layout (c) by Thomas Wernecke (http://www.tw77.de) #############################################
** ######################################################################################################
**
**  Dateiversion: 1.0
**  Author		: Thomas Wernecke - <tw77/> 
**  Copyright	: Thomas Wernecke - <tw77/>  
**
** ######################################################################################################
** ####################################################################################################*/
.row { clear:both; padding: 0px; margin: 0px; }.col { position:relative; display: block; float:left; margin: 1% 0 1% 1.6%; }.col:first-child { margin-left: 0; }@media only screen and (max-width:485px) { .col { margin: 1% 0 1% 0%; } }.group:before, .group:after { content:""; display:table; }.group:after { clear:both; }.group { zoom:1;}.span_2_of_2 { width: 100%; }.span_1_of_2 { width: 49.2%; }@media only screen and (max-width:485px) { .span_1_of_2, .span_2_of_2 { width: 100%; } }.span_3_of_3 { width: 100%; }.span_2_of_3 { width: 66.1%; }.span_1_of_3 { width: 32.2%; }@media only screen and (max-width:485px) { .span_1_of_3, .span_2_of_3, .span_3_of_3 { width: 100%; } }.span_4_of_4 { width: 100%; }.span_3_of_4 { width: 74.6%; }.span_2_of_4 { width: 49.2%; }.span_1_of_4 { width: 23.8%; }@media only screen and (max-width:485px) { .span_4_of_4, .span_3_of_4, .span_2_of_4, .span_1_of_4 { width: 100%; } }.span_5_of_5 { width: 100%; }.span_4_of_5 { width: 79.68%; }.span_3_of_5 { width: 59.36%; }.span_2_of_5 { width: 39.04%; }.span_1_of_5 { width: 18.72%; }@media only screen and (max-width:485px) { .span_5_of_5, .span_4_of_5, .span_3_of_5, .span_2_of_5, .span_1_of_5 { width: 100%; }}.span_6_of_6 { width: 100%; }.span_5_of_6 { width: 83.06%; }.span_4_of_6 { width: 66.13%; }.span_3_of_6 { width: 49.2%; }.span_2_of_6 { width: 32.26%; }.span_1_of_6 { width: 15.33%; }@media only screen and (max-width:485px) {.span_6_of_6, .span_5_of_6, .span_4_of_6, .span_3_of_6, .span_2_of_6, .span_1_of_6 { width: 100%; } }.span_7_of_7 {width: 100%;}.span_6_of_7 {width: 85.48%;}.span_5_of_7 {width: 70.97%;}.span_4_of_7 {width: 56.45%;}.span_3_of_7 {width: 41.94%;}.span_2_of_7 {width: 27.42%;}.span_1_of_7 {width: 12.91%;}@media only screen and (max-width:485px) {.span_7_of_7 {width: 100%; }.span_6_of_7 {width: 100%; }.span_5_of_7 {width: 100%; }.span_4_of_7 {width: 100%; }.span_3_of_7 {width: 100%; }.span_2_of_7 {width: 100%; }.span_1_of_7 {width: 100%; } }.span_8_of_8 {width: 100%;}.span_7_of_8 {width: 87.3%; }.span_6_of_8 {width: 74.6%; }.span_5_of_8 {width: 61.9%; }.span_4_of_8 {width: 49.2%; }.span_3_of_8 {width: 36.5%;}.span_2_of_8 {width: 23.8%; }.span_1_of_8 {width: 11.1%; }@media only screen and (max-width:485px) {.span_8_of_8 {width: 100%; }.span_7_of_8 {width: 100%; }.span_6_of_8 {width: 100%; }.span_5_of_8 {width: 100%; }.span_4_of_8 {width: 100%; }.span_3_of_8 {width: 100%; }.span_2_of_8 {width: 100%; }.span_1_of_8 {width: 100%; }}.span_9_of_9 {width: 100%;}.span_8_of_9 {width: 88.71%;}.span_7_of_9 {width: 77.42%; }.span_6_of_9 {width: 66.13%; }.span_5_of_9 {width: 54.84%; }.span_4_of_9 {width: 43.55%; }.span_3_of_9 {width: 32.26%;}.span_2_of_9 {width: 20.97%; }.span_1_of_9 {width: 9.68%; }@media only screen and (max-width:485px) {.span_9_of_9 {width: 100%; }.span_8_of_9 {width: 100%; }.span_7_of_9 {width: 100%; }.span_6_of_9 {width: 100%; }.span_5_of_9 {width: 100%; }.span_4_of_9 {width: 100%; }.span_3_of_9 {width: 100%; }.span_2_of_9 {width: 100%; }.span_1_of_9 {width: 100%; }}.span_10_of_10 {width: 100%;}.span_9_of_10 {width: 89.84%;}.span_8_of_10 {width: 79.68%;}.span_7_of_10 {width: 69.52%; }.span_6_of_10 {width: 59.36%; }.span_5_of_10 {width: 49.2%; }.span_4_of_10 {width: 39.04%; }.span_3_of_10 {width: 28.88%;}.span_2_of_10 {width: 18.72%; }.span_1_of_10 {width: 8.56%; }@media only screen and (max-width:485px) {.span_10_of_10 {width: 100%; }.span_9_of_10 {width: 100%; }.span_8_of_10 {width: 100%; }.span_7_of_10 {width: 100%; }.span_6_of_10 {width: 100%; }.span_5_of_10 {width: 100%; }.span_4_of_10 {width: 100%; }.span_3_of_10 {width: 100%; }.span_2_of_10 {width: 100%; }.span_1_of_10 {width: 100%; }}.span_11_of_11 {width: 100%;}.span_10_of_11 {width: 90.76%;}.span_9_of_11 {width: 81.52%;}.span_8_of_11 {width: 72.29%;}.span_7_of_11 {width: 63.05%; }.span_6_of_11 {width: 53.81%; }.span_5_of_11 {width: 44.58%; }.span_4_of_11 {width: 35.34%; }.span_3_of_11 {width: 26.1%;}.span_2_of_11 {width: 16.87%; }.span_1_of_11 {width: 7.63%; }@media only screen and (max-width:485px) {.span_11_of_11 {width: 100%; }.span_10_of_11 {width: 100%; }.span_9_of_11 {width: 100%; }.span_8_of_11 {width: 100%; }.span_7_of_11 {width: 100%; }.span_6_of_11 {width: 100%; }.span_5_of_11 {width: 100%; }.span_4_of_11 {width: 100%; }.span_3_of_11 {width: 100%; }.span_2_of_11 {width: 100%; }.span_1_of_11 {width: 100%; }}.span_12_of_12 {width: 100%;}.span_11_of_12 {width: 91.53%;}.span_10_of_12 {width: 83.06%;}.span_9_of_12 {width: 74.6%;}.span_8_of_12 {width: 66.13%;}.span_7_of_12 {width: 57.66%; }.span_6_of_12 {width: 49.2%; }.span_5_of_12 {width: 40.73%; }.span_4_of_12 {width: 32.26%; }.span_3_of_12 {width: 23.8%;}.span_2_of_12 {width: 15.33%; }.span_1_of_12 {width: 6.86%; }@media only screen and (max-width:485px) {.span_12_of_12 {width: 100%; }.span_11_of_12 {width: 100%; }.span_10_of_12 {width: 100%; }.span_9_of_12 {width: 100%; }.span_8_of_12 {width: 100%; }.span_7_of_12 {width: 100%; }.span_6_of_12 {width: 100%; }.span_5_of_12 {width: 100%; }.span_4_of_12 {width: 100%; }.span_3_of_12 {width: 100%; }.span_2_of_12 {width: 100%; }.span_1_of_12 {width: 100%; }}button.btn,input[type=submit],a.btn {position:relative;display: inline-block;white-space: nowrap;background-color:rgba(0,0,0,0.5); color:#fff;border:none;text-align: center;text-decoration: none;height:30px;line-height:30px;padding:0 15px;cursor: pointer; overflow:hidden;border-radius:3px;max-width: 100%;box-sizing: border-box;transition-property: background-color;transition-duration: 0.5s;transition-timing-function: ease;transition-delay: 0s;vertical-align:middle;}a.btn { vertical-align:middle; }input.ui-btn-hidden,button.ui-btn-hidden { position:absolute; }button.btn:hover,input[type=submit]:hover, a.btn:hover { background-color:#36F; color:#fff; border-color:#36F; } button.btn:active,a.btn:active { background-color:#36F; outline:none; }button.btn.fullSize,input[type=submit].btn.fullSize,a.btn.fullSize { display:block; width:100%; }button.btn.light,a.btn.light { background-color:rgba(0,0,0,0.3); }button.btn.light:hover,a.btn.light:hover { background-color:rgba(0,0,0,0.6); }button.btn.dark,a.btn.dark { background-color:rgba(0,0,0,0.8); }button.btn.dark:hover,a.btn.dark:hover { background-color:rgba(0,0,0,1.0); }button.btn.focus,input[type=submit].btn.focus,a.btn.focus { background-color:#36F; outline:none; }button.btn.focus:hover,input[type=submit].btn.focus:hover,a.btn.focus:hover { background-color:#E40613; }button.btn.signal,input[type=submit].btn.signal,a.btn.signal { background-color:#E40613; outline:none; }button.btn.signal:hover,input[type=submit].btn.signal:hover,a.btn.signal:hover { background-color:#36F; }button.btn:focus,input[type=submit].btn:focus,a.btn:focus { outline: 0; } button.btn.S,a.btn.S { padding:0 10px; height:20px; line-height:20px; }button.btn.M,a.btn.M { padding:0 15px; height:30px; line-height:30px; }button.btn.L,a.btn.L { padding:0 20px; height:40px; line-height:40px; }button.btn.XL,a.btn.XL { padding:0 25px; height:50px; line-height:50px; }.btn.S.iconOnly,.btn.M.iconOnly,.btn.L.iconOnly,.btn.XL.iconOnly { padding:0; }button.btn.S.iconLeft,a.btn.S.iconLeft { padding:0 10px 0 30px; }button.btn.M.iconLeft,a.btn.M.iconLeft { padding:0 15px 0 45px; }button.btn.L.iconLeft,a.btn.L.iconLeft { padding:0 20px 0 60px;}button.btn.XL.iconLeft,a.btn.XL.iconLeft { padding:0 25px 0 75px; }button.btn.S.iconRight,a.btn.S.iconRight { padding:0 30px 0 10px; }button.btn.M.iconRight,a.btn.M.iconRight { padding:0 45px 0 15px; }button.btn.L.iconRight,a.btn.L.iconRight { padding:0 60px 0 20px;}button.btn.XL.iconRight,a.btn.XL.iconRight { padding:0 75px 0 25px; }.btn.dark { background-color:#fff;}.btn.color { background-color:#36F;}.btn.circle { border-radius:100%; }nav.btnRow { position: relative; }nav.btnRow a.btn { magin-right:2%; }nav.btnRow a.btn:last-child { magin-right:0; }.btnRow { position: relative; margin: 20px 0 0 0; }.btnRow .btn { margin-right:2%; }.btnRow .btn:last-child { margin-right:0; }.btnRow div.btnLeft { position:relative; float:left; width: 42%; text-align: left; }.btnRow div.btnRight { position:relative; float:right; width: 42%; text-align: right; }a.btnIcon { display:inline-block; height:40px; width:40px; line-height:40px; text-indent:-999px; overflow:hidden; background:rgba(0,0,0,0.5) url(../img/icons/icons_default.png) 0 0 no-repeat; } a.btnIcon:hover { background-color:#E40613; }a.btnIcon.addToCart { background-color:#36F; background-position:-1120px 0; }a.btnIcon.linkToProduct { background-position:-1160px 0; }a.btnIcon.search { background-position:-320px 0; }a.btnIcon.menu { background-position:-480px 0; }a.btnIcon.menu.dark { background-color:#fff; background-position:-480px -120px; }a.btnIcon.facebook { background-position:0 0; }a.btnIcon.facebook:hover { background-color:#3B5998; }a.btnIcon.instagram { background-position:-40px 0; }a.btnIcon.instagram:hover { background-color:#bbb; background-position:-40px -120px; }a.btnIcon.xing { background-position:-80px 0; }a.btnIcon.xing:hover { background-color:#006567; }a.btnIcon.twitter { background-position:-120px 0; }a.btnIcon.twitter:hover { background-color:#0084B4; }a.btnIcon.google { background-position:-1000px 0; }a.btnIcon.google:hover { background-color:#d34836; }span.icon { position:absolute; top:0; left:0; display:block; height:40px; width:40px; line-height:40px; background:rgba(0,0,0,0.2) url(../img/icons/icons.png) 0 0 no-repeat; }span.cart {}span.rating { background-position:0 -120px; }span.search { background-position:-80px 0; border-radius:100%; }span.iconMini { position:absolute; top:0; left:0; display:block; height:20px; width:20px; line-height:20px; background:url(../img/icons/icons.png) 0 0 no-repeat; }span.answer { background-position:-50px -130px; }span.local { background-position:-10px -170px; }span.time { background-position:-50px -170px; }span.iconMini.arrowDownRound { background-position:-90px -90px; }span.iconMini.arrowTopRound { background-position:-50px -90px; }span.iconMini.arrowDown { background-position:-170px -90px; }span.iconMini.arrowTop { background-position:-130px -90px; }span.iconMini.prevDark { background-position:-10px -330px; }span.iconMini.nextDark { background-position:-50px -330px; }span.bg_info {}span.bg_success { background-color:#2ecc71; }span.bg_error { background-color:#e46b66; }span.bg_red { background-color:#E40613; }span.bg_blue { background-color:#36F; }span.iconDefault { position:absolute; top:0; left:0; right:auto; display: block; background:rgba(0,0,0,0.2) url(../img/icons/icons_default.png) 0 0 no-repeat; }span.iconRight { position:absolute; top:0; right:0; left:auto; display: block; background:rgba(0,0,0,0.2) url(../img/icons/icons_default.png) 0 0 no-repeat; }span.animation{animation: SHW .5s;animation-fill-mode: both}@keyframes SHW {from {transform:scale(0.7);opacity:0}to {transform: scale(1);opacity:1}}span.S { width:20px; height:20px; line-height: 20px; background-position: -10px -10px; }span.M { width:30px; height:30px; line-height: 30px; }span.L { width:40px; height:40px; line-height: 40px; }span.XL { width:50px; height:50px; line-height: 50px; }span.iconInline { position:relative; display:inline-block; vertical-align:text-bottom; }span.white {}span.light {}span.dark {}span.color {}span.noBgColor { background-color:transparent; }span.S.facebook {}span.S.light.facebook { background-position:-10px -50px; }span.S.dark.facebook { background-position:-10px -90px; }span.S.color.facebook { background-position:-10px -130px; }span.S.comments { background-position:-410px -10px; }span.S.light.comments { background-position:-410px -50px; }span.S.dark.comments { background-position:-410px -90px; }span.S.color.comments { background-position:-410px -130px; }span.S.local { background-position:-370px -10px; }span.S.light.local { background-position:-370px -50px; }span.S.dark.local { background-position:-370px -90px; }span.S.color.local { background-position:-370px -130px; }span.S.date { background-position:-930px -10px; }span.S.light.date { background-position:-930px -50px; }span.S.dark.date { background-position:-930px -90px; }span.S.color.date { background-position:-930px -130px; }span.S.time { background-position:-970px -10px; }span.S.light.time { background-position:-970px -50px; }span.S.dark.time { background-position:-970px -90px; }span.S.color.time { background-position:-970px -130px; }span.S.answer { background-position:-410px -10px; }span.S.light.answer { background-position:-970px -50px; }span.S.dark.answer { background-position:-970px -90px; }span.S.color.answer { background-position:-970px -130px; }span.M.cart { background-position:-1085px -5px; }span.M.back { background-position:-765px -5px; }span.M.next { background-position:-805px -5px; }span.M.menu { background-position:-480px 0; }span.M.menu.dark { background-color:#fff; background-position:-480px -120px; }span.M.gift { background-position:-1440px 0; }span.M.light.gift { background-position:-1440px -40px; }span.M.dark.gift { background-position:-1440px -80px; }span.M.color.gift { background-position:-1440px -120px; }span.M.phone { background-position:-1485px -5px; }span.M.light.phone { background-position:-1485px -45px; }span.M.dark.phone { background-position:-1485px -85px; }span.M.color.phone { background-position:-1485px -125px; }span.M.mail { background-position:-285px -5px; }span.M.light.mail { background-position:-285px -45px; }span.M.dark.mail { background-position:-285px -85px; }span.M.color.mail { background-position:-285px -125px; }span.L.menu { background-position:-480px 0; }span.L.light.menu { background-position:-480px -40px; }span.L.dark.menu { background-position:-480px -80px; }span.L.color.menu { background-position:-480px -120px; }span.L.menu.bold { background-position:-480px -160px; }span.L.light.menu.bold { background-position:-480px -200px; }span.L.dark.menu.bold { background-position:-480px -240px; }span.L.color.menu.bold { background-position:-480px -280px; }span.L.search { background-position:-320px 0; }span.L.light.search { background-position:-320px -40px; }span.L.dark.search { background-position:-320px -80px; }span.L.color.search { background-position:-320px -120px; }span.L.cart { background-position:-1080px 0; }span.L.light.cart { background-position:-1080px -40px; }span.L.dark.cart { background-position:-1080px -80px; }span.L.color.cart { background-position:-1080px -120px; }span.L.cart.bold { background-position:-1080px -160px; }span.L.light.cart.bold { background-position:-1080px -200px; }span.L.dark.cart.bold { background-position:-1080px -240px; }span.L.color.cart.bold { background-position:-1080px -280px; }span.L.user { background-position:-1280px 0; }span.L.light.user { background-position:-1280px -40px; }span.L.dark.user { background-position:-1280px -80px; }span.L.color.user { background-position:-1280px -120px; }span.L.user.bold { background-position:-1280px -160px; }span.L.light.user.bold { background-position:-1280px -200px; }span.L.dark.user.bold { background-position:-1280px -240px; }span.L.color.user.bold { background-position:-1280px -280px; }span.L.close { background-position:-1400px 0; }span.L.light.close { background-position:-1400px -40px; }span.L.dark.close { background-position:-1400px -80px; }span.L.color.close { background-position:-1400px -120px; }span.L.close.bold { background-position:-1400px -160px; }span.L.light.close.bold { background-position:-1400px -200px; }span.L.dark.close.bold { background-position:-1400px -240px; }span.L.color.close.bold { background-position:-1400px -280px; }span.L.login { background-position:-1320px 0; }span.L.light.login { background-position:-1320px -40px; }span.L.dark.login { background-position:-1320px -80px; }span.L.color.login { background-position:-1320px -120px; }span.L.logout { background-position:-1360px 0; }span.L.light.logout { background-position:-1360px -40px; }span.L.dark.logout { background-position:-1360px -80px; }span.L.color.logout { background-position:-1360px -120px; }span.L.gift { background-position:-1440px 0; }span.L.light.gift { background-position:-1440px -40px; }span.L.dark.gift { background-position:-1440px -80px; }span.L.color.gift { background-position:-1440px -120px; }span.preloader { position:relative; display:inline-block; margin:0; padding:0; animation:rotate 1s infinite linear; border:5px solid rgba(0,0,0,0.25); width:20px; height:20px; border-radius:100%; vertical-align:bottom; }span.preloader span { position:absolute; width:20px; height:20px; border: 5px solid transparent; border-top: 5px solid #2E4843; top: -5px; left: -5px; border-radius:100%; }@keyframes rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }span.iconInfo { background-color:rgba(0,0,0,0.3); background-position:-120px 0; cursor:pointer; }span.iconClose { background-color:rgba(0,0,0,0.3); background-position:-160px 0; cursor:pointer; }span.iconPDF { background-position:-1040px 0; background-color:#E62525; }input { display: inline-block; }input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="number"],input[type="password"] { max-width: 100%; display: inline-block; }input[type="text"].error,input[type="text"].success,input[type="email"].error,input[type="email"].success,input[type="tel"].error,input[type="tel"].success,input[type="date"].error,input[type="date"].success,input[type="number"].error,input[type="number"].success,input[type="password"].error,input[type="password"].success { max-width: 100%; }input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input[type="date"],input[type="number"],select,textarea { position:relative; padding:5px 10px; border:2px solid #bdc3c7; border-radius:3px; width:100%; max-width:100%; line-height: normal; font-size:1.1em; box-sizing: border-box; }input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=password]:focus,select:focus,texarea:focus { border-color:#3366FF; }input[type=text],input[type=email],input[type=tel],input[type=password],input[type=date],input[type=number],select option { padding:0 10px; height:40px; line-height:40px; box-sizing: border-box; }