@import url("flex/flexslider.css?fmt=20210707");

.flexbanner .slides {
  height:0;
  padding-bottom:56.4%;
  overflow:hidden;
}

.flexbanner2 .slides {
  height:0;
  padding-bottom:15.3041825095%;
  overflow:hidden;
}

/* .flexbanner2 ul.flex-direction-nav {
  display:none;
} */

.flexbanner2 {
  margin-bottom:0;
}

.circle {
  background-color: #CC0600;
  border: 2px solid #FFF;
  border-radius: 18px;
  box-shadow: 0 0 0px 1px rgba(0, 0, 0, 0.25);
  height: 28px;
  width: 28px;
  margin:0px 10px 0 0;
  display:inline-block;
}

.circleThn {
  height: 15px;
  width: 15px;
  margin:0px 7px;
}

.circleAct, .circle:hover {
  box-shadow: 0 0 0px 1px #000;
}

.circleSchwarz, .circleBlack {
  background-color: #303030;
}

.circleRot, .circleRed {
  background-color: #CC0600;
}

.circleWeiß, .circleWhite {
  background-color: #EEEEEE;
}

.circleCream {
  background-color: #F7EBDA;
}

.circleLime {
  background-color: #CDE050;
}

.circlePink {
  background-color: #FFD9D9;
}

@font-face {
 font-family: OpenSans;
 src: url(fonts/OpenSans-Regular.woff);
 font-weight: normal;
}

@font-face {
 font-family: OpenSans;
 src: url(fonts/OpenSans-Semibold.woff);
 font-weight: bold;
}

@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('titillium/titillium-web-v7-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('titillium/titillium-web-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('titillium/titillium-web-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('titillium/titillium-web-v7-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('titillium/titillium-web-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('titillium/titillium-web-v7-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

.banner {
 color: #606060;
 font-size: 143%;
 line-height: 143%;
}

.banner2 {
 color:#606060;
 font-size: 109%;
 line-height: 129%;
 background-color:#EFF8FD;
 border:1px solid #D7F0F7;
 padding: 5px 10px 5px 60px;
 border-radius: 25px 0px 0px 25px;
 -moz-border-radius:  25px 0px 0px 25px;
 -webkit-border-radius:  25px 0px 0px 25px;
 background:url(cb-button.jpg) #EFF8FD no-repeat left top;
}

.banner3 {
 display:block; 
 text-decoration:none; 
 background:url(cb-banner.jpg) #F4FBFD; 
 width:99px; 
 text-align:center; 
 margin:0px 0px 30px 40px; 
 padding: 105px 0px 5px 0px; 
 line-height:140%; 
 font-size:110%; 
 color:#183E70; 
 border-bottom:1px solid #D6EEF8;
}

ol.faq > li > a {
  font-size:107%;
  text-decoration:none;
}

#specialEditions {
 margin-bottom:2em;
 max-width:100%; height:auto; overflow:hidden;
}

#special {
  margin:-30px 0 1.5em 0;
}

#special > div {
  background-color: #202020; /* #CC0600; */
} 

#specialH1 {
  font-size:24pt;
  line-height:1.1;  
  font-weight:bold; 
  color:#ffffff; 
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);  
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', OpenSans, Verdana, Tahoma, Arial, Helvetica, sans-serif; 
}

#specialH2 {
  font-size:20pt;
}

.userContent {
  margin: 0 auto;
  max-width: 650px;
}

.userContent > tbody > tr > td {
  text-align:center;
}

.flexTable {
  margin: 0 auto;
}

body {
 margin:0px 0px 0px 0px;
 overflow-y:scroll;
}

html, body,  table, tr, td, input, textarea, select, ul, ol, li {
 font-family: OpenSans, Verdana, Tahoma, Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height:1.154;
}

html, body, td, input, textarea, select {
 color: #606060;
}

select, input[type=text], input[type=email] {
  border-radius: 0;
	border-width: 1px;
	border-style: solid;
	border-color: #808080 #D0D0D0 #D0D0D0 #808080;
}

select { 
 background-color:#ffffff;
} 

h1, h2, form, ol {
 margin: 0px;
 padding: 0px;
}

b, strong, td.title a, td.title a:visited, b a.mNav, b a.mNav:visited, b a, b a:visited {
 color: #000000;
}

a, a:visited {
 color: #183E70;
}

a:hover {
 color: #CC0600;
 text-decoration: none;
}

ol, ul {
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

ul {
  list-style-image:url('data:image/gif;base64,R0lGODlhCgANAJEAAMDAwM4YAAAAAAAAACH5BAEAAAAALAAAAAAKAA0AAAINhI+py+0Z4ophyoezKwA7');
}

li {
  padding: 2px 0px;
}

div.li {
 padding:2px 0px 2px 12px;
 background:url('data:image/gif;base64,R0lGODlhCgANAJEAAMDAwM4YAAAAAAAAACH5BAEAAAAALAAAAAAKAA0AAAINhI+py+0Z4ophyoezKwA7') no-repeat 0px 4px;
}

/* .hl {
 font-size: 14px;
 color: #CC0600;
}*/

h1, h1.hl, .hl {
 font-family: 'Titillium Web',  OpenSans, Verdana, Tahoma, Arial, Helvetica, sans-serif;
 color: #CC0600;
 font-size: 190%;
 font-weight: normal;
 line-height:100%;
}

h2, a.h2, a.h2:visited  {
 color: #000000;
 font-size: 15px;
 line-height:17px;
 text-decoration:none;
 display:block;
}

.hl {
	font-size: 170%;
}

.kl {
 font-size: 13px;
}

hr {
 height: 1px;
 border: none;
 color: #E5E5E5;
 background-color: #E5E5E5;
}

.red, .r11, .r12 {
 color: #CC0600;
 text-decoration:none;
}

.red {
 font-size: 21px;
}

.r11 {
 font-size: 11px;
}

.r12 {
 font-size: 15px;
}

.krn { 
 display:none;  
 color: #909090;
 border-bottom: 1px solid #E5E5E5;
 margin-bottom: 26px;
}

.krn a, .krn td {
 color: #909090 !important;
 text-decoration:none;
}

.krn a:hover {
 text-decoration:underline;
}

.Btn {
 text-align: center;
 padding: 0px 2px 0px 2px;
}

a.tNav, a.tNav:visited {
 color: #606060;
 text-decoration: none;
}

a.mNav, a.mNav:visited {
 display:block;
 padding: 6px 0px;
 font-size: 14px;
 line-height:15px; 
 color: #606060;
 text-decoration:none; /*
 border-bottom:1px solid #E5E5E5; */
}

b a.mNav, b a.mNav:visited {
 font-size: 14px; 
}

a.hNav,  a.hNav:visited {
 font-size: 15px;
 font-weight:bold;
 line-height:17px;
 color: #000000; 
 text-decoration:none;
 text-transform:uppercase;
 display:block;
 padding:4px 10px 6px 10px;
}

#hNav.dark {
  background-color: #333333 !important;
} 

.dark a.hNav, .dark a.hNav:visited {
  color: #FFFFFF; 
}

.long, .short {
  text-align:center;
}

.short {
  display:none !important;
}

a.tNav:hover, a.mNav:hover {
 color: #CC0600;
 text-decoration: underline;
}

a.hNav1, a.hNav1:visited {
 font-size: 12px; 
 color: #999999;
 text-decoration: none;
}

a.hNav1:hover {
 text-decoration: underline;
}

a.bNav, a.bNav:visited {
 font-size:16px;
 text-decoration:none;
}

.bNav > b, .bNav > div {
 color:#999999 !important;
} 

/* a.bNav:hover {
 text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
} */

#basket {
 margin-top:5px;
}

.title, .title:visited {
 font-weight: bold;
 padding-left: 8px;
 color: #000000;
 background-color: #F5F5F5;
}

.edge, .drop { /*
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px; */
 -moz-transition:all  0.25s;
 -webkit-transition:all  0.25s;
 -o-transition:all  0.25s;
 transition:all  0.25s;
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.0);
}

.drop:hover{
 transition:all  0.25s;
 border-color: #E5E5E5;
 cursor:pointer;
 box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}

td.group {
 border: 1px solid #E5E5E5;
}

td.group:hover {
 border: 1px solid #B7B7B7;
}

a.group {
  width:100%;
  display:block;
  font-size:14px;
  padding:10px 0px;
  text-decoration:none;

  background-color: #F5F5F5;
  background: -moz-linear-gradient(top,  #ffffff 0%, #F5F5F5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#F5F5F5));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#F5F5F5 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#F5F5F5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#F5F5F5',GradientType=0 );
}

td.orderBtn {
 padding: 0px 0px;/* 
 border:1px solid #E98D93;
 border-color: #E98D93 #8D0E1D #8D0E1D #E98D93; */

 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px; 

 background:url(t.gif) transparent; /*
 background: -moz-linear-gradient(top,  #D63833 0%, #A70500 100%);
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D63833), color-stop(100%,#A70500));
 background: -webkit-linear-gradient(top,  #D63833 0%,#A70500 100%);
 background: -o-linear-gradient(top,  #D63833 0%,#A70500 100%);
 background: -ms-linear-gradient(top,  #D63833 0%,#A70500 100%);
 background: linear-gradient(to bottom,  #D63833 0%,#A70500 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D63833', endColorstr='#A70500',GradientType=0 ); */
}

input.orderBtn {
 border:none; 
 background:url(t.gif) transparent;
 font-weight:bold; 
 color:#FFFFFF; 
 cursor:pointer;
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px; 
}

a.orderBtn, a.orderBtn:visited {
  display:inline-block;
  padding:10px 20px;
  color:#FFFFFF;
  font-size:109%;
  font-weight: bold;
  background-color:#333333;
  text-decoration:none;
}

.orderBtn:hover, a.orderBtn:hover {
  background-color:#000000;
}

/* td.orderBtn:hover {
 box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
} */

#catResult {
 margin-right:-10px;
}

.itemBox {
  width:33.33%;
  display:inline-block;
}

.grp {
 border: 1px solid #E5E5E5;
 background-color: #F5F5F5;
}

#searchBox, select[name=sort] {
  height:30px  !important; 
  font-size:14px !important;
  border-width: 1px;
  padding: 0px 5px;
}

.searchBtn {
 color: #616161;
}

.searchTxt {
 background-color: #F3F4F6;
}

.searchTitle {
 font-size:14px;
 background-color: #F5F5F5;
 padding: 4px 4px 5px 6px;
}

.searchTitle a, .grp a {
 font-size:14px;
 color:#000000;
 text-decoration:none;
}

.searchTitle a:hover, .grp a:hover {
 color:#CC0600;
}

.searchTitle b, .searchPrice {
 color:#CC0600;
}

.suggestField {
 color:#303030 !important; font-size:13px; width:100%; padding:8px; border:none !important; background-color:transparent !important; outline:none;
}

.suggestDiv {
 display:none; position:absolute; margin-top:5px; background-color:#FFFFFF; text-align:left; border:1px solid #DDDDDD;  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.3); z-index:999;
}

.suggestDiv > div {
  padding: 4px 8px !important;
}

::placeholder {
  color: #000000;
}

input:focus::-webkit-input-placeholder {
  color: #ffffff;
}

input:focus::-moz-placeholder {
  color: #ffffff;
}

input:focus:-ms-input-placeholder {
  color: #ffffff;
}

#searchForm > table {
 height: 26px;
 border: 1px solid #E5E5E5; 
 /* border-color: #B7B7B7 #E2E2E2 #E7E7E7 #B7B7B7;
 border-radius:3px;
 background-color: #FFFFFF;
 -webkit-box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.25);
 -moz-box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.25);
 box-shadow: inset 2px 2px 5px -1px rgba(0,0,0,0.25); */
}

#searchForm td:nth-child(2) {
  background-size: 26px;
  background-repeat: no-repeat;
  background-image: url(suggest.png);
  background-position: center right;
}

td.tab1, td.tab2 {
 padding:10px;
 cursor:pointer;
 color:#000000;
 font-weight: bold;
 border: 1px solid #DDDDDD;
 /* border-radius: 4px 4px 0 0;
 -moz-border-radius:  4px 4px 0 0;
 -webkit-border-radius:  4px 4px 0 0; */
}

td.tab1 {
  background-color: #FFFFFF;
  border-bottom: none;
  text-decoration: none;
}

td.tab2 {
  background-color: #F5F5F5; /*
 border: 1px solid #F5F5F5; */
  border-bottom: 1px solid #DDDDDD;
  text-decoration: underline;
  /* background: -moz-linear-gradient(top,  #f6f6f6 0%, #ececec 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ececec)); 
  background: -webkit-linear-gradient(top,  #f6f6f6 0%,#ececec 100%); 
  background: -o-linear-gradient(top,  #f6f6f6 0%,#ececec 100%);
  background: -ms-linear-gradient(top,  #f6f6f6 0%,#ececec 100%);
  background: linear-gradient(to bottom,  #f6f6f6 0%,#ececec 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ececec',GradientType=0 ); */
}

.p1, .p2, .p3, .p4 {
 width: 16px;
 text-align: center;
}

/* .p1 {
 border: solid 1px #DDDDDD;
 background-color: #F5F5F5;
}

.p2 {
 border: solid 1px #DDDDDD;
 background-color: #FFFFFF;
}

.p3 {
 border: solid 1px #DDDDDD;
 background-color: #F5F5F5;
} */

.p4, td.p4 > b  {
 color: #CCCCCC;
 /* border: solid 1px #DDDDDD;
 background-color: #F5F5F5; */
}

.iconQuery, .iconShare, .iconWlist, .iconMore, .iconDoku, .iconZoom, .iconInfos, .iconPrint , .iconVideo {
 background: url(icons_hd.gif) no-repeat;
 background-size:20px 180px;
 white-space: nowrap;
 margin-top: 4px;
 padding-left:25px;
 line-height:18px;
 display: block;
 width:160px !important;
 height: 20px;
}

.iconShare {
 background-position: 0px -20px;
}

.iconWlist {
 background-position: 0px -40px;
}

.iconMore {
 background-position: 0px -60px;
}

.iconDoku {
 background-position: 0px -80px;
}

.iconZoom {
 background-position: 0px -100px;
}

.iconInfos {
 background-position: 0px -120px;
}

.iconPrint {
 background-position: 0px -140px;
}

.iconVideo {
 background-position: 0px -160px;
}

/* .userContent {
  margin: 0 auto;
  max-width: 650px;
}

.userContent > tbody > tr > td {
  text-align:center;
} */

/* ShopStyles -> */

.shopTb /* tableBorder */
{ background-color: #E5E5E5; }

.shopTh /* tableHead */
{ color:#000000; font-weight: bold; background-color: #F5F5F5; }

.shopTr /* tableRow (light) */
{ background-color: #FFFFFF; }

.shopTc /* tableCell (dark) */
{ background-color: #FAFAFA; }

.shopLs /* linkSmall */
{ font-size: 100%; }

.shopNl, a:visited.shopNl, a:hover.shopNl /* noLink */
{ color:#000000; text-decoration: none; }

.shopNl b {
  font-size:14px;
}

.shopSl /* Subline */
{ font-weight: bold; }

.shopEt /* errorText */
{ color: #DF0000; }

.shopEb /* errorBack */
{ color: white; background-color: #DE0029; }

.shopSt /* smallText */
{ font-size: 100%; }

.shopHr /* horizontalRule */
{ color:#E5E5E5; border:none; width:100%; height:1px; }

.shopLb /* Label */
{ font-size: inherit !important; }

input.shopIp, select 
{ font-size: inherit !important; }

textarea.shopIp {
 font-size:100% !important;
}

.shopBt /* submitButtons */ {
 color:#000000 !important;
 font-weight: bold;
 cursor: pointer;
 height: 30px;
 background-color: #F0F0F0;
 background-image:url(t.gif); 
 border-style: solid;
 border-width: 1px 1px 1px 1px;
 border-color: #D0D0D0 #808080 #808080 #D0D0D0; 
 border-radius: 0px;
 -moz-border-radius: 0px;
 -webkit-border-radius: 0px;
}

.shopBt a, input.shopBt {
  padding-left:15px !important; 
  padding-right:15px !important; 
}

.shopBtNext, .shopBtNext a {
  color:#FFFFFF !important;
}

.shopBtNext {
  background-image:url(t.gif)  !important;
  background-color:#333333 !important;
  box-shadow:none;
}

.shopBtNext:hover {
  background-color:#000000 !important;
}

/* verify */
.shopTh3 { background-color: #EFF4F8; font-weight:bold; }
.shopTb3 { background-color: #DFE9F0; }

/*basket*/
#shopBasketInfo, #basketContent, #shopBasketEmpty { 
  text-align:center;
}

/* <- ShopStyles */

html {
 -webkit-text-size-adjust: none;
}

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; border:1px solid #EEEEEE; } 
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container img, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.strike {
  color:#909090;
  position: relative;
}
.strike::before {
  position: absolute;
  content: '';
  left: 0;
  top: 45%;
  right: 0;
  border-top: 2px solid;
  border-color: rgb(249, 53, 65);
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  transform: skewY(-10deg);
}
