/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 300;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-300.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-300.ttf") format("truetype");
}
/* open-sans-300italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 300;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-300italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-300italic.ttf") format("truetype");
}
/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 400;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-regular.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-regular.ttf") format("truetype");
}
/* open-sans-italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 400;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-italic.ttf") format("truetype");
}
/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 500;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-500.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-500.ttf") format("truetype");
}
/* open-sans-500italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 500;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-500italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-500italic.ttf") format("truetype");
}
/* open-sans-600 - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 600;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-600.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-600.ttf") format("truetype");
}
/* open-sans-600italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 600;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-600italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-600italic.ttf") format("truetype");
}
/* open-sans-700 - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 700;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-700.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-700.ttf") format("truetype");
}
/* open-sans-700italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 700;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-700italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-700italic.ttf") format("truetype");
}
/* open-sans-800 - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: normal;
    font-weight: 800;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-800.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-800.ttf") format("truetype");
}
/* open-sans-800italic - latin */
@font-face {
    font-display: swap;
    font-family: "Open Sans";
    font-style: italic;
    font-weight: 800;
    src: url("/themes/alpedia/fonts/open-sans-v35-latin-800italic.woff2") format("woff2"), url("/themes/alpedia/fonts/open-sans-v35-latin-800italic.ttf") format("truetype");
}

/* ##################################################################################################
	PRESTASHOP CSS
################################################################################################## */

/* ****************************************************************************
		reset
**************************************************************************** */
html {
    color: #000;
    background: #fff;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
var,
optgroup {
    font-style: inherit;
    font-weight: inherit;
}
del,
ins {
    text-decoration: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}
q:before,
q:after {
    content: "";
}
abbr,
acronym {
    border: 0;
    font-variant: normal;
}
sup {
    vertical-align: baseline;
}
sub {
    vertical-align: baseline;
}
legend {
    color: #000;
}
input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
input,
button,
textarea,
select {
    font-size: 100%;
}

.ie7 input,
.ie7 select {
    line-height: 18px;
}
a {
    cursor: pointer;
}
ul,
ol {
    list-style-position: inside;
}

.rte ul {
    list-style-position: outside;
    list-style-type: disc;
    padding-left: 20px;
}

.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

.container {
    position: relative;
}

@media only screen and (min-width: 1200px) {
    .container {
        padding-left: 0;
        padding-right: 0;
    }
}

/* ************************************************************************************************
		struture
************************************************************************************************ */
#page {
}
#header {
    z-index: 10;
}
#columns {
    z-index: 1;
    position: relative;
    margin-top: 20px;
}
#left_column {
}
#center_column {
}
#right_column {
}
#header,
#columns,
#footer {
    width: 100%;
}

.container {
    max-width: 980px;
    margin: 0px auto;
}
/* ************************************************************************************************
		generic style
************************************************************************************************ */

.blue,
a.blue {
    color: #12539d !important;
}

.green,
a.green {
    color: #54cd73 !important;
}

#header-bg > div {
    position: absolute;
    width: 100%;
    background: url("/themes/alpedia/img/bg_header_mid_1.jpg") no-repeat top center;

    height: 160px;
}

#header-bg {
    position: absolute;
    width: 100%;
    background-image: url("/themes/alpedia/img/bg_header_side_1.gif");
    background-repeat: repeat-x;
    height: 160px;
}

/* ************************************************************************************************
        generic style
************************************************************************************************ */
body {
    background-color: white;
    background-image: url("/themes/alpedia/img/bg_header_side.gif");
    background-repeat: repeat-x;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}

/* positionnement ****************************************************************************** */
.hidden {
    display: none;
}
.f_left {
    float: left;
}
.f_right {
    float: right;
}
p.center {
    text-align: center;
}
.clearBoth {
    clear: both;
}

/* title *************************************************************************************** */
h1 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 22px;
}
h2 {
    padding-bottom: 20px;
    font-size: 18px;
}
h3 {
    padding-bottom: 20px;
    font-size: 16px;
}

.cat_desc h2,
h3 {
    padding-bottom: 0;
    margin: 2rem 0 1rem 0;
}

h1.bbottom,
h2.bbottom,
h3.bbottom,
div.bbottom,
span.bbottom {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

h1.btop,
h2.btop,
h3.btop,
div.btop,
span.btop {
    border-top: 1px solid #c8c8c8;
    padding-top: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.title_block {
    padding-bottom: 20px;
    font-size: 14px;
}

.fo22 {
    font-size: 22px !important;
}
.fo20 {
    font-size: 20px !important;
}
.fo18 {
    font-size: 18px !important;
}
.fo16 {
    font-size: 16px !important;
}
.fo14 {
    font-size: 14px !important;
}
.fo12 {
    font-size: 12px !important;
}
.fo11 {
    font-size: 11px !important;
}
.fo10 {
    font-size: 10px !important;
}
.fo30 {
    font-size: 30px !important;
}
.fo35 {
    font-size: 35px !important;
}
.w290 {
    width: 290px;
}
.right {
    text-align: right;
}

.hide-left-column #left_column {
    display: none;
}

/* text **************************************************************************************** */
p {
    padding-bottom: 20px;
}

p em {
    font-style: italic;
}

.warning {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0;
}
.success {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #339900;
    font-size: 13px;
    background: #d3ffab;
}
.error {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #990000;
    font-size: 13px;
    background: #ffcccc;
}
.error ol {
    margin-left: 20px;
}
.error p.lnk {
    margin-top: 20px;
    padding: 0;
    font-size: 11px;
}

/* link **************************************************************************************** */
a {
    color: #000;
    text-decoration: none;
    outline: none;
}
a:hover {
    text-decoration: underline;
}

/* HACK IOS ipad, iphone */
input[type="text"],
select,
input[type="email"],
input[type="search"],
input[type="password"],
input[type="submit"],
input[type="image"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
input[type="text"],
select,
input[type="email"],
input[type="search"],
input[type="password"] {
    height: 40px;
    border: 1px solid #c8c8c8;
    padding: 10px;
}
textarea {
    border: 1px solid #c8c8c8;
    resize: none;
    padding: 10px;
}

/*buttons ************************************************************************************** */
input.button_mini,
input.button_small,
input.button,
.button_large,
input.button_mini_disabled,
input.button_small_disabled,
input.button_disabled,
input.button_large_disabled,
input.exclusive_mini,
input.exclusive_small,
input.exclusive,
input.exclusive_large,
input.exclusive_mini_disabled,
input.exclusive_small_disabled,
input.exclusive_disabled,
input.exclusive_large_disabled,
a.button_mini,
a.button_small,
a.button,
a.button_large,
a.exclusive_mini,
a.exclusive_small,
a.exclusive,
a.exclusive_large,
span.button_mini,
span.button_small,
span.button,
span.button_large,
span.exclusive_mini,
span.exclusive_small,
span.exclusive,
span.exclusive_large,
span.exclusive_large_disabled {
    position: relative;
    display: inline-block;
    padding: 3px 7px;
    line-height: 20px;
    border: none;
    font-weight: bold;
    color: #fff;
    background: #12539d;
    cursor: pointer;
    font-size: 18px !important;
}
*:first-child + html input.button_mini,
*:first-child + html input.button_small,
*:first-child + html input.button,
*:first-child + html input.button_large,
*:first-child + html input.button_mini_disabled,
*:first-child + html input.button_small_disabled,
*:first-child + html input.button_disabled,
*:first-child + html input.button_large_disabled,
*:first-child + html input.exclusive_mini,
*:first-child + html input.exclusive_small,
*:first-child + html input.exclusive,
*:first-child + html input.exclusive_large,
*:first-child + html input.exclusive_mini_disabled,
*:first-child + html input.exclusive_small_disabled,
*:first-child + html input.exclusive_disabled,
*:first-child + html input.exclusive_large_disabled {
    border: none;
}

/* hover button */
input.button_mini:hover,
input.button_small:hover,
input.button:hover,
input.button_large:hover,
input.exclusive_mini:hover,
input.exclusive_small:hover,
input.exclusive:hover,
input.exclusive_large:hover,
a.button_mini:hover,
a.button_small:hover,
a.button:hover,
a.button_large:hover,
a.exclusive_mini:hover,
a.exclusive_small:hover,
a.exclusive:hover,
a.exclusive_large:hover {
    text-decoration: none;
    background-position: left -50px;
}

/* active button */
input.button_mini:active,
input.button_small:active,
input.button:active,
input.button_large:active,
input.exclusive_mini:active,
input.exclusive_small:active,
input.exclusive:active,
input.exclusive_large:active,
a.button_mini:active,
a.button_small:active,
a.button:active,
a.button_large:active,
a.exclusive_mini:active,
a.exclusive_small:active,
a.exclusive:active,
a.exclusive_large:active {
    background-position: left -100px;
}

input.button_disabled,
input.exclusive_disabled,
span.exclusive {
    border: 1px solid #ccc;
    color: #999;
    background: url(../img/bg_bt_2.gif) repeat-x 0 0 #cccccc;
    cursor: default;
}
.button_large,
input.button_large_disabled,
input.exclusive_large,
input.exclusive_large_disabled,
a.button_large,
a.exclusive_large,
span.button_large,
span.exclusive_large,
span.exclusive_large_disabled {
    padding: 15px 20px;
    min-width: 200px;
    text-align: center;
}

button.link {
    border: none;
    background: none;
    font-weight: normal;
    color: #15559e;
    outline: none;
}

/* form **************************************************************************************** */
form.std fieldset {
    margin: 20px 0;
    padding: 0;
    border: 0px solid #ccc;
}

/* table *************************************************************************************** */
table.std,
table.table_block {
    margin-bottom: 20px;
    width: 100%;
    border: none;
    border-bottom: none;
    background: white;
    border-collapse: inherit;
}
table.std th,
table.table_block th {
}

table thead {
    background: none;
    border-bottom: 1px solid #c8c8c8;
}

table tfoot {
    background: none;
    border-top: 1px solid #c8c8c8;
}

table td {
    vertical-align: top;
}

table.std tr.alternate_item,
table.table_block tr.alternate_item {
    background-color: #f3f3f3;
}
table.std td,
table.table_block td,
table.std th,
table.table_block th {
    padding: 10px;
    vertical-align: top;
}

table.std tr td:first-child,
table.std tr th:first-child {
    padding-left: 0px;
}

table.std td:last-child,
table.std th:last-child {
    padding-right: 0px;
}

/* BLOCK .block ******************************************************************************** */
.block {
    margin-bottom: 20px;
}
#footer .block {
    margin-bottom: 0;
}
.block .title_block,
.block h4 {
    padding: 6px 11px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    background: #383838;
    font-weight: bold;
}
.block .title_block a,
.block h4 a {
    color: #fff;
}
.block ul {
    list-style-type: none;
}
.block li.last {
    border: none;
}
.block li a {
    display: block;
    color: #333;
}

/* BLOCK .products_block *********************************************************************** */
.products_block {
}
.products_block li {
    float: left;
}
.products_block li img {
}

/* BLOCK customer privacy ******************************************************************* */

/* BLOCK .footer_links (cms pages) ************************************************************* */
ul.footer_links {
    list-style-type: none;
    margin: 20px 0px;
}

ul.footer_links li {
    float: left;
}
ul.footer_links li.f_right {
    float: right;
}

/* barre comparaison / tri ********************************************************************* */
.productsSortForm label {
    float: left;
    margin: 0px;
    font-weight: normal;
}
.productsSortForm select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    border: none;
    height: auto;
    background: url(/themes/alpedia/img/icon/icon-light-arrow-down.png) no-repeat right -2px;
    cursor: pointer;
    font-weight: bold;
    color: #12539d;
    outline: none;
}

.productsSortForm select {
    padding: 0px 10px;
}

.productsSortForm select option:not(:checked) {
    font-weight: normal;
    color: #000;
}

.content_sortPagiBar {
    margin: 20px 0;
}
#search .content_sortPagiBar {
    margin: 0 0 20px 0;
}

#center_column .sortPagiBar {
    padding: 10px;
    font: normal 11px Arial, Verdana, sans-serif;
    color: #666;
    background: #eee;
}
select#selectPrductSort {
    width: auto;
    border: 1px #fff solid;
}
#center_column .sortPagiBar strong {
    color: #000;
}
#center_column .sortPagiBar p {
    padding: 0;
}
#center_column .sortPagiBar form {
    display: inline-block;
}

.ie7 #center_column .sortPagiBar form {
    display: inline;
}

.sortPagiBar #productsSortForm {
    float: right;
}
.sortPagiBar select#selectPrductSort {
    margin: 0 0 0 10px;
    color: #000;
    border: 1px solid #ccc;
}

.sortPagiBar .bt_compare {
    padding: 3px 7px;
    border: none;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    background: url(../img/bg_bt_compare.gif) repeat-x 0 0 #111;
}

.sortPagiBar .nbrItemPage {
    margin-left: 40px;
}

.sortPagiBar .PrductSort {
    float: left;
}

.sortPagiBar .nbrProduct {
    display: inline-block;
    padding: 0 10px;
}

.sortPagiBar #nb_item {
    border: 1px solid #ccc;
}

/* pagination ********************************************************************************** */
form.pagination {
    display: none;
}

div.pagination {
    width: 100%;
    margin: 0;
    text-align: center;
    line-height: 17px !important;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

div.pagination.noborder {
    border: none;
}

div.pagination ul.pagination {
    margin: 10px 0px 0px;
    float: right;
}

@media (max-width: 576px) {
    div.pagination ul.pagination {
        margin: 15px 0px 15px 0px;
        float: left;
    }
}

div.pagination .number_products {
    float: left;
    margin-right: 20px;
    padding: 10px 0px;
}

@media (max-width: 576px) {
    div.pagination .number_products {
        float: left;
        margin-right: 20px;
        padding: 15px 0px;
    }
}

div.pagination .productsSortForm {
    float: left;
    padding: 10px 0px;
    margin-right: 20px;
    margin-bottom: 0px;
}

div.pagination .productsSortForm p {
    padding-bottom: 0px;
}

ul.pagination {
    list-style-type: none;
    margin-bottom: 0px;
}
ul.pagination li {
    display: inline;
}
ul.pagination a,
ul.pagination span {
    display: inline-block;
    padding: 0px 5px;
    text-align: center;
    border: none;
    color: #13539d !important;
    line-height: inherit;
}

ul.pagination .sites {
    float: left;
}

ul.pagination .current span {
    font-weight: bold;
}
ul.pagination li.disabled span {
    color: #ccc;
}
#pagination_previous,
#pagination_previous_bottom {
    float: left;
}
#pagination_previous a,
#pagination_previous_bottom a {
    background: url(/themes/alpedia/img/icon/icon-light-arrow-left.png) no-repeat -3px -2px;
}
#pagination_next,
#pagination_next_bottom {
    float: right;
}
#pagination_next a,
#pagination_next_bottom a {
    background: url(/themes/alpedia/img/icon/icon-light-arrow-right.png) no-repeat -3px -2px;
}
#pagination_previous a,
#pagination_previous span,
#pagination_next a,
#pagination_next span,
#pagination_previous_bottom a,
#pagination_previous_bottom span,
#pagination_next a,
#pagination_next span {
    padding: 0 8px;
    width: auto;
}
#pagination_previous span,
#pagination_next span {
    color: #ccc;
    border: 1px solid #eee;
}

/* Porducts allgemein steps *********************************************************************** */

span.q_ok,
span.q_nok,
span.q_wok {
    display: inline-block;
    background-color: #48cd7a;
    height: 11px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    width: 11px;
    margin-left: 1px;
    margin-bottom: -1px;
}

span.q_nok,
span.q_wnok {
    background-color: #ff0000;
}

span.q_wok {
    background-color: #ffbc00;
}

/* module productcomments ********************************************************************** */
.rating {
    clear: both;
    display: block;
    margin: 2em;
    cursor: pointer;
}
.rating:after {
    content: ".";
    display: block;
    height: 0;
    width: 0;
    clear: both;
    visibility: hidden;
}
.cancel,
.star {
    overflow: hidden;
    float: left;
    margin: 0 1px 0 0;
    width: 16px;
    height: 16px;
    text-indent: -999em;
    cursor: pointer;
}
.cancel,
.cancel a {
    background: url(../../../modules/productcomments/img/delete.gif) no-repeat 0 -16px !important;
}
.cancel a,
.star a {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 0 0;
}

.star_content {
    text-align: center;
}

@media (min-width: 1024px) {
    .star_content {
        text-align: center !important;
    }
}

.star {
    position: relative;
    top: 2px;
    margin: 0 -2px 0 0;
    padding: 0;
    display: inline-block;
    float: none;
    height: 15px;
    width: 15px;
    overflow: hidden;
    text-indent: -999em;
    cursor: pointer;
}

.star_content .star:last-child {
    margin-right: 2px;
}

div.star_on a {
    background: url(/themes/alpedia/img/icon/icon-rating-active.png) no-repeat -7px -5px;
}
div.star_on {
    background: url(/themes/alpedia/img/icon/icon-rating-active.png) no-repeat -7px -5px;
}
div.star_hover a,
div.star a:hover {
    background: url(/themes/alpedia/img/icon/icon-rating-active.png) no-repeat -7px -5px;
}
.star,
.star a {
    background: url(/themes/alpedia/img/icon/icon-rating-inactive.png) no-repeat -7px -5px;
}

.pack_content {
    margin: 10px 0 10px 0;
}
.pack_price {
    float: right;
    margin-right: 3px;
    font-size: 12px;
}
.confirmation {
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: none repeat scroll 0 0 #ffffe0;
}
#page .rte {
    background: transparent none repeat scroll 0 0;
}

.listcomment {
    list-style-type: none;
    margin: 0 0 20px 0 !important;
}
.listcomment li {
    padding: 10px 0;
    border-bottom: 1px dotted #ccc;
    color: #666;
}
.listcomment .titlecomment {
    display: block;
    font-weight: bold;
    font-size: 12px;
    color: #333;
}
.listcomment .txtcomment {
    display: block;
    padding: 5px 0;
    color: #333;
}
.listcomment .authorcomment {
}

/* ************************************************************************************************
		HEADER
************************************************************************************************ */
#shop_toggler {
    background: #2f2f2f;
    line-height: 28px;
    padding: 10px 0px 15px 0px;
}

#shop_toggler > div > img {
    position: absolute;
    bottom: -5px;
    left: 0px;
}

#shop_toggler * {
    color: #fff;
}

#shop_toggler a {
    float: right;
}

#shop_toggler a.arrow {
    padding-left: 28px;
    margin-top: 5px;
    background: url(/themes/alpedia/img/icon/icon-small-arrow-green-right.png) no-repeat 0px 3px;
}

#header {
    position: relative;
}
#header_logo {
    margin-bottom: 10px;
    text-align: left;
    margin: 15px 0px 26px 0px;
    height: 70px;
}
#header_logo a {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

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

#header li.sf-search {
    border-right: none;
}

#frachtinfo {
    color: #fff;
    font-style: italic;
    font-size: 14px;
    display: inline-block;
    padding-left: 33px;
    background: url(/themes/alpedia/img/icon/icon_frachtfrei.png) no-repeat 0px -2px;
}

#header #searchbox input {
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    border: none;
    margin: 0px;
    float: left;
}

#header #searchbox input[type="text"] {
    width: 370px;
    padding: 0px 10px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-weight: normal;
    -webkit-border-top-left-radius: 5px !important;
    -webkit-border-bottom-left-radius: 5px !important;
    -moz-border-radius-topleft: 5px !important;
    -moz-border-radius-bottomleft: 5px !important;
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

#header #searchbox input#bt_search {
    width: 70px;
    -webkit-border-top-right-radius: 5px !important;
    -webkit-border-bottom-right-radius: 5px !important;
    -moz-border-radius-topright: 5px !important;
    -moz-border-radius-bottomright: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    text-indent: -10000px;
    background: #55cd73 url(/themes/alpedia/img/icon/ico-search-small.png) no-repeat center center;
}

#header #searchbox ::-webkit-input-placeholder {
    color: #4a4a49;
    font-size: 16px;
}
#header #searchbox ::-moz-placeholder {
    color: #4a4a49;
    font-size: 16px;
}
#header #searchbox :-ms-input-placeholder {
    color: #4a4a49;
    font-size: 16px;
}
#header #searchbox :-ms-placeholder {
    color: #4a4a49;
    font-size: 16px;
}
#header #searchbox input:-moz-placeholder {
    color: #4a4a49;
    font-size: 16px;
}
#header #searchbox ::placeholder {
    color: #4a4a49;
    font-size: 16px;
}

/*
#header #searchbox  {
  background:url('/themes/alpedia/img/icon/ico-search.png') no-repeat 0px 6px ;
  padding-left: 36px;
  height: 40px;
}
*/
#header_user {
    float: right;
}

#header_user li {
    float: left;
    color: #fff;
}

/* ************************************************************************************************
		BREADCRUMB
************************************************************************************************ */
.breadcrumb {
    margin-bottom: 20px;
    padding-left: 0px;
}

.breadcrumb,
.breadcrumb *,
.breadcrumb a {
    font-size: 12px;
    color: #12539d;
}

.breadcrumb .navigation-pipe:last-child {
    display: none;
}

.breadcrumb li > span,
.breadcrumb li > span > span {
    color: #000;
}

.breadcrumb .navigation-pipe {
    margin: 0 5px 0 5px;
}

.breadcrumb img {
    position: relative;
    top: 5px;
}

/* ************************************************************************************************
		FOOTER
************************************************************************************************ */
#footer {
    background: #f4f4f4;
    color: #000;
    font-size: 14px;
    line-height: 27px;
    padding-bottom: 30px;
    margin-bottom: -20px;
}

#footer .row {
    margin-top: 47px;
}

#footer .row.first-row {
    margin-top: 30px;
}

#footer strong {
    border-bottom: 1px solid #ccc;
    line-height: 37px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    display: block;
}

#footer .row.first-row strong {
    margin-bottom: 0px;
}

#footer strong span {
    display: none;
}

#footer .first-row strong {
    border-bottom: none;
}

.blockcategories_footer,
#footer .myaccount,
#social_block,
#block_contact_infos {
    float: left;
    width: 175px;
}
.blockcategories_footer {
    margin-left: 0;
}
#footer .title_block {
    padding-bottom: 10px;
    text-transform: uppercase;
}

#footer a:hover {
    text-decoration: underline;
}
#footer ul {
    list-style-type: none;
}

#footer #info-payment > div {
    line-height: 13px;
    padding-top: 15px;
    margin-bottom: -20px;
}

#footer #info-payment > img {
    margin-top: -15px;
}

#footer .myaccount {
    padding: 15px 10px;
}
#footer .myaccount .title_block,
#footer .myaccount h4 {
    padding: 0 0 10px 0;
    background: none;
    text-shadow: none;
}
#footer .myaccount .favoriteproducts img,
#footer .myaccount .lnk_wishlist img {
    display: none;
}

#footer .vorteile {
    line-height: 26px;
}

#footer .vorteile li {
    background: url(/themes/alpedia/img/icon/icon-haken-blau.png) no-repeat 0px 6px;
    padding-left: 26px;
}

#footer_bottom {
    border-top: 1px solid #c8c8c8;
    margin-top: 35px;
    padding-top: 20px;
    font-size: 12px;
    line-height: 17px;
}

#info-netzwerk a {
    margin: 0px 10px 0px 0px;
    padding: 0px;
}

#info-netzwerk-mobile,
#footer #info-payment-mobile {
    display: none;
}

#footer .bestcategories ul {
    -moz-column-count: 3;
    -moz-column-gap: 10px;
    -webkit-column-count: 3;
    -webkit-column-gap: 10px;
    column-count: 3;
    column-gap: 10px;
}

#footer .bestmanufacturers ul {
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

/* ************************************************************************************************
		PRODUCT PAGE
************************************************************************************************ */

#buy_block #quantity_wanted_p input,
.add_block input {
    display: inline;
    width: 50px;
    height: 40px;
    overflow: visible !important;
    padding: 10px 10px;
}

/* BLOCK idTabs ******************************************************************************** */
.idTabs {
    list-style-type: none;
    margin-top: 20px;
}

ul.idTabs li {
    float: left;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    line-height: 40px;
    min-width: 200px;
}

ul.idTabs li:last-child {
    border-right: 1px solid #ccc;
}

.idTabs a {
    display: block;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    background: #f3f3f3;
    text-align: center;
}

.idTabs .selected {
    color: #000;
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
}

#more_info_sheets {
    padding: 0px;
    margin-top: 0px;
}

#more_info_sheets ul,
#more_info_sheets ol,
#more_info_sheets dl {
    margin-left: 20px;
}

#more_info_sheets .bbtbx-viewport > ul {
    margin-left: 0px;
}

#more_info_sheets em {
    font-style: italic;
}

#more_info_sheets .product_desc {
    margin-top: 5px;
}

#more_info_sheets .product_desc .product_image {
    float: left;
}

#more_info_sheets .product_desc .block_description {
    float: left;
    margin-left: 10px;
    width: 420px;
}

#more_info_sheets .product_desc .clear_product_desc {
    clear: both;
    height: 0px;
    line-height: 0px;
}

.catfilter {
    overflow: hidden;
}

.catfilter div {
    position: relative;
}

.catfilter .link_all {
    position: absolute;
    bottom: 0px;
}

/* Make sure lists are correctly displayed in tinyMCE BO edition mode too */
#short_description_content ul,
#short_description_content ol,
#short_description_content dl,
#tinymce ul,
#tinymce ol,
#tinymce dl {
    margin-left: 20px;
}

.block_hidden_only_for_screen {
    display: none;
}

/* ************************************************************************************************
		PAGE AUTHENTIFICATION
************************************************************************************************ */
#authentication #left_column {
    display: none;
}

/* ************************************************************************************************
		PAIMENT - PAGE ORDER
************************************************************************************************ */

/* nav bottom ********************************************************************************** */
#order #left_column,
#order-confirmation #left_column {
    display: none;
}

.cart_navigation,
#voucher {
    margin: 0px 0px 20px 0;
}
.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
    float: right;
}

.cart_navigation .ul_arrow {
    height: 193px;
    margin-top: 30px;
}

.cart_navigation .button_large,
.cart_navigation .button,
.cart_navigation .exclusive,
.cart_navigation .exclusive_large,
.footer_links .button_large,
.footer_links .button,
.footer_links .exclusive,
.footer_links .exclusive_large,
#create-account_form .exclusive_large,
#login_form .exclusive_large {
    padding: 15px 20px;
}

/* step 1 - cart ******************************************************************************* */
.cart_last_product {
    display: none;
}

.cart_navigation #container_express_checkout {
    float: right;
    margin-left: 15px;
}

#partner-checkout {
    text-align: right;
    /* height: 60px; */
    margin-top: 20px;
    line-height: 60px;
    /* max-width: 400px; */
}

#partner-checkout .amzpay_reset {
    line-height: 20px;
    margin-top: -20px;
}

#partner-checkout #payWithAmazonMainDiv {
    float: right;
    margin-bottom: 0px;
    margin-left: 15px;
}

#partner-checkout .amazon-payment-button-loaded {
    display: none;
}

.cart_navigation .exclusive,
.cart_navigation .exclusive_large {
    float: right;
    width: 280px;
    text-align: center;
}

.cart_total_price .cart_navigation {
    margin-top: 2px;
    float: left;
    min-width: 395px;
}

.cart_total_price .cart_navigation .exclusive,
.cart_total_price .cart_navigation .exclusive_large {
    float: none;
    width: 100%;
}

.cart_total_price #cart_voucher {
    width: 480px;
    margin-right: 80px;
    float: left;
}

.cart_total_price #message,
.cart_total_price #message_v,
.cart_total_price #message_v1,
.cart_total_price #message_v2 {
    width: 480px;
    height: 150px;
    resize: none;
    margin-bottom: 30px;
    border: 1px solid #c8c8c8;
}

.cart_total_price h4 {
    font-weight: normal;
    font-size: 16px !important;
    line-height: 30px;
}

#tab_optimal_cart,
#tab_actual_cart {
    float: left;
    position: relative;
    margin-bottom: 60px;
    width: 49%;
    border: 1px solid #c8c8c8;
}

#tab_optimal_cart h2,
#tab_actual_cart h2 {
    font-weight: bold;
}

#tab_optimal_cart span.info,
#tab_actual_cart span.info,
#cart_summary span.info {
    background: url(/themes/alpedia/img/icon/icon-information.png) -5px 2px no-repeat;
    padding: 2px 10px;
    margin-left: 7px;
    cursor: pointer;
    line-height: 20px;
}

#cart_summary span.info {
    margin-right: 7px;
    background: url(/themes/alpedia/img/icon/icon-information.png) -5px 0px no-repeat;
}

#tab_optimal_cart h2 b {
    color: #52cf74;
}

#tab_optimal_cart {
    margin-right: 2%;
}

#tab_optimal_cart .price,
#tab_actual_cart .price {
    text-align: center;
    font-weight: bold;
    font-size: 25px;

    color: #000;
}

#tab_optimal_cart.active .price,
#tab_actual_cart.active .price {
    font-size: 40px;
    margin-bottom: -23px;
}
#tab_actual_cart {
    background: #dbdbdb;
}
#tab_optimal_cart {
    background: #52cf74;
}

#tab_optimal_cart .price {
    color: #fff;
}

#tab_optimal_cart > div.cinfo,
#tab_actual_cart > div.cinfo {
    background: #fff;
}

#tab_optimal_cart > div,
#tab_actual_cart > div {
    padding: 20px;
    cursor: pointer;
}

.arrow-down {
    position: absolute;
    top: 100%;
    display: none;
}

.active .arrow-down {
    display: block;
}

.shippingcost_cart {
    text-align: right;
}

#linktobestcart {
    font-weight: bold;
    position: absolute;
    top: 55px;
    font-size: 16px;
    white-space: nowrap;
    cursor: pointer;
}

#linktobestcart span {
    font-size: inherit;
}

#linktobestcart img {
    margin-top: -5px;
}

/*p.cart_navigation .multishipping-button { margin-right: 10px }*/

#order-detail-content {
    margin-bottom: 20px;
}
#order-detail-content .customizationUploaded li,
#order-detail-content .typedText li {
    list-style: none;
}
table#cart_summary th {
    padding: 14px 12px;
    font-weight: normal;
    text-transform: none;
}
table#cart_summary th.cart_product {
    text-align: center;
}
table#cart_summary td {
    padding: 10px;
    border-right: none;
    border-top: 1px solid #e9e9e9;
    vertical-align: top;
}

table#cart_summary .deliveryrow td {
    border-top: none;
}

table#cart_summary .deliveryrow td img {
    margin-top: -5px;
    margin-left: 5px;
}

table#cart_summary .shippingrow td {
    padding-bottom: 30px;
}

table#cart_summary td.cart_delete,
table#cart_summary td.price_discount_del {
    border-right: none;
    text-align: center;
}

table#cart_summary tr.cart_item.odd,
table#cart_summary tr.cart_total_delivery,
table#cart_summary tr.cart_total_price,
table#cart_summary tr.cart_total_voucher {
    background-color: #fff;
}
table#cart_summary tr.cart_item.even {
    background-color: #f3f3f3;
}

table#cart_summary tr.customization.odd {
    background-color: #fff;
}
table#cart_summary tr.customization.even {
    background-color: #f3f3f3;
}

table#cart_summary tr ul {
    /*list-style: none;*/
}
table#cart_summary .cart_product {
    width: 80px;
    text-align: center;
}

table#cart_summary tbody tr td.cart_discount_delete {
    padding-left: 34px;
}

table#cart_summary .cart_unit {
    width: 130px;
    text-align: right;
}
table#cart_summary .cart_quantity {
    width: 140px;
    border-right: none;
}
table#cart_summary .customization .cart_quantity {
    padding: 8px 12px 0;
}
.cart_quantity .cart_quantity_input {
    float: left;
    margin-left: 5px;
    width: 40px;
    line-height: 30px;
    padding: 0px 0px;
    text-align: center;
    overflow: visible;
    border: 1px solid #c8c8c8;
}

table#cart_summary .ank {
    color: #a4a4a4;
}

table#cart_summary .ankinfo {
    display: inline-block;
    background: url(/themes/alpedia/img/icon/icon-information.png) -5px 2px no-repeat;
    padding: 12px 10px;
    margin-right: 5px;
    margin-bottom: -4px;
}

.cart_quantity .cart_quantity_button {
    float: left;
    position: relative;
    top: -1px;
}

table#cart_summary tfoot:before {
    content: "";
    display: block;
    height: 10px;
}

table#cart_summary tfoot td {
    border: none;
    font-weight: normal;
}

table#cart_summary tfoot td.first {
    border-left: 1px solid #c8c8c8;
    text-align: right;
}

table#cart_summary tfoot td.last,
table#cart_summary tfoot td.price {
    border-right: 1px solid #c8c8c8;
}

table#cart_summary tfoot .cart_total_tax td {
    border-bottom: 1px solid #c8c8c8;
}

table#cart_summary tfoot tr:first-child td {
    border-top: 1px solid #c8c8c8;
}

table#cart_summary tfoot {
    border-left: 1px solid #c8c8c8;
}
table#cart_summary .cart_total {
    width: 120px;
    text-align: right;
}
table#cart_summary .cart_delete {
    width: 30px;
    padding-left: 0px;
    text-align: center;
}
table#cart_summary .cart_discount_price {
    text-align: right;
}
.cart_delete a.cart_quantity_delete,
a.price_discount_delete,
#mywishlist td.wishlist_delete a,
#mywishlist a.delete {
    display: inline-block;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 15px;
    margin-top: 11px;
    color: #fff;
    text-transform: uppercase;
    background: #dd0000;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#mywishlist a.delete {
    margin-left: 20px;
}

.cart_total_price .total_price_container {
    border-right: none;
    position: relative;
}

.cart_voucher .title_block,
.cart_voucher h4 .cart_voucher p {
    float: left;
}
.cart_voucher .title_block,
.cart_voucher h4,
.cart_total_price .cart_navigation h4 {
    margin-right: 12px;
    padding: 5px 0;
    font-size: 13px;
}
.cart_voucher p {
    padding-bottom: 0;
}

.cart_voucher p.discount_name_block {
    float: left;
}
.cart_voucher #display_cart_vouchers {
    clear: both;
    line-height: 20px;
    color: #666;
    padding-top: 2px;
    font-weight: normal;
    border-top: 1px dotted #ccc;
}
.cart_voucher .title_offers {
    margin-top: 15px;
    margin-bottom: 5px;
}
.cart_voucher #display_cart_vouchers span {
    font-weight: bold;
    cursor: pointer;
}
.cart_voucher input.discount_name {
    padding: 0 5px;
    height: 50px;
    width: 330px; /* 180 */
    border: 1px solid #c8c8c8;
    font-weight: normal;
}
.cart_voucher .submit input.button {
    margin-left: 2px;
    font-weight: normal;
    padding: 2px;
    width: 138px;
    float: right;
    height: 50px;
    border: none;
    color: #000;
    background: #c8c8c8;
}

#cart_summary .price {
    border-right: none;
    text-align: right;
    white-space: nowrap;
}
.total_price_container p {
    text-align: left;
}

table#cart_summary .cart_total_price .total_price_container {
    background: #f4f4f4;
    font-size: 20px;
}

#best_cart table#cart_summary .cart_total_price .total_price_container {
    background: #54cd73;
    color: #fff;
}

table#cart_summary .first.total_price_container {
    text-align: left;
}

.cart_total_price .total_price_container span {
    font-weight: bold;
    font-size: 20px;
}

#order_carrier {
    clear: both;
    margin-top: 20px;
    border: 1px solid #999;
    background: #fff;
}
#order_carrier .title_block {
    padding: 0 15px;
    height: 29px;
    font-weight: bold;
    line-height: 29px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background: url(../img/bg_table_th.png) repeat-x 0 -10px #999;
}
#order_carrier span {
    display: block;
    padding: 15px;
    font-weight: bold;
}

.order_delivery .first_item {
    margin-right: 35px;
}

.multishipping_close_container {
    text-align: center;
}

table#cart_summary .gift-icon {
    color: white;
    background: #0088cc;
    line-height: 20px;
    padding: 2px 5px;
    border-radius: 5px;
}

/* step 2 - authentification ******************************************************************* */

#authentication #create-account_form fieldset,
#authentication #login_form fieldset {
    position: relative;
}

#authentication #create-account_form fieldset .submit,
#authentication #login_form fieldset .submit {
}

ul.ul_arrow {
    list-style: none;
    font-weight: normal;
    line-height: 24px;
    font-size: 14px;
}

ul.ul_arrow li {
    padding-left: 25px;
    background: url(/themes/alpedia/img/icon/icon-haken-blau.png) no-repeat 0px 4px;
}

#authentication #create-account_form .form_content,
#authentication #login_form .form_content {
    padding: 15px 10px;
}

#create-account_form h3,
#authentication #login_form h3,
#new_account_form h3,
#new_guest_account_form h3 {
    padding: 0px;
    border-bottom: 1px solid #c8c8c8;
    font-weight: bold;
    font-size: 16px;
    line-height: 45px;
    margin: 0px 10px 0px 10px;
}
#create-account_form .title_block {
    padding-bottom: 22px;
    font-size: 11px;
    color: #333;
}

#create-account_form label,
#login_form label {
    display: block;
    font-weight: normal;
}

#create-account_form #email_create,
#login_form #email,
#login_form #passwd,
#login_form #login_email,
#login_form #login_passwd {
    width: 100%; /* 230 */
}

#create-account_form #SubmitCreate,
#login_form #SubmitLogin {
}

.lost_password {
    float: right;
}

#order-opc .lost_password {
    display: block;
    float: none;
    margin: 5px 0 10px;
    width: auto;
    font-size: 11px;
    color: #666;
}

#ordermsg p {
    padding-bottom: 0;
}
#ordermsg p.txt {
    float: left;
    margin-right: 25px;
    width: 220px;
}

/* step 3 - address ************************************************************************** */

.address-form-multishipping {
    padding: 10px 0px;
}
#multishipping_mode_box {
    border: 1px solid #d0d3d8;
    background: url("../img/form_bg.jpg") repeat-x scroll left top #d0d1d5;
    margin-bottom: 10px;
    padding: 5px;
}
#multishipping_mode_checkbox {
    vertical-align: middle;
    margin-right: 5px;
}
#multishipping_mode_box.on {
    border: 1px solid #ddd;
}
#multishipping_mode_box .title {
    padding: 5px;
    font-weight: bold;
}
#multishipping_mode_box .description,
#multishipping_mode_box .description_off {
    padding: 5px;
}
#multishipping_mode_box .description_off {
    display: none;
    padding: 5px;
}
#multishipping_mode_box .description_off div {
    margin-bottom: 10px;
}
#multishipping_mode_box .description_off a,
#multishipping_mode_box .description a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 10px;
    margin: 0 160px;
    border: 1px solid #ccc;
    background: #ddd;
}
#multishipping_mode_box .description_off a:hover,
#multishipping_mode_box .description a:hover {
    background: #f3f3f3;
    border: 1px solid #ccc;
}
#multishipping_mode_box.on .description_off {
    display: block;
}

/* step 4 - paiement ************************************************************************** */

.delivery_options {
    border: 1px solid #bdc2c9;
    border-top: 0;
}

#order .delivery_options_address h3,
#order-opc .delivery_options_address h3 {
    /*background: url("../img/table_header.gif") no-repeat;
color: #374853;
font-weight: bold;
height: 14px;
padding: 5px 10px;
margin: 10px 0 0 0;*/
    padding: 6px 11px;
    font-size: 12px;
    color: #fff;
    text-shadow: 0 1px 0 #000;
    text-transform: uppercase;
    background: none repeat scroll 0 0 #383838;
}
#order .delivery_option_radio,
#order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
}
#order .delivery_option label,
#order-opc .delivery_option label {
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}
#order .delivery_option label > table.resume,
#order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 685px;
}
#order .delivery_option.item,
#order-opc .delivery_option.item {
    background: #fafafa;
}
#order .delivery_option.alternate_item,
#order-opc .delivery_option.alternate_item {
    border-top: 1px solid #bdc2c9;
    background: #f1f2f4;
    border-bottom: 1px solid #bdc2c9;
}
#order .delivery_option label > table.resume td,
#order-opc .delivery_option label > table.resume td {
    padding: 0 8px;
}
#order .delivery_option label > table.resume td + td,
#order-opc .delivery_option label > table.resume td + td {
    width: 300px;
}
#order .delivery_option label > table.resume td + td + td,
#order-opc .delivery_option label > table.resume td + td + td {
    width: 100px;
    text-align: right;
}
#order .delivery_option_carrier td {
    width: 200px;
}
#order .delivery_option_carrier td + td {
    width: 280px;
}
#order .delivery_option_carrier td + td + td {
    width: 200px;
}
#order .delivery_options_address .delivery_option_logo,
#order .delivery_option_carrier .delivery_option_logo,
#order-opc .delivery_options_address .delivery_option_logo {
    padding-left: 10px;
    width: 160px;
}
#order .delivery_options_address .delivery_option_logo img,
#order-opc .delivery_options_address .delivery_option_logo img {
    /*height: 40px;*/
}
#order .delivery_option_carrier .first_item,
#order-opc .delivery_option_carrier .first_item {
    padding: 3px 5px 3px 12px;
    background: url(../img/arrow_right_2.png) no-repeat 3px 7px;
}

.order_carrier_content {
    padding: 15px;
    border: 1px solid #ccc;
    font-size: 12px;
    color: #000;
    background: #f8f8f8;
}
.order_carrier_content h3 {
    padding: 15px 0 10px 0;
    font-size: 13px;
    color: #000;
}
.order_carrier_content h3.carrier_title {
    padding-top: 0;
}
.order_carrier_content input {
    position: relative;
    top: 1px;
}

#carrierTable {
    border: 1px solid #999;
    border-bottom: none;
    background: #fff;
}

#carrierTable tbody {
    border-bottom: 1px solid #999;
}
#carrierTable th {
    padding: 0 15px;
    height: 29px;
    font-weight: bold;
    line-height: 29px;
    color: #fff;
    text-transform: uppercase;
    background: url(../img/bg_table_th.png) repeat-x 0 -10px #999;
}
#carrierTable td {
    padding: 15px;
    font-weight: bold;
    border-right: 1px solid #e9e9e9;
}
#carrierTable td.carrier_price {
    border: none;
}

#gift_div {
    display: none;
    padding-bottom: 10px;
}
#gift_div label {
    display: block;
    margin-bottom: 5px;
}
#gift_div #gift_message {
    height: 50px;
    width: 720px;
    border: 1px solid #999;
}

a.iframe {
    font-weight: bold;
}

.hook_extracarrier {
    margin-top: 5px;
    padding: 5px;
}

/* step 5 - paiement ************************************************************************** */

.checkout_wrapper {
    border: 1px solid #c8c8c8;
    padding: 20px;
    position: relative;
}

.payment_module {
    position: relative;
    padding: 20px 0px;
}

#order .payment_module {
    border-bottom: 1px solid #c8c8c8;
}

#HOOK_PAYMENT > div.payment_module:first-child {
    padding-top: 10px;
}
/*
.payment_module input.paymentbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border:none;
  width:20px;
  height:20px;
  display: inline-block;
  border-radius: 0;
  background:url(/themes/alpedia/img/radio.png) no-repeat;    
}
*/
.payment_module input[type="radio"],
#order-detail-content .cgv input,
.checkboxgreen input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    width: 20px;
    height: 20px;
    border: 1px solid #cdcdcd;
    margin-right: 10px;
    margin-top: 0px;
    outline: none !important;
    cursor: pointer;
}

#order-detail-content .cgv input {
    background-color: #fff;
}

.payment_module input[type="radio"]:checked:after,
#order-detail-content .cgv input:checked:after,
.checkboxgreen input[type="checkbox"]:checked:after {
    font-family: "Glyphicons Halflings";
    border: none;
    top: -1px;
    left: 2px;
    position: relative;
    color: #54cd73;
    font-size: 15px;
    content: "\e013";
    width: 15px;
    display: inline-block;
    visibility: visible;
    outline: none !important;
    font-weight: normal;
}
/*

.payment_module input.paymentbox:checked {
  background:url(/themes/alpedia/img/radio_checked.png) no-repeat;    
}
*/

.payment_checkbox {
    padding-top: 40px;
}

.payment_checkbox,
.payment_image {
    float: left;
    width: 140px;
    height: 100px;
}

.payment_checkbox {
    width: 80px;
}

.payment_image {
    display: table;
}

.payment_image a {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
}

.payment_image #paypal_process_payment img {
    margin-top: 10px;
}

.payment_module:after {
    clear: both;
}
.payment_module {
    zoom: 1;
}

#order-detail-content .cgv {
    padding: 10px 20px;
    line-height: 25px;
    margin: 0px -20px 20px -20px;
    background: #55cd74;
}

.checkboxgreen label {
    margin-left: 30px;
}

/*
.checkboxgreen input[type=checkbox] {
    opacity: 0;
}


.checkboxgreen label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width:18px;
  height: 18px;
  left: 0px;
  top:0px;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.checkboxgreen input[type=checkbox]:checked + label::after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: -3px;
	left: 2px;
	color: #55cd74;
}  

*/

#order-detail-content .cgv label {
    padding-left: 30px;
}

/*

#order-detail-content .cgv input {
  display:inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance:none;
  appearance: none; 
  background-color: #fff;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;    
  width:18px;
  height: 18px;
  margin-right: 14px;
}

#order-detail-content .cgv input:checked {
  outline: none;	
}
#order-detail-content .cgv input:checked:after {
	content: '\2714';
	font-size: 16px;
	position: absolute;
	top: -3px;
	left: 2px;
	color: #55cd74;
}
*/

.osummary table#cart_summary tr th,
.osummary table#cart_summary .cart_shipping {
    text-align: right;
}

.osummary table#cart_summary tbody tr td:first-child,
.osummary table#cart_summary tr th:first-child {
    padding-left: 0px;
    text-align: left;
}

.osummary table#cart_summary tfoot,
.osummary table#cart_summary tfoot td.price,
.osummary table#cart_summary tbody tr:last-child td {
    border-right: none;
    text-align: right;
}

.osummary table#cart_summary .cart_total_price .total_price_container {
    background: none;
    text-align: right;
    font-weight: bold;
}

.paymentform {
    float: right;
    margin: -110px 20px 40px;
}

.paymentform .info {
    width: 250px;
}

/* ************************************************************************************************
	express checkout
************************************************************************************************ */
#new_account_form {
    clear: both;
}
#new_guest_account_form {
    clear: both;
}

#new_account_form .note,
#new_guest_account_form .note {
    padding-top: 20px;
}

#new_account_form .note hr,
#new_guest_account_form .note hr {
    margin-bottom: 60px;
}

#new_account_form #new_guest_account_form #opc_account_form {
    padding-left: 0px;
}

#center_column #new_account_form h3,
#center_column #new_guest_account_form h3 {
    margin: 0px 0px 10px 0px;
}

#center_column #new_account_form p,
#center_column #new_guest_account_form p {
    margin: 0;
    padding: 0 0 10px 0;
}
#center_column #new_account_form p.cart_navigation,
#center_column #new_guest_account_form p.cart_navigation {
    padding: 20px 20px 20px 0px;
}

#new_account_form p.required {
    color: #222;
}
#new_account_form p.required sup {
    color: #990000;
}
#new_guest_account_form p.required {
    color: #222;
}
#new_guest_account_form p.required sup {
    color: #990000;
}
#new_account_form p.radio span,
#new_account_form p.text label,
#new_account_form p.password label,
#new_account_form p.select label,
#new_account_form p.select span,
#new_account_form p.textarea label,
#new_guest_account_form p.radio span,
#new_guest_account_form p.text label,
#new_guest_account_form p.password label,
#new_guest_account_form p.select label,
#new_guest_account_form p.select span,
#new_guest_account_form p.textarea label {
    display: block;
    padding: 6px 0px;
    font-weight: normal;
    clear: both;
}

#stepimage {
    float: right;
    margin-top: -10px;
}

#new_account_form p.checkbox label,
#new_guest_account_form p.checkbox label {
    float: none;
    width: auto;
}
#new_account_form p.text input,
#new_account_form p.password input,
#new_account_form p.select input,
#new_account_form p.select select,
#new_guest_account_form p.text input,
#new_guest_account_form p.password input,
#new_guest_account_form p.select input,
#new_guest_account_form p.select select {
    width: 100%;
}
#new_account_form p.checkbox input,
#new_guest_account_form p.checkbox input,
#new_account_form p.radio input,
#new_guest_account_form p.radio input,
.checkbox input[type="checkbox"] {
    margin-left: 0px;
}

#new_account_form p.checkbox input,
#new_guest_account_form p.radio input,
#new_account_form p.checkbox input,
#new_guest_account_form p.radio input {
    margin-top: 0px;
}

#new_account_form #submitGuestAccount,
#new_guest_account_form #submitGuestAccount {
    float: right;
}

#new_account_form #postcode,
#new_guest_account_form #postcode,
#new_account_form #address2,
#new_guest_account_form #address2,
#opc_invoice_address #postcode_invoice,
#opc_invoice_address #address2_invoice,
#opc_invoice_address_guest #postcode_invoice,
#opc_invoice_address_guest #address2_invoice,
#address #postcode,
#address #address2 {
    float: left;
    width: 18%;
}

#new_account_form #postcode,
#new_account_form #address1,
#new_guest_account_form #postcode,
#new_guest_account_form #address1,
#opc_invoice_address #postcode_invoice,
#opc_invoice_address #address1_invoice,
#opc_invoice_address_guest #postcode_invoice,
#opc_invoice_address_guest #address1_invoice,
#address #postcode,
#address #address1 {
    margin-right: 2%;
}

#new_account_form #city,
#new_account_form #address1,
#new_guest_account_form #city,
#new_guest_account_form #address1,
#opc_invoice_address #city_invoice,
#opc_invoice_address #address1_invoice,
#opc_invoice_address_guest #city_invoice,
#opc_invoice_address_guest #address1_invoice,
#address #city,
#address #address1 {
    float: left;
    width: 80%;
}

/* ************************************************************************************************ */

/* ************************************************************************************************
		paiment - CONFIRMATION
************************************************************************************************ */
#orderconfirmation #left_column {
    display: none;
}

/* ************************************************************************************************
		PAGE PASSWORD
************************************************************************************************ */
#form_forgotpassword fieldset {
    padding: 0px;
    border: none;
}
#form_forgotpassword p.text label {
    display: inline-block;
    padding-right: 10px;
    width: 270px;
    font-weight: normal;
}
#form_forgotpassword p.text input {
    padding: 10px;
    line-height: 20px;
    width: 420px;
    border: 1px solid #c8c8c8;
}
#form_forgotpassword p.text input.button {
    float: right;
    width: 270px;
}

#password .icon {
    position: relative;
    top: 6px;
}

/* ************************************************************************************************
		PAGE ADRESSES
************************************************************************************************ */
#addresses #left_column {
    display: none;
}

#address p.inline-infos {
    margin: 0 0 0 265px !important;
    font-size: 12px;
    color: #666;
}

/* ************************************************************************************************
		PAGE ADD ADRESS
************************************************************************************************ */
#address #left_column {
    display: none;
}

#address #center_column fieldset {
    border: 1px solid #c8c8c8;
    padding: 20px;
    margin-bottom: 20px;
}

#center_column #add_address p {
    margin: 0;
    padding: 0 0 10px 0;
}
#add_address p.required {
    color: #222;
}
#add_address p.required sup {
    color: #990000;
}

#add_address p.text label,
#add_address p.password label,
#add_address p.select label,
#add_address p.select span,
#add_address p.textarea label {
    display: block;
    font-weight: normal;
}
#add_address p.text input,
#add_address p.password input,
#add_address p.select input,
#add_address p.select select {
    width: 100%;
}
#add_address p.checkbox input {
    margin-left: 260px;
}

#add_address p.textarea textarea {
    height: 80px;
    width: 100%;
}
#center_column #add_address p.submit2 {
    margin-top: 20px;
    text-align: right;
}

#add_address span.form_info,
#add_address span.inline-infos {
    display: block;
    margin: 5px 0 0 265px;
    color: #666;
}

/* ************************************************************************************************
		PAGE ORDER-SPLIP
************************************************************************************************ */
#order-slip #left_column {
    display: none;
}

#order-slip #order-list {
    border-bottom: 1px solid #999;
}
#order-slip #order-list td {
    border-top: 1px solid #ccc;
    border-bottom: none;
}
#order-slip #order-list td.history_invoice {
    border-right: none;
}

/* ************************************************************************************************
		PAGE DISCOUNT
************************************************************************************************ */

#discount .table_block tr.last_item td {
    border-bottom: 1px solid #999;
}
#discount .table_block .discount_expiration_date {
    padding-right: 0px;
    text-align: right;
}
#discount .table_block td {
    padding-left: 0px;
}
#discount .table_block .discount_cumulative {
    text-align: center;
}
#discount .table_block .discount_minimum {
    text-align: right;
}
#discount .table_block td.discount_value {
    white-space: nowrap;
}

/* ************************************************************************************************
		PAGE NEW-PRODUCTS
************************************************************************************************ */
#newproducts .sortPagiBar {
    margin-bottom: 20px;
}

/* ************************************************************************************************
		PAGE BEST SALES
************************************************************************************************ */
#bestsales .sortPagiBar {
    margin-bottom: 20px;
}

/* ************************************************************************************************
		PAGE PRICES DROP SALES
************************************************************************************************ */
#pricesdrop .sortPagiBar {
    margin-bottom: 20px;
}

/* ************************************************************************************************
		PAGE MANUFACTURER    / SUPPLIER
************************************************************************************************ */
#manufacturer .nbrmanufacturer,
#supplier .nbrmanufacturer {
    margin: 15px 0 10px;
    color: #000;
    font-size: 16px;
    font-weight: normal;
}

.right_side a {
    padding-left: 15px;
    background: url(/themes/alpedia/img/icon/icon-arrows-right.png) no-repeat left 6px;
}

#supplier h1.fo22 img {
    float: right;
    width: 100px;
    margin-top: -30px;
}

#manufacturer #product_list {
    margin-top: 15px;
}

ul#manufacturers_list {
    list-style-type: none;
}
ul#manufacturers_list li {
    margin-bottom: 14px;
    padding: 24px 0px;
    border-bottom: 1px solid #c8c8c8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
ul#manufacturers_list li.first_item {
    border-top: 1px solid #c8c8c8;
    margin-top: 20px;
}

ul#manufacturers_list li a.lnk_img {
    display: block;
    float: left;
}
ul#manufacturers_list li img {
    display: block;
    float: left;
    margin-right: 14px;
    width: 143px;
    height: 143px;
    vertical-align: bottom;
}
ul#manufacturers_list li h3 {
    padding: 0 0 10px;
    font-size: 13px;
    color: #000;
}
ul#manufacturers_list li .description {
    overflow: hidden;
    padding: 0;
    font-size: 12px;
    color: #666;
}

#supplier_list {
    margin-top: 70px;
}

#supplier_list div.row > div {
    margin-bottom: 10px;
}

#supplier_list div.row hr {
    margin: 0px;
}

div.row.flex-row > div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#supplier_list div.row.flex-row > div {
    height: 79px;
}

#supplier_list .button_white {
    width: 100%;
    text-align: center;
    margin: 0px;
}

#supplier .button_white {
    margin-right: 0px;
}

#supplier_list .premium,
#supplier .premium {
    background: url(/themes/alpedia/img/icon/icon-rating-active.png) no-repeat -6px -2px;
    padding-left: 24px;
    white-space: nowrap;
}

#supplier_list div.logo {
    overflow: hidden;
}

#supplier_list div.logo img {
    margin: -20px 0px;
    width: 90%;
}

#supplier .description_box_1 img#suppbanner {
    padding-bottom: 25px;
}

#supplier .description_box_1 .ul_arrow {
    float: right;
    margin-left: 20px;
}

#supplier #categories_block_left .showbutton,
#supplier #categories_block_left .h1top {
    display: block;
    margin-top: 10px;
    background: #f4f4f4;
    padding: 10px 13px;
}

#supplier #categories_block_left .showbutton {
    cursor: pointer;
}

#supplier #categories_block_left .showbutton:after,
#supplier #categories_block_left .h1top:after {
    content: "\e258";
    font-family: "Glyphicons Halflings";
    float: right;
    font-weight: "lighter";
}

#supplier #categories_block_left .showbutton.active:after {
    content: "\e260";
}

#supplier #categories_block_left .h1top:after {
    content: "\e259";
}

body.manufacturer .mlogo {
    position: relative;
}

body.manufacturer .mlogo img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 80px;
}
.description_box .lnk_more {
    background: url(/themes/alpedia/img/icon/icon-arrows-right.png) no-repeat 0px 6px;
    padding: 0 0 0 10px;
    float: right;
}
.description_box ul {
    padding-left: 30px;
    padding-bottom: 10px;
}

#noproducts {
    border: 1px solid #000;
    margin: 20px 0px;
}

#noproducts .slogo {
    width: 100%;
    background: #000;
    text-align: center;
}

#noproducts > div {
    padding: 20px;
}

#noproducts .button_white {
    display: inline-block;
    text-align: center;
    width: 45%;
    margin: 15px;
}

@media (max-width: 768px) {
    #noproducts .button_white {
        display: inline-flex;
        margin: 15px 0 0 0;
        width: 100%;
        white-space: normal;
        flex-wrap: nowrap;
        justify-content: center;
    }
}

/* ************************************************************************************************
		PAGE SEARCH
************************************************************************************************ */
#search h3.nbresult {
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #e6db55;
    font-size: 13px;
    background: #ffffe0;
}
#search .sortPagiBar {
    margin-bottom: 20px;
}

#search #siblingcats {
    margin-bottom: 40px;
}

#search #siblingcats > div .bbtbx-wrapper .bx-pager.bx-default-pager {
    position: absolute;
    top: -55px;
    right: -30px;
    text-align: right;
    display: inline;
    height: 20px;
    font-weight: normal;
}

#search #siblingcats ul {
    list-style: none;
}

#search #siblingcats .bbtbx-wrapper {
    margin: 0 auto 20px;
}

#search .layered_block_left h2.subhead {
    margin-bottom: 25px;
}

#search #layered_block_left {
    margin-bottom: 5px;
}

#search h3.bbottom {
    margin-bottom: 30px;
}

/* ************************************************************************************************
		PAGE 404
************************************************************************************************ */
#pagenotfound #left_column,
#pagenotfound #right_column {
    display: none;
}

#pagenotfound #left_column,
#pagenotfound #right_column {
    display: none;
}

#pagenotfound h3 {
    font-weight: normal;
    font-size: 14px;
}
#pagenotfound fieldset {
    border: none;
    line-height: 40px;
}
#pagenotfound fieldset label {
    font-weight: normal;
    padding-right: 50px;
    float: left;
}
#pagenotfound #search_query {
    float: left;
    width: 250px;
    margin-right: 5px;
}

#pagenotfound .button_small {
    float: left;
    width: 60px;
    height: 40px;
    color: #12539d;
    text-indent: -10000px;
    background: url("/themes/alpedia/img/icon/ico-search.png") no-repeat #12539d center center;
}
#pagenotfound .pagenotfound a {
    font-weight: bold;
    color: #333;
}
#pagenotfound .pagenotfound .icon {
    position: relative;
    top: 3px;
}

/* ************************************************************************************************
		addons payment cheque
************************************************************************************************ */
#module-cheque-payment #left_column {
    display: none;
}
#module-cheque-payment #center_column {
    width: 100%;
}

/* ************************************************************************************************
		addons payment bankwire
************************************************************************************************ */
#module-bankwire-payment #left_column {
    display: none;
}

/* ************************************************************************************************
		addons google checkout
************************************************************************************************ */
#module-gcheckout-payment #left_column {
    display: none;
}

/* ************************************************************************************************
		addons paypal
************************************************************************************************ */
#module-payment-submit #left_column {
    display: none;
}

/* ************************************************************************************************
		addons cashondelivery validation
************************************************************************************************ */
#module-cashondelivery-validation #left_column {
    display: none;
}

/* ************************************************************************************************
		addon RerversoForm
************************************************************************************************ */
#account-creation_form fieldset.reversoform {
    padding: 10px !important;
}
#account-creation_form fieldset.reversoform .text label {
    display: block;
    padding: 0 0 10px 0;
    width: 100%;
    text-align: left;
}
#account-creation_form fieldset.reversoform .infos-sup {
    padding: 0 !important;
    font-size: 10px;
    font-style: italic;
    text-align: right;
}
/* ************************************************************************************************
		addon customer privacy
************************************************************************************************ */
#account-creation_form fieldset.customerprivacy label,
fieldset.customerprivacy label {
    padding-bottom: 0;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

/* ************************************************************************************************
		addon referralprogram
************************************************************************************************ */

#footer .myaccount li.referralprogram img {
    display: none;
}

#module-referralprogram-referralprogram-program .sheets {
    padding-top: 10px;
}

#module-referralprogram-referralprogram-program form p.checkbox {
    font-weight: bold;
}
#module-referralprogram-referralprogram-program form p.checkbox a {
    text-decoration: underline;
}
#module-referralprogram-referralprogram-program form p.submit {
    text-align: right;
}
#module-referralprogram-referralprogram-program form p.see_email {
    padding-left: 10px;
    color: #0088cc;
    background: url(../img/arrow_right_1.png) no-repeat 0 4px;
}
#module-referralprogram-referralprogram-program form p.see_email a {
    color: #0088cc;
    text-decoration: underline;
}

/* ************************************************************************************************
		addon loyalty
************************************************************************************************ */

#product p#loyalty {
    padding: 10px 0 0 20px;
    border-top: 1px solid #ccc;
    background: url(../img/icon/info.png) no-repeat 0 8px;
    margin-top: 10px;
}

#footer .myaccount li.loyalty img {
    display: none;
}

/* ************************************************************************************************
		addon Livezilla
************************************************************************************************ */
#livezilla_lnk {
    margin: 10px 0;
    text-align: right;
}
#livezilla_lnk a {
    display: inline-block;
    padding: 6px 8px 8px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font: bold 10px Arial, Verdana, sans-serif;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    background: url(../img/bg_bt_compare.gif) repeat-x scroll 0 0 #000;
}
#livezilla_lnk a:hover {
    text-decoration: none;
}

/* ************************************************************************************************
		addons comments products
************************************************************************************************ */
form#sendComment fieldset {
    padding: 10px;
    border: 1px solid #ccc;
    background: #eee;
}
form#sendComment h3 {
    font-size: 14px;
}
#new_comment_form p.text {
    margin-bottom: 0;
    padding-bottom: 0;
}
#sendComment p.text label,
#sendComment p.textarea label {
    display: block;
    margin: 12px 0 4px;
    font-weight: bold;
    font-size: 12px;
}
#sendComment p.text input {
    padding: 0 5px;
    height: 28px;
    width: 498px;
    border: 1px solid #ccc;
    background: url(../img/bg_input.png) repeat-x 0 0 #fff;
}
#sendComment p.textarea textarea {
    height: 80px;
    width: 508px;
    border: 1px solid #ccc;
}
#sendComment p.submit {
    padding: 0;
    text-align: right;
}

#sendComment p.closeform {
    float: right;
    padding: 0;
    height: 12px;
    width: 12px;
    text-indent: -5000px;
    background: url(../img/icon/delete.gif) no-repeat 0 0;
}

/* ************************************************************************************************
		xxxxx
************************************************************************************************ */

/* ************************************************************************************************
		guest tracking
************************************************************************************************ */

#guest-tracking fieldset p:first-child {
    padding-top: 10px;
}
#guest-tracking fieldset p:last-child {
    padding-bottom: 10px;
}

/* ************************************************************************************************
		CSS Modules
************************************************************************************************ */

/******* IMPORTANT - Internet Explorer can read 31 CSS files max. Some CSS have been put here and erased from their own module folder.************/

/*************** Block ADVERTISING ***************/
.advertising_block {
    width: 191px;
    margin-bottom: 1em;
    text-align: center;
}

/*************** Block CATEGORIES ***************/

#categories_block_left h1,
#categories_block_left .h1,
#search #left_column h1 {
    font-size: 16px;
    color: #12539d;
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: block;
}

#left_column h2,
#left_column .h2 {
    font-size: 16px;
    color: #12539d;
    padding: 15px 0px;
    display: block;
    font-weight: bold;
}

#module-prestablog-blog #left_column h2 {
    border-bottom: 1px solid #c8c8c8;
    border-top: none;
}

/* Lieferanten */

#categories_block_left .show_all {
    font-weight: bold;
    display: block;
    cursor: pointer;
    padding: 10px 20px;
    background: #f4f4f4;
}

#categories_block_left li {
    border-bottom: 1px dotted #ccc;
}
#categories_block_left li a {
    padding: 10px 11px 8px 10px;
    z-index: 1;
    display: inline-block;
}

#categories_block_left li ul {
    margin-left: 20px;
}
#categories_block_left > div > ul > li > ul {
    margin-left: 20px;
}
#categories_block_left > div > ul > li {
    position: relative;
}

#categories_block_left ul li {
    position: relative;
}
#categories_block_left > div > ul > li > a {
    margin-left: 10px;
    padding-left: 0px;
}
#categories_block_left li ul li {
    border: none;
}
#categories_block_left li ul li a {
    padding-left: 0;
    background: none;
}

#categories_block_left li a.selected,
#categories_block_left li a.currentpath {
    font-weight: bold;
}

#categories_block_left .block_content li .OPEN,
#categories_block_left .block_content li .CLOSE {
    display: block;
    position: absolute;
    z-index: 1;
    margin: 10px 0 0;
    padding: 0;
    top: 0px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

/* Kategorie */

#category #categories_block_left .show_all {
    padding-top: 10px;
    background: #d1d1d1;
}

#category #categories_block_left li {
    border-bottom: 1px solid #fff;
}
#category #categories_block_left li a {
    padding: 10px 15px 9px 10px;
    line-height: 20px;
    display: block;
}

#categories_block_left > div > ul > li > ul {
    margin-left: 0px;
}
#category #categories_block_left > div > ul > li {
    position: relative;
}

#category #categories_block_left ul li {
    position: relative;
}
#category #categories_block_left > div > ul > li > a {
    margin-left: 0px;
    padding-left: 20px;
    display: block;
    width: 100%;
    background: #f4f4f4;
    line-height: 21px;
}
#category #categories_block_left li ul li {
    border: none;
}
#category #categories_block_left li ul li a {
    padding-left: 20px;
    background: none;
    border-bottom: 1px dotted #ccc;
}

#category #categories_block_left li ul li.last a {
    border-bottom: none;
}

#category #categories_block_left li ul li a.selected {
    font-weight: bold;
}

#category #categories_block_left .block_content li .OPEN,
#category #categories_block_left .block_content li .CLOSE {
    right: 0px;
    z-index: 1;
    margin: 10px 0 0;
    height: 20px;
    width: 20px;
    cursor: pointer;
}

#category #categories_block_left .block_content li .OPEN:before {
    font-family: "Glyphicons Halflings";
    content: "\e259";
}
#category #categories_block_left .block_content li .CLOSE:before {
    font-family: "Glyphicons Halflings";
    content: "\e258";
}

#categories_block_left .block_content li li .OPEN,
#categories_block_left .block_content li li .CLOSE {
    display: none;
}

#viewed-products_block_left {
    border: 1px solid #cdcdcd;
    margin: 50px 0px 30px 0px;
}

#viewed-products_block_left .h2 {
    color: #fff;
    background: #56ce72;
    text-align: center;
    line-height: 40px;
    border-top: none;
    margin-top: 0px;
}

/* footer */
.blockcategories_footer {
    padding: 15px 10px;
}
.blockcategories_footer .category_footer {
    float: left;
    clear: none;
}
.blockcategories_footer ul ul {
    display: none !important;
}

/*************** Block CMS ***************/
/* footer */

/* Block CMS links */
.informations_block_left li {
    border-bottom: 1px dotted #eee;
}
.informations_block_left li.last {
    border: none;
}
.informations_block_left li a {
    display: block;
    padding: 7px 11px 5px 22px;
    color: #333;
    background: url(../../../modules/blockcms/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

tr.subitem > td:first-child + td {
    padding-left: 10px;
}

/*************** Block CONTACTINFOS ***************/

#block_contact_infos {
    padding: 15px 10px;
}
#block_contact_infos li {
    padding: 0 !important;
    line-height: 20px;
}
#block_contact_infos li strong {
    font-weight: normal;
    font-size: 13px;
}
#block_contact_infos li pre {
    font: 11px/20px Arial, Verdana, sans-serif;
}

/*************** Block LINK ***************/
#links_block_left .block_content li {
    border-bottom: 1px dotted #eee;
}
#links_block_left .block_contentt li.last {
    border: none;
}
#links_block_left .block_content li a {
    display: block;
    padding: 7px 11px 5px 22px;
    color: #333;
    background: url(../../../modules/blocklink/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

/*************** Block MANUFACTURER ***************/

#footer .blockmanufacturer ul li {
    float: left;
    width: 45%;
}
.blockmanufacturer form {
    margin-top: 10px;
    text-align: center;
    width: 200px;
}
.blockmanufacturer p {
    padding: 0;
}

/*************** Block LOGO PAYMENT ***************/

.paiement_logo_block {
    width: 191px;
    text-align: center;
    margin-bottom: 1.5em;
}
.paiement_logo_block a {
    text-decoration: none;
}
.paiement_logo_block img {
    margin: 0 0.5em;
}

/*************** Block RSS ***************/
#rss_block_left p {
    margin: 0;
    padding: 10px;
}

#rss_block_left li {
    border-bottom: 1px dotted #ccc;
}
#rss_block_left li.last {
    border: none;
}
#rss_block_left li a {
    display: block;
    padding: 7px 11px 5px 22px;
    color: #333;
    background: url(../../../modules/blockrss/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

/*************** Block SOCIAL ***************/
#social_block {
    padding: 15px 10px;
}
#social_block li {
    padding-left: 22px !important;
}
#social_block li.facebook {
    background: url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 6px;
}
#social_block li.twitter {
    background: url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -26px;
}
#social_block li.rss {
    background: url(../../../modules/blocksocial/img/sprite_pict_social_block.png) no-repeat 0 -56px;
}

/*************** Block STORE ***************/
.blockstore img {
    margin: 10px 0 0 0;
}
.blockstore p {
    padding-bottom: 0;
    font-weight: bold;
    text-align: right;
}
.blockstore p.store_image {
    padding-bottom: 10px;
    text-align: center;
}

/*************** Block SUPPLIER ***************/
.blocksupplier li {
    border-bottom: 1px dotted #ccc;
}
.blocksupplier li.last {
    border: none;
}
.blocksupplier li a {
    display: block;
    padding: 7px 11px 5px 22px;
    color: #333;
    background: url(../../../modules/blocksupplier/img/arrow_right_2.png) no-repeat 10px 10px transparent;
}

.blocksupplier form {
    margin-top: 10px;
    text-align: center;
    width: 200px;
}
.blocksupplier p {
    padding: 0;
}

.ie7 #featured-products_block_center .product_image span.new {
    top: 110px;
    right: 0;
    width: 94%;
}
.ie8 #featured-products_block_center .product_image span.new {
    top: 110px;
    right: 0;
    width: 94%;
}
.lt-ie6 #featured-products_block_center .product_image span.new {
    top: 110px;
    right: 0;
    width: 94%;
}

/************************ HOME *****************/

#homehead {
    font-size: 12px;
    color: #12539d;
    line-height: 20px;
    margin: 0px 0px 14px 0px;
}

#top_product {
    border-bottom: 1px solid #c8c8c8;
    padding-bottom: 25px;
    margin-bottom: 23px;
    padding-top: 25px;
}

#top_product .product_image {
    float: left;
    width: 200px;
    height: 100%;
    display: block;
}

#top_product span.h3 {
    font-size: 20px;
    display: block;
    line-height: 30px;
    color: #000;
    margin-top: 0px;
    font-weight: bold;
}

#top_product span.h3 a {
    font-weight: normal;
}

#top_product span.h3 span {
    display: inline-block;
    background: url(/themes/alpedia/img/icon/icon-big-arrow-green-right.png) center top no-repeat;
    padding: 10px 20px;
}

#top_product .top_product_bottom {
    position: relative;
    float: left;
}

#top_product .price {
    margin-right: 190px;
    margin-top: 8px;
    line-height: 16px;
}

#top_product .price span {
    color: #12539d;
    font-weight: bold;
}
#top_product .price span b {
    font-size: 30px;
}

#top_product .more,
#order-confirmation .more,
#module-paypal-submit .more {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    width: 166px;
    height: 41px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 41px;
    text-align: center;
    background: url(/themes/alpedia/img/arrow-green.png) no-repeat;
}

#top_product .top_product_bottom a {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.product_image .lupe {
    position: absolute;
    display: block;
    width: 30px;
    height: 24px;
    bottom: -3px;
    left: 15px;
}

.fancybox-opened .fancybox-skin {
    background: #fff;
    color: #000;
}

.back {
    padding-left: 15px;
    background: url(/themes/alpedia/img/icon/icon-arrows-left.png) -1px 6px no-repeat;
}

@media print {
    #header,
    #shop_toggler,
    #footer,
    #gift-popup,
    .cart_quantity_button,
    .cart_total_price #cart_voucher,
    .cart_navigation {
        display: none;
    }

    a[href]:after {
        content: "";
    }
}

.editorial_block a,
.cat_desc a,
#ourtipp a {
    color: #006cca;
}

.cat_desc a.btn,
#ourtipp a.btn {
    color: #fff;
}

.cat_desc a.btn.btn-default,
#ourtipp a.btn.btn-default {
    color: #006cca;
}

.cat_desc h4 {
    font-weight: bold;
}

.editorial_block a.btn-primary,
.editorial_block a.btn-success,
.editorial_block .panel a,
.cat_desc a.btn-primary,
.cat_desc a.btn-success,
.cat_desc .panel-primary .panel-heading a,
.ourtiptext .panel-primary .panel-heading a {
    color: #fff;
}

.cat_desc a.btn.btn-primary.btn-sm {
    color: #006cca;
    background: #fff;
    border: 1px solid #ccc;
}

.cat_desc a.btn.btn-primary.btn-sm:hover {
    border: 1px solid #adadad;
    background: #e6e6e6;
    color: #333;
}

.cat_desc .row .col-xs-4 a.btn {
    float: right;
}

#right_bar {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 202px;
}

#right_bar > div {
    width: 100%;
    border: 1px solid #c3c3c3;
    background: #fff;
    margin-bottom: 10px;
    font-size: 11px;
    text-align: justify;
}

#right_bar > div h3 {
    background: #f4f4f4;
    line-height: 40px;
    font-size: 12px;
    text-transform: uppercase;
    padding: 0px 10px;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: bold;
}

#right_bar > div img,
#right_bar > div ul,
#right_bar > div span {
    margin: 0px 10px 10px 10px;
}

#right_bar > div span {
    display: block;
}

#right_bar > div:last-child h3 {
    background: #54cd73;
    color: #fff;
}

#marketingbanner_right > #marketingbanner > div > a > img {
    margin: 0 !important;
}

.ac_results.input_city {
    margin-left: -89px;
}

#left_column div.ratgeber,
#nichtsgefunden div.ratgeber {
    margin-top: 12px;
    width: 100%;
    border: 1px solid #c3c3c3;
    background: #fff;
    margin-bottom: 10px;
    text-align: justify;
}

#left_column div.ratgeber > div,
#nichtsgefunden div.ratgeber > div {
    padding: 0px 10px 10px 10px;
}

#left_column div.ratgeber .h3 {
    display: block;
    margin-top: 0px;
    background: #f4f4f4;
    line-height: 40px;
    font-size: 14px;
    padding: 0px 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

#left_column div.ratgeber a span {
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 90%;
    overflow: hidden;
}

#left_column div.ratgeber a,
#left_column div.ratgeber div span.more,
#nichtsgefunden div.ratgeber a {
    display: block;
    color: #337ab7;
    cursor: pointer;
    position: relative;
    margin-bottom: 10px;
    font-weight: 600;
}

#nichtsgefunden {
    margin-bottom: 20px;
}

#nichtsgefunden div.ratgeber {
    height: 100%;
    margin: 0px;
}

#left_column div.ratgeber div span.more {
    font-style: italic;
    border-bottom: 1px solid #c3c3c3;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#left_column div.ratgeber div span.more:after {
    font: normal normal normal 12px/1 FontAwesome;
    content: " \f0d7";
    display: inline-block;
    margin-left: 5px;
}

#left_column div.ratgeber div span.more.active:after {
    content: " \f0d8";
}

#left_column div.ratgeber a:after {
    position: absolute;
    font: normal normal normal 12px/1 FontAwesome;
    content: " \f061";
    display: inline-block;
    margin-left: 5px;
    top: 5px;
}

/* amazon */

#carrier_area .delivery_options_address,
#carrier_area .carrier_title,
#carrier_area .condition_title {
    display: none;
}

#carrier_area .order_carrier_content {
    background: #55cd73;
    border: none;
    margin: 0px -20px;
    font-size: 14px;
}

#module-amzpayments-amzpayments #add_invoice,
#module-amzpayments-amzpayments #add_delivery {
    display: none;
}

.button_white {
    border: 1px solid #444;
    line-height: 20px;
    padding: 10px 19px;
    background: #fff;
    font-size: 14px;
    margin: 0px 10px;
}

@media (max-width: 768px) {
    .button_white {
        padding: 10px 19px;
        background: #fff;
        font-size: 12px;
    }
}

.mysupplier_box {
    background: #f3f3f3;
    line-height: 40px;
    margin-bottom: 20px;
}
.mysupplier_box:before {
    margin-top: -13px;
}

.mysupplier_box .button_white {
    border: none;
    background: url(/themes/alpedia/img/icon/icon_del.png) no-repeat right 13px;
    float: right;
    padding-right: 20px;
    margin-right: 0px;
    font-size: 14px;
}

.fancybox-inner .button_white {
    width: 340px;
}

@media (max-width: 768px) {
    .fancybox-inner .button_white {
        width: 97% !important;
    }
}

#asksupplier_inner h3 {
    padding-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
}

#asksupplier_inner h3 img {
    margin: -15px 20px 0px 0px;
}

#asksupplier_inner .button_white {
    width: 95%;
    display: block;
    margin-left: 0px;
    margin-top: 20px;
    height: 55px;
    line-height: 32px;
    border: 1px solid #c5c5c5;
}

@media (max-width: 768px) {
    #asksupplier_inner .button_white {
        display: block;
        margin: 20px 0 0 0;
        height: 55px;
        line-height: 32px;
        border: 1px solid #c5c5c5;
    }
}

#asksupplier_inner .button_white:after {
    content: " ";
    display: block;
    float: right;
    width: 50px;
    height: 55px;
    margin: -11px -20px -10px 0px;
    background: #009fe3 url(/themes/alpedia/img/icon/lf-popup_pfeil.png) no-repeat center;
}

.mysupplier_box .arrow {
    background: #ff0c0c url(/themes/alpedia/img/icon/ico-suppthumb.svg) no-repeat;
    display: inline-block;
    position: relative;
    padding-left: 45px;
    color: #fff;
    font-weight: bold;
    margin-right: 20px;
    padding-right: 5px;
}
.mysupplier_box .arrow:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    display: inline-block;
    position: absolute;
    border-width: 20px 0 20px 14px;
    margin-right: 0px;
    margin-left: 5px;
    border-color: transparent transparent transparent #ff0c0c;
}

.ls-noskin .ls-thumbnail {
    top: -40px !important;
    right: 0px;
}

.ls-fullscreen-wrapper {
    margin-bottom: 20px;
}

#bbt_product_variants,
.address_select {
    padding-right: 30px;
    cursor: pointer;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 15px), calc(100% - 9px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

select#bbt_product_variants::-ms-expand,
select.address_select::-ms-expand {
    display: none;
}

/* Cookie */
.cc_banner-wrapper {
    position: fixed;
    bottom: 0px;
    z-index: 100;
}
.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px;
    z-index: 999;
}

.cc_btn {
    padding: 8px 10px;
    background-color: #54cd73;
    cursor: pointer;
    transition: font-size 200ms;
    text-align: center;
    font-size: 16px;
    display: block;
    margin-left: 10px;
    float: right;
    max-width: 100px;
}

.cc_message {
    transition: font-size 200ms;
    padding: 8px 10px 0;
    font-size: 13px;
    display: block;
    color: #515157;
}

.cc_container {
    background: #fff;
    color: #999;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
    border: 1px solid #ccc;
}

.cc_btn,
.cc_btn:visited {
    color: #fff;
    text-decoration: none;
    background-color: #54cd73;
    transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}

.cc_btn:hover,
.cc_btn:active {
    background-color: darken(#f1d600, 5%);
    color: #000;
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px);
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.cc_container,
.cc_message,
.cc_btn {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;

    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}

/* für global.css */

#viewed-products_block_left .h2 {
    line-height: 30px;
    padding: 10px 10px;
}

#viewed-products_block_left > .block_content {
    height: 400px;
}

#suchampel {
    font-weight: bold;
    margin-bottom: 30px;
    height: 68px;
    padding-top: 10px;
}

#suchampel img {
    float: left;
    margin-right: 10px;
    margin-top: -10px;
}

.initiale {
    font-weight: bold;
    border-top: 1px solid gray;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 20px;
}

/* aus category.css raus in global.css rein : Begin */

#categories_block_left .h1 {
    font-weight: bold;
}

#subcategories {
    margin-top: 15px;
    /* width: 734px; */
}
#subcategories > div > a {
    border: 1px solid #f4f4f4;
    height: 177px;
    width: 177px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

#subcategories > div > a > span {
    display: table;
    table-layout: fixed;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 20px 5px 10px;
    width: 100%;
    background: #f4f4f4;
    height: 54px;
    overflow: hidden;
}

#subcategories_fullwidth > div > a > span {
    display: table;
    table-layout: fixed;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 20px 5px 10px;
    width: 100%;
    background: #f4f4f4;
    height: 54px;
    overflow: hidden;
}

#subcategories > div > a > span > span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 44px;
    max-height: 44px;
    overflow: hidden;

    width: 100%;
    text-overflow: ellipsis;
}

#subcategories_fullwidth > div > a > span > span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 44px;
    max-height: 44px;
    overflow: hidden;

    width: 100%;
    text-overflow: ellipsis;
}

#subcategories > div > a > span > span > span {
    display: block;
    max-height: 44px;
    max-width: 140px;
    overflow: hidden;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#subcategories_fullwidth > div > a > span > span > span {
    display: block;
    max-height: 44px;
    max-width: 140px;
    overflow: hidden;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#subcategories > div > a > span > span:before {
    font-family: "Glyphicons Halflings";
    content: "\e258";
    position: absolute;
    right: 10px;
    top: 17px;
}

#subcategories_fullwidth > div > a > span > span:before {
    font-family: "Glyphicons Halflings";
    content: "\e258";
    position: absolute;
    right: 10px;
    top: 17px;
}

#subcategories h3 {
    padding: 14px 12px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #666;
    background: url(../img/bg_table_th.png) repeat-x 0 0 #999;
}

@media screen and (min-width: 300px) {
    #subcategories {
        margin-left: -27px;
        display: grid;
        grid-template-columns: 170px 170px;
        grid-gap: 8px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}
@media screen and (min-width: 411px) {
    #subcategories {
        margin-left: -10px;
        display: grid;
        /* grid-template-columns: repeat(2, 180px); */
        grid-template-columns: 180px 180px;
        /* grid-template-rows: 20px 20px; */
        grid-gap: 5px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}

@media screen and (min-width: 451px) and (max-width: 700px) {
    #subcategories {
        margin-left: -26px;
        display: grid;
        grid-template-columns: 170px 170px 170px 170px;
        grid-gap: 5px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}
@media screen and (min-width: 700px) {
    #subcategories {
        margin-left: -14px;
        display: grid;
        grid-template-columns: 170px 170px 170px 170px;
        grid-gap: 11px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}

/* aus category.css raus in global.css rein : End */
/* hpp mediaqueries */
@media screen and (min-width: 300px) and (max-width: 400px) {
    .hpptab-content {
        padding-left: 10px !important;
    }
    #hpp1 {
        display: grid !important;
        justify-content: center;
        grid-gap: 10px;
    }
    #hpp2 {
        display: grid !important;
        justify-content: center;
        grid-gap: 10px;
    }
    #hpp3 {
        display: grid !important;
        justify-content: center;
        grid-gap: 10px;
    }
    .hppContainer li {
        width: 300px !important;
    }
    .product_image {
        width: auto !important;
        /* height: auto !important; */
    }
    .lnk_more {
        position: unset !important;
        margin: auto !important;
    }
    .lupe {
        left: 15px !important;
        margin-bottom: -15px !important;
    }
}

@media screen and (min-width: 400px) and (max-width: 500px) {
    #hpp1 {
        display: grid !important;
        grid-template-columns: 185px 185px;
        grid-gap: 10px;
    }
    #hpp2 {
        display: grid !important;
        grid-template-columns: 185px 185px;
        grid-gap: 10px;
    }
    #hpp3 {
        display: grid !important;
        grid-template-columns: 185px 185px;
        grid-gap: 10px;
    }
    .hppContainer li {
        width: 177px;
    }
}

@media screen and (min-width: 501px) and (max-width: 699px) {
    #fancy_logo[style] {
        height: 75px !important;
        padding-top: 10px !important;
    }
    #fancy_logo_img {
        height: 35px;
        margin-top: 10px;
    }
    .fancyInfoWrapper {
        padding-left: 0px;
        padding-right: 0px;
    }
    #asksupplier_inner h3 {
        font-size: 16px;
        margin: 10px;
    }
    #unserTipp {
        text-align: justify;
        margin: 1rem;
    }

    .fancyBtn {
        display: none !important;
    }
    #hpp1 {
        display: grid !important;
        grid-template-columns: 190px 190px 190px;
        grid-gap: 1px;
    }
    #hpp2 {
        display: grid !important;
        grid-template-columns: 190px 190px 190px;
    }
    #hpp3 {
        display: grid !important;
        grid-template-columns: 190px 190px 190px;
    }
}

@media screen and (max-width: 576px) {
    #chat_div {
        display: none;
    }
}

#marketingbanner_right > #marketingbanner > div > a > img {
    margin: 0 !important;
    margin-top: 0px !important;
    width: 200px;
}

/* suchschlitz */
@media only screen and (max-width: 470px) {
    #header #searchbox input[type="text"] {
        width: 64vw;
    }
}

/* #contentbanner_home > p > a:first-child > img {
  content: url(/img/cms/Startseite/Content-Banner-Startseite_A-Z.png);
} */

@media screen and (max-width: 650px) {
    #cart_navigation > input {
        float: unset;
        width: 100%;
    }
}
@media screen and (max-width: 650px) {
    .paymentform {
        float: unset;
        margin: unset;
        margin-top: 20px;
    }
}

#categories_block_left .h1 {
    font-weight: bold;
}

#subcategories {
    margin-top: 15px;
    /* width: 734px; */
}
#subcategories > div > a {
    border: 1px solid #f4f4f4;
    height: 177px;
    width: 177px;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

#subcategories > div > a > span {
    display: table;
    table-layout: fixed;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 20px 5px 10px;
    width: 100%;
    background: #f4f4f4;
    height: 54px;
    overflow: hidden;
}

#subcategories > div > a > span > span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 44px;
    max-height: 44px;
    overflow: hidden;

    width: 100%;
    text-overflow: ellipsis;
}

#subcategories > div > a > span > span > span {
    display: block;
    max-height: 44px;
    max-width: 140px;
    overflow: hidden;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#subcategories > div > a > span > span:before {
    font-family: "Glyphicons Halflings";
    content: "\e258";
    position: absolute;
    right: 10px;
    top: 17px;
}

#subcategories h3 {
    padding: 14px 12px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 0 #666;
    background: url(../img/bg_table_th.png) repeat-x 0 0 #999;
}

@media screen and (min-width: 300px) {
    #subcategories {
        margin-left: -27px;
        display: grid;
        grid-template-columns: 170px 170px;
        grid-gap: 8px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}
@media screen and (min-width: 411px) {
    #subcategories {
        margin-left: -10px;
        display: grid;
        /* grid-template-columns: repeat(2, 180px); */
        grid-template-columns: 180px 180px;
        /* grid-template-rows: 20px 20px; */
        grid-gap: 5px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}

@media screen and (min-width: 575px) and (max-width: 700px) {
    #subcategories {
        /* margin-left: -26px; */
        display: grid;
        grid-template-columns: 170px 170px 170px;
        grid-gap: 5px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}

/* @media screen and (min-width: 451px) and (max-width: 700px) {
  #subcategories{
    margin-left: -26px;
    display: grid;
    grid-template-columns: 170px 170px 170px 170px;
    grid-gap: 5px;
   
  }
  #subcategories > div:first-child {
    grid-column: 1;
  }
 
} */
@media screen and (min-width: 700px) {
    #subcategories {
        margin-left: -14px;
        display: grid;
        grid-template-columns: 170px 170px 170px 170px;
        grid-gap: 11px;
    }
    #subcategories > div:first-child {
        grid-column: 1;
    }
}

#layered_search .layered_subtitle,
#nichtsgefunden .subtitle {
    display: block;
    font-size: 14px;
    padding: 0px 10px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: bold;
    text-align: left;
    background: #f4f4f4;
}

#nichtsgefunden .subtitle.subtitle_blue {
    background: #337ab7;
    color: #fff;
    margin-bottom: 10px;
}

#nichtsgefunden .subtitle.subtitle_yellow {
    background: #f9f906;
    margin-bottom: 10px;
}

#layered_search .layered_subtitle:after {
    font-family: "Glyphicons Halflings";
    content: "\e259";
    position: absolute;
    right: 25px;
    top: 0px;
}

#layered_search > div > div {
    border: 1px solid #cdcdcd;
}

#layered_search > div > div > div {
    height: 245px;
}

#layered_search > div > div > div.open {
    height: auto;
}

#layered_search > div > div > div a {
    display: block;
    margin: 0px 10px;
    border-bottom: 1px dotted #eee;
    line-height: 40px;
}

#layered_search > div > div > div a > span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /*width: 95%; */
    text-overflow: ellipsis;
}

#layered_search > div > div {
    margin-bottom: 25px;
}

#zubehoer_produkte > b,
#topseller_produkte > b {
    margin-bottom: 10px;
    display: block;
}

@media screen and (max-width: 991px) {
    #left_column {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .more {
        float: unset !important;
        margin-top: 10px !important;
    }
}
.more {
    display: inline-block;
    font-weight: bold;
    color: #fff;
    width: 166px;
    height: 41px;
    padding-right: 10px;
    font-size: 15px;
    line-height: 41px;
    text-align: center;
    background: url(/themes/alpedia/img/arrow-green.png) no-repeat;
}

@media screen and (min-width: 700px) and (max-width: 1199px) {
    #message_v,
    #message_v1,
    #message_v2 {
        width: 100% !important;
    }
    .discount_name_block {
        width: 70%;
    }
    #discount_name {
        width: 100%;
    }
    #einloesenBtn {
        margin-left: 3% !important;
        width: 27% !important;
    }

    .cart_navigation {
        float: unset !important;
        width: 100%;
        /* margin-top: 28em !important; */
    }
    #vorteile_ul {
        width: 43%;
        float: left;
    }
    #bester_headline {
        font-weight: bold;
    }

    #zurKasseBtn {
        width: 57%;
        margin-top: 30px;
    }
    #partner-checkout {
        width: 57%;
        float: right;
        border: 1px solid lightgray;
        text-align: center;
    }
    #payWithAmazonDiv {
        float: unset !important;
    }
    #payWithAmazonMainDiv {
        float: unset !important;
        margin-left: 0 !important;
    }
    .ppl {
        float: unset !important;
    }
}

/* Bestellbestätigung Gastbesteller 10 Prozent Rabatt */

.zehnprozentrabatt {
    position: relative;
    background-color: #fff;
    width: 100%;
    margin-top: 10px;
    border-bottom: 1px solid #f3f3f3;
    padding: 15px 0 30px 0;
}

@media (max-width: 375px) {
    .zehnprozentrabatt {
        padding: 30px 0 30px 0;
    }
}

.zehnprozentrabatt_container {
    background-color: #f3f3f3;
    width: 100%;
    padding: 15px 30px 30px 30px;
}

.zehnprozentrabatt_form {
    position: relative;
    font-size: 14px;
    height: 100px;
    width: 100%;
    padding-top: 10px;
    display: inline-block;
}

/*
.zehnprozentrabatt_img {
  position:absolute;
  right:0px;
  bottom:70px;
  overflow:visible;
  height:250px;
  width:430px;
  background:url('/themes/alpedia/img/10-prozent-rabatt-1.svg');
  background-size: 430px 250px;
}

@media (max-width: 375px) {
.zehnprozentrabatt_img {
    height: 50%;
    width: 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}
}
*/

.zehnprozentrabatt-flex {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: -15px;
    align-items: flex-end;
    flex-wrap: nowrap;
}

@media (max-width: 576px) {
    .zehnprozentrabatt-flex {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.zehnprozentrabatt_img {
    width: 50%;
}

@media (min-width: 1200px) {
    .zehnprozentrabatt_img {
        width: 45%;
    }
}

@media (max-width: 576px) {
    .zehnprozentrabatt_img {
        width: 90%;
    }
}

.treuerabatt-wrapper {
    position: relative;
    background-color: #fff;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
    padding: 30px 0 30px 0;
}

/*
.treuerabatt_img {
  position:relative;
  height:300px;
  width:980px;
  background:url('/themes/alpedia/img/treuerabatt-grafik.svg');
  background-size: 980px 300px;
}
*/

.treuerabatt_img {
    padding: 30px 0 30px 0;
}

@media (min-width: 576px) {
    .zehnprozentrabatt_h2 {
        padding-bottom: 45px;
    }
}

.hinweis_sternchentext {
    font-size: 12px;
}

@media (max-width: 576px) {
    .hinweis_sternchentext {
        font-size: 12px;
        margin-top: 15px;
    }
}

@media (min-width: 992px) {
    .hinweis_sternchentext {
        font-size: 12px;
        float: right;
        width: 260px;
        margin-top: -45px;
    }
}

@media (max-width: 576px) {
    #btn-kundenkonto-erstellen {
        margin-top: 15px;
        width: 100%;
    }
}

/* ************************************************************************************************
		Custom Styles
************************************************************************************************ */

/* Liste mit Häkchen statt Bullets */

.ul-vorteile {
    list-style: none;
    text-align: left;
    line-height: 2em;
}

.ul-vorteile li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
}

.ul-vorteile li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: FontAwesome;
    content: "\f00c";
    color: #14539d;
}

/* Lieferanten Pop-Up thumb png */

.thumb-png {
    float: left;
    padding: 0 15px 0 0;
    margin-top: -7px;
}

@media (max-width: 768px) {
    .thumb-png {
        float: left;
        padding: 0 15px 0 0;
        margin-top: 10px;
    }
}

/* Content USP - Ueber uns Seite */

.usp-ausrichtung {
    display: flex;
    justify-content: center;
}

.usp {
    text-align: center;
}

.usp svg {
    height: 5rem;
    margin-bottom: 50px;
}

.usp img {
    height: 5rem;
    z-index: 1;
}

.usp h2 {
    display: block;
    font-size: 24px;
    font-weight: 700;
    color: #009fec;
    line-height: 20px;
    margin: 15px 0 15px 0;
    text-transform: uppercase;
    text-align: left;
}

.usp h3 {
    display: block;
    font-size: 21px;
    font-weight: 700;
    color: #009fec;
    line-height: 20px;
    margin-bottom: 0px;
    padding-bottom: 15px;
    text-transform: uppercase;
}

.usp h4 {
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 15.4px;
    margin-bottom: 0px;
    padding-bottom: 15px;
}

.usp p {
    display: block;
    font-size: 14px;
    line-height: 15.4px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.usp-icon {
    margin: 0 0 0 0;
}

.usp-background {
    width: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 50px auto;
    margin-bottom: 90px;
}

.usp-background:before {
    border-radius: 50%;
    width: 100%;
    padding-bottom: 100%;
    background: #f1f1f1;
    content: "";
    position: absolute;
    z-index: 0;
}

.kundenbewertung {
    width: auto;
    margin: 50px 30px 50px 30px;
    background: #009fec;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    color: #fff;
    font-family: opensans;
    position: relative;
    line-height: auto;
    font-style: italic;
}

.kundenbewertung-bubble:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 10px solid #009fec;
    border-right: 10px solid transparent;
    border-top: 10px solid #009fec;
    border-bottom: 10px solid transparent;
    left: 19px;
    bottom: -19px;
}

.infobox-content {
    background: #f1f1f1;
    padding: 30px;
    margin: 0px;
}

.usp-link:after {
    content: " →";
    color: #009fec;
}

.blockspacer-bottom-3 {
    margin-bottom: 3rem;
}

.blockspacer-bottom-6 {
    margin-bottom: 6rem;
}

.blockspacer-top-6 {
    margin-top: 6rem;
}

.noselect {
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.animation-left-1 {
    animation-name: animation-left;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

.animation-left-2 {
    animation-name: animation-left;
    animation-duration: 1s;
    animation-delay: 3s;
    animation-fill-mode: both;
}

.animation-left-3 {
    animation-name: animation-left;
    animation-duration: 1s;
    animation-delay: 5s;
    animation-fill-mode: both;
}

.animation-left-4 {
    animation-name: animation-left;
    animation-duration: 1s;
    animation-delay: 7s;
    animation-fill-mode: both;
}

.animation-right-1 {
    animation-name: animation-right;
    animation-duration: 1s;
    animation-delay: 2s;
    animation-fill-mode: both;
}

.animation-right-2 {
    animation-name: animation-right;
    animation-duration: 1s;
    animation-delay: 4s;
    animation-fill-mode: both;
}

.animation-right-3 {
    animation-name: animation-right;
    animation-duration: 1s;
    animation-delay: 6s;
    animation-fill-mode: both;
}

.animation-right-4 {
    animation-name: animation-right;
    animation-duration: 1s;
    animation-delay: 8s;
    animation-fill-mode: both;
}

@keyframes animation-left {
    0% {
        left: -30px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}

@keyframes animation-right {
    0% {
        left: 30px;
        opacity: 0;
    }
    100% {
        left: 0px;
        opacity: 1;
    }
}

.most-clicked-categories {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
    margin: 0 0 3rem 0;
}

.most-clicked-categories__child {
    border: solid 1px #e9e9e9;
    width: 100%;
}

@media (min-width: 576px) {
    .most-clicked-categories__child {
        width: calc((100% - 1rem) / 2);
    }
}

@media (min-width: 768px) {
    .most-clicked-categories__child {
        width: calc((100% - 3rem) / 4);
    }
}

.most-clicked-categories__child__img {
    text-align: center;
}

.most-clicked-categories__child__img img {
    max-width: 100%;
    height: 12rem;
}

#content-banner_alpedia-deals {
    background-color: #2f2f2f;
}

.most-clicked-categories__child__caption {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f4f4f4;
    height: 5.4rem;
    padding: 1rem;
}

.most-clicked-categories__child__caption__alt {
    background-color: #3da0e3;
    color: #ffffff;
}

.most-clicked-categories__child__caption__alt a {
    color: #ffffff;
}

.most-clicked-categories__child__caption__category {
    width: 60%;
}

.most-clicked-categories__child__caption__category a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.most-clicked-categories__child__caption__price {
    width: 40%;
}

.most-clicked-categories__child__caption__category__price__alt span::before {
    font-family: "Glyphicons Halflings";
    content: "\e258";
    position: absolute;
    color: #ffffff;
}

.most-clicked-categories__child__caption__category__price.most-clicked-categories__child__caption__category__price__alt > span {
    display: block;
    width: 14px;
}
