/*
  # FONTS 
  font-family: 'Corpid C1 Light';
  font-family: 'Corpid C1 Regular';
  font-family: 'Corpid C1 Bold';
  font-family: 'Corpid C1 Heavy';
  font-family: 'Corpid C1 Black';

  font-family: 'Corpid C1Cd Regular';
  font-family: 'Corpid C1Cd Bold';
  font-family: 'Corpid C1Cd Black';
*/

pre {
  white-space: pre-wrap;
  /* Chrome & Safari */
  white-space: -moz-pre-wrap;
  /* Mozilla since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, 
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, 
.col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, 
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, 
.col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, 
.col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-left: 20px;
  padding-right: 20px;
}

.row {
  margin-left: -20px;
  margin-right: -20px;
}

/*SOME - BUTTONS*/
@media (min-width: 960px) {
/*
  [class*="col-xs-"], 
  [class*="col-sm-"], 
  [class*="col-md-"], 
  [class*="col-lg-"]{
    padding-left: 50px;
    padding-right: 50px;
  }

  .tx-dce-pi1 [class*="col-xs-"], 
  .tx-dce-pi1 [class*="col-sm-"], 
  .tx-dce-pi1 [class*="col-md-"], 
  .tx-dce-pi1 [class*="col-lg-"] {
    padding-left: 20px;
    padding-right: 20px;
  }
*/
}
/*SOME - BUTTONS ENDE*/

dl,
menu,
ol,
ul {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #d01d1a;
  margin-bottom: 35px;
  font-weight: 400;
  font-family: 'Corpid C1Cd Black';
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 30px;
  margin-bottom: 10px;
}

h3 {
  font-size: 22px;
  margin-bottom: 10px;
}

h4 {
  font-size: 18px;
  margin-bottom: 10px;
}

h5 {
  font-size: 14px;
  margin-bottom: 10px;
}

h6 {
  font-size: 10px;
  margin-bottom: 10px;
}

.indent {
  margin-left: 30px;
}

.clear {
  clear: both;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.center {
  margin: 0 auto;
}

.contentelement {
  margin-bottom: 35px;
}

.disabled {
  pointer-events: none;
  opacity: 0.3;
}

.hide {
  display: none;
}

.show {
  display: block;
}

/* Tablestyling Even/odd */
table tr:nth-child(even) {
  /*background: rgba(0,0,0,0.1);*/
}

img {
  border: none;
}

a {
  text-decoration: none;
}

a:hover, a:active, a:focus {
  outline: 0;
  /*outline-style: none;*/
}

b, strong {
  font-family: 'Corpid C1 Bold';
  font-weight: normal;
}

::-webkit-input-placeholder {
  color: #f9e300;
}

::-moz-placeholder {
  /* Firefox 18- */
  color: #f9e300;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #f9e300;
}

::-ms-input-placeholder {
  color: #f9e300;
}

.expert ::-webkit-input-placeholder {
  color: #e6e6e6;
}

.expert ::-moz-placeholder {
  color: #e6e6e6;
}

.expert ::-moz-placeholder {
  color: #e6e6e6;
}

.expert ::-ms-input-placeholder {
  color: #e6e6e6;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

html {
  height: 100%;
  overflow: scroll;
  overflow-x: auto;
  /*CSS3*/
}

body {
  height: 100%;
  height: auto !important;
  font: 15px 'Corpid C1 Regular', arial, sans-serif;
  color: #424242;
}

.innerWrap {
  width: 1210px;
  margin: 0 auto;
}

#pagewrap {
 position: relative;
}

#headArea {
  -moz-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 0px 20px;
  position: fixed;
  z-index: 990;
  width: 100;
  left: 0;
  right: 0;
  transition: top 0.2s ease-in-out;
  top: 0px;
}

#headArea.nav-up {
  top: -90px;
  overflow: hidden;
}

#brand {
  float: left;
  padding-top: 2px;
  margin-top: 0px;
}

#brand:before {
  content: '\e909';
  font-family: 'glyphs_wolfgarten';
  font-size: 64px;
  color: #f9e300;
  width: 235px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: inline-block;
}

.expert #brand:before {
  color: #e6e6e6;
  /*content: '\e908';
  font-family: 'glyphs_wolfgarten';*/
  content: '';
  
  
}
.expert #brand{
  width: 235px;
background-image: url("../gfx/brand-expert.svg");

    background-repeat: no-repeat;
background-size: contain;
  height: 65px;
   color: #e6e6e6;
  margin-top: 10px;
  margin-bottom: 5px;

}


header {
  height: 90px;
  position: relative;
  width: 100%;
  left: 0;
  right: 0;
  background-color: #e3000f;
  text-align: center;
  z-index: 995;
}

.expert header {
  background-color: #606060;
}

header,
header a,
header a:focus,
header a:hover {
  color: #f9e300;
  text-decoration: none;
  font-family: 'Corpid C1 Bold';
}

header a:hover {
  color: #fff160;
}

.expert header,
.expert header a,
.expert header a:focus,
.expert header a:hover {
  color: #e6e6e6;
}

.expert header a:hover {
  color: white;
}

#topNav,
.search,
#mainNavi {
  float: right;
}

#topNav ul {
  list-style-type: none;
}

#topNav ul li {
  float: left;
  margin-right: 25px;
}

#topNav ul li a {
  font-size: 16px;
  padding: 6px 0 9px;
  display: block;
  line-height: 1em;
}

#topNav ul li:last-child {
  margin-right: 0;
}

#topNav .items {
  display: inline-block;
  padding: 0 5px 0 8px;
}

#topNav .icon-wg-misc-basket {
  font-size: 14px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  background-color: #fff;
  padding: 20px;
}

.navbar {
  margin-bottom: 0;
}

#mainNavi .navbar-nav > li > a {
  padding: 0;
  margin: 0;
}

.navbar-nav > li > .dropdown-menu {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.navbar-nav > li > .dropdown-menu a {
    white-space: normal;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
  background-color: transparent;
}

#mainNavi > .navbar-nav > li > a {
  padding: 10px 2px 17px;
  margin-right: 15px;
}

#mainNavi > .navbar-nav > li:last-child > a {
  margin: 0;
}

#mainNavi > .navbar-nav > li.active > a {
  border-bottom: 10px solid #f9e300;
}

.expert #mainNavi > .navbar-nav > li.active > a {
  border-bottom: 10px solid #ccc;
}

#mainNavi > .navbar-nav > li > a {
  border-bottom: 10px solid transparent;
}

#mainNavi {
  display: inline-block;
  margin-right: 0;
  padding-left: initial;
  top: 32px;
}

#mainNavi .nav > .open > a, 
#mainNavi > .navbar-nav > li.active.open > a,
#mainNavi .nav > .open > a:focus, 
#mainNavi .nav > .open > a:hover {
  background-color: transparent;
  border-bottom: 10px solid #fff;
}

#mainNavi > ul.navbar-nav > li.dropdown > a {
  position: relative;
  padding-right: 20px;
}

#mainNavi > .navbar-nav > li.dropdown > a:before {
  content: '\e900';
  font-family: 'glyphs_wolfgarten';
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -13px;
  font-size: 16px;
}

#mainNavi > .navbar-nav > li.dropdown.open > a:before {
  content: '\e903';
  font-family: 'glyphs_wolfgarten';
}

/*#mainNavi > .navbar-nav > li.active > a,
#mainNavi > .navbar-nav > li.dropdown.open > a {
  color: #fff160;
}*/

#mainNavi > ul {
  float: right;
  margin-right: 360px;
}

#mainNavi ul li a {
  font-size: 21px;
}

#mainNavi ul li#firstLi ul  li.layout1  a,
#mainNavi > ul > li#firstLi > ul > li.layout1 > a {
  color: #888;
  font-family: 'Corpid C1Cd Regular';
}

#mainNavi > ul > li#firstLi > ul > li.layout1 > a{
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  float: left;
  width: 255px;
  position: relative;
}

#mainNavi > ul > li#firstLi > ul > li.layout1.open > a {
  background-color: transparent;
}

#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel a {
  text-align: center;
  line-height: 1em;
  margin-bottom: 10px;
  background-color: transparent;
}

#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel a span {
  font-size: 18px;
  width: 100%;
}

#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel a img{
   border-bottom: 1px solid #888;
   padding-bottom: 3px;
}

#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel.active a img{
  border-bottom: 4px solid #666; 
}

#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel.active a,
#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel a:focus,
#mainNavi ul li#firstLi ul li.layout1 ul li.thirdLevel a:hover {
  color: #333;
  background: transparent;
}

#mainNavi > ul > li#firstLi > ul > li.layout1.open > a,
#mainNavi > ul > li#firstLi > ul > li.layout1.active > a,
#mainNavi > ul > li#firstLi > ul > li.layout1 > a:focus,
#mainNavi > ul > li#firstLi > ul > li.layout1 > a:hover {
  color: #333;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  background: #fff;
}

#mainNavi > ul > li#firstLi > ul > li.layout1 > a > span,
#mainNavi > ul > li#firstLi > ul > li.layout1 > a > img {
  float:left;
}

#mainNavi > ul > li#firstLi > ul > li.layout1 > a > span {
  display: block;
  padding: 10px;
}

#mainNavi > ul > li#firstLi > ul > li.layout1 > a:before {
  content: '\e902';
  position: absolute; 
  display: block;
  font-size: 18px; 
  font-family: 'glyphs_wolfgarten';
  top: 50%;
  margin-top: -10px;
  right: 10px;
}

#mainNavi > ul > li#firstLi > ul > li.layout1.image-link  > a:before {
  display:none;
}

#mainNavi > ul > li#firstLi > ul > li.layout1.image-link > a > span {
  width: 164px;
}

#mainNavi > ul > li#firstLi > ul > li.layout1 > a > span.clear {
 padding: 0;
}

#mainNavi > ul > li#thirdLi > .dropdown-menu li.col-md-4,
#mainNavi > ul > li#secondLi > .dropdown-menu li.col-md-4 {
  padding: 0 20px;
}

#mainNavi #thirdLi.yamm-fw .dropdown-menu,
#mainNavi #secondLi.yamm-fw .dropdown-menu {
  padding: 40px 20px;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a {
  background: #cfd1d2;
  background: -moz-linear-gradient(left,  #cfd1d2 15%, #ebecec 50%, #cfd1d2 86%);
  background: -webkit-linear-gradient(left,  #cfd1d2 15%,#ebecec 50%,#cfd1d2 86%);
  background: linear-gradient(to right,  #cfd1d2 15%,#ebecec 50%,#cfd1d2 86%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1d2', endColorstr='#cfd1d2',GradientType=1 );
  font-size: 15px;
  color: #333;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a:focus,
#mainNavi > ul > li#secondLi > ul > .layout2 > a:hover,

#mainNavi > ul > li#thirdLi > ul > .layout3 > a:focus,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a:hover {
  background: #bbbbbb; 
  background: -moz-linear-gradient(left,  #bbbbbb 15%, #ebecec 50%, #bbbbbb 86%);
  background: -webkit-linear-gradient(left,  #bbbbbb 15%,#ebecec 50%,#bbbbbb 86%);
  background: linear-gradient(to right,  #bbbbbb 15%,#ebecec 50%,#bbbbbb 86%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#bbbbbb',GradientType=1 );

}
#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text {
  padding:20px;
}
#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text > h3,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text > h3 {
  font-size: 30px;
  margin-bottom: 18px;
  line-height: 1em;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text div:nth-child(3),
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text div:nth-child(3) {
  color: #666;
  font-family: 'Corpid C1Cd Black';
  Text-transform: uppercase;
  position: relative;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text div .icon-wg-arrow-circle-right::before,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text div .icon-wg-arrow-circle-right::before {
  top: 50%;
  position: absolute;
  margin-top: -8px;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text div.linktitle,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text div.linktitle{
  margin-top: 20px;
}

#mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text div.linktitle span,
#mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text div.linktitle span {
  font-size: 16px;
  margin-left: 5px;
}
  
#mainNavi > ul > li#thirdLi > ul > .layout3 {
  margin-bottom: 30px;
}

#mainNavi #thirdLi.yamm-fw .dropdown-menu {
  padding-bottom: 20px;
}

#mainNavi > ul > li#thirdLi > ul > .layout4 {
  margin-bottom: 20px;
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a .level2Text .linktitle {
  text-transform: uppercase;
  margin-bottom: 6px;
  color: #666;
  font-family: 'Corpid C1Cd Bold';
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a > .level2Text .linktitle .icon-wg-arrow-circle-right {
  position: relative;
  margin-left: 5px;
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a > .level2Text .linktitle .icon-wg-arrow-circle-right:before {
  top: 50%;
  position: absolute;
  font-size: 20px;
  margin-top: -9px;
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a {
  font-size: 20px;
  color: #888;
  font-family: 'Corpid C1Cd Regular';
  line-height: 23px;
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a:focus > .level2Text .linktitle,
#mainNavi > ul > li#thirdLi > ul > .layout4 > a:hover > .level2Text .linktitle {
  color: #333; /**/
}

#mainNavi > ul > li#thirdLi > ul > .layout4 > a:focus,
#mainNavi > ul > li#thirdLi > ul > .layout4 > a:hover {
  color: #333;
}

#mainNavi > ul > li#thirdLi > ul > .layout4.active > a {
  background: transparent;
}
  
#mainNavi a img {
  width: 100%;
  min-width: 100%;
  height: auto;
}

#mainNavi .image-link > a > img {
  width: auto;
  min-width: auto;
  height: auto;
}

#mainNavi #firstLiSecondLevel > ul {
  bottom: 0;
  display: inline-block;
    
  overflow: auto;
  position: absolute;
}

/*SAFARI FIX*/
#mainNavi > ul > li#firstLi > ul > li.layout1 > a > img {

  min-width: initial!important;
}

#breadcrumbArea {
  background-color: #fff;
}

.search {
  position: relative;
  margin-top: 14px;
}

.search .searchfield {
  border: none;
  padding: 3px 25px 3px 5px;
  background-color: #be2222;
  font-size: 15px;
  font-family: 'Corpid C1 Regular';
}

.expert .search .searchfield {
  background-color: #333;
}

.search .submit_search {
  background-color: transparent;
  border: none;
  width: 22px;
  height: 24px;
  z-index: 9999;
  font-size: 0;
  position: absolute;
  right: 3px;
  top: 0px;
}

.submit_search:before {
  content: '\e90e';
  font-family: 'glyphs_wolfgarten';
  font-size: 15px;
  color: #f9e300;
  display: inline-block;
}

.expert .submit_search:before {
  color: #e6e6e6;
}

#breadcrumbArea {
  padding: 11px 0 10px;
  width: 100%;
  left: 0;
  right: 0;
  position: relative;
}

#breadcrumb {
  font-family: 'Corpid C1Cd Regular';
  list-style-type: none;
  font-size: 18px;
}

#breadcrumb .icon {
  color: #797979;
  font-size: 18px;
}

#breadcrumb li {
  float: left;
}

#breadcrumb li a {
  padding: 0 12px;
  border-right: 1px solid #666666;
  text-decoration: none;
  color: #666;
  display: block;
  line-height: 1em;
}

#breadcrumb li a:focus,
#breadcrumb li a:hover {
  color: #333;
}

#breadcrumb li:first-child a {
  font-size: 0;
  width: 32px;
  padding: 0px;
}

#breadcrumb li:last-child {
  padding: 0 0 0 12px;
  border-right: none;
  font-family: 'Corpid C1Cd Bold';
  font-weight: 400;
  color: #333;
  line-height: 1em;
}

#mobile-bar {
  display: none;
  float: right;
}

#mobile-bar .menue-toggle {
  display: block;
  padding: 30px 20px 24px;
  font-size: 24px;
}

#mobile-bar .menue-toggle.active {
  border-bottom: 6px solid #f9e300;
}

.expert #mobile-bar .menue-toggle.active {
  border-bottom: 6px solid #fff;
}

#mobileNavArea {
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #333;
  z-index: 985;
  display: none;
  overflow-y: auto;
}

#mobileNavArea .dropdown-menu {
  background-color: transparent;
}

#mobileNavArea .navbar {
    border: none;
}

#mobileNavArea .search {
  float: none;
  width: 100%;
  margin: 0;
}

#mobileNavArea .search .searchfield {
  width: 100%;
  padding: 15px 45px 15px 20px;
  color: #fff160;
}

.expert #mobileNavArea .search .searchfield {
  color: #e6e6e6;
}

#mobileNavArea .submit_search {
  right: 15px;
  top: 50%;
  margin-top: -26px;
  padding: 14px;
  width: auto;
  height: auto;
}

#mobileNavArea .submit_search:before {
  font-size: 22px;
}

#mobileNavArea .einkaufsliste {
  background-color: #e3000f;
  color: #f9e300;
  width: 100%;
  display: block;
  padding: 15px 20px;
  text-decoration: none;
  margin-top: 0px;
  font-family: 'Corpid C1 Bold';
}

.expert #mobileNavArea .einkaufsliste {
  background-color: #fff;
  color: #333;
}

#mobileNavArea .einkaufsliste span {
  float: right;
}

#mobileNavArea .einkaufsliste span.items {
  margin-right: 6px;
}

#mobileNavArea .navbar-nav {
  float: none;  
  margin: 0;
  width: 100%;
}

#mobileNavArea .navbar-nav li a {
  color: #fff;
  padding: 15px 45px 15px 20px;
}

#mobileNavArea .nav .open a.dropdown-toggle {
  position: relative;
}

#mobileNavArea .nav .dropdown a.dropdown-toggle:before {
  content: '\e900';
  font-family: 'glyphs_wolfgarten';
  font-size: 18px;
  right: 20px;
  top: 50%;
  margin-top: -10px;
  position: absolute;
}

#mobileNavArea .nav .dropdown.open > a.dropdown-toggle:before {
  content: '\e903';
  font-family: 'glyphs_wolfgarten';
}

#mobileNavArea .dropdown-menu {
  font-size: 16px;
  padding: 0;
  position: relative;
}

#mobileNavArea > #mobileNav > ul > li > ul > li > ul.dropdown-menu {
  position: relative;
  width: 100%;
  left: 0;
  background: #222;
}

#mobileNavArea .navbar-nav  li.dropdown .dropdown-menu li > a{
  padding-left: 40px;
  border-top: 1px solid #333;
  border-left: 5px solid #666;
}

#mobileNavArea .navbar-nav li a:hover {
  background: #444;
}

#mobileNavArea .navbar-nav > li.active > a, 
#mobileNavArea .navbar-nav > li.active > a:focus, 
#mobileNavArea .navbar-nav > li.active > a:hover, 

#mobileNavArea .dropdown-menu > .active > a,
#mobileNavArea .dropdown-menu > .active > a:focus, 
#mobileNavArea .dropdown-menu > .active > a:hover {
  background: #fff;
  color: #333;
  border-top: 1px solid #333;
  font-family: "Corpid C1 Bold";
}

#mobileNavArea .nav .open > a,
#mobileNavArea .nav .open > a:focus,
#mobileNavArea .nav .open > a:hover {
  background: #666;
  color: #fff;
  border-top: 1px solid #333;
}

#mobileNavArea .navbar-nav li.dropdown .dropdown-menu li > ul > li > a  {
  border-left: 5px solid #444;
}

.expert #mobileNavArea .navbar-nav > li.active > a, 
.expert #mobileNavArea .navbar-nav > li.active > a:focus, 
.expert #mobileNavArea .navbar-nav > li.active > a:hover, 

.expert #mobileNavArea .dropdown-menu > .active > a,
.expert #mobileNavArea .dropdown-menu > .active > a:focus, 
.expert #mobileNavArea .dropdown-menu > .active > a:hover {
  background: #c8c8c8;
  color: #333;
  border-top: 1px solid #333;
  font-family: "Corpid C1 Bold";
}

.imageheader {
  font-family: 'Corpid C1 Heavy';
  z-index: 800;
  font-size: 45px;
}

@media ( max-width: 1024px ) {
  .imageheader {
     font-size: 30px;
  }
}

@media ( max-width: 580px ) {
  .imageheader {
     font-size: 20px;
  }
}

/*
#################################################################################################
# Layout -> Content
#################################################################################################
*/
#content .container {
  position: relative;
}

#quickNav {
  position: fixed;
  width: auto;
  top: 140px;
  z-index: 970;
  left:0px;
}

#quickNav .jssocials-share {
  display: block;
  margin: 0;
  margin-bottom: 5px;
}

#bottomPageSocial.container {
  padding-top: 0;
  padding-bottom: 0;
}

#bottomPageSocial .row {
  position: relative;
  height: 0;
}

#bottomPageSocial .jssocials {
 position: absolute;
  z-index: 502;
  top: 0;
}

#bottomPageSocial i {
 font-size: 20px;
 color: #fff;
}

@media (max-width: 960px) {
  #quickNav {
    display: none;
  }
  .redBox {
    padding-bottom: 50px;
  }
}

@media (min-width: 960px) {
  #bottomPageSocial {
    display: none;
  }
}

#contentOverlayMenue.active {
  background: rgba(0, 0, 0, 0.50);
  position: fixed;
  top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  height: 100%;
}

#content-wrap {
  padding-top: 130px;
}

/*
#################################################################################################
# Layout -> CONTENTFORMATING
#################################################################################################
*/

.container {
    padding: 34px 20px 0;
}

.contentStyled dl,
.contentStyled .indent,
.contentStyled p {
  margin-bottom: 35px;
}

.contentStyled a {
  text-decoration: none;
  color: #666;
  text-transform: uppercase;
  font-family: "Corpid C1Cd Bold";
}
.contentStyled a:hover,
.contentStyled a:visited {
  color: #333;
}

.expert .contentStyled a {
  text-decoration: none;
  color: #d01d1a;
  transition: all 0.3s ease-out;
}

.expert .contentStyled a:hover {
  color: #e0cc00;
}

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

.contentStyled aside p {
  margin: 0;
}

.contentStyled aside {
  padding: 15px;
  color: #666;
  margin-bottom: 35px;
}

.contentStyled hr {
  height: 1px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin: 0 0 35px 0;
}

/*Pre_styled lists*/
.contentStyled ol,
.contentStyled ul {
  line-height: 16px;
  margin-bottom: 35px;
}

.contentStyled dl dd,
.contentStyled li {
  margin-bottom: 5px;
}

.contentStyled ol {
  padding-left: 16px;
}

.contentStyled ul {
  padding-left: 15px;
}

.contentStyled .csc-textpic ul,
.contentStyled .csc-textpic ol {
  /*padding: 0px;*/
}

.contentStyled .csc-textpic-imagewrap ul,
.contentStyled .csc-textpic-imagewrap ol {
  padding: 0px;
  margin: 0px;
}

.contentStyled table td.align-right {
  text-align: right;
}

.contentStyled table td.align-left {
  text-align: left;
}

.slidertext .bodytext,
.contentStyled .raise-container-up > .container > .bodytext {
  font-family: 'Corpid C1 Light';
  font-size: 21px;
  line-height: 1.4em;
  margin-bottom: 0;
}

.contentStyled .raise-container-up  .magazin-artikel .bodytext {
  font: 15px "Corpid C1 Regular",arial,sans-serif
}

.slidertext .bodytext a,
.contentStyled .raise-container-up > .container > .bodytext a {
  font-family: 'Corpid C1Cd Bold';
  color: #666;
  position: relative;
  padding-right: 30px;
  display:inline-block;
}

.slidertext .bodytext a:focus,
.contentStyled .raise-container-up > .container > .bodytext a:focus,
.slidertext .bodytext a:hover,
.contentStyled .raise-container-up > .container > .bodytext a:hover {
  color: #333;
}

.slidertext .bodytext a:before,
.contentStyled .raise-container-up > .container > .bodytext a:before{
  content: "\e902";
    font-family: "glyphs_wolfgarten";
    font-size: 21px;
    margin-top: -17px;
    position: absolute;
    right: 5px;
    top: 50%;
}

/*
#################################################################################################
# Layout -> GARTENKALENDAR
#################################################################################################
*/

.calendarInnerwrap {
  margin-bottom: 40px;
}

.calendarInnerwrap .imagewrap {
  position: relative;
}

.calendarInnerwrap .imagewrap .calendarMonth {
  position: absolute;
  left: 20px;
  bottom: 20px;
  color: #fff;
  font-size: 50px;
  text-transform: uppercase;
  line-height: 0.85em;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, .7);
}

.productcatoverview .productcatText,
.calendarInnerwrap .descBox {
  background: #cfd1d2;
  background: -moz-linear-gradient(left,  #cfd1d2 15%, #ebecec 50%, #cfd1d2 86%);
  background: -webkit-linear-gradient(left,  #cfd1d2 15%,#ebecec 50%,#cfd1d2 86%);
  background: linear-gradient(to right,  #cfd1d2 15%,#ebecec 50%,#cfd1d2 86%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1d2', endColorstr='#cfd1d2',GradientType=1 );
  font-size: 15px;
  color: #333;
  padding: 20px;
} 

.calendarInnerwrap .descBox .calendarDescription {
  margin-bottom: 20px;
}

.news-file-link a,
.calendarInnerwrap .descBox .calendarLinks a {
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #666666;
  font-family: 'Corpid C1Cd Black';
}

.calendarLinksHidden {
  margin-top: 15px;
}

.calendarInnerwrap .descBox .calendarLinks a:last-child {
  margin-bottom: 0px;
}

.news-file-link a:hover,
.calendarInnerwrap .descBox .calendarLinks a:focus,
.calendarInnerwrap .descBox .calendarLinks a:hover {
  color: #333;
}

.calendarInnerwrap .descBox .calendarLinks a .icon-wg-arrow-circle-right:before {
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.productcatoverview .productcatLink,
.calendarInnerwrap .calendarMorelink {
  color: #fff;
  background-color: #666666;
  padding: 8px 20px;
  display: block;
  text-transform: uppercase;
  font-size: 21px;
  font-family: "Corpid C1 Bold";
}

.calendarInnerwrap .descBox .calendarLinks a span,
.calendarInnerwrap .calendarMorelink span {
  position: relative;
  margin-left: 5px;
}

.calendarInnerwrap .calendarMorelink .icon-wg-arrow-circle-down:before  {
  margin-top: -10px;
  position: absolute;
  top: 50%;
}

.calendarInnerwrap .calendarMorelink.open .icon-wg-arrow-circle-down:before {
  content: "\e903";
  font-family: 'glyphs_wolfgarten';
}

/*CONTENT RAISE TO TOP*/

#content .raise-container-up {
  margin-top: -142px;
}

#content .raise-container-up > div.container {
  background: transparent url(../gfx/bg_container_top.png) repeat-x left top;
  position: relative;
  padding: 40px 40px 0;
}

#content .raise-container-up  > .container {
  width: 1210px;
}

@media (max-width: 1210px){
  #content .raise-container-up {
    margin-top: 0px;
  }
  #content .raise-container-up > .container {
    width: 100%;
    padding: 20px 20px 0;
    background: transparent;
  }
}


/*
#################################################################################################
# Layout -> FAQ
#################################################################################################
*/

.tx-dftabs-tabMenuEntry {
  float: none;
  width: auto;
}

.tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry a {
  width: 100%;
  background-color: #666666;
  padding:12px; 
  color: #fff;
  line-height: 1em;
}

.tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry a:focus,
.tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry a:hover {
  color: #fff;
  background-color: #b7180c;
}
.tx-dftabs-tabMenu .tx-dftabs-tabMenuEntrySelected a,
.tx-dftabs-tabMenu .tx-dftabs-tabMenuEntrySelected a:hover {
  background-color: #b7180c;
  color:#fff;
}

.tx-dftabs-tabContent ul {
  list-style-type: none;
  padding-left: 0px;
}

.tx-dftabs-tabContent .toggleTrigger {
  fontsize: 24px;
  color: #666;
  font-family: 'Corpid C1Cd Bold';
  cursor: pointer;
  margin-bottom: 32px;
  text-transform: uppercase;
  padding-right: 45px;
  display: inline-block;
  line-height: 1.3em;
}

.tx-dftabs-tabContent .toggleTrigger.active,
.tx-dftabs-tabContent .toggleTrigger:focus,
.tx-dftabs-tabContent .toggleTrigger:hover {
  color: #b7180c;
}

.tx-dftabs-tabContent #jpfaqSearchFieldset label {
  font-size: 24px;
  text-transform: uppercase;
  color: #666;
  font-family: 'Corpid C1Cd Bold';
  font-weight: 400;
}

.tx-indexedsearch-searchbox #tx-indexedsearch-searchbox-sword,
.tx-dftabs-tabContent #jpfaqSearch {
  background-color: #666666;
  border: none;
  color: #fff;
  padding: 8px 6px;
  display: block;
  width: 100%;
}

.tx-indexedsearch-searchbox .searchfieldWrap,
.tx-dftabs-tabContent .searchfieldWrap {
  position: relative;
  width: 25%;
  min-width: 280px;
}
.tx-indexedsearch-searchbox .searchfieldWrap .icon-wg-misc-magnifier,
.tx-dftabs-tabContent .searchfieldWrap .icon-wg-misc-magnifier {
  position: absolute;
  right: 6px;
  top: 50%;
  font-size: 16px;
  color: #fff;
  margin-top: -8px;
}

.tx-dftabs-tabContent legend, 
.tx-dftabs-tabContent .jpfaqShowAll {
  display: none;
}

.faqDropdown {
  font-size: 21px;
  positon: relative;
}

.faqDropdown > dt > span {
  padding: 8px 20px;
}

.faqDropdown > dt > span > span {
  position: absolute; 
  right: 40px;
  top: 14px;
}

.faqDropdown > dt.open > span > span:before {
  content: '\e903';
  font-family: "glyphs_wolfgarten";
}

.faqDropdown .tx-dftabs-tabMenu {
  font-size: 18px;
}

.jpfaqAnswer .bodytext {
  color: #424242;
  font-size: 18px;
  line-height: 1.3em;
}

.voting_text {
  text-transform: uppercase;
  font-family: "Corpid C1Cd Bold";
  font-size: 18px;
  color: #666;
  margin-bottom: 20px;
}

.voting_wrapper {
  margin-bottom: 35px;
}

#voting_down,
#voting_up {
  background: #666; 
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  font-size: 30px;
  border:none;
  height: auto;
  width: 80px;
}

#voting_down {
  margin-left: 8px;
}

#voting_down:hover,
#voting_up:hover {
  background: #333;
}

.voting_wrapper .up_votes,
.voting_wrapper .down_votes,
.voting_wrapper .voting_up,
.voting_wrapper .voting_down {
  display: none;
}

.voting_wrapper .down_button,
.voting_wrapper .up_button {
  text-transform:uppercase;
  color: #fff;
  font-family: "Corpid C1Cd Black";
  text-align: center;
  padding: 10px 0 12px;
  line-height: 1em;
}

@media ( max-width: 768px ){
  .tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry a {
    font-size: 21px;
  }
}

/*
#################################################################################################
# Layout -> LISTENANSICHT PRODUKTE
#################################################################################################
*/

.tt-products-list > .list-view > form > .row {
  margin:0;
}

.view-options {
  padding-left: 0px!important;
}

.view-options {
  list-style-type: none;
  font-size: 24px;
  margin-bottom: 50px;
  text-transform: uppercase;
  font-family: 'Corpid C1Cd Bold';
  color: #666;
}

.view-options li {
  float: left;
  margin-right: 30px;
}

.view-options li:last-child {
  margin-right: 0px;
}

.expert .view-options li a:visited,
.view-options li a:visited,
.expert .view-options li a,
.view-options li a {
  color: #666;
  display: inline-block;
}

.expert .view-options li a:focus,
.expert .view-options li a:hover,
.expert .view-options li.active a,
.view-options li a:focus,
.view-options li a:hover,
.view-options li.active a {
  color: #333;
}

.view-options li a span {
  position: relative;
  margin-right: 10px;
  font-size: 36px;
  padding: 0 30px 0 0;
}

.view-options li a span.icon:before {
  margin-top: -11px;
  position: absolute;
  top: 50%;
  width: 36px;
}

.view-options:after,
.tt-products-basket .basketitem:after,
.tt-products-list .item:after {
  clear:both;
  content: "";
  display: table;
}

.tt-products-basket .basketitem,
.tt-products-list .item {
  border-bottom: 1px solid #666666;
}

.tt-products-basket .basketitem:nth-child(odd),
.tt-products-list .list-view .wrap:nth-child(odd) .item {
  background: #e6e6e6;
  background: -moz-linear-gradient(left,  #e6e6e6 0%, #ffffff 20%, #ffffff 80%, #e6e6e6 100%);
  background: -webkit-linear-gradient(left,  #e6e6e6 0%,#ffffff 20%,#ffffff 80%,#e6e6e6 100%);
  background: linear-gradient(to right,  #e6e6e6 0%,#ffffff 20%,#ffffff 80%,#e6e6e6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 );
}

.tt-products-list input[type="checkbox"] {
  display:none; 
}

.tt-products-basket .basketitem:first-child,
.tt-products-list .list-view .wrap.first  {
  border-top: 10px solid #666;
}

.tt-products-basket .basketitem,
.tt-products-list .item {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
}

.tt-products-basket .basketitem .col:nth-child(2),
.tt-products-list .list-view .col:nth-child(2){
  border-left: 1px solid #666;
  border-right: 1px solid #666;
} 

.tt-products-basket .basketitem .link a,
.tt-products-list .item .link a {
  font-family: 'Corpid C1Cd Black';
  font-size: 21px;
  color: #666;
  display: inline-block;
}

.relatedproducts .relatedproductsitem .price,
.tt-products-list .gallery-view .price,
.tt-products-list .item .title .price,
.tt-products-single .accessory .price {
  color: #fff;
  background-color: #666; 
  display: inline-block;
  padding: 4px 6px; 
  font-size: 18px;
  font-family: 'Corpid C1Cd Black';
}

.tt-products-list .item {
  /*height: 200px; NWO*/
  overflow: hidden;
}

.tt-products-list .item .notes {
  font-size: 14px;
  font-family: 'Corpid C1 Light';
  /*height: 160px;*/ 
}

.tt-products-list .item .vergleich {
  text-align: right;
}

.relatedproducts .relatedproductsitem:hover a.title,
.tt-products-list .productlist .col:hover .title a,
.tt-products-list .item:hover .link {
  color: #333;
}

.relatedproducts .relatedproductsitem:hover .price,
.tt-products-list .productlist .col:hover .price,
.tt-products-list .item:hover .price {
  background: #333;
}

.relatedproducts .relatedproductsitem:hover a,
.tt-products-list .productlist .col:hoverproductitem {
   border-bottom: 1px solid #333;
   border-top: 1px solid #333;
}

.tt-products-list .list-view .item:hover .col:nth-child(2) {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}

.tt-products-list .vergleich label {
  font-weight: 400;
  font-size: 15px;
  font-family: 'Corpid C1 Regular';
  position: relative;
  padding: 0 0 0 30px;
  margin-top: 2px;
  cursor: pointer;
}

.tt-products-list input[type="checkbox"] + label:before {
  content: '';
  display: inline-block;
  position: absolute;
  width: 22px;
  height: 22px;
  background-color: #fff;
  border: 1px solid #666;
  left: 0px;
  top:-1px;
}

.tt-products-list input[type="checkbox"]:checked + label:before {
  content: '\e90b'; 
  font-family: 'glyphs_wolfgarten';
  font-size: 20px;
  color: #666;
}

.tt-products-list .gallery-view .col,
.tt-products-single .accessory .col {
  margin-bottom: 60px;
}

.tt-products-list .headline {
  margin-bottom: 15px!important; 
}

.tt-products-list .gallery-view .title a,
.tt-products-single .accessory .title a {
  font-size: 21px;
  color: #666;
  font-family: 'Corpid C1Cd Black';
}

.tt-products-list .gallery-view .price {
  float: left; 
}

.tt-products .categoryNote h2 {
  margin-bottom: 8px;
}

.tt-products .categoryNote p {
  margin-bottom: 6px;
  font-size: 18px;
}

#PRODUCT_RELATED_UID_SINGLE {
  margin-top: 40px;
}

#PRODUCT_RELATED_UID_SINGLE h3 {
  font-size: 30px;
}

.relatedproductsitem {
  margin-bottom: 40px;
}

.relatedproductsitem a {
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  display: block;
  font-family: "Corpid C1Cd Black";
  font-size: 21px;
}
.relatedproductsitem a .title {
  color: #333;
}

.relatedproductsitem a .title,
.tt-products-list .gallery-view .title a,
.tt-products-single .accessory .title a {
  margin-bottom: 5px;
  display: block;
}

.tt-products-list .gallery-view .vergleich {
  float: right;
  margin-top: 4px;
}

.tt-products-list .gallery-view .vergleich label {
  padding: 0 30px 0 0;
}

.tt-products-list .gallery-view input[type="checkbox"] + label:before {
  float: right;
  right: 0;
  left: auto;
}

.tt-products-list .gallery-view .vergleich:after {
  content:'';
  clear:both;
}

.submit_vergleich {
  border: none;
  background-color: #666;
  padding: 2px 8px;
  color: #fff;
  font-size: 24px;
  font-family: 'Corpid C1Cd Bold';
  text-transform: uppercase;
}

.submit_vergleich {
  bottom: 0;
  right: 20%;
  z-index: 1000;
  position: fixed;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.tt-products-basket .basketitem .link a,
.tt-products-list .list-view .link a,
.tt-products-list .list-view .price {
  margin-bottom: 14px;
}

.tt-products-basket .basketitem .articlenumber,
.tt-products-basket .basketitem .price {
  color: #333;
  font-size: 14px;
  margin-bottom: 14px;
}

.tt-products-basket .basketitem .notes input{
  border: 1px solid #666;
  padding: 5px 10px;
  font-size: 14px;
  font-family: 'Corpid C1 Light';
  background-color: #fff;
  min-width: 60px;
}


.tt-products-basket .basketresult {
  font-size: 14px; 
  border-bottom: 1px solid #666;
  margin-bottom: 35px;
}

.tt-products-basket .basket-labels .col,
.tt-products-basket .basketresult .col{
  padding-top: 10px; 
  padding-bottom: 10px;
}

.tt-products-basket .basketresult .col:nth-child(3) {
  background-color: #f5f5f5;
}

.tt-products-basket .basketresult:after {
  content: '';
  clear: both;
  display: table;
}

.tt-products-basket .icon {
  display: inline-block;
  font-size: 18px;
}

.tt-products-basket .refresh #button3,
.tt-products-basket .delete .del-btn input{
  background-color: transparent;
  border:none;
  font-size: 15px; 
  color: #666;
  font-family: 'Corpid C1Cd Bold';
  text-transform: uppercase;
  padding-left: 25px;
  left: 0;
  z-index: 400;
}


.tt-products-basket .reload-btn,
.tt-products-basket .del-btn {
  position: relative;
}

.tt-products-basket .reload-btn:hover,
.tt-products-basket .del-btn:hover,
.tt-products-basket .refresh:hover #button3,
.tt-products-basket .delete:hover .del-btn input {
  color: #d01d1a;
}

.tt-products-basket .reload-btn:hover,
.tt-products-basket .refresh:hover #button3{
  color: #333;
}

.tt-products-basket .refresh .icon,
.tt-products-basket .delete .del-btn .icon {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -9px;
  pointer-events: none;
  z-index: 410;
  width: 18px;
}

a.haendlersuchelink:hover,
a.printlink:hover,
a.haendlersuchelink,
a.printlink {
  background-color: #666;
  border: medium none;
  color: #fff!important;
  font-size: 24px;
  margin-bottom: 15px;
  padding: 5px 10px 5px 10px;
  display: block;
}

a.haendlersuchelink:hover,
a.printlink:hover {
  background-color: #333;
}

a.haendlersuchelink .icon,
a.printlink .icon {
  margin-right: 8px;
}

.tt-products-basket .emptyEinkaufsliste {
  text-align: center;
  font-size: 21px;
  text-transform: uppercase;
  color: #666;
  font-family: 'Corpid C1Cd Regular';
}

@media (max-width: 767px) {
  .tt-products-basket .basketitem .notes {
    float: left;
  }
  .tt-products-basket .basketitem .notes input{
    margin-top: 14px;
  }

  .tt-products-basket .delete .del-btn input,
  .tt-products-basket .basketitem .price {
    float: right;
    margin-top: 16px;
  }
  
  .tt-products-basket .delete .alignright {
    float: left;
  }

  .tt-products-basket .delete .del-btn .icon {
    margin-top: -1px;
  }

  .tt-products-basket .basketresult .alignright {
    float: none;
  }
}

.productteaser .productteasertoggle {
  color: #666; 
  text-transform: uppercase;
  font-size: 24px;
  font-family: "Corpid C1Cd Bold";
}

.productteaser .productteasertoggle span {
  margin-left: 8px;
}

.lastseentoggle.open .icon-wg-arrow-circle-down:before,
.productteaser .productteasertoggle.open .icon-wg-arrow-circle-down:before {
  content: "\e903";
  font-family: "glyphs_wolfgarten"
}

.productteaser .tx-dce-pi1 h4 {
  font-size: 30px;
}

.productteaser .tx-dce-pi1 {
  font-size: 16px;
}

.productteaser .productteaseritems .tx-dce-pi1 {
  margin-bottom: 0;
}

.productteaser {
  margin-bottom: -50px;
  display:inline-block;
}

.productteaser .col {
  margin-bottom: 40px;
}

.lastseentoggle,
.glossarnavheader,
.productteasertoggle {
  cursor: pointer;
}

/*
#################################################################################################
# Layout -> PRODUKT DETAIL
#################################################################################################
*/

.tt-products-single h1 {
  font-size: 41px;
  margin-bottom: 8px;
}

.tt-products-single .title {
  margin-bottom: 40px;
}

.tt-products-single .detailSubtitle {
  font-size: 18px;
  margin-bottom: 25px;
  line-height: 1.5em;
  color: #333;
}

.tt-products-single .sheets a {
  font-size: 18px;
  text-transform: uppercase;
  color: #666;
  font-family: 'Corpid C1Cd Bold';
  display: inline-block;
  padding-left: 28px;
  position: relative;
}

.tt-products-single .sheets {
  margin-bottom: 70px;
}

.tt-products-single .sheets a .icon {
  font-size: 25px;
  position: absolute;
  left: 0px;
  top: -2px;
}

.tt-products-single .detailSheet a:focus,
.tt-products-single .detailSheet a:hover {
  color: #333;
}

.tt-products-single .detailNumber {
  font-size: 18px;
}

.tt-products-single .detailDteails img{
  width: auto;
}

.tt-products-single .product-image a {
  max-width: 455px;
  max-height: 455px;
  position: relative;
  display: block;
} 

.tt-products-single .product-image a:before {
  content: '\e90e';
  font-family: "glyphs_wolfgarten";
  position: absolute;
  right: 15px;
  bottom: 15px;
  font-size: 26px;
  color: #666;
  z-index: 99;
}
.tt-products-single .product-image a:hover:before {
  color: #333;
}

.tt-products-single .back-link a {
  color: #666;
  padding: 5px 0;
  font-size: 18px;
  font-family: 'Corpid C1Cd Bold';
  text-transform: uppercase;
}

.tt-products-single .back-link a:focus,
.tt-products-single .back-link a:hover {
  color: #333;
}

.tt-products-single .detailPrice {
  font-size: 41px;
  font-family: "Corpid C1Cd Black";
  color: #d01d1a;
}

.tt-products-single .incl-vat {
  color: #666;
  font-size: 15px;
  font-family: "Corpid C1 Regular";
  margin-bottom: 10px;
}

.tt-products-single .detailButtons .basketbox {
  position: relative;
}

.tt-products-single .detailButtons .dealer a,
.tt-products-single .detailButtons .basketbox input[type="submit"] {
  border: none;
  padding: 5px 10px 5px 45px;
  background-color: #666;
  color: #fff;
  font-size: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-family: "Corpid C1Cd Bold";
}
.tt-products-single .detailButtons .dealer a {
  display: inline-block;
  position: relative;
}

.tt-products-single .detailButtons .dealer a:focus,
.tt-products-single .detailButtons .dealer a:hover,
.tt-products-single .detailButtons .basketbox input[type="submit"]:focus,
.tt-products-single .detailButtons .basketbox input[type="submit"]:hover {
  background-color: #333;
}
.tt-products-single .detailButtons span.icon {
  position: absolute;
  left: 0;
  color: #fff;
  font-size: 24px;
  top: 50%;
  left: 10px; 
  margin-top: -20px;
  pointer-events: none;
}

.tt-products-single .detailButtons .dealer a:before {
  content: '\e910';
  font-family: 'glyphs_wolfgarten';
  color: #fff;
  display: block;
  position: absolute;
  top: 50%;
  font-size: 26px;
  left: 11px;
  margin-top: -13px; 
}

.tt-products-single #productTabs {
  margin-top: 40px;
  font-size: 18px;
}

.tt-products-single #productTabs.ct-pill > .ct-tab.ct-pag-hor.ct-pag-top {
  border-bottom:1px solid #666;
}

.tt-products-single #productTabs.ct-pill > .ct-tab .ct-pagitem {
  background-color: #fff;
  color: #666;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding: 15px 0;
  text-transform: uppercase;
  font-size: 25px;
  font-family: "Corpid C1Cd bold";
}

.tt-products-single #productTabs.ct-pill > .ct-tab .ct-pagitem.ct-cur{
  border-bottom: 10px solid #333; 
  color: #333;
  padding: 15px 0px 5px;
}

.tt-products-single .detailNote table {
  width: 100%;
}

.tt-products-single table tr td {
  padding: 5px 10px;
}

.tt-products-single table tr:nth-child(even) {
  Background-color: #ccc;
}
.tt-products-single table tr:nth-child(odd) {
  Background-color: #f2f2f2;
}

#productTabs .detailNote2 ul,
#productTabs .detailNote2 ol {
  line-height: 1.5em;
}

#productTabs .detailNote2 ul {
  padding-left: 15px;
}

#productTabs .detailNote2 ol {
  padding-left: 20px;
}

@media (max-width: 767px){
  #productTabs .detailNote2 {
    margin-top: 35px;
  }
}

.ct-pag-hor > .ct-viewport {
    padding-top: 35px;
}

#productTabs .prodSingleIcons {
  padding-top: 35px;
}

#productTabs .prodSingleIcons a:after {
  clear:both;
}

#productTabs .prodSingleIcons a {
  display: inline-block;
  float: left;
  position: relative;
  margin-bottom: 15px;
  margin-right: 10px;
}

.prodSingleIcons img:nth-child(2) {
    z-index: 299;
}
.prodSingleIcons a > img:nth-child(2) {
    margin-left: -23px;
}

.abprodextpage .wrap {
  background-color: #fff;
}

.abprodextpage .wrap:after {
  content: '';
  display: table;
  clear:both;
}

.abprodextpage .col {
  padding: 0;
}

.abprodextpageitem .tx-dce-pi1 > div > div:nth-child(2)  {
  padding: 20px;
}

.accessoryitem .title {
  margin-bottom: 30px;
}

@media (max-width: 320px){
  #productTabs .prodSingleIcons a {
    float: none;
  }
}

/*
#################################################################################################
# Layout -> PRODUKT VERGLEICH
#################################################################################################
*/
.produktvergleich .contenttable {
  margin-top: 10px;
}
.tt-products-memo .article-number,
.tt-products-memo .price,
.produktvergleich .contenttable tr td {
  padding: 10px;
  vertical-align: top;
}

.produktvergleich .contenttable tr td p {
  margin-bottom: 0;
}

.tt-products-memo .article-number,
.produktvergleich .contenttable tr:nth-child(odd) {
  background-color: #f2f2f2;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}

.produktvergleich .col-lg-1, 
.produktvergleich .col-lg-10, 
.produktvergleich .col-lg-11, 
.produktvergleich .col-lg-12, 
.produktvergleich .col-lg-2, 
.produktvergleich .col-lg-3, 
.produktvergleich .col-lg-4, 
.produktvergleich .col-lg-5, 
.produktvergleich .col-lg-6, 
.produktvergleich .col-lg-7, 
.produktvergleich .col-lg-8, 
.produktvergleich .col-lg-9, 
.produktvergleich .col-md-1, 
.produktvergleich .col-md-10, 
.produktvergleich .col-md-11, 
.produktvergleich .col-md-12, 
.produktvergleich .col-md-2, 
.produktvergleich .col-md-3, 
.produktvergleich .col-md-4, 
.produktvergleich .col-md-5, 
.produktvergleich .col-md-6, 
.produktvergleich .col-md-7, 
.produktvergleich .col-md-8, 
.produktvergleich .col-md-9, 
.produktvergleich .col-sm-1, 
.produktvergleich .col-sm-10, 
.produktvergleich .col-sm-11, 
.produktvergleich .col-sm-12, 
.produktvergleich .col-sm-2, 
.produktvergleich .col-sm-3, 
.produktvergleich .col-sm-4, 
.produktvergleich .col-sm-5, 
.produktvergleich .col-sm-6, 
.produktvergleich .col-sm-7, 
.produktvergleich .col-sm-8, 
.produktvergleich .col-sm-9, 
.produktvergleich .col-xs-1, 
.produktvergleich .col-xs-10, 
.produktvergleich .col-xs-11, 
.produktvergleich .col-xs-12, 
.produktvergleich .col-xs-2, 
.produktvergleich .col-xs-3, 
.produktvergleich .col-xs-4, 
.produktvergleich .col-xs-5, 
.produktvergleich .col-xs-6, 
.produktvergleich .col-xs-7, 
.produktvergleich .col-xs-8, 
.produktvergleich .col-xs-9 {
  padding-left: 5px;
  padding-right: 5px;
}

.slick-track {
  margin-left: -5px;
  margin-right: -5px;
}

.slick-slider {
  padding-left: 40px;
  padding-right: 40px;
  position: relative;
}


.slick-prev.slick-arrow,
.slick-next.slick-arrow {
  background: transparent;
  border: none;
  font-size: 0px;
  display: block;
  font-family: "glyphs_wolfgarten";
  color: #e6e6e6;
  position: absolute;
  z-index: 800;
  top: 50%;
  margin-top: -16px;
}

.slick-prev.slick-arrow {
  left: 0;
}
.slick-next.slick-arrow {
  right: 0;
}

.slick-prev.slick-arrow:before {
  content:'\e905';
}

.slick-next.slick-arrow:before {
  content:'\e906';
}

.slick-arrow:hover {
  color: #666666;
}

.slick-arrow:before {
  font-size: 36px;
}


.slick-dots {
  list-style-type: none; 
  text-align: center; 
  margin-top: 20px;
}

.slick-dots li {
  display: inline-block;
  margin-right: 8px;
}

.slick-dots li button {
  background-color: #fff;
  border: 2px solid #666;
  font-size: 0;
  width: 15px;
  height: 15px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.slick-dots li.slick-active button {
  background-color: #666;
}

.slick-list {
  border-bottom: 5px solid #e6e6e6;
}

.tt-products-memo .slick-list {
  border-top: 5px solid #e6e6e6;
  margin-top: 30px;
  padding-top: 60px;
}

.tt-products-listvieweditems .slick-list {
  border: none;
}

.tt-products-memo .title {
  color: #666;
  font-size: 21px;
  font-family: 'Corpid C1Cd Black';
}

.tt-products-memo a:hover .link,
.tt-products-memo a:hover .title {
  color: #333;
}

.tt-products-memo a.secProductLink {
  position: relative;
  padding: 12px;
  display: block;
  color: #666;
  font-size: 15px;
  font-family: 'Corpid C1Cd bold';
  line-height: 1.4em;
  transition: none;
}

.tt-products-memo a.secProductLink:before{
    content: "\e902";
    font-family: "glyphs_wolfgarten";
    font-size: 20px;
    margin-top: -10px;
    position: absolute;
    right: 12px;
    top: 50%;
}

.tt-products-memo .remove-form-list-btn {
  display:block;
  position: absolute;
  font-size: 30px;
  z-index: 800;
  background: none;
  border: none;
  color: #666;
  top: 0;
  right: 0;
}

.tt-products-memo .remove-form-list-btn:hover {
  color: #d01d1a;
}

/*
#################################################################################################
# Layout -> PRODUKT Übersichts seiten
#################################################################################################
*/

.productcatoverview .productcatLink {
  position:relative;
}

.productcatoverview .productcatLink span {
  position: absolute;
  right: 20px; 
  top: 11px;
}

.productcatoverview .productcatLink a {
  color: #fff;
  padding-right: 20px;
}

/*
#################################################################################################
# Layout -> NEWS
#################################################################################################
*/

.article-nav {
  margin-bottom: 35px;
  width: 100%;
}

.news-single-backlink a,
.article-nav a {
  display: block;
  color: #666;
  font-family: "Corpid C1Cd Bold";
  font-size: 18px;
  padding: 5px 0;
  text-transform: uppercase;
}

.article-nav a:focus,
.article-nav a:hover {
  color: #333;
}

.news-single-backlink a {
  display: inline-block;
  padding: 8px 10px;
  background-color: #666;
  color: #fff; 
  margin-bottom: 40px;
  text-align: center;
}

.news-single-backlink a:focus,
.news-single-backlink a:hover {
  color: #fff;
}

.news-single-backlink:last-child a {
  margin-top: 40px;
  margin-bottom: 0;
}

.news-date,
.news-list-date {
  font-size: 24px;
  font-family: "Corpid C1Cd Black";
  color: #797979;
  line-height: .75em;
}

.news-single-item .title {
  margin-bottom: 20px; 
}
.news-date {
  margin-bottom: 10px; 
}

.news-list-container h2 {
  font-size: 30px;
}

.news-subheader h2 {
  font-size: 21px;
  color: #666;
  font-family: "Corpid C1Cd Regular";
}

.news-list-morelink {
  display: block;
}

.news-list-morelink a {
  display: block;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: "Corpid C1Cd Black";
}

.news-list-morelink a span {
  margin-left: 8px;
  position:relative;
}

.news-list-morelink a .icon-wg-arrow-circle-right:before {
  margin-top: -7px;
  position: absolute;
  top: 50%;
}

.news-list-item {
  margin-bottom: 35px;
}

.news-list-item a {
  display: inline-block;
}
.news-list-item h2 a,
.news-list-item h2 a:hover{
  font-size:30px;
  color: #d01d1a!important;
  font-family: "Corpid C1Cd Black"; 
}

.news-single-item .news-file-link img{
  width: auto;
}

.archivelink {
  margin-top: 110px;
}

.archivelink a:visited,
.archivelink a {
  background: #f0f0f0;
  display: inline-block;
  padding: 24px 40px;
  color: #d01d1a;
  text-transform: none;
  font-size: 28px;
}

.archivelink a:focus,
.archivelink a:hover {
  background: #d9d9d9;
}

.archivelink a .icon-wg-misc-archive {
  font-size: 80px;
  color: #666;
  margin-right: 8px;
}

.archivelink a .icon-wg-arrow-circle-right {
  margin-left: 6px;
}

.showResultsWrap {
  font-family: "Corpid C1Cd Bold";
  font-size: 21px;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.browseLinksWrap a {
  transition: none;
}

.browseLinksWrap .disabledLinkWrap {
  color: #ccc;
  cursor: default;
}

.browseLinksWrap .activeLinkWrap {
  color: #333;
}

.browseLinksWrap a,
.browseLinksWrap span {
  display: inline-block;
  position: relative;
  font-family: "Corpid C1Cd Bold";
  font-size: 21px;
  color: #797979;
  margin-right: 10px; 
}

.browseLinksWrap a.first:before,
.browseLinksWrap a.last:before,
.browseLinksWrap a.prev:before,
.browseLinksWrap a.next:before {
  left: 0;
}

.browseLinksWrap span.first,
.browseLinksWrap span.last,
.browseLinksWrap a.first,
.browseLinksWrap a.last,

.browseLinksWrap span.prev,
.browseLinksWrap span.next,
.browseLinksWrap a.prev,
.browseLinksWrap a.next {
  padding: 10px;
}

.browseLinksWrap span.first:before,
.browseLinksWrap span.last:before,
.browseLinksWrap a.first:before,
.browseLinksWrap a.last:before,

.browseLinksWrap span.prev:before,
.browseLinksWrap span.next:before,
.browseLinksWrap a.prev:before,
.browseLinksWrap a.next:before {
  content: '\e901';
  font-family: "glyphs_wolfgarten";
  font-size: 21px;
  margin-top: -7px;
  position: absolute;
  top: 50%;
}

.browseLinksWrap span.first:before,
.browseLinksWrap span.last:before,
.browseLinksWrap span.prev:before,
.browseLinksWrap span.next:before {
  margin-left: -10px;
}

.browseLinksWrap a.next:before,
.browseLinksWrap span.next:before {
  content: '\e902';
}

.browseLinksWrap span.first,
.browseLinksWrap a.first {
  margin-right: 18px;
}

.browseLinksWrap span.first:before,
.browseLinksWrap a.first:before {
  content: '\e929';
}

.browseLinksWrap span.last:before,
.browseLinksWrap a.last:before {
  content: '\e92a';
}

.news-file-link a {
  padding: 0 0 0 30px;
  margin-right: 10px;
}
.news-additonal-info dd {
  margin-bottom: 0px;
}

.news-additonal-info dl {
  margin-bottom: 15px;
}

.news-file-link a[href$='.png'],
.news-file-link a[href$='.jpg'],
.news-file-link a[href$='.jpeg'],
.news-file-link a[type='image/png'],
.news-file-link a[type='image/jpg'],
.news-file-link a[type='image/jpeg'],
.news-file-link a[href$='.pdf'],
.news-file-link a[type='application/pdf'] {
  position: relative;
  display: inline-block;
  padding: 5px 10px 5px 28px;
  margin-bottom: 0;
}


.news-file-link a[href$='.pdf']:before,
.news-file-link a[type='application/pdf']:before {
  content: '\e91b';
  font-family: "glyphs_wolfgarten";
  font-size: 22px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -16px;
}

.news-file-link a[href$='.png']:before,
.news-file-link a[href$='.jpg']:before,
.news-file-link a[href$='.jpeg']:before,
.news-file-link a[type='image/png']:before,
.news-file-link a[type='image/jpg']:before,
.news-file-link a[type='image/jpeg']:before {
  content: "\f1c5";
  font-family: 'FontAwesome';
  font-size: 21px;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -14px;
}

.news-single-files {
  color: #d01d1a;
  font-family: "Corpid C1Cd Regular";
  font-weight: 400;
  margin-bottom: 35px; 
  font-size: 21px;
  
}

@media (max-width: 767px){
  .news-list-item a img {
    margin-bottom: 35px;
  }

  .news-list-item {
    border-bottom: 1px solid #666;
  }
  .news-list-item:last-child {
    border-bottom: none;
  }
}

@media (max-width: 580px){
  .news-single-backlink a {
    display:block;
  }
}

/*
#################################################################################################
# Layout -> SEARCH
#################################################################################################
*/

.tx-indexedsearch .title a {
  color: #666;
  font-size: 24px;
  text-transform: uppercase;
}

.tx-indexedsearch-browsebox .browsebox li a,
.tx-indexedsearch .title a:focus,
.tx-indexedsearch .title a:hover {
  color: #333;
}

.tx-indexedsearch .tx-indexedsearch-res h3 {
  margin-bottom: 10px;
}

.tx-indexedsearch-browsebox .browsebox li a,
.tx-indexedsearch .tx-indexedsearch-browsebox p {
  font-size: 21px;
  text-transform: uppercase;
  font-family: 'Corpid C1Cd Bold'; 
}


label[for="tx-indexedsearch-searchbox-sword"],
.tx-indexedsearch-whatis {
  display:none;
}

.tx-indexedsearch-searchbox legend {
  color: #c71d1a;
  font-size: 40px;
  font-family: 'Corpid C1Cd Black';
  border: none;
  margin-bottom: 60px;
}

.tx-indexedsearch-browsebox .browsebox {
  list-style-type: none;
}


.tx-indexedsearch-browsebox .browsebox li {
  display: inline-block;
  margin-right: 10px;
}

.tx-indexedsearch-browsebox .browsebox li a {
  text-transform: none;
  color: #797979;
}

.tx-indexedsearch-browsebox .browsebox li.tx-indexedsearch-browselist-currentPage a,
.tx-indexedsearch-browsebox .browsebox li a:focus,
.tx-indexedsearch-browsebox .browsebox li a:hover {
  color: #333; 
}

.tx-indexedsearch .tx-indexedsearch-title.title a{
  position: relative;
  padding-right: 30px;
  display: inline-block;
}

.tx-indexedsearch .tx-indexedsearch-title.title a:before { 
  content: '\e902';
  font-family: "glyphs_wolfgarten";
  font-size: 21px;
  margin-top: -11px;
  position: absolute;
  right: 0;
  top: 50%;
}

.tx-indexedsearch .browsebox .prev a,
.tx-indexedsearch .browsebox .next a {
  position: relative;
  display: inline-block;
  transition: none;
}

.tx-indexedsearch .browsebox .prev a {
  margin-right: 21px;
}

.tx-indexedsearch .browsebox .next a {
  margin-left: 21px; 
}

.tx-indexedsearch .browsebox .prev a:before,
.tx-indexedsearch .browsebox .next a:before {
  content: '\e901';
  font-family: "glyphs_wolfgarten";
  font-size: 21px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
}

.tx-indexedsearch .browsebox .prev a:before {
  left: 0;
}

.tx-indexedsearch .browsebox .next a:before {
  content: '\e902';
  font-family: "glyphs_wolfgarten";
  right: 0;
}

/*
#################################################################################################
# Layout -> Garten Tipps
#################################################################################################
*/

.tippsOverview .listInnerwrap {
  border: 1px solid #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
  box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.7);
}

.backgroundImage,
.tippsOverview.backgroundImage {
  background-position: center; 
  background-size: cover;
}

.tippsOverview .listLink {
  background: rgb(207,209,210);
  background: -moz-linear-gradient(left,  rgba(207,209,210,1) 0%, rgba(235,236,236,1) 50%, rgba(207,209,210,1) 100%);
  background: -webkit-linear-gradient(left,  rgba(207,209,210,1) 0%,rgba(235,236,236,1) 50%,rgba(207,209,210,1) 100%); 
  background: linear-gradient(to right,  rgba(207,209,210,1) 0%,rgba(235,236,236,1) 50%,rgba(207,209,210,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1d2', endColorstr='#cfd1d2',GradientType=1 );
  padding: 8px 10px;
}

.tippsOverview .listLink a {
  text-transform: uppercase;
  display:block;
  font-size: 21px;
  color: #666;
  font-family: 'Corpid C1Cd Bold';
}

.tippsOverview .listLink a:hover {
  color: #333;
}
.tippsOverview .listLink a span {
  position: relative;
}

.tippsOverview .listLink a span:before {
  margin-top: -9px;
  margin-left: -14px;
  position: absolute;
  top: 50%;
}

.tippsOverview .listLink a .icon-wg-arrow-circle-right {
  margin-left: 20px;
}

.tippsOverview .listMorelink {
  text-align: center;
  margin-bottom: 30px;
}

.tippsOverview .listMorelink .icon-wg-arrow-down-more {
  font-size: 42px;
  cursor: pointer;
}

.tippsOverview .listMorelink.open .icon-wg-arrow-down-more .path1:before {
  content: '\e92b';
}
.tippsOverview .listMorelink.open .icon-wg-arrow-down-more .path2:before {
  content: '\e92c';
}
.tippsOverview .listMorelink.open .icon-wg-arrow-down-more .path3:before {
  content: '\e92d';
}
.tippsOverview .listMorelink.open .icon-wg-arrow-down-more .path4:before {
  content: '\e92e';
}

.magazinartikelteaser .teaser-desc,
.magazin-artikel .tipp {
  background: #cfd1d2;
  background: -moz-linear-gradient(left,  #cfd1d2 0%, #ebecec 50%, #cfd1d2 100%);
  background: -webkit-linear-gradient(left,  #cfd1d2 0%,#ebecec 50%,#cfd1d2 100%);
  background: linear-gradient(to right,  #cfd1d2 0%,#ebecec 50%,#cfd1d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1d2', endColorstr='#cfd1d2',GradientType=1 );
  padding: 20px;
  font-size: 18px;
}

.magazin-artikel .tipp h1 {
  font-size: 24px;
  margin-bottom: 15px;
}

.magazin-artikel .tipp p {
  margin-bottom: 0;
}

.magazin-artikel .content-1 {
  margin-bottom: 30px;
}

.magazin-nav {
  margin-bottom: 35px;
}

.magazin-nav-list {
  list-style-type: none;
}

.magazin-nav-list li {
  display: inline-block;
}

.magazin-nav-list li a {
  display: block;
  font-family: 'Corpid C1Cd Bold';
  font-size: 24px;
  text-transform: uppercase;
  color: #666;
  maring-right: 5px;
  padding: 5px 10px 5px 5px;
  border-right: 2px solid #666;
  margin-bottom: 25px;
  line-height: 1em;
}

.magazin-nav-list li a:hover {
  color: #333;
}

.magazin-nav-list li:last-child a {
  margin-right: 0;
  border: none;
}

/* Magazin Teaser */
@media (min-width: 768px) {
  .magazinartikelteaser {
    margin-right: -20px;
    margin-left: 20px;
  }
  .magazinartikelteaser .teaser-image,
  .magazinartikelteaser .teaser-desc {
    height: 310px;
  }
  .magazinartikelteaser .teaser-image {
    padding: 0;
    background: #cfd1d2;
  }
  .magazinartikelteaser .teaser-image img {
    max-height: 310px;
    max-width: 100%;
  }
  .magazinartikelteaser .teaser-desc {
    margin-left: 20px;
  }
  .news-image .news-single-img {
    /*text-align: center; */
  }
  .news-image .news-single-img img {
    width: 50%;
  }
}

.magazinartikelteaser .teaser-desc {
  line-height: 1.42em;
  font-size: 21px;
}

.magazinartikelteaser .teaser-desc h2 {
  margin-bottom: 10px;
  font-size:30px;
}

.magazinartikelteaser .teaser-desc a {
  text-transform: uppercase;
  font-family: 'Corpid C1Cd Black';
  color: #666;
}

.magazinartikelteaser .teaser-desc a:focus,
.magazinartikelteaser .teaser-desc a:hover {
  color: #d01d1a;
}

.magazinartikelteaser .teaser-desc p {
  margin-bottom: 10px;
}

/*
#################################################################################################
# Layout -> Glossar
#################################################################################################
*/

.glossarnavheader,
.glossarnavfilter {
  margin-bottom: 84px;
}
.glossarnavheader {
  font-family: 'Corpid C1Cd Bold';
  font-size: 24px;
  text-transform: uppercase;
  color: #666;
  margin-top: 16px;
}

.glossarnavfilter {
  font-size: 18px;
  color: #333;
}

.glossarnavfilter .label-filter {
    display: block;
    float: left;
    margin-top: -5px;
    padding: 25px 20px;
}

.glossarnavfilter .icon {
  font-size: 46px;
  width: 60px;
  height: 60px;
  display: inline-block;
  text-align: center;
  padding: 6px 0 0;
  -webkit-box-shadow: 0px 0px 5p5x rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  cursor: pointer;
}

.glossarnavfilter .icon-wg-glossar-filter-spring {
  color: #666666;
}

.glossarnavfilter .icon-wg-glossar-filter-summer {
  color: #f7ce00;
}

.glossarnavfilter .icon-wg-glossar-filter-fall {
  color: #c15d0d;
}

.glossarnavfilter .icon-wg-glossar-filter-winter {
  color: #a6b0c5;
}

.glossarnav .contentwrap {
  margin-bottom: 60px;
}

.glossarnav .glossarletter,
.glossarnav a {
  display: block;
  font-family: 'Corpid C1Cd Bold';
}

.glossarnav .glossarletter {
  color: #666;
  font-size: 60px;
  line-height: 1em;
  margin-bottom: 14px; 
}

.glossarnav a {
  font-size: 18px;
  line-height: 1em;
  margin-bottom: 18px;
  text-transform: uppercase;
  color: #666;
}

.glossarnav a:focus,
.glossarnav a:hover {
  color: #333;
}

/*
#################################################################################################
# Layout -> DOWNLOADS ANLEITUNGEN
#################################################################################################
*/

.manual-result-list .icon-wg-img-catalog {
  max-width: 180px;
}

.manual-result-list > div {
  background-color: #f0f0f0;
}

.manual-result-list > div > div {
  padding: 20px;
}

.manual-result-list .downloadHeader h2 {
  font-family: 'Corpid C1Cd Bold';
  font-size: 21px;
  text-transform: uppercase;
  color: #606060;
}

.manual-result-list .downloadlist h3 {
  margin-bottom: 10px;
  font-size: 32px;
  font-family: 'Corpid C1Cd Black';
}
.manual-result-list .downloadlist a:hover,
.manual-result-list .downloadlist a span {
  color: #333;
}

.manual-result-list .downloadlist a {
  font-family: 'Corpid C1Cd Regular';
  font-size: 19px;
  color: #606060;
}

.manual-result-list .downloadlist {
  margin-bottom: 35px;
}

.selectDropdown {
  background: #797979;
  color: #fff;
  padding: 10px 20px;
  position: relative;
  margin-bottom: 40px;
}
  
.selectDropdown label {
  display: block; 
  font-size: 21px;
  text-transform: uppercase;
  font-family: 'Corpid C1Cd Bold';
  position: relative;
  z-index: 300;
}

.selectDropdown select {
  width: 100%;
  position: relative;
  z-index: 300;
  color: #333;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  border-radius: 0;
  font-size: 1em;
  width: 100%;
  cursor: pointer;
  padding: 3px 6px;
}

.selectDropdown select:disabled {
  background-color: #999;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

#suchwort {
  border: none;
  padding: 3px 6px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  color: #333;
}

@media (min-width: 768px){
  .selectDropdown:before{
    content: '';
    display: block;
    position: absolute;
    right: -28px;
    width: 56px;
    height: 56px;
    top: 50%;
    margin-top: -28px;
    background: #797979;
    color: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 200;
  }

  .selectDropdown {
    width: 90%;
  }
}

@media (max-width: 768px){
 .manual-result-list > div > div {
    text-align: center;
 }
}

#kataloge a .downloadTitle {
  background-color: #666; 
  color: #fff;
  display:block;
  padding: 12px;
  font-family: 'Corpid C1Cd Bold';
  font-size: 21px;
  margin-bottom:50px;
}

#kataloge a:hover .downloadTitle {
  background-color: #d01d1a;
}

/*
#################################################################################################
# Layout -> Zuletzt angesehen
#################################################################################################
*/

.lastseentoggle {
  display:inline;
}

.lastseenitem .title,
.lastseenitem .price {
  display: none!important;
}

.lastseen .slick-prev.slick-arrow, .lastseen .slick-next.slick-arrow {
  top: 38%;
}

.lastseen .slick-dots {
  margin-top: -20px;
}

.lastseentoggle {
  text-transform: uppercase;
  font-family: "Corpid C1Cd Bold";
  font-size: 24px;
}

/*
#################################################################################################
# Layout -> HOME STARTSEITE
#################################################################################################
*/

.tx-dce-pi1 {
  margin-bottom: 35px;
}

.tx-dce-pi1 .teaser1 {
  background-color: #333;
}

.tx-dce-pi1 .teaser1 h2 {
  color: #fff;
  padding: 10px;
  font-size: 21px;
  text-transform: uppercase;
  margin: 0;
  line-height: 1.3em;
}

.tx-dce-pi1 .teaser2 .teasercontent,
.tx-dce-pi1 .youtubevideoteaser .teasercontent {
  padding: 20px;
  background: #cfd1d2;
  background: -moz-linear-gradient(left,  #cfd1d2 0%, #ebecec 50%, #cfd1d2 100%);
  background: -webkit-linear-gradient(left,  #cfd1d2 0%,#ebecec 50%,#cfd1d2 100%);
  background: linear-gradient(to right,  #cfd1d2 0%,#ebecec 50%,#cfd1d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd1d2', endColorstr='#cfd1d2',GradientType=1 );
}

.tx-dce-pi1 .teaser2 .teasercontent a,
.tx-dce-pi1 .youtubevideoteaser .teasercontent a {
  text-transform: uppercase;
  color: #666;
  display: block;
  margin-top: 15px;
  font-family: 'Corpid C1Cd Black';
}

.tx-dce-pi1 .teaser2 .teasercontent a:focus,
.tx-dce-pi1 .teaser2 .teasercontent a:hover,
.tx-dce-pi1 .youtubevideoteaser .teasercontent a:focus,
.tx-dce-pi1 .youtubevideoteaser .teasercontent a:hover {
  color: #333;
}

.tx-dce-pi1 .teaser2 .teasercontent h2,
.tx-dce-pi1 .youtubevideoteaser .teasercontent h2 {
  margin-bottom: 15px;
}

a span.icon-wg-arrow-circle-right{
  margin-left: 6px;
}

a span.icon-wg-arrow-circle-left{
    margin-right: 6px;
}

.redBox .youtubevideocontainer a {
  display: block;
  -webkit-box-shadow: 0px 0px 200px rgba(80,30,11, 1);
  -moz-box-shadow: 0px 0px 200px rgba(80,30,11, 1);
  box-shadow: 0px 0px 200px rgba(80,30,11, 1);
}

.redBox > .container > .row > div > div {
  position: relative;
  z-index: 500;
}

.redBox > .container > .row > div:nth-child(2) > div {
  z-index: 499;
}

.redBox h1,
.redBox {
  color: #fff;
}

.redBox {
  background-color: #b7180c;
}

.redBox .container {
  padding-bottom: 10px;
}

/*STARTSEITE UND TRADITION*/

.redBox {
  overflow: hidden;
  padding-top: 40px;
}
 .redBox h1 {
  font-size: 40px;
}

.redBox  {
  font-size: 21px;
  line-height: 1.4em;
}
 .redBox .tx-dce-pi1 {
  margin-bottom: 55px;
}

.page-start footer {
  margin-top:0;
}

.page-start .container {
  padding: 0 20px;
}

footer .btn-to-top {
  z-index: 502;
}

#page107 .bgimage,
#page18  .bgimage {
  background: url(http://wolf-garten.rc.ag/fileadmin/user_upload/Tradition_Header.jpg) top left no-repeat;
  background-size: cover;
}

#page107 .bgimage,
#page18  .bgimage {
  position: fixed;
  left: 0;
  top:0;
  right: 0;
  bottom:0;
}

#page107,
#page18 { 
  background-color: #b61206;
}

#page107 .tx-dce-pi1:first-child,
#page18 .tx-dce-pi1:first-child,
#page107 .tx-dce-pi1 > .zebra,
#page18 .tx-dce-pi1 > .zebra {
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

#page107 .tx-dce-pi1 > .zebra,
#page18 .tx-dce-pi1 > .zebra {
  font-size: 18px;
}


#page107 .tx-dce-pi1 .zebra .zebra.link,
#page18 .tx-dce-pi1 .zebra .zebra.link {
  font-family: "Corpid C1Cd Bold";
  font-size: 21px;
  text-transform: uppercase;
  color: #ccc;
  display: inline-block;
}

#page107 .tx-dce-pi1 .zebra .zebra.link:hover,
#page18 .tx-dce-pi1 .zebra .zebra.link:hover {
  color: #fff;
}


#page107 .tx-dce-pi1 > .zebra .table-cell,
#page18 .tx-dce-pi1 > .zebra .table-cell  {
  padding: 20px 20px 10px 20px;
}

@media (min-width: 768px) {
  #page107 .tx-dce-pi1 > .zebra.even .table-cell,
  #page18 .tx-dce-pi1 > .zebra.even .table-cell {
    padding: 20px 20px 10px 0px;
    margin-left: -15px;
  }
}


.tx-dce-pi1 > .zebra .table-cell p {
  margin-bottom: 0px;
}

#page107 .content > div > .container .tx-dce-pi1 {
  margin-bottom: 0;
}

/*
#################################################################################################
# Layout -> Contactform
#################################################################################################
*/
.Tx-Formhandler textarea,
.Tx-Formhandler input {
  max-width: 350px;
  background-color: #666666;
  color: #fff;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 15px;
  resize: vertical;
  overflow: auto;
  font: 15px "Corpid C1 Regular",arial,sans-serif;
}

.Tx-Formhandler .submitwrapper input {
  resize: none;
}


/*----*/
.Tx-Formhandler textarea,
.Tx-Formhandler input,
.Tx-Formhandler #tippform textarea,
.Tx-Formhandler #tippform input {
  background-color: #f2f2f2;
  border: 1px solid #b3b3b3;
  max-width: 740px;
  color: #333;
}

.Tx-Formhandler textarea,
.Tx-Formhandler input {
  max-width: 350px;
}

.Tx-Formhandler #tippform .inline {
  color: #d01d1a;
  font-family: "Corpid C1Cd Black";
  font-size: 21px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.Tx-Formhandler #tippform .submitwrapper {
  position: relative;
  display: inline-block;
}
.Tx-Formhandler .submitwrapper #rc-submit,
.Tx-Formhandler #tippform .submitwrapper #rc-submit {
  padding: 5px 25px 5px 0;
  border: none;
  background-color: transparent;
  color: #666;
  font-family: "Corpid C1Cd Bold";
  text-transform: uppercase;
  font-size: 21px;
}

.Tx-Formhandler .submitwrapper #rc-submit:hover,
.Tx-Formhandler #tippform .submitwrapper:hover .icon,
.Tx-Formhandler #tippform .submitwrapper #rc-submit:hover { 
  color: #333;
}

.Tx-Formhandler #tippform .submitwrapper .icon {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -16px;
  pointer-events: none;
  font-size: 18px;
}


.geraete #auswahl {
  padding: 6px 12px;
  margin-bottom: 35px; 
}

.geraete #res img {
  margin-bottom: 35px;
  width: auto;
}

/*
#################################################################################################
# Layout -> footer
#################################################################################################
*/

footer {
  background-color: #424242;
  color: #b3b3b3;
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 60px;
  font-size: 15px;
}

footer .bodytext {
  color: #fff;
}

footer .col {
  font-size: 18px;
}

footer .btn-to-top {
  position: absolute;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 40px;
  top: -32px;
  background: #424242 url(../gfx/ico_arrrow_footer_to_top.png) no-repeat center 5px;
  font-size: 0;
}

footer .social-links ul li {
  display: inline-block;
}

footer .social-links ul li a {
  font-size: 30px;
  margin-right: 6px;
}

footer .social-links.mobile {
  margin-bottom: 15px;
}

footer a {
  color: #b3b3b3;
  text-transform: uppercase;
  font-family: "Corpid C1Cd Bold";
}

footer a:focus,
footer a:hover {
  color: #fff;
  text-decoration: none;
}

footer h4 {
  margin-bottom: 18px;
  font-family: 'Corpid C1Cd Regular';
  text-transform: uppercase;
  color: #fff;
}

#mini-sidemap ul li a {
  color: #b3b3b3;
  font-family: 'Corpid C1Cd Regular';
  line-height: 1em;
}

#mini-sidemap ul li.active.sub > span,
#mini-sidemap ul li.active > a,
#mini-sidemap ul li a:focus,
#mini-sidemap ul li a:hover {
  color: #fff;
}

#mini-sidemap ul {
  list-style-type: none;
}

#mini-sidemap nav {
  list-style-type: none;
  margin-bottom: 90px;
}

#mini-sidemap ul li {
  margin-bottom: 16px;
}

#mini-sidemap ul li.sub {
  padding: 0 0 0 15px;
}

#mini-sidemap ul li.sub span {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

#mini-sidemap ul li.sub span:before {
  content: '+';
  font-size: 18px;
  font-family: 'Corpid C1Cd Regular';
  position: absolute;
  left: -15px;
  width: 15px;
  top: 0px;
}

#mini-sidemap ul li.sub .subul {
  margin-top: 15px;
}

/*TYPO3 mobile tables*/
.contentStyled .contenttableOuterWrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid #ccc;
}

/*MEDIA QUERYS SPECIAL*/
@media (min-width: 1210px) {
  .container {
    width: 1250px;
  }
}

@media (max-width: 1210px) {
  .innerWrap {
    width: auto;
    padding: 0 20px;
  }
  .container {
    width: 100%;
  }
  /*NAV TO BIG FIX*/
  #mainNavi > ul > li > ul {
    position:fixed;
    top: 90px;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: auto;
    webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 1150px) {
  #mainNavi > ul {
    margin-right: 250px;
  }
}

@media (max-width: 1084px) {
  .calendarInnerwrap .imagewrap .calendarMonth {
    font-size: 40px;
  }
}

@media (max-width: 1023px) {
  #mainNavi > ul {
    margin-right: 232px;
  }
}

@media (max-width: 920px) {
  .calendarInnerwrap .imagewrap .calendarMonth {
    font-size: 30px;
  }
}

@media (max-width: 510px) {
  #mini-sidemap {
    display: none;
  }

  footer {
    text-align: center;
  }
}

@media (min-width: 510px) {
  .social-links.mobile {
    display: none;
  }
}

@media (max-width: 479px) {

  #brand:before {
    font-size: 50px;
    width: 184px;
    margin-top: 12px;
    margin-bottom: 8px;
  }

  #brand {
    padding-top: 6px;
    margin-top: 0px;
  }
.expert #brand{
  width: 235px;
  height: 65px;
}
  .tx-dftabs-tabMenuEntry {
    float:none;
    width: 100%;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .contentStyled .tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry {
    height: auto;
  }

  .tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry a {
    position: relative;
    width: 100%; 
  }

  .tx-dftabs-tabMenuEntry:before {
    display:none;
  }

  .contentStyled .tx-dftabs-tabMenu .tx-dftabs-tabMenuEntry {
     margin: 0;
  }

}



@media (min-width: 961px) {
  #mobileNavArea {
    display: none !important;
  }
}

@media (max-width: 1114px) {
  #mainNavi > ul > li#secondLi > ul > .layout2 > a > .level2Text > h3, 
  #mainNavi > ul > li#thirdLi > ul > .layout3 > a > .level2Text > h3 {
    font-size: 25px;
  }
}

/*MEDIA QUERYS*/


@media (max-width: 767px) {
  .tt-products-basket .basketitem .col:nth-child(2),
  .tt-products-list .list-view .col:nth-child(2) {
   border: none;
  }
}

@media (max-width: 959px) {
  .slidertext{
    display:none;
  }
}

@media (max-width: 960px) {
  #topNav,
  .desktop .search,
  #mainNavi,
  #breadcrumbArea {
    display: none;
  }

  #mobile-bar {
    display: block;
  }

  header .innerWrap {
    padding: 0 0px 0 20px;
  }

  #contentOverlayMenue {
    display: none !important;
  }

  #content-wrap {
    padding-top: 90px;
  }

  .navbar-nav > li {
    float: none;
  }
}

@media (max-width: 1023px) {
  .produktvergleich,
  .submit_vergleich,
  .tt-products-list .gallery-view .vergleich,
  .tt-products-list .item .vergleich {
    /*display:none;*/
  }
}
@media (max-width: 1024px) {
  .slidertext .bodytext{
    font-size: 18px;
  }

  .slidertext .bodytext a:before, 
  .contentStyled .raise-container-up > .container > .bodytext a:before {
    font-size: 18px;
    margin-top: -12px;
    right: 7px;
  }
}



/* slider */
.rsOverflow,
.royalSlider {
  width: 100% !important;
}

.royalSlider {
  text-align: center;
}

img.rsImg {
  width: 100% !important;
  height: auto !important;
  margin: 0px !important;
}

.rsNav.rsBullets {
  margin: 0 auto;
  position: relative;
  float: none;
  display: inline-block;
  top: -60px;
  height: 0px;
}

.rsBullet {
  float: left;
}

.rsBullet span {
  background-color: rgba(204, 0, 102, 0);
  border: 3px solid #fff;
  height: 22px;
  width: 22px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: block;
  margin: 8px;
  cursor: pointer;
}

.rsBullet.rsNavSelected span {
  background-color: #fff;
  border: 3px solid #fff;
  height: 22px;
  width: 22px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  display: block;
}

.rsArrow {
  position:absolute;
  top: 50%;
  margin-top: -18px;
}

.rsArrowIcn {
  display: block;
  height: 56px;
  width: 36px;
}

.rsArrow.rsArrowLeft {
  left: 60px;
}

.rsArrow.rsArrowRight {
  right: 60px;
}

.rsArrow.rsArrowLeft .rsArrowIcn {
  background: url(../gfx/ico_arrow_slider_left.png) no-repeat center center;
}

.rsArrow.rsArrowRight .rsArrowIcn {
  background: url(../gfx/ico_arrow_slider_right.png) no-repeat center center;
}

@media (max-width: 479px) {
  .rsArrow .rsArrowIcn,
  .rsNav.rsBullets {
    display: none;
  }
}

/* SEITEN SPEZIFISCH */



/*Socialbutton redbox*/
#page107 #bottomPageSocial .jssocials,
#page1 #bottomPageSocial .jssocials {
  top: -80px;
}


/*DOWNLOADS Page-14*/
#page14 .bodytext {
  margin-bottom: 0;
}

/*GARANTIE*/

#page16 img {
  max-width: 48%;
}

/*HISTORYSLIDER*/

.historyslider .slick-list {
  border:none;
  margin: 135px 0 118px;
}

.historyslider {
  background-size: cover;
}

.historyslider h2 {
  font-size: 60px;
  color: #fff;
}

#c1066 .tx-dce-pi1 {
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  padding: 0px;
  margin:0px;
}

/*HÄNDLERSUCHE*/

.brandWG .legend {
  height: auto;
  margin-top: 20px;
}

#tx-we-map .btn-legend::after, #tx-we-map .btn-filter::after {
    position: absolute;
    right: 15px;
}

.brandWG .DEALER_CAT_BIG {
    margin: 0 20px 0 0px;
    padding-left: 25px;
}

/*mindshape cookie hint overwriter*/
.cc_container {
    font-family: "Corpid C1Cd Regular",Calibri,Helvetica,Arial!important;
    font-size: 17px;
}
.cc_container .cc_btn {
    background-color: transparent!important;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 0.6em;
    margin-left: 10px;
    max-width: 300px!important;
    padding: 8px 10px;
    text-align: center;
    transition: font-size 200ms ease 0s;
    width: 66%!important;
    font-family: 'Corpid C1Cd Bold',Calibri,Helvetica,Arial!important;
    color: #b3b3b3!important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited, .cc_container .cc_btn:hover{
    background-color: transparent!important;
    border-radius: 5px;
    color: #FFF!important;
    font-size: 15px!important;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
}

a.cc_more_info{
text-decoration: underline!important;
}



.close-button {
  display: inline-block;
  top: 6px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.75em;
  height: 0.75em;
  position: relative;
  border: none;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  font: normal 2em/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #000;
}

.close-button::before {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(45deg)   ;
  transform: rotateZ(45deg)   ;
}

.close-button::after {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 0.45em;
  height: 0.1em;
  position: absolute;
  content: "";
  top: 0.33em;
  left: 0.155em;
  border: none;
  font: normal 100%/normal Arial, Helvetica, sans-serif;
  color: rgba(0,0,0,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #ffffff;
  text-shadow: none;
  -webkit-transform: rotateZ(-45deg)   ;
  transform: rotateZ(-45deg)   ;
}

/* Ersatzteilekatalog Button */

#spare_parts_button{
  font-size: 23px;
  border: none;
  background: #D52B1E;
  color: #F9E300;
  padding: 5px;
  text-shadow: 1px 1px #000;
 }
#topNav{
 /* display:none;*/
}


#languageSelection {
  float: right;
  position: relative;
}

#languageSelection .language-list {
  position: absolute;
  right: 0;
  white-space: nowrap;
  background: #333333;
  display: none;
  min-width: 319px;
  z-index: 1000;
  overflow-y: auto;
  border-top: 1px solid #333;
  padding-top: 12px;
}

#languageSelection .language-list li {
  list-style-type: none;
}

#languageSelection .language-list li:last-child {
  margin-bottom: 0px;
}

#languageSelection .button-toggle {
  display: block;
  font-size: 0;
  width: 60px;
  height: 36px;
  border-left: 1px solid #000;
  margin-top: 12px;
}

#languageSelection .button-toggle.open {
  background-color: #1a1a1a;
  height: 62px;
  margin-top: 0;
  border-left: 1px solid transparent;
}

/*ICONS Language*/
.ico-cc-lang a,
#languageSelection .button-toggle {
  letter-spacing: 0.02em;
  color: #000;
  text-transform: uppercase;
}

.ico-cc-lang a {
  padding: 9px 10px 8px 56px;
  display: block;
  font-weight: bold;
  font-size: 17px;
  color: #fff;
  text-decoration: none;
}

.ico-cc-lang.active,
.ico-cc-lang:focus,
.ico-cc-lang:hover {
  background-color: #ffbc22;
}

.ico-cc-lang.active,
.ico-cc-lang:focus,
.ico-cc-lang:hover,
.ico-cc-lang.active a,
.ico-cc-lang a:focus,
.ico-cc-lang a:hover {
  color: #000;
}

.ico-cc-lang-eu {
  background: url(../gfx/flags/48/European_Union.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-de {
  background: url(../gfx/flags/48/Germany.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-at {
  background: url(../gfx/flags/48/Austria.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-be {
  background: url(../gfx/flags/48/Belgium.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-bg {
  background: url(../gfx/flags/48/Bulgaria.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-ch {
  background: url(../gfx/flags/48/Switzerland.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-cz {
  background: url(../gfx/flags/48/Czech_Republic.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-dk {
  background: url(../gfx/flags/48/Denmark.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-es {
  background: url(../gfx/flags/48/Spain.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-fi {
  background: url(../gfx/flags/48/Finland.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-fr {
  background: url(../gfx/flags/48/France.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-hu {
  background: url(../gfx/flags/48/Hungary.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-ie {
  background: url(../gfx/flags/48/Ireland.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-it {
  background: url(../gfx/flags/48/Italy.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-lu {
  background: url(../gfx/flags/48/Luxembourg.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-nl {
  background: url(../gfx/flags/48/Netherlands.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-no {
  background: url(../gfx/flags/48/Norway.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-pl {
  background: url(../gfx/flags/48/Poland.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-ro {
  background: url(../gfx/flags/48/Romania.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-ru {
  background: url(../gfx/flags/48/Russian_Federation.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-se {
  background: url(../gfx/flags/48/Sweden.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-sk {
  background: url(../gfx/flags/48/Slovakia.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-uk {
  background: url(../gfx/flags/48/United_Kingdom.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-md {
  background: url(../gfx/flags/48/Moldova.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-en {
  background: url(../gfx/flags/48/European_Union.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-sv {
  background: url(../gfx/flags/48/Sweden.png) no-repeat 10px center;
  background-size: 32px 32px;
}

.ico-cc-lang-us {
  background: url(../gfx/flags/48/United_States_of_America.png) no-repeat 10px center;
  background-size: 32px 32px;
}

input[type=checkbox] {
     -webkit-appearance: checkbox;
  width:15px;
  height:15px;
  resize: none;
     }