/** 
 *
 *  CSS Datei für das Autkionstemplate KK-Hygiene
 *
 *
**/ 


/* -------------------------------------------------------------------------- */

/**
 *
 *  Basics
 * 
**/ 

@media all {
  * {color:#262626; font:400 13px/24px Arial, Sans-Serif;}
  h1 {font-size:2.125em; font-weight:700; line-height:1.5; margin:15px 0;}
  h2 {font-size:24px; font-weight:700; line-height:34px; margin:15px 0;}
  h3 {font-size:20px; font-weight:700; line-height:30px; margin:15px 0;}
  h4 {font-size:16px; font-weight:700; line-height:26px; margin:15px 0;}
  h5 {font-size:14px; font-weight:700; line-height:24px; margin:15px 0;}
  h6 {font-size:13px; font-weight:700; line-height:24px; margin:15px 0;}
  
  fieldset {border:1px solid #ddd;}
  .img-responsive img {width:100%;}
  *.is--bold {font-weight:bold;}
  a {color:#178932; border: none;}
  a:visited, a:hover, a:focus {border: none; outline: none;}
  a:hover, a:focus {text-decoration: none;}

  p {border: none; outline: none;}
  p a {border: none; outline: none;}
  img {display: block;}
  
  strong, strong u {font-weight:700;}    
    
  table {border: 1px solid #dadae5; width:100%;}
  table tr {}
  table tr:nth-child(2n+0) {background:#f5f5f5 none repeat scroll 0 0;}
  table td {padding: 0.3125rem 0.625rem;}

  
  .container{margin:0 auto; max-width:1460px; /*min-width:1110px;*/}
  
  .content {background:#fff; display:block; float:left; margin-bottom:20px; width:100%;}
  .content .content-top {float:left; margin-bottom:15px; width:100%;}
  .content .content-top .logo {float:left; width:25%;}  
  .content .content-top #sh-sch-div {float:left; width:50%;}
  .content .content-top #sh-sch-div .sh-sch-frm {margin-top:30px; position:relative; width:35rem;}
  .content .content-top #sh-sch-div .sh-sch-frm button {position:absolute; right:0; top:0;}
  
  .content .content-top .ebaylinks{ margin-top:30px; font-size: 1rem; float:right; line-height: 1.1875rem; padding:0.825rem; text-align:right; }
  
  
  .content .content-top .cat-list {border-radius:3px; float:left; list-style-type:none; padding:0; text-align:left; transition: all 0.5s; width:100%;
    background: #106d25; /* Old browsers */
    background: -moz-linear-gradient(top,  #178932 0%, #106d25 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #178932 0%,#106d25 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #178932 0%,#106d25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#178932', endColorstr='#106d25',GradientType=0 ); /* IE6-9 */  
  }
  
  .content .content-top .cat-list li {border-right: solid 1px #fff; color:#fff; display:block; float:left; font-weight:400; line-height:24px; padding:10px 2.125%; position:relative; transition:all .3s;}
  .content .content-top .cat-list li a {display:block; float:left; width:100%;}
  .content .content-top .cat-list li a, .content .content-top .cat-list li a:hover, .content .content-top .cat-list li a:focus, .content .content-top .cat-list li a:visited {color:#fff; font-size:1.125rem; font-weight:300; letter-spacing:0.5px; padding:0; text-decoration:none;}
  .content .content-top .cat-list li:hover {background:#106d25; cursor:pointer}
  .content .content-top .cat-list li:first-child {-webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;}
  
  .content .content-top .cat-list li ul.submenu {background:#106d25; left:0; padding:0; position:absolute; top:44px; width:260px;  display:none;}  
  .content .content-top .cat-list li:hover ul.submenu {display:block; max-height:300px;}
  .content .content-top .cat-list li ul.submenu li {float:left; padding:10px 0; width:100%;}  
  .content .content-top .cat-list li ul.submenu li:hover {background:#0b5a1d;}
  .content .content-top .cat-list li ul.submenu li a {display:block; float:left; width:100%;}  
 
  .content .content-top .cat-list li:last-child {border-right:medium none;}
  .content .content-top .cat-list li:after {background:#fff; content:" "; display:block; float:right; height:20px; margin-left:1rem; width:2px; display:none;}
  .content .content-top .cat-list li:last-child:after {display:none;}
  .content-left {display:block; float:left; width:35%;}
  .content-left img {border: 1px solid #dadae5; float:left; padding:0.3125rem;}
  .content-right {display:block; float:right; width:62%;}
  
  #title {padding:10px 30px; margin-bottom:20px;}
  /*#desc {padding:20px 30px; margin-bottom:20px;}*/
  #desc {padding:20px 30px; /* max-height:1000px; */ min-height:368px; /*overflow-y:auto;*/}
  
  #desc .left {display:block; float:left;  width:100%;}
  #desc .right {display:block; float:left; width:29%;}
  
  .content-right .contentpictogramm	{width: 100%; height: 120px;}
  .content-right .contentpictogramm img { width: 80px; float: left;} 
  
  
  .content-footer {background: #d2d2d2; border-top: 1px solid #dadae5; display:inline-block; float:left; margin:0; padding:20px 50px}
  .content-footer .column {display:inline-block; float:left; margin-right:2%; width:18%;}
  .content-footer .column:last-child {margin:0;}
  .content-footer .column h4 {color:#178932; margin:15px 0 10px 0;}
  .content-footer .column a {color:#262626; text-decoration:none;}
  .content-footer .column .navigation--list {display:inline-block; float:left; list-style-type:none; margin:0 0 20px 0; padding:0; width:100%;}
  .content-footer .column .navigation--list li {float:left;}
  .content-footer .column .navigation--list li a {font-weight:600;}
  .content-footer .column.infos .navigation--list li {width:100%;}
  .content-footer .column.rechtliches .navigation--list li {width:100%;}
 
  .content-footer .column.partner .navigation--list li {margin-right:15px; width:auto;}
 
  .ico {background: transparent url("sprite.png") no-repeat scroll 0 0; display: inline-block; height: 0.75rem; margin-bottom: 0.3125rem; margin-right: 0.3125rem; width: 1.1875rem;}
  .ico-germany {background-position: 0 0;}
  .ico-austria {background-position: 0 -12px;}
  .ico-belgium {background-position: 0 -24px;}
  .ico-netherlands {background-position: 0 -36px;}
  .ico-luxembourg {background-position: 0 -48px;}
  .ico-switzerland {background-position: 0 -60px;}
  .ico-vorkasse {background-position: -19px -38px; height: 36px; width: 93px;}
  .ico-paypal {background-position: -19px -1px; height: 36px; width: 93px;}
  .ico-rechnung {background-position: -19px -75px; height: 36px; width: 93px;}
  .ico-nachnahme {background-position: -19px -112px; height: 36px; width: 93px;}
  .ico-sofort {background-position: -19px -150px; height: 36px; width: 93px;}
  .ico-dpd-versand {background-position: -17px -186px; height:38px; width: 93px;}
  .ico-barzahlung {background-position: -19px -226px; height: 36px; width: 93px;}
    
    
    #menu-icon {display: none;

}    
    
  
}

@media screen and (max-width: 1400px) {
    .content .content-top .cat-list li {border-right: solid 1px #fff; color:#fff; display:block; float:left; font-weight:400; line-height:24px; padding:10px 1.75%; position:relative; transition:all .3s;}
}


@media screen and (max-width: 1200px) {
    .content .content-top .cat-list li {border-right: solid 1px #fff; color:#fff; display:block; float:left; font-weight:400; line-height:24px; padding:10px 1.25%; position:relative; transition:all .3s;}
}


@media screen and (max-width: 1024px) {
    .content .content-top .cat-list li {border-right: solid 1px #fff; color:#fff; display:block; float:left; font-weight:400; line-height:24px; padding:10px 1.125%; position:relative; transition:all .3s;}
    .content .content-top .cat-list li a, .content .content-top .cat-list li a:hover, .content .content-top .cat-list li a:focus, .content .content-top .cat-list li a:visited {color:#fff; font-size:1rem; font-weight:300; letter-spacing:0.5px; padding:0; text-decoration:none;}
}


@media screen and (max-width: 768px) {
    .navigation { position: relative; display: inline-block; width:100%; }
    .navigation:before { background:none #106d25; border:solid 1px #dfdfdf; color:#fff; content: "Kategorien"; cursor:pointer; display:block; font-weight:300; letter-spacing:1px;  padding:1%  2.5%; text-align:center; text-transform:uppercase; width:95%;}
    .navigation:focus { pointer-events: none; }
    .navigation:focus .cat-list { display: block; opacity: 1; visibility: visible; pointer-events: auto;}
    .navigation .cat-list {border-radius:0; display: none; margin:0; padding:0 5%; width:90%; z-index:3; opacity: 0; visibility: hidden; transition: visibility 0.5s;}
    .navigation .cat-list li {border-right:medium none!important; border-bottom: solid 1px #fff; margin:0 5%; width:90%;}
    .navigation .cat-list li:after {display:none; }
    .navigation .cat-list li:last-child {border-bottom:medium none; }

    .navigation .cat-list li a {display:block; float:left;  width:100%;}    
    .navigation .cat-list li a:hover {color:#ff00ab;}
        
    
}

@media screen and (max-width: 640px) {
    * {color:#262626; font:400 16px/30px Arial, Sans-Serif;}
    .navigation { position: relative; display: inline-block; width:100%; }
    .navigation:before { background:none #106d25; border:solid 1px #dfdfdf; color:#fff; content: "Kategorien"; cursor:pointer; display:block; font-weight:300; letter-spacing:1px;  padding:1%  2.5%; text-align:center; text-transform:uppercase; width:95%;}
    .navigation:focus { pointer-events: none; }
    .navigation:focus .cat-list { display: block; opacity: 1; visibility: visible; pointer-events: auto;}
    .navigation .cat-list {border-radius:0; display: none; margin:0; padding:0 5%; width:90%; z-index:3; opacity: 0; visibility: hidden; transition: visibility 0.5s;}
    .navigation .cat-list li {border-right:medium none!important; border-bottom: solid 1px #fff; margin:0 5%; width:90%;}
    .navigation .cat-list li:after {display:none; }
    .navigation .cat-list li:last-child {border-bottom:medium none; }

    .navigation .cat-list li a {display:block; float:left;  width:100%;}    
    .navigation .cat-list li a:hover {color:#ff00ab;}
    
    
    
    .content .content-top .ebaylinks {margin-top:0;}
    .content .content-top .logo {width:100%; margin-bottom:10px;} 
    
    
    .content-left, .content-right {width:100%;}
    
    .content-left {margin-bottom:20px; float:right;}
    .content-left.img-responsive img {width:90%;}
    
    .container { max-width: 100%; }
    h1 {font-size:1.5em; font-weight:700; line-height:36px; margin:15px 0;}

   
    
}



@media handheld {
    * {color:#262626; font:400 16px/30px Arial, Sans-Serif;}
    .navigation { position: relative; display: inline-block; width:100%; }
    .navigation:before { background:none #106d25; border:solid 1px #dfdfdf; color:#fff; content: "Kategorien"; cursor:pointer; display:block; font-weight:300; letter-spacing:1px;  padding:1%  2.5%; text-align:center; text-transform:uppercase; width:95%;}
    .navigation:focus { pointer-events: none; }
    .navigation:focus .cat-list { display: block; opacity: 1; visibility: visible; pointer-events: auto;}
    .navigation .cat-list {border-radius:0; display: none; margin:0; padding:0 5%; width:90%; z-index:3; opacity: 0; visibility: hidden; transition: visibility 0.5s;}
    .navigation .cat-list li {border-right:medium none!important; border-bottom: solid 1px #fff; margin:0 5%; width:90%;}
    .navigation .cat-list li:after {display:none; }
    .navigation .cat-list li:last-child {border-bottom:medium none; }

    .navigation .cat-list li a {display:block; float:left;  width:100%;}    
    .navigation .cat-list li a:hover {color:#ff00ab;}
    
    
    
    .content .content-top .ebaylinks {margin-top:0;}
    .content .content-top .logo {width:100%; margin-bottom:10px;} 
    
    
    .content-left, .content-right {width:100%;}
    
    .content-left {margin-bottom:20px; float:right;}
    .content-left.img-responsive img {width:90%;}
    
    
    h1 {font-size:1.5em; font-weight:700; line-height:36px; margin:15px 0;}

   
    
}