/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 9098 2015-12-02 11:22:33Z Tomcraft $

   modified eCommerce Shopsoftware
   http://www.modified-shop.org

   Copyright (c) 2009 - 2013 [www.modified-shop.org]
   -----------------------------------------------------------------------------------------
   Released under the GNU General Public License
   ---------------------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------------------
    01. Fonts
    02. Globals (body, tables, p, etc. )
    03. Header
    04. Headlines
    05. Links
    06. Inputs, Selects, Textarea
    07. Footer, Copyright, Parse Time
    08. Content
    09. HR pseudos
    10. Breadcrumbs
    11. New Boxes
    12. Categories box
    13. Highlightbox
    14. Product-Navigator
    15. Error, info & success messages
    16. Checkout
    17. Color Defination from language-Files, main.php, ot-Module
    18. Listing globals
    19. Productlist boxes
    20. Productlist rows
    21. Categories listing & subcats
    22. Pagination
    23. Filter manufacturer
    24. Content sites (AGB, Datenschutz, etc.)
    25. Products table for order_details, account_history_info, checkout_confirmation
    26. Product details
    27. Graduated prices
    28. Addtobasket
    29. Product_details reviews
    30. Product_options
    31. Product_details media
    32. Popup content
    33. print content (popup print_product_info, popup print_order.html)
    34. Reviews
    35. Upcoming_products
    36. Coupon box - error message
    37. Downloads
    38. Offline & Admin-login
    39. Toggle shopping cart box
    40. Carousel Bestseller box
    41. Janolaw.de (BASIC Template for AGB Hosting Content)
    42. Sitemap
    43. Product_reviews_info
    44. Last viewed in account
    45. Account cart and click buttons
    46. Miscellaneous
    47. CSS Buttons
    48. Archives

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

/* 1. START fonts */
/* original
@font-face {
    font-family: 'fjallaoneregular';
    src: url('css/fonts/fjallaone.eot');
    src: url('css/fonts/fjallaone.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/fjallaone.woff') format('woff'),
         url('css/fonts/fjallaone.ttf') format('truetype'),
         url('css/fonts/fjallaone.svg#fjalla_oneregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimoregular';
    src: url('css/fonts/arimo.eot');
    src: url('css/fonts/arimo.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arimo.woff') format('woff'),
         url('css/fonts/arimo.ttf') format('truetype'),
         url('css/fonts/arimo.svg#arimoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'arimoregular';
    src: url('css/fonts/arimo_bold.eot');
    src: url('css/fonts/arimo_bold.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arimo_bold.woff') format('woff'),
         url('css/fonts/arimo_bold.ttf') format('truetype'),
         url('css/fonts/arimo_bold.svg#arimobold') format('svg');
    font-weight: bold;
    font-style: normal;
}
*/
/* START IE7 fix for font-weight:bold */
/* original
@font-face {
    font-family: 'arimobold';
    src: url('css/fonts/arimo_bold.eot');
    src: url('css/fonts/arimo_bold.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arimo_bold.woff') format('woff'),
         url('css/fonts/arimo_bold.ttf') format('truetype'),
         url('css/fonts/arimo_bold.svg#arimobold') format('svg');
    font-weight: bold;
    font-style: normal;
}

.fieldtext, .fieldtext_stern, ul.topnavigation li a, h2, h3, a.show_all .arrow, .box_title,
.janolaw-paragraph, #janolaw-paragraph, ul.contentmenu li.level1 a, ul.contentmenu li.level2 a,
ol#address_block li label, .subcat_title, .pagination_list ul li.current, table.order_table tr.headerrow,
.gp_headline, .gp_title, .options_row_multi .options_name, .options_row_selection .options_name, .mediarow_title,
.print_big, .hb_box_text {
   *font-family: 'arimobold', sans-serif;
}
strong, b {
   *font-family: 'arimobold', sans-serif;
}
*/
/* END IE7 fix for font-weight:bold */
/*TAZ FONTS*/
@font-face {
    font-family: tazLight;
    src: url('fonts/Taz_4_.eot');
    src: url('fonts/Taz_4_.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_4_.woff') format('woff');
}
@font-face {
    font-family: tazLightItalic;
    src: url('fonts/Taz_4_italic.eot');
    src: url('fonts/Taz_4_italic.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_4_italic.woff') format('woff');

}
@font-face {
    font-family: tazRegular;
    src: url('fonts/Taz_5_.eot');
    src: url('fonts/Taz_5_.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_5_.woff') format('woff');
}
@font-face {
    font-family: tazSemiBold;
    src: url('fonts/Taz_6_.eot');
    src: url('fonts/Taz_6_.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_6_.woff') format('woff');
}
@font-face {
    font-family: tazBold;
    src: url('fonts/Taz_7_.eot');
    src: url('fonts/Taz_7_.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_7_.woff') format('woff');
}

@font-face {
    font-family: tazExtraBold;
    src: url('fonts/Taz_8_.eot');
    src: url('fonts/Taz_8_.eot?#iefix') format('embedded-opentype'),
    url('fonts/Taz_8_.woff') format('woff');
}
@font-face {
    font-family: DroidBold;
    src: url('fonts/DroidSerif-Bold-webfont.eot');
    src: url('fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSerif-Bold-webfont.woff') format('woff');
}

@font-face {
    font-family: DroidBoldItalic;
    src: url('fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSerif-BoldItalic-webfont.woff') format('woff');
}

@font-face {
    font-family: DroidRegular;
    src: url('fonts/DroidSerif-Regular-webfont.eot');
    src: url('fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSerif-Regular-webfont.woff') format('woff');
}

@font-face {
    font-family: DroidItalic;
    src: url('fonts/DroidSerif-Italic-webfont.eot');
    src: url('fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/DroidSerif-Italic-webfont.woff') format('woff');
}
/*
lucas taz fonts
Taz_4_.eot        Taz_4_italic.woff  Taz_5_.eot   Taz_6_.eot   Taz_7_.eot   Taz_8_.eot
Taz_4_italic.eot  Taz_4_.woff        Taz_5_.woff  Taz_6_.woff  Taz_7_.woff  Taz_8_.woff

Droidfonts woff, dieselben auch als eot/ttf vorhanden
DroidSerif-BoldItalic-webfont.woff
DroidSerif-Bold-webfont.woff
DroidSerif-Italic-webfont.woff
DroidSerif-Regular-webfont.woff
*/


/* END fonts */

/* 2. START globals */
* {
    margin:0;
    padding:0;
}
/*
body {
  font-family: Georgia, serif;
  font-weight: normal;
  font-size:16px;
  background-color:#fff;
  color:#333;
   line-height:24px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust:     100%;
  --color-france: #897e7e;
  --color-light: white;
  --color-grey-darkest: #434343;
  --color-grey: #dedcd3;
}
*/
.clearfix, .clear, .clearer {
    line-height:0px;
    height:0px;
    clear:both;
}

.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.mini { font-size:11px;font-weight:normal;}
.midi { font-size:12px;font-weight:normal;}

.lineheight16 { line-height:16px;}
.lineheight18 { line-height:18px;}

a.black {
    color:#333 !important;
}
a.black:hover {
    color:#ca0c2b !important;
    text-decoration:none !important;
}

.twoColums {
    float:left;
    width:49%;
    margin: 0 2% 20px 0;
}
.twoColums.last {
    margin: 0 0 20px 0;
}
.twoColums.stickyright {
    float:right;
}

.twoColumsInner {
    float:left;
    width:48%;
    margin: 0 4% 20px 0;
}
.twoColumsInner.last {
    margin: 0 0 20px 0;
}

.twoColums_small {
    float:left;
    width:47%;
    margin: 0 6% 0px 0;
}
.twoColums_small.last {
    margin: 0 0 0 0;
}


.button_left,
.button_left_cart {
    float:left;
    display:inline-block;
    max-width: 48%;
    margin: 10px 0px 10px 0px;
    min-height:32px;
    line-height:32px;
}
.button_right,
.button_right_cart {
    float:right;
    display:inline-block;
    max-width: 48%;
    margin: 10px 0px 0px 0px;
    text-align: right;
    min-height:32px;
    line-height:32px;
}
.button_left_error {
    float:left;
    display:inline-block;
    max-width: 48%;
    margin: 22px 0px 0px 0px;
    min-height:32px;
    line-height:32px;
}
.button_right_checkout {
    float:right;
    text-align:right;
    display:inline-block;
    margin: 5px 0px 0px 0px;
    min-width:200px;
    background: #f0f0ed;
    border: 1px solid #bbb;
}
.button_right_checkout_small {
    float:right;
    margin: 4px 0px 0px 20px;
}

.button_left img,
.button_left input,
.button_left_error input,
.button_right img,
.button_right input,
.button_left_cart img,
.button_left_cart input,
.button_right_cart img,
.button_right_cart input,
.button_right_checkout input
{
    vertical-align:bottom;
}
.button_left_cart img {
    margin: 0px 5px 0px 0px;
}
.paypal_button {
    margin:0px 2px 0px 0px;
    display:inline-block;
}
.paypal_button img {
    height:32px;
}
.paypal_button2 {
    margin:5px 0px 0px 0px;
    display:block;
}
.paypal_button2 img {
    height:32px;
}
.express_button {
    margin:0px 0px 0px 0px;
    display:inline-block;
}
.paypal_button img {
    height:32px;
}
.text_left {
    float:left;
    width: 48%;
    margin: 10px 0px 0px 0px;
    min-height:28px;
    font-size:10px;
    line-height:14px;
}

/* p {
    margin:8px 0 8px 0;
} */
p.onlytop {
    margin:8px 0 0 0;
}
p.nomargin {
    margin:0 0 0 0;
}
p.textright {
    text-align:right;
}

table {
    width:100%;
    border-spacing: 0;
    border-collapse:collapse;
}
table td {
    padding:4px 0px;
    vertical-align: top;
}
.td_full {
    width:100%;
}

sup {
    /* damit fußnoten die höhe ihrer zeile nicht vergrößern, 11.10.2019 vr */
    line-height: 0;
}
/* END globals */


/* 3. START header */
#layout_wrap {
    width:100%;
    padding: 0px 0px;
    margin: 0px 0px;
    /*background-image: url(/templates/tpl_modified_responsive/img/hintergrund2.gif);*/
    /* nicht auf startseite */
    /* background-size: auto 137px;
  background-repeat: repeat-x; */
    background-color: #f0f0ed;
}

#layout_navbar {
    /* background-color:#f4f4f4; */
    background-color:#fff;
    /* border-top: 6px solid #dedede; */
    /* border-bottom: 3px solid #fff; */
    display: none;
}
.layout_navbar_inner {
    width: 100%;
    max-width:1400px;
    padding: 0px 10px;
    margin: 0px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*background-color: #999;*/
}

#layout_navbar.rejanebanner .layout_navbar_inner {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

#layout_navbar.rejanebanner {
    display: block;
    height: 256px;
}

ul.topnavigation {
    list-style-type:none;
    width:100%;
}
ul.topnavigation li {
    float:right;
    padding: 0px 0px 0px 30px;
    /* line-height:17px; */
    /* margin: 10px 0px; */
    /* color:#707070; */
    /*color: #fff;*/
    font-size: 15px;
    font-family: tazSemiBold, sans-serif;
}
ul.topnavigation li.tn_group {
    float:left;
    padding: 0px;
}
ul.topnavigation li.tn_lang img {
    margin: 0px 0px 0px 5px;
}
ul.topnavigation li a {
    /* color:#707070; */
    /*color: #fff;*/
    /* font-weight:bold; */
    text-decoration:none;
}
ul.topnavigation li a:hover {
    /* color:#6d2551; */
}

ul.topnavigation li .fa {
    vertical-align:0px;
    padding-right:6px;
}


#layout_logo {
    background-color:#f0f0ed;
    width:100%;
    margin: 0px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* die folgenden sind alle neu, umstellung auf flexbox 20.8.2019 vr */
    /*
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  */
    /* ersetzt durch display: contents, damit sticky bei #mainmenuwrap angewendet wird */
    display: contents;
}
#logo {
    display: inline-block;
    padding: 20px 0;
}
#logo img {
    vertical-align:bottom;
    width:100%;
    height:auto;
}
#logo a {
    display:block;
    outline:none;
    text-decoration:none;
}
#logo a:hover {
    outline:none;
    text-decoration:none;
}


#search {
    float:right;
    position:relative;
    width:300px;
    border:0px solid transparent;
    /* margin-top:22px; */
    display: none;
}
#search input[type=text] {
    padding-right:90px;
}
#search input[type=image] {
    position:absolute;
    right:0px;
    top:0px;
    width:76px;
    height:32px;
}

/* styles für newsletterbox, 31.10.24 vr */
#newsletter {
  position: relative;
  width: 300px;
  border: 0px solid transparent;
}

#newsletter input[type=image] {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 76px;
  height: 32px;
}
/* END header */


/* 4. START headlines */
/* h1 {
  color:#333;
  font-size: 28px;
  line-height:30px;
  margin:10px 0 10px 0;
  padding:0 0 5px;
  border:#ddd solid;
  border-width:0;
} */
h1.checkout {
    margin:30px 0 15px 0;
}
.headline_right {
    font-size:14px;
    float:right;
}
.headline_big {
    color:#333;
    font-weight:normal;
    font-size:18px;
    margin:20px 0 15px 0;
    padding:0 0 5px;
    border:#ddd solid;
    border-width:0 0 1px 0;
}
/*
h2 {
	font-weight:bold;
    color:#333;
	font-size:24px;
	margin:20px 0px 8px 0px;
	padding:0px;
	width:auto;
	border: #999999 solid;
	border-width:0px 0px 1px 0px;
	padding-bottom:5px;
}
*/
h2.categoryheader {
    font-family: tazBold, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 0 0 8px;
    border: #333 solid;
    border-width: 1px 0 0;
    letter-spacing: 1px;
}

h3 {
    font-family: tazBold, sans-serif;
    color:#333;
    font-weight:bold;
    font-size:22px;
    /*font-family: 'Arial-Black','Arial-BoldMT',sans-serif;*/
}
h4 {
    font-family: tazBold, sans-serif;
    /* font-family: 'fjallaoneregular', sans-serif;
	color:#ca0c2b;*/
    color:#333;
    font-weight:normal;
    /*text-transform:uppercase;*/
    font-size:18px;
    margin:0px 0px 14px 0px;
    padding:0px;
    /*border: #999999 dotted;
	border-width:0px 0px 1px 0px; */
    padding-bottom:5px;
}
h4.detailbox {
    color:#333;
    font-size:13px;
    margin:15px 0px 10px 0px;
}
/* END headlines */


/* 5. START Links global */
/*a, a:link, a:visited, a:active, a:hover {
    text-decoration:none;
    outline:none;
    cursor:pointer;
}
a:link {
    color:#666;
}*/
a {
  outline:none;
}
a:hover {
    color: var(--color-dark);
}
a img {
    border:none;
    outline:none;
}
/* END Links global */


/* 6. START inputs */
input {
    /*font-family: 'arimoregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    font-size:13px;
}
textarea {
    /*font-family: 'arimoregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    font-size:13px;
    background-color:#fafafa;
    border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #999999;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 6px 5px 6px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
select {
    /*font-family: 'arimoregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    font-size:13px;
    background-color:#fafafa;
    border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #999999;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 6px 5px 6px 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
input[type=text], input[type=password], input[type=email], input[type=tel] {
    background-color:#fafafa;
    border-color: #C6C6C6;
    color: #999999;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 6px 5px 6px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    height:32px;
    *behavior: url(templates/tpl_modified/css/boxsizing.htc);
    border-radius: 4px;
    margin-bottom: 8px;
}
input[type=radio], input[type=checkbox] {
    margin: 0 3px;
}
.stern input[type=text], .stern input[type=password], .stern input[type=email], .stern input[type=tel], .stern select, .stern textarea  {
    width:95%;
}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, select:hover, textarea:hover {
    background-color:#FFFFFF;
    border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #666666;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, select:focus, textarea:focus {
    background-color:#FFFFFF;
    border-color: #659EC9 #70AEDD #A8CFEC;
    color: #333333;
    outline: 0 none;
}
/* gv_send */
textarea#message {
    height:120px;
}
/* contact */
textarea#message_body {
    resize: vertical;
    height:120px;
}
/* write_review */
textarea#review {
    height:80px;
}
td.checkbox {
    vertical-align:top;
    padding-top:6px;
    padding-right:5px;
}
.fieldtext, .fieldtext_stern {
    font-size:11px;
    line-height:15px;
    font-weight:bold;
    padding: 0px 0px 2px 0px;
    display:block;
}
.pflicht {
    font-size:10px;
    line-height:10px;
    vertical-align:baseline;
}
.adv_search_checkbox input {
    vertical-align:-1px;
}

/* END inputs */


/* 7. START Footer */
#layout_footer {
    min-height:280px;
    padding: 0 0 20px 0;
    background-color: var(--color-grey-darkest);
}
footer a:hover {
    color: #aaaaaa;
}
.layout_footer_inner {
    width:100%;
    max-width:1400px;
    padding: 20px 10px 0px 10px;
    margin: 0px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer_box_row {
    /* margin: 0px -10px; */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 280px));
    justify-content: space-around;
    gap: 20px;
}
.footer_box {
    /* float:left;
  padding: 0 0 0 0;
  width:25%;
  margin:0 0 20px 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; */
}
.footer_box_inner {
    /* padding: 0px 10px; */
}

.box3 {
    /* margin: 0px 0px 20px 0px; */
}
.box3_header {
    /*font-family: 'fjallaoneregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    color:#ffffff;
    font-size:16px;
    height:40px;
    line-height:40px;
}
.box3_line {
    height:1px;
    background-color:#696969;
    border-top: 1px solid #2c2c2c;
    margin: 0px 0px 10px 0px;
}
.box3_image {
    margin: 20px 0px 20px 0px;
}
.box3_image img {
    width:100%;
    height:auto;
    vertical-align:bottom;
    max-width:265px;
}

.box3_bg_image {
    background-image: url("img/versandkostenfrei.jpg");
    text-align: center;
    padding: 1px 0px;
    background-repeat: no-repeat;
    height: 164px;
}

/*
ul.footerlist, ul.footerlist ul {
    list-style-type:none;
}
ul.footerlist li {

}
ul.footerlist li .fa {
    float:left;
    padding: 3px 10px 0px 0px;
    margin-bottom:4px;
}
ul.footerlist li a {
    color:#ffffff;
    outline:none;
    padding:8px 0;
    display:block;
    border-bottom: 1px dotted #555555;
}
ul.footerlist li li a {
    padding-left:15px;
}
ul.footerlist li a:hover {
    color:#dddddd;
    text-decoration:none;
}
ul.footerlist li li a:hover {
    color:#dddddd;
    text-decoration:none;
}
*/
p.box3_sub {
    margin: 15px 0px 2px 0px;
    font-size:12px;
    color:#ffffff;
}

/* im footer, wie footerlist, für zahlungsarten, keine links */
/*p.box3_footerlist {
    color: #ffffff;
    outline: none;
    padding: 8px 0;
    display: block;
    border-bottom: 1px dotted #555555;
    margin: 0;
}*/

p.box3_bg_sub {
    margin: 2px 0px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.newsletter_form {
    position:relative;
    overflow:hidden;
}
.newsletter_form input[type=text] {
    padding-right:48px;
}
.newsletter_form input[type=image] {
    position:absolute;
    right:0px;
    top:0px;
}

/* ParseTime */
.parseTime {
    margin:0 auto;
    text-align:center;
    color:#ccc;
    font-size:10px;
    padding:0 0 0px 0;
    margin: -10px 0 0 0;
}
.boxfield_lang {
    width:212px;
}
.boxfield_kurz {
    float:left;
    width:136px;
}
.box_button {
    float:right;
    width:76px;
}/*
.box_footer_button {
    float:right;
    width:90px;
}*/
.boxfield_newsletter {
    float:left;
    width:138px;
}
/* END Footer */


/* 8. START content*/
#layout_content {
    width:100%;
    /* max-width:1400px; */
    /* padding: 10px 20px 0px 20px; */
    min-height:600px;
    margin: 0px auto 40px auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0ed;
}
#col_left {
    position:relative;
    float:left;
    width:265px;
}
#col_left .col_left_inner {
    padding:0px 0px 0px 0px;
    background:transparent;
}
#col_right {
    float: right;
    width: 100%;
    margin-left:-265px;
    min-height:520px;
}
#col_right .col_right_inner {
    padding:0px 0px 0px 0px;
    background:transparent;
    /* abstandshalter linke spalte - zentral vr*/
    /* margin-left:285px; */
}
#col_full {
    width: 100%;
}
#content_navbar {
    background-color:#CCCCCC;
    height: 28px;
    margin: 10px 0 10px 0;
    /* neutralisiert float der lis im bar, für category header startseite */
    display:flex;
}
ul.contentnavigation {
    height:28px;
    width:100%;
    list-style-type:none;
    position:relative;
}
ul.contentnavigation li {
    float:left;
    padding: 0px 10px 0px 10px;
    line-height:13px;
    margin: 8px 0px;
    color:#fff;
    font-size:13px;
}
ul.contentnavigation li.first {

}
ul.contentnavigation li.last {

}
ul.contentnavigation li a {
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;
}
ul.contentnavigation li a:hover {
    /* color:#ca0c2b; */
    color: #333;
    text-decoration:none;
}
ul.contentnavigation li .fa {
    display: inline-block;
    padding-right: 6px;
    font-size:14px;
}

ul.contentnavigation li.cart {
    float:right;
    border:none;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    line-height:28px;
    height:28px;
    position:relative;
}
ul.contentnavigation li.wishlist {
    float:right;
    border:none;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    line-height:28px;
    height:28px;
    position:relative;
}
ul.contentnavigation li.cart a {
    display:block;
    font-size:13px;
    line-height:28px;
}
ul.contentnavigation li.cart a:hover {
    display:block;
    /* color:#ca0c2b; */
    color: #333;
    text-decoration:none;
}
ul.contentnavigation li.cart .cart_01 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.cart .cart_01 .fa {
    display:inline-block;
    float:left;
    padding-right:7px;
    font-size:19px;
    line-height:28px;
}
ul.contentnavigation li.cart .cart_02 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.cart .cart_02 .fa {
    display:inline-block;
    padding-left:6px;
}
ul.contentnavigation li.cart .cart_03 {
    float:left;
    display:inline-block;
    font-weight:bold;
    padding: 0px 4px 0px 6px;
}
ul.contentnavigation li.cart .cart_04 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.cart .cart_05 {
    display:none;
    padding: 0px 3px;
}
ul.contentnavigation li.wishlist a {
    display:block;
    font-size:13px;
    line-height:28px;
}
ul.contentnavigation li.wishlist a:hover {
    display:block;
    /* color:#ca0c2b; */
    color: #333;
    text-decoration:none;
}
ul.contentnavigation li.wishlist .wish_01 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.wishlist .wish_01 .fa {
    display:inline-block;
    float:left;
    padding-right:7px;
    font-size:16px;
    line-height:28px;
}
ul.contentnavigation li.wishlist .wish_02 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.wishlist .wish_02 .fa {
    display:inline-block;
    padding-left:6px;
}
ul.contentnavigation li.wishlist .wish_03 {
    float:left;
    display:inline-block;
    font-weight:bold;
    padding: 0px 4px 0px 6px;
}
ul.contentnavigation li.wishlist .wish_04 {
    float:left;
    display:inline-block;
}
ul.contentnavigation li.wishlist .wish_05 {
    display:none;
    padding: 0px 3px;
}
#cart_short {
    position:relative;
    background: transparent;
    height:30px;
    z-index:1000;
}
#wishlist_short {
    position: relative;
    background: transparent;
    height: 30px;
    z-index: 1000;
}
/* END content */


/* 9. START pseudo hr's */
div.hr_1 {
    height:1px;
    line-height:1px;
    margin:0;
    padding:0;
    display:block;
    border-bottom:solid 1px #ddd;
    background-color:transparent;
}
div.hr_5 {
    height:1px;
    line-height:1px;
    margin:5px 0px;
    padding:0;
    display:block;
    border-bottom:solid 1px #ddd;
    background-color:transparent;
}
div.hr_10 {
    height:1px;
    line-height:1px;
    margin:10px 0px;
    padding:0;
    display:block;
    border-bottom:solid 1px #ddd;
    background-color:transparent;
}
div.hr_15 {
    height:1px;
    line-height:1px;
    margin:15px 0px;
    padding:0;
    display:block;
    border-bottom:solid 1px #ddd;
    background-color:transparent;
}
/* 9. END pseudo hr's */


/* 10. START breadcrumbs */
#breadcrumb {
    padding:6px 0 10px 0px; /*unten 10 statt 20 px*/
    list-style-type:none;
    outline:none;
    font-size:12px;
    line-height:19px;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
    line-height:19px;
    outline:none;
    font-weight:normal;
    cursor:pointer;
    color:#333;
    margin:0;
    padding:0;
}
#breadcrumb a:hover {
    text-decoration:none;
    color:#222;
}
#breadcrumb span.current {
    font-weight:bold;
}
#breadcrumb .fa {
    color:#999;
    padding: 0px 10px;
}

/* 10. END breadcrumbs */


/* 11. START New boxes */
.box1 {
    margin-bottom:20px;
    /* background-color:#d7d7d7; */
    /* border:1px solid #bbbbbb; */
    padding:0px 10px 0px 10px;
}
.box_sidebar {
    padding:0px 0px 10px 0px;
}

.box_select {
    padding:10px 0 0 0;
}
.box_select a {
    display:block;
    border-bottom: 1px dotted #999;
    padding: 4px 0px;
}
.box_select a:hover {
    text-decoration:none;
}
.box2 {
    margin-bottom:20px;
    /* background-color:#c6c6c6; */
    /* border:1px solid #adadad; */
    padding:0px 10px 0px 10px;
}

/* rabattbox */
.box4 {
    padding: 0px 10px 0px 10px;
    margin-bottom: 10px; /* statt 20 */
}

.box4 .box_header {
    border-top: 10px solid #d50d2e;
}

.box4 .box_header.no-border {
    border-top: none;
}

.box_header {
    /* font-family: 'fjallaoneregular', sans-serif; */
    font-family: tazBold, sans-serif;
    font-size:16px;
    color:#333; /*statt #434343*/
    font-size:16px;
    height:40px;
    line-height:40px;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-top: 1px solid #333;
}
.box_header .fa {
    display:none;
    font-size:14px;
    line-height:40px;
    margin-right:6px;
    vertical-align:2px;
    color:#ca0c2b;
}
.box_line {
    height:1px;
    background-color:#eeeeee;
    border-top: 1px solid #989898;
    display: none;
}
.box_line.abstand {
    margin: 10px 0px;
}
.box_sub {
    margin: 6px 0px 0px 0px;
    font-size:11px;
    color:#767676;
}
.box_sub a {
    color:#222222;
    text-decoration:none;
}
.box_sub a:hover {
    color:#7b3c62;
    text-decoration:none;
}
.box_sub_button {
    margin: 12px 0px 0px 0px;
    font-size:12px;
    color:#767676;
    line-height:30px;
}
.box_sub_button a {
    float:left;
    display:inline-block;
}
.box_sub_button input[type=image] {
    float:right;
    width:76px;
}
.show_title {
    float:left;
    display:inline-block;
}
a.show_all {
    float:right;
    display:inline-block;
    text-align:right;
    color: #222222;
    text-decoration:none;
    font-size:12px;
    font-weight:normal;
    padding-top:3px;
}
a.show_all:hover {
    color:#7b3c62;
    text-decoration:none;
}
a.show_all .arrow {
    color:#7b3c62 !important;
    font-weight:bold;
}
.box_title {
    font-weight:bold;
    margin: 0px 0px 5px 0px;
    line-height:15px;
    text-decoration:none;
}
.box_title a {
    /* color:#ca0c2b; */
    color: #333;
}
.box_title a:hover {
    color:#444;
    text-decoration:none;
}
.box_image {
    text-align:center;
    margin: 0px 0px 10px 0px;
    width:100%;
}
.box_image img {
    padding:2px;
    margin: 0px auto;
    background-color:#ffffff;
    /* border: 1px solid #a0a0a0; */
    max-width:204px;
}
.box_price {
    /*font-family: 'fjallaoneregular', sans-serif;*/
    /*font-family: Verdana, Arial, sans-serif;*/
    font-family: 'tazRegular', sans-serif;
    /*font-family: 'tazBold', sans-serif;*/
    /* text-align:right; */
    padding: 0px 10px 0 0;
    font-size: 18px; /*statt 16 */
    color:#434343;
}
.box_price .no_price {
    /*font-family: 'arimoregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    font-size:10px;
    line-height:14px;
    font-weight:normal;
    display:block;
    padding:0px 0 0 0;
    color:#666;
}
.box_price .new_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    color:#bc0000;
}
.box_price .special_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    color:#bc0000;
}
.box_price .small_price {
    font-size:12px; /* statt 9 */
    font-weight:normal;
    line-height:14px; /*statt 11 */
}
.box_price .old_price {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.box_price .save_price {
    font-size:9px;
    font-weight:normal;
    line-height:15px;
}
.box_price .item_price {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.box_price .uvp_price {
    display:block;
}
.box_price .graduated_price {
    display:block;
}
.box_vpe {
    font-family: 'fjallaoneregular', sans-serif;
    text-align:right;
    padding: 0px 10px 0 0;
    font-size:9px;
    color:#666;
}
.box_tax {
    /* text-align:right; */
    padding: 4px 10px 10px 0; /*padding-oben 4 statt 0 */
    font-size:11px;
    color:#666;
    line-height:14px;
}
.box_tax a {
    color:#767676;
    text-decoration:underline;
}
.box_tax a:hover {
    color:#7b3c62;
    text-decoration:underline;
}
.box_text {
    font-size:12px;
    line-height:16px;
    word-wrap: break-word;
}
.box_reviews_image {
    padding: 10px 0px 0px 0px;
    text-align:center;
}
.quickie_form {
    position:relative;
}
.quickie_form input[type=text] {
    padding-right:60px;
}
.quickie_form input[type=image] {
    position:absolute;
    right:0px;
    top:0px;
}
ul.orderhistory_list {
    margin:4px 0 0 0;
    list-style-type:none;
}
ul.orderhistory_list li {
    position:relative;
    display:block;
    padding:5px 30px 5px 0px;
    border-bottom: 1px dotted #A0A0A0;
    line-height:17px;
}
ul.orderhistory_list li .cart_icon {
    position:absolute;
    top:0px;
    right:1px;
    width:27px;
    height:27px;
    display:block;
    overflow:hidden;
}
ul.orderhistory_list li .cart_icon a {
    color:#999;
}
ul.orderhistory_list li .cart_icon a:hover {
    color:#ca0c2b;
}

ul.orderhistory_list li a:hover {
    text-decoration:none;
}
ul.orderhistory_list li .cart_icon .cssButton {
    padding: 5px 0px;
    font-size:19px;
    line-height:19px;
}
/* 11. END New boxes */


/* 12. START categories */
.box_category {
    /* background-color:#434343; */
    /* border-bottom:1px solid #1d1d1d; */
    margin-bottom:20px;
}
.box_category_header {
    /* font-family: 'fjallaoneregular', sans-serif; */
    font-family: tazBold, sans-serif;
    /* color:#fefefe; */
    font-size:16px;
    height:30px;
    line-height:40px;
    margin: 0px 10px 8px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.box_category_line {
    height:1px;
    background-color:#5e5e5e;
    margin: 0px 10px;
    border-top: 1px solid #1d1d1d;
    display: none;
}
ul#categorymenu {
    /* umstellung auf columns, 6.9.2018 vr */
    column-width: 220px;
    column-gap: 20px;
}

ul#categorymenu li {
    list-style-type:none;
    /* kategorien auf startseite quer, 31.10.2017 vr */
    /* umstellung auf columns im ul, 6.9.2018 vr */
    /* display: inline-block; */
    /* margin-right: 20px; */
    /* width: 240px; */
}
ul#categorymenu li a {
    text-decoration:none;
    outline:none;
    display:block;
}
ul#categorymenu li a:hover {
    text-decoration:none;
}
/* 1st TIER */
ul#categorymenu li.level1 a {
    color: #777;
    font-size:15px;
    padding: 4px 0px 2px 10px;
    border-bottom: 1px solid #ddd;
}
ul#categorymenu li.level1 a:hover {
    /* color:#fff; */
    color: #333;
    /* background: #7b3c62; */
}

/*
wie im alten tazshop deaktiviert, 30.10.2017 vr
ul#categorymenu li.activeparent1 a  {
  color:#7b3c62;
  color: #aaa;
  background:#d7c9d1;
}
*/

ul#categorymenu li.active1 a  {
    /* color:#7b3c62; */
    color: #aaa;
    /* background: #d7c9d1; */
}

/* 2nd TIER */
ul#categorymenu li.level2 a {
    border-bottom: 1px dotted #ddd;
    margin-left: 15px;
    color: #777;
}
ul#categorymenu li.level2 a:hover {
    /* color:#fff; */
    color: #333;
    /* background:url(img/dotted2.gif) no-repeat 10px 12px #7b3c62; */
}
ul#categorymenu li.activeparent2 a  {
    /* color:#7b3c62; */
    color: #aaa;
    /* background:url(img/dotted1.gif) no-repeat 10px 12px #d7c9d1; */
}
ul#categorymenu li.active2 a  {
    color: #000;
    font-weight: bold;
}

/* 3rd TIER */
ul#categorymenu li.level3 a {
    color:#333;
    background:url(img/dotted1.gif) no-repeat 22px 11px #c7c7c7;
    padding:4px 0 4px 32px;
    border-bottom: 1px dotted #767676;
    font-size:13px;
}
ul#categorymenu li.level3 a:hover {
    color:#fff;
    background:url(img/dotted2.gif) no-repeat 22px 11px #7b3c62;
}
ul#categorymenu li.activeparent3 a  { color:#7b3c62; background:url(img/dotted1.gif) no-repeat 22px 11px #d7c9d1; }
ul#categorymenu li.active3 a  {color:#7b3c62; background:url(img/dotted1.gif) no-repeat 22px 11px #d7c9d1; }

/* 4th TIER */
ul#categorymenu li.level4 a {
    color:#333;
    background:url(img/dotted1.gif) no-repeat 34px 11px #c7c7c7;
    padding:4px 0 4px 46px;
    border-bottom: 1px dotted #767676;
    font-size:13px;
}
ul#categorymenu li.level4 a:hover {
    color:#333;
    background:url(img/dotted2.gif) no-repeat 34px 11px #7b3c62;
}
ul#categorymenu li.activeparent4 a  { color:#7b3c62; background:url(img/dotted1.gif) no-repeat 34px 11px #d7c9d1; }
ul#categorymenu li.active4 a  {color:#7b3c62; background:url(img/dotted1.gif) no-repeat 34px 11px #d7c9d1; }

/* 5th TIER */
ul#categorymenu li.level5 a {
    color:#333;
    background:url(img/dotted1.gif) no-repeat 46px 11px #c7c7c7;
    padding:4px 0 4px 58px;
    border-bottom: 1px dotted #767676;
    font-size:13px;
}
ul#categorymenu li.level5 a:hover {
    color:#333;
    background:url(img/dotted2.gif) no-repeat 46px 11px #7b3c62;
}
ul#categorymenu li.activeparent5 a  { color:#7b3c62; background:url(img/dotted1.gif) no-repeat 46px 11px #d7c9d1; }
ul#categorymenu li.active5 a  {color:#7b3c62; background:url(img/dotted1.gif) no-repeat 46px 11px #d7c9d1; }
/* 12. END categories */


/* 13. START Highlightbox */
div.highlightbox {
    padding:15px;
    background:#fff;
    border:solid #eee 1px;
}
div.highlightbox.plainleft {
    padding:16px 16px 16px 0px;
    background-color:transparent;
    border:none;
}
div.highlightbox.plainright {
    padding:16px 0px 16px 16px;
    background-color:transparent;
    border:none;
}
div.highlightbox.plainfull {
    padding:16px 0px 16px 0px;
    background-color:transparent;
    border:none;
}
div.highlightbox.grey {
    background:#f2f2f2;
    border:solid #eee 1px;
}
div.highlightbox.checkoutborder {
    background:#fafafa;
    border:solid #ca0c2b 2px;
}
.margintop {
    margin-top:38px;
}
div.highlightbox ul {
    margin-left:15px;
    padding:0;
    display:block;
    list-style-type:square;
    line-height:19px;
}
div.highlightbox ul.accountlist {
    margin-left:15px;
    padding:0;
    display:block;
    list-style-type:square;
    line-height:23px;
}
.homesite ul {
    margin-left:15px;
    padding:0;
    display:block;
}
.homesite img {
    max-width:100% !important;
    height:auto !important;
}

table.table_gift {

}
table.table_gift tr td.gift_field {
    padding-right:10px;
}
table.table_gift tr td.gift_button {
    width:130px;
    padding-top:20px;
}
table.table_gift tr td.gift_button input {
    float:right;
    margin-top:16px;
}
/* 13. END Highlightbox */


/* 14. START product_navigator */
.productnavigator {
    /*margin:20px 0px 0px 0px;*/
    background-color:#fafafa;
    /*border-top: 2px solid #ddd;
  padding:10px 5px; */
    padding:0px 4px;
    font-size:12px;
    line-height:20px;
    color:#666; /*statt #999 */

    display: flex;
    justify-content: space-between;
}
.productnavigator .detail_back {
    display:inline-block;
    /* float:left; */
}
.productnavigator .detail_next_previous {
    display:inline-block;
    /* float:right; */
    text-align:right;
    white-space:nowrap;
}
.productnavigator .inactive {
    color:#bbb;
}
.productnavigator a {
    color:#666;
}
.productnavigator a:hover {
    color:#666;
    text-decoration:underline;
}
/* 14. END product_navigator */


/* 15. START error, info & success messages */
.errormessage {
    border:solid #DCA7A7 1px;
    padding:10px;
    font-size:13px !important;
    line-height:17px;
    color:#A94442;
    background-color:#F2DEDE ;
    margin-bottom:10px;
}
.errormessage.shopsystem {
    margin-top:38px;
    margin-bottom:-32px;
}
.errormessage ul li {
    margin-left:10px;
}
.messageStackError {
    color:#A94442 !important;
    font-size:13px !important;
}
p.error {
    color:#A94442;
    padding-bottom: 30px;
}
td.messageStackError {
    padding:2px 0px;
}
/* SUCCESS MESSAGE */
.messageStackSuccess {
    color:#333 !important;
}
.inputRequirement {
    font-size:10px;
    line-height:20px;
    vertical-align:top;
}
.inputRequirement_textarea {
    font-size:10px;
    vertical-align:top;
    line-height:30px;
}
/* INFO MESSAGES */
.infomessage {
    border: 1px solid #b2dba1;
    padding: 10px;
    background-color: #d4ebcb;
    margin-bottom: 10px;
    line-height: 17px;
    color:#3C763D;
}
.infomessage a {
    color:#333;
    text-decoration:none;
}
.infomessage a:hover {
    color:#3C763D;
    text-decoration:none;
}
/* 15. END error, info & success messages */


/* 16. START checkout */
ul#checkoutnavigation {
    margin: 10px -10px 0px -10px;
}

ul#checkoutnavigation li {
    list-style-type:none;
    float:left;
    width:25%;
    padding: 10px 10px 0px 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
ul#checkoutnavigation li .active {
    padding: 10px 10px;
    display:block;
    /* background-color: #7B3C62; */
    border: 1px solid #ca0c2b;
    /* color: #FFFFFF; */
}

ul#checkoutnavigation li .active .title {
    font-family: 'fjallaoneregular', sans-serif;
    display:block;
    font-size:17px;
    line-height:25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul#checkoutnavigation li .active .title .number {
    font-size:24px;
    color:#ca0c2b;
}

ul#checkoutnavigation li .active .description {
    display:block;
    font-size:13px;
    line-height:17px;
    padding-top:5px;
    min-height:34px;
}
ul#checkoutnavigation li .inactive {
    padding: 10px 10px;
    display:block;
    /* background-color: #F4F4F4; */
    border: 1px solid #d0d0d0;
    color: #ADADAD;
}

ul#checkoutnavigation li .inactive .title {
    font-family: 'fjallaoneregular', sans-serif;
    display:block;
    font-size:17px;
    line-height:25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul#checkoutnavigation li .inactive .title .number {
    font-size:24px;
}

ul#checkoutnavigation li .inactive .description {
    display:block;
    font-size:13px;
    line-height:17px;
    padding-top:5px;
    min-height:34px;
}

ul#checkoutnavigation.cn_no_shipping li {
    width: 33.3333%;
}
ul#checkoutnavigation.cn_no_shipping li .active .description {
    min-height: 20px;
}
ul#checkoutnavigation.cn_no_shipping li .inactive .description {
    min-height: 20px;
}

ol#address_block {
    margin: 15px 0px 0px 20px;
}
ol#address_block li {
    border-top: 1px dashed #ccc;
    margin-top:10px;
    padding-top: 10px;
}
ol#address_block li label {
    font-weight:bold;
}
ol#address_block li .address {
    display:inline-block;
    padding:5px 0px 0px 17px;
}
.checkoutcomment textarea {
    height:142px;
}
div.agbframe {
    background-color:#fff;
    border-color: #C6C6C6 #DADADA #EAEAEA;
    color: #999999;
    border-style: solid;
    border-width: 1px;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size:12px;
    line-height:18px;
    height:120px;
    overflow:auto;
    text-align: left;
}
.checkoutagb {
    margin-bottom:10px;
}
.checkoutconditions {
    padding: 10px 10px 0px 10px;
    font-size:12px;
    text-align: left;
    line-height: 20px;
}
.checkoutconditions input#conditions {
    position:relative;
    bottom:-2px;
    margin-right:4px;
}

.checkoutgvinfo {
    padding: 10px 10px 0px 10px;
    font-size:12px;
    text-align: left;
    line-height: 20px;
}

table.paymentmoduledata {
    font-size:12px;
    line-height:15px;
}
table.paymentmoduledata tr td.title {
    vertical-align:top;
    padding-top:8px;
}
table.paymentmoduledata tr td.field {
    vertical-align:top;
    padding-left:12px;
}

table.paymentinfotable tr td   {
    padding: 2px 20px 2px 0px;
}
/* Accordion in checkout */
.checkout_accordion .errormessage {
    margin: 10px 0 0 0;
}
.checkout_accordion .infomessage {
    margin: 10px 0 0 0;
}
.shipping_radio, .payment_radio {
    display:inline-block;
    width:30px;
    vertical-align:-1px;
}
.shipping_costs, .payment_costs {
    float:right;
    margin-right:10px;
}
.dutyinfo {
    font-size:12px;
    padding:5px;
    margin-top:8px;
}
/* END checkout */


/* 17. START Color Defination from language-Files, main.php, ot-Module  */
.color_ot_total {
    color:#A94442;
}
.color_error_message {
    /* color:#A94442; */
    color: #ca0c2b;
    font-weight: bold;
}
a.color_more {
    color:#ca0c2b !important;
}
a.color_more:hover {
    color:#ca0c2b !important;
    text-decoration:underline !important;
}
.color_edit_info {
    color:#ca0c2b;
}
/* END Color Defination from language-Files, main.php, ot-Module  */


/* 18. START Listing globals */
.unveil {
    display: none;
}
.listingcontainer, .listingcontainer_full, .listingcontainer_details {
    margin: 0px -10px 40px -10px;
    /*border:2px solid #ff0033;*/
}
.pd_tabs .listingcontainer_details {
    margin: 0px -6px 0px -6px;
}
.pd_tabs .listingbox {
    margin: 0px 0px 12px 0px;
    padding: 0px 6px;
}
.pd_tabs .listingrow {
    margin: 0px 6px 0px 6px;
}

.pd_accordion .listingcontainer_details {
    margin: 0px -6px 0px -6px;
}
.pd_accordion .listingbox {
    margin: 0px 0px 12px 0px;
    padding: 0px 6px;
}
.pd_accordion .listingrow {
    margin: 0px 6px 0px 6px;
}

/* für filter_mode-wähler, 15.9.2019 vr */
.listingcontainer_filter_mode {
    display: flex;
}

/* für startseite anders */
.home .listingcontainer .listingrow {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}

.home .listingcontainer .listingrow .lr_inner{
    padding: 30px 20px;
}

.home .listingcontainer .listingrow:nth-child(odd) .lr_inner{
    background-color: #035aaf12;
    flex-direction: row-reverse;
}

.home .listingcontainer .listingrow .lr_image {
    width: 580px;
    height: 290px;
    overflow: hidden;
    margin-bottom: 20px;
}

.home .listingcontainer .listingrow .lr_image img{
    width: 100%;
    max-height: unset;
    max-width: unset;
    margin-top: -5%;
}

.home .listingcontainer .listingrow .lr_desc {
    padding: unset;
}

.home .listingcontainer .listingrow .lr_desc p{
    margin: revert;
}

.home .box1 {
    margin: 30px 0;
    /* nicht optimal im chrome */
    /* column-width: 600px;
  column-gap: 20px; */

    display: grid;
    grid-auto-flow: row;
    grid-gap: 20px 50px;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));   /* war min 430px */
    /* grid-auto-rows: 1fr; */
    padding: 0;
}

/*.home .box1 h1 {
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: tazBold, sans-serif;
}

.home .box1 h3 {
  margin-top: 30px;
  margin-bottom: 10px;
}
*/
.home .box1 div {
    /* siehe .home .box1, damit inhalt eines divs nicht in die nächste spalte umbrochen wird */
    display: inline-block;
    width: 100%;
    /* erlaubt für img eine halb so große mindestbreite, damit es so weit schrumpfen kann */
    grid-column: auto / span 2;
}

.home .box1 div.img {
    grid-row: 1 / 4;
}

.home .box1 div.text {
    margin-bottom: 10px;
}

.home .img-container {
    width: 100%;
    max-width: 600px;
    height: auto;
    overflow: hidden;
}

.home .img-container img{
    width: 100%;
}

.content_site dl dd{
    margin-left: 30px;
    line-height: 150%;
}

/* END Listing globals */


/* 19. START productlist boxes */
.listingbox {
    /* float durch display inline-block ersetzt wegen umbruchfehler bei unterschiedlicher boxhöhe von artikeln durch verschieden lange texte */
    /* float:left; */
    display: inline-block;
    width:33%;
    height:auto;
    padding: 0px 10px;
    margin: 0px 0px 20px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
}

.listingcontainer_full .listingbox {
    width:25%;
}


.listingbox .lb_inner:hover {
    /* border: 1px solid #ccc; */
}
.lb_inner {
    /* border: 1px solid #ddd; */
    border-bottom: 1px solid #ddd;
    /* padding: 10px 10px 5px 10px; */
    padding: 10px 10px 15px 10px;
    /* min-height:300px; */
}
.lb_image {
    margin: 0 0 10px 0;
    text-align: center;
    width: 100%;
    height:160px;
    position:relative;
}
.lb_image img {
    position:absolute;
    margin: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: #FFFFFF;
    max-height:160px;
    max-width:200px;
}
.lb_title {
    /*border-bottom: 1px dotted #ddd;
  border-top: 1px dotted #ddd;
  padding: 5px 0px 5px 0px;
  */
    font-size: 18px; /* vorher 16 */
    /*font-weight: normal;*/
    font-family: tazBold, sans-serif;
}
.lb_title h2 {
    margin: 0px;
    padding:0px;
    border:none !important;
    /*
  line-height:15px;
  font-size:13px;
  height:30px;
  overflow:hidden;
  color:#444;
  */
    /* font-size:16px; */
    overflow:hidden;
    color:#333;

    /* lb_title und lb_desc im style vertauscht */
    /* font-family: tazRegular, sans-serif; */
    margin: 8px 0px;
    font-family: 'tazRegular', sans-serif;
    font-size: 19px;
}
.lb_title h2 a {
    /*color:#6D2551;*/
    /* color:#999; */
    /* font-weight:normal; */
    color:#333;
}
.lb_title h2 a:hover {
    color:#444;
    text-decoration:none;
}

.lb_desc {
    /* font-weight: bold;
  font-size: 18px; */
    /* workarounds für die anderen browserkrücken */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;

    /* word-break: normal; */
    hyphens: auto;

    /* lb_title und lb_desc im style vertauscht */
    font-family: tazRegular, sans-serif;
    font-weight: normal;
    font-size: 16px;
    color: #999;
    margin: 8px 0px;
}

.lb_shipping {
    padding: 5px 0px;
    font-size:12px;
    text-align:left;
    border-bottom: 1px dotted #ddd;
    display:none; /* neu */
}
.lb_shipping .lb_shipping_image {
    display:inline-block;
    padding: 0 5px 0 0;
}
.lb_price {
    /*
  position:relative;
  font-family: 'fjallaoneregular', sans-serif;
  text-align:right;
  padding: 10px 0 0 0;
  font-size: 16px;
  line-height:22px;
  height:22px;
  color:#434343;
*/
    position:relative;
    text-align:left;
    font-family: tazRegular, sans-serif;
    font-size: 18px;
    color:#333;
}
.lb_price .no_price {
    /*font-family: 'arimoregular', sans-serif;*/
    font-family: tazRegular, sans-serif;
    font-size:10px;
    line-height:14px;
    font-weight:normal;
    display:block;
    padding:6px 0 0 0;
    color:#999;
}
.lb_price .new_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    color:#bc0000;
}
.lb_price .special_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    color:#333;
}
.lb_price .small_price {
    font-size:12px; /* statt 9 */
    font-weight:normal;
    line-height:14px; /* statt 11 */
}
.lb_price .old_price {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.lb_price .save_price {
    font-size:9px;
    font-weight:normal;
    line-height:15px;
}
.lb_price .item_price {
    /*font-family: 'fjallaoneregular', sans-serif;*/
    font-family: Verdana, Arial, sans-serif;
    position:absolute;
    bottom: 2px;
    left:0px;
    font-size:9px;
    line-height:12px;
    display:block;
    font-weight:normal;
    color:#666;
}
.lb_price .item_price.with_vpe {
    bottom: 12px !important;
}
.lb_price .uvp_price {
    display:block;
}
.lb_price .graduated_price {
    display:block;
}
.lb_vpe {
    position:absolute;
    bottom:2px;
    left:0px;
    font-family: 'fjallaoneregular', sans-serif;
    text-align:right;
    padding: 0px 0px 0 0;
    font-size:9px;
    line-height:12px;
    color:#666;
}
.lb_tax {
    text-align:right;
    padding: 0 0 0 0;
    font-size:10px;
    color:#999;
    line-height:18px;
    display:none; /* neu */
}
.lb_tax a {
    color:#999;
    text-decoration:underline;
}
.lb_tax a:hover {
    color:#999;
    text-decoration:underline;
}
.lb_buttons {
    display:block;
    text-align:center;
    padding-top:10px;
}
.lb_buttons img {
    margin: 0px 2px;
}
/* END productlist boxes */


/* 20. START productlist rows */
.listingrow {
    height:auto;
    margin: 0px 10px 0px 10px;
}
.lr_inner {
    padding: 20px 0px;
    border-bottom: 1px solid #ddd;
    min-height:160px;
    display: flex;
    column-gap: 20px;
    flex-wrap: wrap;
}
.lr_image img {
    background-color: #FFFFFF;
    margin: 0 auto;
    max-height:250px;
    max-width:250px;
}
.lr_image img.mh-unset_mb {
    max-height:unset;
    max-width: 280px;
    margin: 0 auto 20px auto;
}

.lr_content {
    /* float:right;
  width:76%; */
    flex: 1 1 300px;
    padding: 0 20px;
}
.lr_title {
    /* border-bottom: 1px dotted #ddd; */
    padding: 0px 0px 5px 0px;
}
.lr_title h2 a {
    color:#333;
}
.lr_title h2 a:hover {
    color:#999;
    text-decoration:none;
}
.lr_desc {
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    font-family: Georgia, sans-serif;
    font-weight: normal;
    color: #333;
}
.lr_desc p{
    margin: 0px 0px;
}
.lr_desc ul{
    margin: 8px 0px 8px 15px;
}
.lr_desc ol{
    margin: 8px 0px 8px 15px;
}

/* getauschte reihenfolge titel und kurzbeschreibung */
.lr_desc_box h2 {
    font-size: 22px;
}
.lr_desc_box h2 a {
    color: #333;
    font-family: tazRegular, sans-serif;
    font-size: 20px;
}
.lr_desc_box h2 a:hover {
    color:#444;
    text-decoration:none;
}


.lr_shipping {
    padding: 5px 0px 5px 0px;
    font-size:12px;
    text-align:left;
}
.lr_shipping .lr_shipping_image {
    display:inline-block;
    padding: 0 5px 0 0;
}
.lr_vpe {
    /*font-family: 'fjallaoneregular', sans-serif;*/
    font-family: 'tazRegular', sans-serif;
    text-align:right;
    padding: 5px 0px 0 0;
    font-size:9px;
    line-height:12px;
    color:#666;
}
.lr_price {
    /*font-family: 'fjallaoneregular', sans-serif;*/
    font-family: 'tazRegular', sans-serif;
    text-align:right;
    padding: 10px 0 0 0;
    color:#434343;
}
.lr_price .no_price {
    /*font-family: "arimoregular",sans-serif;*/
    font-family: 'tazRegular', sans-serif;
    font-size:10px;
    line-height:14px;
    font-weight:normal;
    display:block;
    padding:0 0 0 20px;
    color:#999;
}
.lr_price .standard_price {
    display:block;
    font-size: 18px; /*statt 16 */
    line-height:20px;
    color:#333;
}
.lr_price .new_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    /* color:#bc0000; */
}
.lr_price .special_price {
    display:block;
    font-size:16px;
    line-height:22px;
    font-weight:normal;
    color:#bc0000;
}
.lr_price .small_price {
    font-size:9px;
    font-weight:normal;
    line-height:11px;
}
.lr_price .old_price {
    display:block;
    font-size:16px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.lr_price .save_price {
    display:block;
    font-size:9px;
    font-weight:normal;
    line-height:15px;
}
.lr_price .item_price {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.lr_price .uvp_price {
    display:block;
    font-size: 16px;
    line-height:20px;
    color:#434343;
}
.lr_price .graduated_price {
    display:block;
    font-size: 16px;
    line-height:20px;
    color:#434343;
}
.lr_tax {
    text-align:right;
    padding: 4px 0 0 0;
    font-size:12px; /* statt 10 */
    color:#666; /*statt 999 */
    line-height:14px;
}
.lr_tax a {
    color:#999;
    text-decoration:underline;
}
.lr_tax a:hover {
    color:#999;
    text-decoration:underline;
}
.lr_buttons {
    position:absolute;
    display:inline-block;
    right:-2px;
    bottom:10px;
}
/* END productlist rows */


/* 21. START categories listing & subcats */
.cat_description {
    padding: 0px 0px 25px 0px;
}
.cat_description ul {
    margin-left:15px;
}
.cat_description ol {
    margin-left:28px;
}
.cat_image {
    float:left;
    margin: 6px 25px 10px 0px;
    max-width:100%;
    position:relative;
}
.ci_nomargin {
    margin-right: 0px !important;
}
.subcats {
    margin: 0 -5px 25px -5px;
}
.subcatlist {
    /* float:left; */
    display: inline-block;
    width:25%;
    height:auto;
    padding: 0px 5px;
    margin: 0px 0px 10px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.subcatlist_inner {
    /* border: 1px solid #ccc; */
}
.subcat_image {
    display:block;
    vertical-align:middle;
    text-align:center;
    height:auto;
    /* max-height:115px; */
    overflow:hidden;
}
.subcat_image_inner {
    display:block;
    vertical-align:middle;
    text-align:center;
    position:relative;
}
.subcat_image_inner:before {
    content: "";
    display:block;
    /* hat subkatbilder oben und unten abgeschnitten, 25.8.2018 vr */
    /* padding-top: 75%; */
    padding-top: 100%;
}
.subcat_image img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 20%;
    /* max-height: 20%; */
    -webkit-transform: scale(4.4);
    -moz-transform: scale(4.4);
    -ms-transform: scale(4.4);
    -o-transform: scale(4.4);
    transform: scale(4.4);
}
.subcat_title {
    display:table;
    /*padding:5px 5px;*/
    /* color:#444; */
    color: #ca0c2b;
    /* background:#f2f2f2; */
    /*font-size:12px;*/
    height:38px;
    width:100%;
    line-height:14px;
    text-align:center;
    font-weight:bold;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.subcat_title_inner {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    /* workarounds für die anderen browserkrücken */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;

    /* word-break: normal; */
    hyphens: auto;
}
.subcat_desc {
    display:inline-block;
    padding:5px;
    font-size:12px;
    line-height:16px;
}
.subcatlist a {
    color:#444;
    display:block;
}
.subcatlist a:hover {
    text-decoration:none;
}
.subcatlist a:hover  .subcat_title {
    color:#ca0c2b !important;
    text-decoration:none !important;
    /* background:#e6e6e6; */
}
.manu_description {
    padding: 0px 0px 25px 0px;
}
.manu_description ul {
    margin-left:15px;
}
.manu_description ol {
    margin-left:28px;
}
.manu_image {
    float:left;
    margin: 6px 25px 10px 0px;
    max-width:745px;
    position:relative;
}
.mi_nomargin {
    margin-right: 0px !important;
    max-width:755px;
}
/* END categories listing & subcats */



/* 22. START pagination */
.pagination_bar {
    padding: 0px 0px 0px 0px;
    margin: 15px 0 15px 0;
}
.pagination_text {
    float:left;
    display:inline-block;
    font-size:12px;
    line-height:24px;
    vertical-align:middle;
    color:#333;
}
.pagination_list {
    display:inline-block;
    float:right;
    font-size:12px;
    line-height:24px;
}
.pagination_list ul {
    list-style-type:none;
    margin: 0;
}
.pagination_list ul li {
    float:left;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    padding: 0;
}
.pagination_list ul li.plain {
    padding: 0 4px;
}
.pagination_list ul li a {
    display: inline-block;
    min-width:16px;
    padding: 0 5px;
    margin: 0 0 0 3px;
    color: #666;
    text-decoration:none;
    background-color: #D7D7D7;
}
.pagination_list ul li a:hover {
    color: #fff;
    /* background-color: #ca0c2b; */
    background-color: #6890a9;
}
.pagination_list ul li.current {
    display: inline-block;
    min-width:16px;
    padding: 0 5px;
    margin: 0 0 0 3px;
    color: #fff;
    font-weight:bold;
    /* background-color: #ca0c2b; */
    background-color: #6890a9;
}
/* END pagination */


/* 23. START filter manufacturer */
.filter_bar {
    background-color: #f2f2f2;
    border: 1px solid #e6e6e6;
    margin-bottom: 15px;
    padding: 0px 5px;
}
.sort_bar {
    margin: 0px 0 0 0;
}
.sort_bar_row {
    margin: 0px -5px 0px -5px;
}
.sort_bar_item {
    float:left;
    /* wegen deaktiviertem herstellerdropdown gibt es nur 3 statt 4 elemente im sort_bar */
    /* width:25%; */
    width: 33%;
    padding:2px 1px; /* statt 5px */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sort_bar_item.right {
    float:right;
}
.sort_bar_item.right a {
    float:right;
    width:32px;
    height:32px;
    display:block;
}
a.view_list {
    background: transparent url(img/bg_list-box-select.gif) no-repeat 0px 0px;
}
a.view_list:hover, a.view_list.active {
    background: transparent url(img/bg_list-box-select.gif) no-repeat 0px -32px;
    text-decoration:none;
}
a.view_box {
    background: transparent url(img/bg_list-box-select.gif) no-repeat -32px 0px;
}
a.view_box:hover, a.view_box.active {
    background: transparent url(img/bg_list-box-select.gif) no-repeat -32px -32px;
    text-decoration:none;
}

.tags_bar {
    margin: 5px 0 0 0;
}
.tags_bar_headline {
    font-size:10px;
    line-height:12px;
    font-weight:bold;
    padding: 0px 0px 0px 2px;
}
a.tags_bar_reset {
    float:right;
    font-size:10px;
    line-height:12px;
}

.tags_bar_row {
    margin: 0px -5px 0px -5px;
}
.tags_bar_item {
    float:left;
    width:25%;
    padding:5px 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.filter_bar .CaptionCont.SlectBox.Selected {
    color: #7b3c62 !important;
    background: #eee5ea !important;
}

/* END filter manufacturer */


/* 24. START content sites (AGB, Datenschutz, etc.) */
/*.content_site {
    margin-bottom: 4em;
}*/
/*
.content_site ul {
    margin-left:15px;
    list-style-type: none;
}*/
.content_site ol {
    margin-left:28px;
}
.content_site form {
}
.content_site form > fieldset {
    padding: 0 10px;
    margin: 0 0 15px 0;
}
.content_site form > fieldset > legend {
    padding: 0 10px;
    font-weight: bold;
}

/* END content sites (AGB, Datenschutz, etc.) */


/* 25. START products_table for order_details, account_history_info, checkout_confirmation */
ul.orderlist {
    list-style-type:none;
    margin: 0 0 0 0 !important;
}
ul.orderlist li {
    list-style-type:none;
    line-height:19px;
}
ul.orderlist li .orderlist_row {
    vertical-align:top;
    padding: 10px 10px;
}
ul.orderlist li .orderlist_header {
    padding: 0px 10px 8px 10px;
    font-size:12px; /* statt 11px */
    line-height:19px;
    color:#333; /* statt 666 */
    font-weight:bold !important;
    background:transparent;
    border-bottom:1px solid #ddd;
}
ul.orderlist li .orderlist_header span.ol_singleprice {
    font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_totalprice {
    font-weight:bold !important;
}
ul.orderlist li .orderlist_header span.ol_price_row {
    float:right;
    display:inline-block;
}

.ol_row1 {
    background:#f1f1f1;
    border-bottom:1px solid #ddd;
}
.ol_row2 {
    background:#fafafa;
    border-bottom:1px solid #ddd;
}
ul.orderlist li .orderlist_row span {

}
span.ol_quantity {
    float:left;
    display:inline-block;
}
span.ol_quantity2 {
    float:left;
    display:inline-block;
    padding-top:5px;
}
span.ol_quantity input {

}

span.ol_image {
    float:left;
    display:inline-block;
    text-align:center;
}
span.ol_image img {
    max-width:80px;
    max-height:80px;
    margin: 0px auto;
    text-align:center;
}
span.ol_productsname {
    float:left;
    display:inline-block;
}
span.ol_productsname a {
    font-size: 13px;
    font-weight: normal;
    line-height: 19px;
    padding: 0;
}
span.ol_productsname a:hover {
    text-decoration:none;
}
span.ol_price_row {
    float:right;
    display:inline-block;
}
span.ol_delete {
    float:right;
    text-align:center;
    display:inline-block;
}
span.ol_singleprice {
    float:right;
    text-align:right;
}
span.ol_totalprice {
    float:right;
    text-align:right;
}
.ol_width1 { width:  5.0%; min-width:40px; }
.ol_width2 { width: 12.0%; min-width:100px; }
.ol_width3 { width: 40.0%; }
.ol_width4 { width: 37.0%; min-width:230px; }
.ol_width4_header { width: 37.0%; min-width:230px; }

.ol_width5 { width: 35.0%; }
.ol_width6 { width: 35.0%; }
.ol_width7 { width: 30.0%; }

.ol_distance {
    display:block;
    padding-top:5px;
}
.ol_model {
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    margin: 2px 0 0 0;
}
.ol_shipping {
    font-size:12px;
    line-height:18px;
    font-weight:normal;
}
.ol_short_desc {
    font-size:12px;
    line-height:18px;
}

ul.attributes_list {
    list-style-type:none;
    margin: 5px 0px 5px 0px !important;
}
ul.attributes_list li {
    border: none !important;
    font-size:12px;
    line-height:20px;
}

.ord_wishlist {
    display:block;
    padding:10px 0 0px 0;
    font-size:11px;
    color:#999;
}
.ord_wishlist a {
    color:#999 !important;
    text-transform:none !important;
    font-size:11px !important;
    font-weight:bold !important;
}
.ord_wishlist a:hover {
    text-decoration:none;
}
.ord_wishlist .fa {
    padding-right:4px;
}

.total_table_right {
    padding: 10px 0 0 0;
    float:right;
}
table.total_table {
    font-size:13px;
    line-height:19px;
}
table.total_table tr td {
    padding:2px 5px;
    vertical-align:top;
}
.ord_width_total {
    width:105px;
}

.ord_subtotal {
    margin: 0px 0 0px 0;
    float:right;
    width:48%;
    text-align:right;
    line-height:21px;
    padding: 0px 0px 0px 0px;
}
.ord_subtotal .shipping_container {
    margin: 4px 0px;
}
.ord_subtotal select {
    max-width:180px;
    margin-left:5px;
}
.ord_subtotal .SumoSelect {
    max-width:180px;
    margin-left:5px;
    text-align: left;
}

.ord_subtotal .shipping_hinweis {
    font-size:12px;
    line-height:16px;
    margin: 0px 0px 4px 0px;
}

.ord_table_right {
    text-align:right;
}
.ord_width100 {
    width:100px;
}

ul.ord_total_list {
    margin: 0px !important;
    list-style-type:none !important;
}
ul.ord_total_list li {
    padding: 10px 10px;
    line-height:19px;
}
.otl_row1 {
    border-bottom:1px solid #ddd;
    background:#fafafa;
}
.otl_row2 {
    background:#f2f2f2;
    padding: 10px 10px 4px 10px !important;
}
.otl_row3 {
    background:#f2f2f2;
    padding: 5px 10px 10px 10px !important;
    color:#666; /* statt #999 */
}
.otl_row4 {
    border-top:1px solid #ddd;
    background:#d4ebcb;
    padding:15px 10px !important;
}

.otl_row2 .otl_col1 {
    line-height:31px;
}

.otl_col1 {
    width:50%;
    float:left;
    text-align:left;
}
.otl_col2 {
    width:50%;
    float:left;
    text-align:right;
}
.otl_col3 {
    width:80%;
    float:left;
    text-align:left;
    font-size:12px;
    line-height:18px;
}
.otl_col4 {
    width:20%;
    float:left;
    text-align:right;
    font-size:12px;
    line-height:18px;
    white-space:nowrap;
}

.express_info_cart {
    display:block;
    text-align:right;
    line-height:12px;
    font-size:10px;
    padding:2px 2px 5px 0;
}
.express_info_cart a {
    color:#555;
}
.express_info_cart a:hover {
    color:#555;
    text-decoration:underline;
}
/* ENDE Warenkorb als Liste */
/* END products_table for order_details, account_history_info, checkout_confirmation */


/* 26. START Product details */
#product_details {
    /* position:relative; */
    padding: 8px 0 8px 0;

    display: flex;
    /* grid-auto-flow: column; */
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 20px;
    -webkit-column-gap: 30px;
    -webkit-row-gap: 20px;
    justify-content: space-around;
}
.pd_manu_image {
    position:absolute;
    display:inline-block;
    height:30px;
    top:-50px;
    right:5px;
}
.pd_manu_image img {
    max-height:30px;
    width:auto;
}
.pd_imagebox {
    /* float:left; */
    /* width:30%; orig */
    /* max-width:240px; orig */
    /* width:35%; */
    /* max-width: 300px; */
    /* margin-bottom:20px; */
}

.pd_description {
    /* max-width: 100%; */
    flex: 1 1 300px;
    /* margin-bottom: 20px; */
}

.pd_description h2{
    border: none;
    margin-top: 0px;
}

.pd_description ol{
    margin: 8px 0px 8px 15px;
}
.pd_description img{
    width: auto;
    max-width: 100%;
    height: auto;
}

/* inhaltsverzeichnis */
.pd_short_description {
    margin-bottom: 20px;
}

h3.pd_short_description {
    margin-top: 20px;
}

.pd_short_description ul{
    /* margin: 8px 0px 8px 15px; */
    list-style-type: none;
}
.pd_short_description ul li{
    /* damit lis durch columns beim spaltenwechsel nicht auseinandergerissen werden, und damit das span auf die nächste zeile kommt */
    /* display: inline-grid; */
    /* damit nicht zwei lis in eine zeile einer spalte kommen, wenn genug platz ist */
    width:100%;
    margin-bottom: 1em;
    display: none;
}

/* default/unchecked: erste 7 elemente anzeigen */
.pd_short_description ul li:nth-child(-n+7) {
    display: block;
}

/* checkbox hack für inhaltsverzeichnis */
input.hackbox {
    display:none;
}

label.more-content {
    display: block;
    background-color: #fff;
    width: 100px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
}

label.more-content:hover {
    background-color: #6890a9;
    color: #fff;
}

label.more-content::before {
    content: " mehr";
}

/* bei checked */
input.more-content:checked ~ .pd_short_description ul li:nth-child(n+8) {
    display: block;
}

input.more-content:checked ~ label.more-content::before {
    content:" weniger";
}

/* elemente des inhaltsverzeichnisses */
/* titel */
.pd_short_description ul li div:first-child {
    font-weight: bold;
}

/* autorin */
.pd_short_description ul li div:nth-child(2) {
    font-style: italic;
}

.pd_short_description ul li div:nth-child(2):not(:empty)::before {
    content: "von ";
}


.pd_content {
    width: 280px;
}
.pd_infobox {
    /* float:left;
  width:50%; */
    margin-bottom:20px;
}

.pd_summarybox {
    /*float:right;*/
    /*background-color: #F2F2F2;*/
    /*border: 1px solid #E6E6E6;*/
    /* -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding:5px 0 0 0;
  width:50%; */
    margin-bottom:20px;
}
.pd_big_image {
    position:relative;
    width:100%;
    min-height:100px;
    margin: 0px 0px 0px 0px;
    /* border:1px solid #eee; */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align:center;
}
.pd_big_image img {
    margin: 0px auto;
    /* width:100%;
  max-width:240px;
  height:auto;  */
    vertical-align:bottom;

    /* responsive, aber höhe begrenzt, 14.9.2018 vr */
    max-width: 100%;
    max-height: 100%;
}

.pd_big_image img:hover {
}

.pd_fsk18 {
    background: transparent url(img/fsk18.png) no-repeat top center;
    height: 44px;
    position: absolute;
    width: 44px;
    top:0px;
    left:0px;
}
.zoomtext {
    line-height:13px;
    font-size:10px;
    padding:10px 0px;
}
.pd_small_image_row {
    margin: 0px -5px 0px -5px;
}
.pd_small_image {
    float:left;
    position:relative;
    width:33.3333%;
    padding: 0px 5px;
    margin: 0px 0px 10px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pd_small_image_inner {
    border:1px solid #eee;
    overflow:hidden;
    text-align: center;
    position:relative;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pd_small_image_inner:before {
    content: "";
    display:block;
    padding-top: 100%;
}

.pd_small_image_inner img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 20%;
    max-height: 20%;
    -webkit-transform: scale(4.4);
    -moz-transform: scale(4.4);
    -ms-transform: scale(4.4);
    -o-transform: scale(4.4);
    transform: scale(4.4);
}

.pd_small_image_tab_row {
    margin: 0px -5px 0px -5px;
}
.pd_small_image_tab {
    float:left;
    position:relative;
    width:14.2857%;
    padding: 0px 5px;
    margin: 0px 0px 10px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pd_small_image_tab_inner {
    border:1px solid #eee;
    overflow:hidden;
    text-align: center;
    position:relative;
    width:100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pd_small_image_tab_inner:before {
    content: "";
    display:block;
    padding-top: 100%;
}
.pd_small_image_tab img {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 20%;
    max-height: 20%;
    -webkit-transform: scale(4.8);
    -moz-transform: scale(4.8);
    -ms-transform: scale(4.8);
    -o-transform: scale(4.8);
    transform: scale(4.8);
}
.pd_inforow_first {
    line-height:150%;
    margin-bottom: 15px;
}
.pd_inforow {
    padding: 0px;
    line-height:150%;
    text-align:left;
    margin-bottom: 15px;
}
.pd_inforow.red {
    color:#A94442;
}
.pd_inforow_message {
    margin: 10px 0 0 0;
    color:#A94442;
    padding: 5px 0px;
    font-size:12px;
    line-height:16px;
    text-align:left;
    border-top: 1px dotted #ddd;
}
.pd_inforow .pd_shipping_image {
    display:inline-block;
    padding: 0 5px 0 0;
}
.pd_price {
    position:relative;
    /*font-family: 'fjallaoneregular', sans-serif;*/
    font-family: 'tazBold', sans-serif;
    /*text-align:right;*/
    text-align:left;
    padding: 0px 0 0 0;
    margin-bottom: 20px;
}
.pd_price .no_price {
    /*font-family: "arimoregular",sans-serif;*/
    font-family: 'tazBold', sans-serif;
    font-size:10px;
    line-height:14px;
    font-weight:normal;
    display:block;
    padding:4px 0 4px 0;
    color:#999;
}
.pd_price .standard_price {
    /*
  display:block;
  font-size: 24px;
  line-height:30px;
  color:#434343;
  */
    display:block;
    font-size: 24px;
    color:#333;
}
.pd_price .new_price {
    display:block;
    font-size:20px;
    /* line-height:30px; */
    font-weight:normal;
    color:#333;
}
.pd_price .special_price {
    display:block;
    font-size:24px;
    line-height:30px;
    font-weight:normal;
    color:#bc0000;
}
.pd_price .small_price {
    font-size:12px; /* statt 9px */
    font-weight:normal;
    line-height:14px; /* statt 11px */
}
.pd_price .old_price {
    display:block;
    font-size:24px;
    /* line-height:18px; */
    font-weight:normal;
    color:#777;
}
.pd_price .save_price {
    display:block;
    font-size:9px;
    font-weight:normal;
    line-height:15px;
}
.pd_price .item_price {
    display:block;
    font-size:12px;
    line-height:18px;
    font-weight:normal;
    color:#777;
}
.pd_price .uvp_price {
    display:block;
    font-size: 24px;
    line-height:30px;
    color:#434343;
}
.pd_price .graduated_price {
    display:block;
    font-size:24px;
    line-height:30px;
    font-weight:normal;
    color:#bc0000;
}
.pd_tax {
    /*text-align:right;*/
    text-align:left;
    padding: 3px 0 3px 0;
    /* font-size:10px; */
    color:#666; /* statt #999 */
    /* line-height:12px; */
}
.pd_tax a {
    color:#666;  /* statt #999 */
    text-decoration:underline;
}
.pd_tax a:hover {
    color:#999;
    text-decoration:underline;
}
.pd_vpe {
    font-family: 'fjallaoneregular', sans-serif;
    text-align:right;
    padding: 5px 0px 0 0;
    font-size:9px;
    line-height:12px;
    color:#666;
}
.pd_fsk_padding {
    padding-left:50px;
}
.xtb_booster_redirect_message {
    padding:10px;
    color:#ffffff;
    font-size:12px;
    line-height:16px;
    background-color:#329005;
    margin-bottom:20px;
}
ul.pd_iconlist {
    margin: 20px 0 0px 0px !important;
    list-style-type:none;
    /*border: solid #eee;
  border-width: 1px 1px 0px 1px;
  background:#fafafa;*/
    /*overflow:hidden;
  list-style-image: url(img/icon_pd_iconlist_wishlist.png);*/
}
ul.pd_iconlist li {
    font-size:12px;
    line-height:16px;
}
ul.pd_iconlist li a {
    display: block;
    color: #555;
    padding: 4px 10px;
    display: flex;
    column-gap: 10px;
    align-items: flex-end;
}
ul.pd_iconlist li a:hover {
    /* color:#ca0c2b; */
    text-decoration:none;
    background-color: #6890a9;
    color: #eee;
}
ul.pd_iconlist li.print {
    background: transparent url(img/icon_pd_iconlist_print.png) no-repeat 0px 6px;
}
ul.pd_iconlist li.vote {
    background: transparent url(img/icon_pd_iconlist_vote.png) no-repeat 0px 5px;
}
ul.pd_iconlist li.express {
    background: transparent url(img/icon_pd_iconlist_express.png) no-repeat 7px 6px;
}
ul.pd_iconlist li.wishlist {
    background: transparent url(img/icon_pd_iconlist_wishlist.png) no-repeat 0px 5px;
    cursor:pointer;
    /*border-bottom:1px solid #eee;*/
}

/* für links, bis uns ein besseres symbol einfällt, 10.9.2019 vr */
ul.pd_iconlist li.link {
    /*background: transparent url(img/icon_pd_iconlist_wishlist.png) no-repeat 0px 5px;
  padding: 6px 0px 6px 30px;*/
}

ul.pd_iconlist li.wishlist .wishlist_submit_link {
    margin-left:28px;
    color:#555;
    background:none;
    border: none;
    font-size:12px;
    padding:6px 0px;
    cursor:pointer;
    width:100%;
    text-align:left;
}
ul.pd_iconlist li.wishlist .wishlist_submit_link:hover {
    color:#ca0c2b;
    text-decoration:none;
}
.dateadded {
    font-size:10px;
}
.dateadded_border {
    margin-top:15px;
    font-size:10px;
    border-top: 1px solid #ddd;
}
.pd_inforow .pd_reviews_image {
    display:inline-block;
}
.pd_inforow .pd_reviews_image img {
    position:relative;
    vertical-align:-2px;
    height:13px;
    width:auto;
}

.pd_download {
    font-family: var(--font-secondary);
    background-color: #1A8AAA;
    color: #fff;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 17px;
    text-align: center;
    padding: 5px 0px;
    box-shadow: 2px 2px 0 0 rgb(0,0,0,0.2);
}

.pd_download:hover {
    background-color: #4e6c80;
}

.listingcontainer_filter_mode .filter_mode {
    width: 80px;
    background-color: #fff;
    text-align: center;
    border-radius: 3px;
    margin-right: 10px;
    border: 1px solid #e5e5e1;
}

.listingcontainer_filter_mode .filter_mode.current {
    background-color: #6890a9;
    color: #fff;
}

.listingcontainer_filter_mode .filter_mode:hover {
    background-color: #6890a9;
    color: #fff;
}

.listingcontainer_filter_mode .filter_mode.current:hover {
    background-color: #4e6c80;
}

.pd_similar_products {
    display: flex;
    list-style-type: none;
    overflow-x: hidden;
    justify-content: space-evenly;
    column-gap: 5%;
    -webkit-column-gap: 5%;
}

.pd_similar_products li{

}
/* END Product details */


/* 27. START graduated prices */
.graduated_prices {
    margin: 15px 0px 0px 0px;
}
.gp_headline {
    font-size:12px;
    font-weight:bold;
    padding: 0 0 2px 0;
}
.gp_box {
    float:left;
    width:33.3333%;
    margin: 0px 0px 5px 0px;
    border: solid #ddd;
    border-width: 1px 0px 1px 1px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.gp_box.vpe {
    width:50%;
}
.gp_box.last {
    border-right: 1px solid #ddd;
}
.gp_title {
    display:block;
    background:#fafafa;
    font-size:10px;
    font-weight:bold;
    text-align:left;
    padding:1px 3px;
    white-space:nowrap;
    border-bottom: 1px solid #ddd;
}
.gp_price {
    display:block;
    background:#fff;
    font-size:10px;
    font-weight:normal;
    text-align:left;
    padding:1px 3px;
}
.gp_vpe {
    display: block;
    background:#fff;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    padding: 1px 3px;
    border-top: 1px solid #DDD;
}
/* END graduated prices */


/* 28. START addtobasket */
.addtobasket {
    display: grid;
    grid-template-columns: 50px 1fr;
}
/* die nächsten zwei durch display grid überflüssig, vr */
.addtobasket_input {}
.addtobasket_actions {}
.express_info {
    display:block;
    text-align:right;
    line-height:12px;
    font-size:10px;
    padding:4px 2px 0 0;
}
.express_info a {
    color:#555;
}
.express_info a:hover {
    color:#555;
    text-decoration:underline;
}
/* END addtobasket */

/* 29. START product_details reviews */
.reviewrow {
    border-bottom: 1px dotted #ddd;
    padding:10px 0px 4px 0px;
}
.reviewrow_title {
    line-height:18px;
}
.reviewrow_title .stars {
    padding-left:5px;
    line-height:18px;
}
.reviewrow_title .stars img {
    width:91px;
    height:18px;
    vertical-align:-4px;
}
/* END product_details reviews */


/* 30. START product_options */
.productoptions {
    margin: 15px 0px 0px 0px;
}
/* multi & dropdown */
.options_row_multi {
    margin: 0 0 10px 0;
}
.options_row_multi .options_name {
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    padding: 0 0 4px 0;
}
.options_row_multi .options_select {
}
/* selection & table */
.options_row_selection {
    margin: 0 0 15px 0;
}
.options_row_selection .options_name {
    font-size:12px;
    font-weight:bold;
    line-height:14px;
    padding: 0 0 4px 0;
    border-bottom: 1px solid #ddd;
}
.options_row_selection .options_selection  {
    padding:3px 0px;
    font-size:12px;
    line-height:20px;
    border-bottom: 1px solid #ddd;
}
.option_bg1 {
    background:#fafafa;
    padding:3px 5px !important;
}
.option_bg2 {
    background:#ffffff;
    padding:3px 5px !important;
}
.options_row_selection .options_selection label {
    cursor: pointer;
    display:block;
    width:100%;
}
.options_row_selection .options_selection label input[type=radio] {
    vertical-align: -1px;
}
.options_row_selection .options_selection label .options_selection_price {
    float:right;
    padding-right:2px;
}
.options_row_selection .options_selection label .label_row1 {
    display:block;
}
.options_row_selection .options_selection label .label_row1 .options_selection_input {
    float:left;
    display:block;
    width:25px;
    text-align:left;
}
.options_row_selection .options_selection label .label_row1 .options_selection_text {
    float:left;
    display:inline-block;
}
.options_row_selection .options_selection label .label_row2 {
    display:inline-block;
    padding-left:25px;
    font-style:italic;
}
/* END product_options */


/* 31. START product_details media */
.mediarow {
    border-bottom: 1px dotted #ddd;
    /*padding:4px 10px;*/
}
.media_bg1 {
    background:#fafafa;
}
.media_bg2 {
    background:#ffffff;
}
.mediarow_headline {
    line-height:32px;
}
.mediarow_title {
    font-weight:bold;
    display:inline-block;
}
.mediarow_button {
    float:right;
    text-align:right;
    display:inline-block;
    height:32px;
    min-width:120px;
}
.mediarow_filesize {
    float:right;
    text-align:right;
    display:inline-block;
    padding: 0px 30px 0px 0px;
    font-style:italic;
}
.mediarow_desc {
    padding: 0px;
}
/* END product_details media */


/* 32. START popup content (popup print_product_info, popup print_order.html) */
body.popupcontent {
    min-width:100%;
    background:#fff none;
}
/* 32. END popup content */


/* 33. START print content (popup print_product_info, popup print_order.html) */
body.popupprint {
    min-width:100%;
    background:#fff none;
}
.printwrap {
    width:700px;
    margin: 0px auto;
}
.printlogo {
    padding:10px 0px;
    text-align:center;
    border-bottom: 1px solid #ccc;
    margin-bottom:10px;
}

/* print order */
.printColumsLeft {
    float:left;
    width:48%;
}
.printColumsRight {
    float:right;
    width:48%;
}
/* print info */
.printColumsInfoLeft {
    float:left;
    width:500px;
    padding: 0px;
}
.printColumsInfoLeft ul{
    margin: 8px 0px 8px 15px;
}
.printColumsInfoLeft ol{
    margin: 8px 0px 8px 15px;
}
.printColumsInfoRight {
    float:right;
    width:164px;
    text-align:center;
}
.printColumsInfoRight img {
    max-width:160px;
    height:auto;
    margin: 10px auto 0px auto;
    border: 1px solid #ddd;
    padding:1px;
}
ul.printinfolist {
    margin-left:15px;
}
.moimages {
    float:left;
    width:126px;
    height:126px;
    border: 1px solid #ddd;
    padding:2px;
    margin: 0px 10px 10px 0px;
    position:relative;
}
.moimages:nth-child(5n+1) {
    margin-right:0px;
}
.moimages img {
    position:absolute;
    margin: auto;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    background-color: #FFFFFF;
    max-height:126px;
    max-width:126px;
}
/* admin print-order */
.printwrap_admin {
    padding-top:40px;
    width:700px;
    margin: 0px auto;
}
p.underline {
    margin:105px 0px 3px 15px;
    font-size:10px;
    text-decoration:underline;
}
.printlogo_admin {
    padding:0px 0px;
    text-align:right;
    margin:0px 0 20px 0;
}
.printlogo_admin img {
    max-width:336px;
}
.print_small {
    font-size:12px;
    line-height:18px;
}
.print_big {
    font-size:26px;
    font-weight:bold;
    text-transform:uppercase;
    padding:30px 0 0 0;
}

.printwrap_admin table.order_table {
    margin-top:10px;
    font-size:13px;
    line-height:19px;
    width:100%;
}
.printwrap_admin .ord_table_left {
    text-align:left;
}
.printwrap_admin .ord_table_right {
    text-align:right;
}
.printwrap_admin .ord_width40 {
    width:40px;
}
.printwrap_admin .ord_width110 {
    width:110px;
}
.printwrap_admin .ord_width120 {
    width:120px;
}
.printwrap_admin table.order_table tr.headerrow {
    font-size:12px;
    line-height:18px;
    font-weight:bold;
    background:transparent;
}
.printwrap_admin table.order_table tr.headerrow td {
    padding:5px 5px;
    vertical-align:top;
}
.printwrap_admin table.order_table tr.mainrow td {
    border-top: 1px solid #ddd;
    padding:10px 5px;
    vertical-align:top;
}
.printwrap_admin table.order_table ul.attributes_list {
    list-style-type:none;
    margin: 7px 0px 0px 0px !important;
}
.printwrap_admin table.order_table ul.attributes_list li {
    font-size:12px;
    line-height:20px;
}
.printwrap_admin .total_table_right {
    float:right;
}
.printwrap_admin table.total_table {
    font-size:13px;
    line-height:19px;
}
.printwrap_admin table.total_table tr td {
    padding:2px 5px;
    width:120px;
    white-space:nowrap;
}
/* END print content (popup print_product_info, popup print_order.html) */


/* 34. START reviews */
.reviewsbox {
    background:#fff;
    border:solid #ddd 1px;
    width:49%;
    height:185px;
    overflow:hidden;
    margin: 0 0 20px 0;
}
.rb_left {
    float:left;
}
.rb_right {
    float:right;
}
.reviewsbox_inner {
    padding:15px;
}
.rb_headline {
    font-size:13px;
    color:#555;
    line-height:15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
    margin: 0px 0px 6px 0px;
}
.rb_headline a {
    text-decoration:none;
}
.rb_headline a:hover {
    text-decoration:none;
}
.rb_autor {
    float:left;
    display:inline-block;
    font-size:12px;
    height:18px;
    line-height:18px;
}
.rb_rating {
    float:right;
    display:inline-block;
    font-size:12px;
    height:18px;
    line-height:18px;
}
.rb_rating img {
    vertical-align:-2px;
}
.rb_image {
    float:left;
    width:84px;
    height:84px;
    overflow:hidden;
    text-align:center;
    position:relative;
    margin:10px 0 0 0;
}
.rb_image img {
    position:absolute;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1px;
    border: 1px solid #eee;
    max-width:80px;
    max-height:80px;
}
.rb_rezension {
    float:right;
    width:70%;
}
.rb_rezension_small {
    float:right;
    width:230px;
}
/* END reviews */


/* 35. START upcoming_products */
ul.upcoming_list {
    margin: 0px;
}
ul.upcoming_list li {
    list-style-type:none;
    border-bottom: 1px solid #eee;
    padding: 5px 0px;
}
/* END upcoming_products */


/* 36. START coupon box - error message */
.hb_box_text {
    float:left;
    display:inline-block;
    line-height:30px;
    font-size:12px;
    height:32px;
    padding: 0 30px 0 0;
    font-weight:bold;
}
.hb_box_input {
    float:left;
    display:block;
    width: 320px;
    height:32px;
}
.hb_box_button {
    float:left;
    display:inline-block;
    height:32px;
    padding: 0 0 0 20px;
}
/* END coupon box - error message */


/* 37. START downloads */
.downloadrow {
    border: 1px dotted #ddd;
    background:#fafafa;
    padding:5px;
    margin-bottom:10px;
}
.dl_icon {
    float:left;
    width:61px;
    height:50px;
}
.dl_icon a {
    display:block;
    width:61px;
    height:50px;
}
.dl_icon a:hover {
    text-decoration:none;
}
.dl_content {
    float:left;
    display:inline-block;
    margin: 0 0 0 30px;
    line-height:21px;
    font-size:13px;
    padding: 3px 0 0 0;
}
/* END downloads */


/* 38. START offline & admin-login */
#layout_offline {
    max-width:700px;
    margin:40px auto;
    padding:30px;
    border: 1px solid #ddd;
}
#layout_adminlogin {
    position:relative;
    margin: 50px auto;
    padding:15px;
    background:#fff;
    border:solid #eee 1px;
    -webkit-box-shadow: 0px 0px 15px #3d3d3d;
    -moz-box-shadow: 0px 0px 15px #3d3d3d;
    box-shadow: 0px 0px 15px #3d3d3d;
    width:400px;
}
#layout_adminlogin a.help_adminlogin {
    position:absolute;
    width:32px;
    height:32px;
    outline:none;
    top:10px;
    right:10px;
    display:block;
}
#layout_adminlogin .login {
    float:right;
    margin: 10px 0 0 0;
    font-family: 'fjallaoneregular', sans-serif;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    padding: 2px 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    border: solid 1px #101010;
    background: #3a3a3a;
    background: -webkit-gradient(linear, left top, left bottom, from(#494949), to(#242424));
    background: -moz-linear-gradient(top,  #494949,  #242424);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
}
#layout_adminlogin .login:hover {
    text-decoration: none;
    background: #3a3a3a;
    background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#494949));
    background: -moz-linear-gradient(top,  #242424,  #494949);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
}
/* END offline & admin-login */



/* 39. START toggle shopping cart box */
.toggle_cart {
    position:absolute;
    right:0px;
    top:41px;
    display:none;
    width:340px;
    padding:10px;
    background:#D7D7D7;
    color:#333;
    z-index:100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.toggle_cart a {
    background:none !important;
    padding-left: 0px !important;
}
.giftmessage {
    border: 1px solid #b2dba1;
    padding: 5px;
    background-color: #d4ebcb;
    line-height: 16px;
    color:#3C763D;
}
ul.tc_list {
    list-style-type:none;
    margin: 0px 0px 0px 0px;
}
ul.tc_list li {
    position:relative;
    float:none;
    padding:0px;
    border:none !important;
    margin: 0px !important;
}
ul.tc_list li a {
    display:block;
    border-top: 1px dotted #999;
    font-size:13px !important;
    line-height:33px !important;
    color:#333;
}
ul.tc_list li .tc_delete {
    position:absolute;
    width:16px;
    height:16px;
    right:3px;
    top:9px;
}
ul.tc_list li .tc_delete a {
    border:none !important;
    padding:0px !important;
    line-height:16px !important;
}
ul.tc_list li .tc_delete a:hover {
    background:transparent !important;
}
ul.tc_list li a:hover {
    color:#333;
    background:#ddd !important;
    text-decoration:none;
}
.toogle_cart_links {
    border-top: 1px dotted #999 !important;
    text-align:right;
}
.toogle_cart_links a {
    display:inline-block !important;
    font-size:13px;
    line-height:33px !important;
    color:#555 !important;
    padding: 0px 0px 0px 0px !important;
    margin-left:20px !important;
}
.toogle_cart_links a:hover {
    color:#ca0c2b !important;
    text-decoration:none;
}
.toggle_wishlist {
    position:absolute;
    right:0px;
    top:41px;
    display:none;
    width:340px;
    padding:10px;
    background:#D7D7D7;
    color:#333;
    z-index:100;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.toggle_wishlist a {
    background:none !important;
    padding-left: 0px !important;
}
/* END toggle shopping cart box */


/* 40. START carousel Bestseller box */
.bxcarousel_box_bestseller {
    /* width: 100%; */
    max-width: 260px;
    /* margin: 0px auto; */
    margin: 0px auto 20px auto;
    padding: 0px 10px 0px 10px;
}

/* vertikale position der vor-zurück schalter des sliders mittig zum bild (bildhöhe 180) 01.11.2017 vr */
.bxcarousel_box_bestseller .bx-controls-direction a {
    top: 100px;
}

/* kleinerer rand des wrappers des bestsellersliders nach unten */
.bxcarousel_box_bestseller .bx-wrapper {
    margin: 0 0 20px 0 !important;
}

/* abstand des pagers im bestsellerslider zum content so nötig, siehe auch css/jquery.bxslider.css */
.bxcarousel_box_bestseller .bx-wrapper  .bx-pager {
    padding-top: 10px;
}

/* position absolute überschreiben, sonst ist der pager unterhalb der box */
.bxcarousel_box_bestseller .bx-wrapper  .bx-pager.bx-default-pager {
    position: initial;
}

/* größe der markerpunkte wie beim topslider, 01.11.2017 vr */
.bxcarousel_box_bestseller .bx-wrapper  .bx-pager.bx-default-pager a {
    width: 6px;
    height: 6px;
}

ul.bxcarousel_bestseller li {
    float:left;
    width:123px;
    background:#fff;
    /* border: 1px solid #ddd; */
    display:block;
    width: 100%;
}
ul.bxcarousel_bestseller li .carousel_box {
    /* padding:5px; */
}
ul.bxcarousel_bestseller li .carousel_box .cb_image {
    position: relative;
    display: block;
    /* bildgröße hier! 01.11.2017 vr */
    height: 180px;
    overflow: hidden;
}
ul.bxcarousel_bestseller li .carousel_box .cb_image img {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    /* bildgröße hier! 01.11.2017 vr */
    max-height: 180px;
}
ul.bxcarousel_bestseller li .carousel_box .cb_title {
    /* display:block; */
    font-family: tazLightItalic;
    /* border-top: 1px dotted #ddd; */
    margin: 0 0 12px 0;
    /* padding: 5px 0 2px 0; */
    font-size: 19px;
    /* text-align: center; */
    /* line-height: 15px; */
    /* height: 32px; */
    color: #333;
}
ul.bxcarousel_bestseller li .carousel_box a:hover {
    text-decoration:none;
}

ul.bxcarousel_slider img {
    position: relative !important;
}
/* END carousel Bestseller box */

#preview-slider .bx-wrapper .bx-controls.bx-has-controls-direction {
    position: absolute;
    width: 100%;
    top: 50%;
}

#preview-slider .bx-wrapper .bx-prev {
    left: 10px;
    background: url(img/original_controls.png) no-repeat 0 -32px;
}

#preview-slider .bx-wrapper .bx-next {
    right: 10px !important;
    background: url(img/original_controls.png) no-repeat -43px -32px !important;
}

ul.bxcarousel_browse_images img {
    position: relative !important;
    /* width 100%: so können in verschiedenen shops mit verschiedenen breiten die gleichen bilder verwendet werden, 20.8.2018 vr */
    width: 100%;
}

/* vertikale position der vor-zurück schalter des sliders mittig zum bild (bildhöhe 180) 01.11.2017 vr */
.bxcarousel_box_bestseller .bx-controls-direction a {
    top: 100px;
}

/* mits_imageslider 31.10.2017, 10.8.2019 vr*/
#mits_imageslider {
    margin: 10px auto 0px auto;
}

/* 41. START Janolaw.de (BASIC Template for AGB Hosting Content) */
.janolaw-absatz {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}
.janolaw-paragraph {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
}
#janolaw-paragraph {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 16px 4px 4px 8px;
}
.janolaw-text {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}
.janolaw-adress {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}
.janolaw-block {
    font-size: 12px;
    margin: 8px 4px 4px 8px;
}
#janolaw-footer{
}
#janolaw-body{
}
/* END Janolaw.de */


/* 42. START sitemap  */
.sitemap {
    -moz-column-count: 3;
    -moz-column-gap: 60px;
    -moz-column-rule: 1px solid #eee;
    -webkit-column-count: 3;
    -webkit-column-gap: 60px;
    -webkit-column-rule: 1px solid #eee;
    column-count: 3;
    column-gap: 60px;
    column-rule: 1px solid #eee;
}

.sitemap > ul.nocolumnbreak {
    overflow: hidden;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside:avoid;
    column-break-inside:avoid;
    break-inside: avoid;
    break-inside: avoid-column;
    margin-left:0px;
    margin-bottom:30px;
    list-style-type:none;
    display:inline-block;
    width:100%;
}
.nocolumnbreak {
    margin-bottom: 30px !important;
}
.sitemap > ul > li {
    float:left;
    width:100%;
}
.sitemap ul {
    list-style-type:none;
    margin-left:0px;
}

.sitemap ul > li.sitemap_header {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-size:13px;
    font-weight:bold;
    line-height:31px;
}
.sitemap ul > li.sitemap_header a {
    background:#f9f9f9;
    display:block;
    padding: 0px 5px;
}
.sitemap ul > li.sitemap_header a:hover {
    color:#333 !important;
    text-decoration:none !important;
    background: #f1f1f1 !important;
}

.sitemap ul li li {
    border-top: 1px solid #ddd;
    font-size:13px;
    font-weight:normal;
    line-height:31px;
}
.sitemap ul li li > a {
    background:#fff !important;
    color:#333;
    display:block;
}
.sitemap a:hover {
    color:#ca0c2b !important;
    text-decoration:none !important;
    background: #fafafa !important;
}
/* END sitemap  */


/* 43. START product_reviews_info */
.pri_imagebox {
    float:left;
    width:262px;
}
.pri_big_image {
    position:relative;
    width:240px;
    min-height:240px;
    margin: 0px 0px 0px 0px;
    /* border:1px solid #eee; */
}
.pri_big_image img {
    /* position:absolute; */
    margin: auto;
    left:0px;
    right:0px;
    bottom:0px;
    top:0px;
    max-width:240px;
    height:auto;
}
.pri_zoomtext {
    line-height:13px;
    font-size:9px;
    padding:10px 0px;
}
.pri_content {
    float:right;
    width:58%;
}
.pri_rating_text {
    float:left;
    display:inline-block;
    padding-right:5px;
}
.pri_rating_stars {
    float:left;
    display:inline-block;
}
.pri_rating_stars img {
    float:left;
}
/* END product_reviews_info */


/* 44. START Last viewed in account */
ul.historylist {
    list-style-type:none !important;
    margin-left: 0px !important;
}
ul.historylist li {
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
}
ul.historylist li.first {
    padding: 0px 0px 15px 0px;
}
.hl_image {
    float:left;
    width: 50px;
    height:50px;
    overflow:hidden;
    padding: 2px;
    border: 1px solid #ddd;
    position:relative;
    display:block;
    margin: 0px 20px 0px 0px;
}
.hl_image img {
    max-width: 50px;
    max-height:50px;
    position:absolute;
    margin: auto;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
}
.hl_text {
    float:left;
    display:block;
    width:49%;
}
.hl_text_entry {
    display:block;
    padding: 0px 0px 8px 0px;
}
.hl_price {
    display:block;
    float:right;
    width:28%;
    text-align:right;
    font-weight:bold;
}
.hl_price .no_price {
    font-size:9px;
    line-height:11px;
    font-weight:normal;
    display:block;
    padding:0px 0 0 0;
    color:#666;
}
.hl_price .special_price {
    display:block;
    font-size:13px;
    line-height:19px;
    color:#bc0000;
}
.hl_price .small_price {
    font-size:9px;
    font-weight:normal;
    line-height:11px;
}
/* END Last viewed in account */


/* 45. START account cart and click buttons */
.account_row_payment,
.account_row_shipping {
    padding:3px 0px;
}
.account_row_payment span,
.account_row_shipping span {
    display:inline-block;
    width:23px;
    float:left;
}
ul.address_block {
    margin: 15px 0px 0px 0px !important;
    list-style-type:none !important;
}
ul.address_block li {
    border-top: 1px dashed #ccc;
    margin-top:10px;
    padding-top: 10px;
}
ul.address_block li .address_check {
    float:left;
    display:inline-block;
    width:23px;
}
ul.address_block li .address_head {
    display:inline-block;
    font-weight:bold;
}
ul.address_block li .address {
    display:block;
    padding:5px 0px 0px 23px;
}

.account_edit_buttons {
    display:block;
    float:right;
    width:100px;
    margin: 10px 0px 10px 10px;
}

.accountbutton_row {
    margin: 5px 0px 5px 0px;
}
.accountbutton_history_row {
    margin: 5px 0px 0px 0px;
}
.accountbutton_historyinfo_row {
    margin: 10px 0px 0px 0px;
}
.account_actions_right {
    float:right;
    display:inline-block;
    text-align:right;
}
.accounthistory_actions {
    text-align:center;
    display:inline-block;
    padding-top:4px;
}

/* anmeldung rabattberechtigungsblock, 26.11.2018 vr */
section.stern {
    display: grid;
    grid-template-columns: 95% 1fr;
    grid-gap: 1px 5px;
    align-items: center;
    width: 100%;
    padding: 4px 0px;
    border: none;
    margin: 0;
}

section.stern > * { grid-column: 1; }
section.stern > .marker { grid-column: 2; }
section.stern > input { width: 100% !important; }

.checkbox-label {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 10px;
    align-items: center;
}
/* bis hier rabattblock */


/* END account cart and click buttons */


/* 46. START miscellaneous */

/* START No Javascript Styles for Tabs */
/* Moved in general.css.php as inline-style */
/*
ul.resp-tabs-list{
  display:none;
}
*/
/* END No Javascript Styles for Tabs */


/* START Subcontent navigation in content */
.subcontent {
    float:right;
    margin: 4px 0px 40px 40px;
    background: #f2f2f2;
    border: 1px solid #ccc;
    padding: 10px;
    width:100%;
    max-width:260px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.subcontent h4 a:hover {
    text-decoration:none;
}
.subcontent ul {
    margin: 0px 0px 0px 15px;
    list-style-type:square;
}
.subcontent ul li {

}
.subcontent ul li a {
    display:block;
    padding: 4px 0px;
    border-bottom: 1px dotted #ccc;
}
.subcontent ul li a:hover {
    text-decoration:none;
}
/* END Subcontent navigation in content */




/* START tags */
.tags_block {
    margin: 0 0 15px 0;
    border-top: 1px solid #eee;
}
.tags_row {
    font-size:12px;
    line-height:20px;
    border-bottom: 1px solid #eee;
}
.tags_bg1 {
    background:#fafafa;
}
.tags_bg2 {
    background:#ffffff;
}
.tags_row .tags_options {
    float:left;
    width:25%;
    display:block;
    font-weight:bold;
    padding: 5px 10px 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.tags_row .tags_options img {
    vertical-align: -3px;
    padding-left:4px;
}
.tags_options_tooltip {
    position:relative;
    z-index: 1;
    display:inline-block;
}
.tags_options_tooltip img {
    vertical-align:-3px;
}
.tags_options_tooltip .tags_options_tooltip_hover {
    position:absolute;
    bottom:20px;
    left:-95px;
    width:200px;
    background:#eee;
    border: 1px solid #ddd;
    display:none;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    padding:10px;
}
.tags_options_tooltip:hover .tags_options_tooltip_hover {
    display:block;
}
.tags_row .tags_values {
    float:left;
    width:75%;
    display:block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size:0px;
}
.tags_values_icon_row {
    font-size:12px;
    line-height:20px;
    float:left;
    padding:5px 0px 0px 0px;
}
.tags_values_icon {
    float:left;
    display:inline-block;
    height:20px;
    width:auto;
    margin:0 10px 5px 0;
}
.tags_values_icon img {
    float:left;
    height:20px;
}
.tags_values_icon a {
    display:block;
}
.tags_values_icon a:hover {
    text-decoration:none;
}
.tags_icons_tooltip {
    position:relative;
    display:block;
}
.tags_icons_tooltip img {
    vertical-align:-3px;
}
.tags_icons_tooltip .tags_icons_tooltip_hover {
    position:absolute;
    bottom:24px;
    left:-95px;
    width:200px;
    background:#eee;
    border: 1px solid #ddd;
    display:none;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    padding:10px;
}
.tags_icons_tooltip:hover .tags_icons_tooltip_hover {
    display:block;
}
.tags_values_text_row {
    font-size:12px;
    line-height:20px;
    float:left;
    padding:5px 0px 5px 0px;
}
.tags_values_name {
    position:relative;
    cursor:default;
    float:left;
    clear:left;
}
.tags_values_name_tooltip {
    border-bottom: 1px dashed #999;
}
.tags_values_desc_hover {
    position:absolute;
    bottom:20px;
    left:-95px;
    width:200px;
    background:#eee;
    border: 1px solid #ddd;
    display:none;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    padding:10px;
}
.tags_values_name:hover .tags_values_desc_hover {
    display:block;
}
.tags_values_info {
    position:relative;
}
.tags_values_info img {
    vertical-align:-3px;
    padding-left:4px;
}
.tags_values_diff {
    font-size:12px;
    line-height:20px;
    padding-left:1px;
    padding-right:4px;
}
/* END tags */


/* START Klarna */

/* product_info */
.pd_summarybox .klarna_PPBox {
    margin-top:5px !important;
    height:50px !important;
    width: 99% !important;
    font-size:13px !important;

}
.pd_summarybox .klarna_PPBox .klarna_PPBox_topMid span {
    margin-top:9px !important;
}

/* shopping cart */
.karna_container {
    margin: 5px 0px;
    float:right;
    width:300px;
}
.karna_container .klarna_PPBox {
    margin-top:5px !important;
    margin-bottom:0px !important;
    height:50px !important;
    width: 99% !important;
    font-size:13px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_bottomMid {
    height:170px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_topMid span {
    margin-top:9px !important;
}
.karna_container .klarna_PPBox .klarna_PPBox_pull {
    margin-top: -2px !important;
}

/* checkout */
.klarna_box {
    min-width: 100% !important;
    max-width: 100% !important;
    border: none !important;
    padding: 0px !important;
}
.klarna_box_bottom input {
    height:auto !important;
}
.klarna_box_bottom select {
    height: auto !important;
    padding:3px !important;
}
.klarna_einwilligung {
    max-width: 100% !important;
}
.klarna_language .klarna_display_in {
    display:none !important;
}
.klarna_language .klarna_flag_list {
    border-top:none !important;
}
.klarna_box_bottom {
    display:block !important;
}

.klarna_box_bottom ol.paymentPlan {
    margin: 3px 0 10px 0;
    padding: 5px;
}
/* END Klarna */


/* START Bannermanager */
.content_banner {
    margin: 20px 0 20px 0;
}
.content_banner img {
    float:left;
    width:100%;
    height:auto;
}
/* erweiterung für startseite vr aug-okt 2019 */
.home .content_banner {
    /*
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 20px; -- nur firefox kann das bisher, daher doch grid
  */

    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(0px, 280px));
    justify-content: space-around;
}

.home .content_banner article{
    flex: 1 1 300px;
    max-width: 370px;
}

.home .content_banner img{
    float: unset;
    max-width: 280px;
}

.home h2 {
    /* reset border von h2, nach präsentation nächste zeile aktivieren, vr */
    /* border: none; */
    /* border-top: 1px solid #000000;
  font: 11px/15px Arial,sans-serif;
  margin: 0;
  padding: 6px 0;*/
}
/* END Bannermanager */

/* START Zeitung*/
.zeitungFeature {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border: 1px solid #333;
    border-width: 0 0 1px 0;
}

.zeitungImage {
    margin: 0 0 40px 0;
}

.zeitungFeatureText {
    flex: 1 1 300px;
}

ul.inhaltsverz {
    column-width: 350px;
    margin-left: 0px;
    column-gap: 20px;
}

ul.inhaltsverz li {
    list-style-type: none;
    margin-bottom: 0.8em;
    text-align: left;
    width: 100%;
    display: inline-block;
    line-height: 150%;
}

section.teaser {
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* justify-content: space-evenly; */

    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0px, 280px));
    grid-gap: 20px;
    justify-content: space-around;
    align-items: end;
    margin-bottom: 36px;
}

section.teaser article{
    max-width: 280px;
}

section.teaser img{
    max-width: 280px;
    width: 100%;
    height: auto;
}

.img-container {
    width: 370px;
    height: 185px;
    overflow: hidden;
}

.img-container img.comic{
    width: 106%;
    margin: 0 -3%;
}

.img-container img.kunst{
    width: 110%;
    margin: -5%;
}

.upcoming-toc ul {
    list-style-type: none;
}

div.upcoming-toc ul li {
    list-style-type: none;
    margin-bottom: 0.8em;
    text-align: left;
    width: 100%;
    display: inline-block;
    line-height: 150%;
}

/* END Zeitung*/


/* START Textarchiv */
.content_site.archiv {
    display: grid;
    grid-row-gap: 20px;
}

.content_site.archiv ul {
    display: grid;
    grid-row-gap: 20px;
}

.content_site.archiv ul.inhaltsverz {
    display: initial;
    column-width: 350px;
    margin-left: 0px;
    column-gap: 30px;
}

.content_site.archiv ul.hits a {
    font-weight: bold;
}

section.archiv.miniatur {
    margin-top: 1em;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    grid-gap: 10px;
    justify-items: center;
}

section.archiv.jhrg {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
    grid-gap: 20px;
}

section.archiv.jhrg article {

}

section.archiv.jhrg article div {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, auto));
    grid-gap: 5px;
    max-width: 300px;
}

header.archiv {
    display: grid;
    grid-template-columns: 1fr auto auto;
    grid-gap: 0 10px;
    align-items: baseline;
}

section.features {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 20px;
}

section.audio.feature {
    clear: right;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    justify-content: space-between;
    grid-gap: 10px;
}

section.audio.feature article {
}

section.audio.feature article audio {
    width: 100%;
}

section.audio.top {
    clear: right;
    display: flex;
    flex-wrap: wrap;
    margin: 0px -10px;
}

section.audio.top > *{
    padding: 0px 10px 10px 10px;
}

section.audio.top p{
    flex: 1 1 50%;
}

section.map.feature {
}

section.map.feature img {
    width: 100%;
}

section.map.feature figcaption {
  margin-top: unset;
  display: grid;
}

section.map.feature figcaption span:first-of-type {
  font-weight: bold;
}

section.map.feature figcaption span:nth-of-type(2n)::before {
  content: "Foto: ";  
}

/*
section.article {
    column-width: 450px;
    column-gap: 30px;
}
*/
section.article {
    max-width: 720px;
}

section.article h1:first-of-type{
  /* wird bereits in header ausgegeben, aber nur die erste h1 */
  display: none;
}

section.article.blog h3 {
    margin: 1.5rem 0 0.5rem;
}

/*
article.article > * {
    display: inline-block;
}
*/

article.article > h2 {
    width: 100%;
    margin-top: 15px;
}

article.article > p.Korrespondent {
  font-family: Sans-Serif;
  font-weight: bold;
}

section.article.blog img {
    width: 100%;
    height: auto;
}

section.ads {
    /*display: flex;
    flex-wrap: wrap;*/
    margin-bottom: 30px;
    max-width: 720px;
}
/*section.ads img,*/
img.ads{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
article.ad {
    margin: 30px auto;
    /*
    flex: 1 1 auto;
    background-color: #035aaf12;
    display: grid;
    grid-template-columns: repeat(auto-fill, 280px);
    grid-gap: 20px;
    flex-wrap: wrap;
    */
    margin: 30px auto;
    display: block;
    padding: 0;
}
/*
article.ad img,
section.article.blog .ad img{
    width: 280px;
    margin-right: 20px;
}
*/

/* END Textarchiv */

/* START Mediadaten */
section.mediadaten {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    justify-content: space-between;
    grid-gap: 20px;
    justify-items: left;
    margin-bottom: 40px;
}

/* END Mediadaten */

/* START Comics */

.art_item {
    display: flex;
    flex-wrap: wrap;
}

.art_item .art_image {
    margin: 0 20px 20px 0;
}
.art_item .art_head {
    margin: 0 0 20px 0;
}
.art_item .news_text_body {
    flex: 1 1 300px;
}
/* END Comics */

/* START Kunst */

.art_image.kunst {
    margin: 0 3% 20px 0;
}
.art_image.kunst a img {
    width: 100%;
}

/* END Kunst */

/* START autocomplete */
.suggestionsBox {
    position:absolute;
    right:0;
    margin:0px;
    width:400px;
    background-color:#f1f1f1;
    border:1px solid #ccc;
    color:#333;
    z-index:99999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 3px 10px;
}
.suggestionList {
    margin:0px;
    padding:0px;
    max-height:600px;
    overflow:auto;
    padding-right:5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.suggestionList li {
    border-bottom:1px solid #ddd;
    background-color:#f1f1f1;
    list-style:none;
}
.suggestionList li a.autocomplete {
    display:inline-block;
    padding:5px 0px;
    text-decoration: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
}
.suggestionList li a.autocomplete .autocomplete_image {
    float:left;
    display:block;
    width:40px;
    height:40px;
    overflow:hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    margin-right:10px;
}
.suggestionList li a.autocomplete .autocomplete_image img {
    float:left;
    width:100%;
    height:auto;
}
.autocompletecloser {
    cursor:pointer;
}
#autocomplete_pagination li {
    float:left;
    border: 0;
}
#autocomplete_pagination li:hover {
    background-color:#f1f1f1;
}
#autocomplete_prev {
    cursor:pointer;
    padding:5px;
    width:5%;
    text-align:left;
    font-size:15px;
}
#autocomplete_next {
    cursor: pointer;
    padding: 5px;
    width: 5%;
    float: right !important;
    text-align: right;
    font-size:15px;
}
#autocomplete_count {
    padding: 5px;
    width: 75%;
    text-align: center;
    position: absolute;
    margin-left: 7%;
    font-size:11px;
    font-weight:bold;
}
.autocomplete_error {
    padding:6px 0px 11px;
    display:inline-block;
    text-align:center;
    width:100%;
}
.ac_text {
    float:left;
    display:block;
    width:50%;
    padding: 2px 0px;
}
.ac_price {
    display:block;
    color:#555;
    float:right;
    width:30%;
    text-align:right;
    font-weight:bold;
    padding: 2px 0px;
}
.ac_price .small_price {
    font-size:10px;
    font-weight:normal;
}
.ac_price .special_price {
    color:#bc0000;
}
.ac_vpe {
    font-family: 'fjallaoneregular', sans-serif;
    text-align:right;
    padding: 0px 0px 0 0;
    font-size:9px;
    line-height:12px;
    color:#666;
    font-weight:normal;
    display:block;
}
/* END autocomplete */

/* END miscellaneous */



/* 47. START CSS Buttons */

/* Globals for CSS Buttons */
.cssButton {
    position:relative;
    font-family: 'fjallaoneregular', sans-serif;
    /*font-family: Verdana, Arial, sans-serif;*/
    display:block;
    width:100%;
    text-align:center;
    padding: 6px 5px;
    font-size:14px;
    line-height:18px;
    font-weight:normal;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space:nowrap;
    text-decoration:none;
}

.cssButton button {
    position:absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    color:transparent;
    cursor:pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.cssButton .fa {
    padding-left:3px;
    padding-right:3px;
    vertical-align:1px;
    display:inline-block;
}
.cssButton .cssButtonText {
    display:inline-block;
    padding-left:3px;
    padding-right:3px;
    text-decoration:none;
}

/* Colors for CSS Buttons */

/* Black Buttons */
/* original */
/*
.cssButtonColor1 {
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #101010;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #494949 15%, #242424 90% );
	background:-ms-linear-gradient( top, #494949 15%, #242424 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #494949), color-stop(90%, #242424) );
	background-color:#494949;
	color:#ffffff;
	display:inline-block;
	text-shadow:-1px -1px 0px #000000;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
 	-moz-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
 	box-shadow:inset 0px 1px 0px 0px #6b6b6b;
}
*/

/* original ohne verlauf und box-shadow - achtung, wird an vielen stellen genutzt, details, suchbuttonn, anmeldung, ... vr */
.cssButtonColor1 {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #101010;
    text-decoration:none;
    /*
  background:-moz-linear-gradient( center top, #494949 15%, #242424 90% );
	background:-ms-linear-gradient( top, #494949 15%, #242424 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#494949', endColorstr='#242424');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #494949), color-stop(90%, #242424) );
	*/
    background-color:#494949;
    color:#ffffff;
    display:inline-block;
    text-shadow:-1px -1px 0px #000000;
    /*
  -webkit-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
 	-moz-box-shadow:inset 0px 1px 0px 0px #6b6b6b;
 	box-shadow:inset 0px 1px 0px 0px #6b6b6b;
  */
}

/*
.cssButtonColor1 {
	background: #333 url(buttons/german/pfeil_weiss_auf_schwarz.gif) no-repeat;
	background-position: right;
	color: #fff;
	display: inline-block;
*/
/* mit x2771-zeichen */
/* padding: 4px 7px 3px; */
/* mit größer-zeichen  */
/*padding: 1px 20px 1px 6px;*/

/*
  padding: 1px 2px 1px 2px;
*/
/*hiervon sind weitere knoepfe betroffen: */
/*
	width:80px;

  font-family: tazBold, verdana, sans-serif;
	font-size: 14px;
	vertical-align:top;
	text-align:left;
	text-transform: uppercase;
	border: none;
}
*/

.cssButtonColor1:hover {
    /* background:-moz-linear-gradient( center top, #242424 15%, #494949 90% );
	background:-ms-linear-gradient( top, #242424 15%, #494949 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#494949');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #242424), color-stop(90%, #494949) );
	*/
    background-color:#d50d2e;
    color:#eee;
    text-decoration:none !important;
}
*/
/* Magenta Buttons */
.cssButtonColor2 {
    /*
	 * -moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	border:1px solid #420e2e;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #742b58 15%, #53183c 90% );
	background:-ms-linear-gradient( top, #742b58 15%, #53183c 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#742b58', endColorstr='#53183c');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #742b58), color-stop(90%, #53183c) );
	background-color:#742b58;
	color:#ffffff;
	display:inline-block;
	text-shadow:-1px -1px 0px #000000;
 	-webkit-box-shadow:inset 0px 1px 0px 0px #8f5477;
 	-moz-box-shadow:inset 0px 1px 0px 0px #8f5477;
 	box-shadow:inset 0px 1px 0px 0px #8f5477;
	*/
    background: #ccc url(buttons/german/button_buy_now.gif) no-repeat;
    text-decoration:none;
    display:inline-block;
}
.cssButtonColor2:hover {
    /*background:-moz-linear-gradient( center top, #53183c 15%, #742b58 90% );
	background:-ms-linear-gradient( top, #53183c 15%, #742b58 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#53183c', endColorstr='#742b58');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #53183c), color-stop(90%, #742b58) );
	*/
    /* background-color:#d50d2e; rot */
    background-color: #6890a9;
    color:#eee;
    text-decoration:none !important;
}

/* Transparent Buttons with Border */
.cssButtonColor3 {
    background:#fafafa;
    border: 1px solid #c6c6c6;
    color:#555;
}
.cssButtonColor3:hover {
    background:#fafafa;
    color:#222;
    text-decoration:none !important;
}

/* Green Buttons */
.cssButtonColor4 {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #294e27;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #528a50 15%, #346333 90% );
    background:-ms-linear-gradient( top, #528a50 15%, #346333 90% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#528a50', endColorstr='#346333');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #528a50), color-stop(90%, #346333) );
    background-color:#528a50;
    color:#ffffff;
    display:inline-block;
    text-shadow:-1px -1px 0px #000000;
    -webkit-box-shadow:inset 0px 1px 0px 0px #73a171;
    -moz-box-shadow:inset 0px 1px 0px 0px #73a171;
    box-shadow:inset 0px 1px 0px 0px #73a171;
}
.cssButtonColor4:hover {
    /*background:-moz-linear-gradient( center top, #346333 15%, #528a50 90% );
	background:-ms-linear-gradient( top, #346333 15%, #528a50 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#346333', endColorstr='#528a50');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #346333), color-stop(90%, #528a50) );
	*/
    background-color:#d50d2e;
    color:#eee;
    text-decoration:none !important;
}

/* Transparent Icons no Border */
.cssButtonColor5 {
    background:transparent;
    color:#555;
}
.cssButtonColor5:hover {
    color:#222;
    text-decoration:none !important;
}


/* Yellow Paypal Express Buttons */
.cssButtonColor6 {
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius:2px;
    border:1px solid #d19c20;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #ffc848 15%, #fbba22 90% );
    background:-ms-linear-gradient( top, #ffc848 15%, #fbba22 90% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc848', endColorstr='#fbba22');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #ffc848), color-stop(90%, #fbba22) );
    background-color:#ffc848;
    color:#222;
    display:inline-block;
    text-shadow:1px 1px 0px #ffd97e;
    -webkit-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
    -moz-box-shadow:inset 1px 1px 0px 0px #ffe3a1;
    box-shadow:inset 1px 1px 0px 0px #ffe3a1;
    height:32px;
}
.cssButtonColor6:hover {
    background:-moz-linear-gradient( center top, #fbba22 15%, #ffc848 90% );
    background:-ms-linear-gradient( top, #fbba22 15%, #ffc848 90% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbba22', endColorstr='#ffc848');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(15%, #fbba22), color-stop(90%, #ffc848) );
    background-color:#fbba22;
    color:#222;
    text-decoration:none !important;
}
.cssButtonColor6 .color-paypal0 {
    font-size:10px;
    line-height:16px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#013088;
    padding: 0 5px 0 0;
    vertical-align:middle;
}
.cssButtonColor6 .color-paypal1 {
    font-size:18px;
    line-height:16px;
    font-family: 'Poppins', sans-serif;
    font-style:italic;
    font-weight:700;
    color:#013088;
}
.cssButtonColor6 .color-paypal2 {
    font-size:18px;
    line-height:16px;
    font-family: 'Poppins', sans-serif;
    font-style:italic;
    font-weight:700;
    color:#019CDE;
}

/* Positions for CSS Buttons */

/* Box add_a_quickie & newsletter */
.cssButtonPos1 {
    position:absolute;
    right:0px;
    top:0px;
    width:50px;
}
.cssButtonPos1 .fa {
    font-size:18px;
    vertical-align:bottom;
}

/* Box search */
.cssButtonPos2 {
    position:absolute;
    right:0px;
    top:0px;
    width:80px;
}

/* Box login */
.cssButtonPos3 {
    float:right;
    width:100px;
}

/* Single Button 130 */
.cssButtonPos4 {
    min-width: 130px;
}

/* Edit Buttons adress_book */
.cssButtonPos5 {
    display:block;
    margin: 0 0 5px 0;
}

/* Small Cart Buttons account, account_history, account_history_info */
.cssButtonPos6 {
    float:left;
    width:50px;
    display:block;
    margin: 0 0 5px 5px;
}
.cssButtonPos6 .fa {
    font-size:18px;
    vertical-align:bottom;
}

/* More than one Button in one line account_history_info & shopping_cart */
.cssButtonPos7 {
    float:left;
    margin: 0px 5px 5px 0px;
    min-width: 130px;
}
.cssButtonPos8 {
    float:right;
    margin: 0px 0px 5px 5px;
    min-width: 165px;
}
.cssButtonPos9 {
    float:left;
    margin: 0px 5px 5px 0px;
    min-width: 150px;
}

/* Delete Button in flyout wishlist & shopping cart */
ul.tc_list li .tc_delete {
    height: 26px;
    right: 0px;
    top: 4px;
    width: 26px;
}
ul.tc_list li .tc_delete .cssButton {
    width:100%;
    text-align:center;
    padding: 4px 0px;
    line-height:19px;
}
ul.tc_list li .tc_delete .cssButton .fa {
    font-size: 15px;
    line-height:19px;
    padding-right: 0;
}

/* Add to basket Button product_info */
.cssButtonPos10 {
    display:block;
    width:100%;
    /*margin: 0 0 5px 0; */
}

/* Small Buttons wishlist */
.cssButtonPos11 {
    /*width:50px; original*/
    width:auto;
    display:inline-block;
    margin: 0 2px 0 2px;
}
.cssButtonPos11 .fa {
    font-size:18px;
    vertical-align:bottom;
}

/* Big Buttons checkout */
.cssButtonPos12 {
    min-width:200px;
    display:inline-block;
}
.cssButtonPos12 .cssButton {
    font-size: 16px;
    line-height: 20px;
    padding: 10px 5px;
    min-width:220px;
}

/* Small Cart Buttons delete */
.cssButtonPos13 {
    display:block;
    margin: 0 0 0px 0px;
}
.cssButtonPos13 .cssButton {
    padding: 3px 5px;
}
.cssButtonPos13 .fa {
    font-size:15px;
    vertical-align:bottom;
}

/* aus der alten lmd, achtung, unterschied cssbutton zu neuem template nur großkleinschreibung */
.cssbutton {
    background-color: #000;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-family: var(--font-secondary);
    padding: 1px 6px;
    text-align: center;
    min-width: 80px;
    border: 0;
    font-size: 16px;
}

.textbutton {
    background-color: #1a8aaa;
}

.audiobutton {
    background-color: #df751d;
}

.cssbutton:hover, .textbutton:hover .audiobutton:hover {
    background-color: #d9d9d1;
    color: #000;
}

.shop-buttons {
    top: -55px;
    position: relative;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(80px, auto));
    grid-gap: 10px;
    justify-content: end;
}
/*
auskommentiert nach cookie-banner update von v.1.36 auf v.140, 2.2.23 vr
button.as-oil__btn-cpc.as-js-advanced-settings {
    color: #999999;
    background: #ffffff;
    border: 1px solid #444444;
}
button.as-oil__btn-only-essentials,
button.as-oil__btn-cpc.as-js-advanced-settings,
button.as-oil__btn-optin.as-js-optin {
    width: 200px;
}
*/
div.as-oil-l-item {
    margin: 0.5rem 0;
}

/* END CSS Buttons */

/* -------------------------------------------------------------------------------------------------------------------*/
/* --- ABO FORMULARE -------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/

.content_site form#abo {
    max-width: 720px;
    /*margin: 0 auto 15px auto;*/
}
.content_site .abo__header {
    max-width: 375px;
}
.content_site form#abo ul {
    list-style-type: disc;
}
.content_site form#abo ul li,
.content_site form#abo ol li{
    list-style: unset;
}
.content_site form#abo ol li{
    line-height:1.5em;
    font-size:var(--font-size-smaller);
    padding-bottom: 5px;
}

.content_site form#abo fieldset {
    vertical-align: top;
    margin: 0 0 15px 0;
    padding: 0 10px 15px;
}
.content_site form#abo fieldset.abo2column {
}
.content_site form#abo > fieldset > legend {
    font-family: var(--font-form);
    padding: 0 10px;
    display: block;
    margin-bottom: 10px;
    font-weight: bold;
}
.content_site > form#abo > fieldset > label {
    font-size: 0.85em;
    display: inline-block;
    min-width: 18%;
    line-height: 22px;
}
.content_site > form#abo > fieldset > label.checkbox  {
    display: unset;
}

.content_site form#abo .bildlinks {
    display: inline-block;
    margin: 10px 15px 10px 0;
}

.content_site form#abo input[type="submit"]#kstpflbestellen {
    font-size: 14px;
    padding: 4px 12px;
    margin: 10px 0;
}

.content_site form#abo .input-cssbutton {
    background: none repeat scroll 0 0
    #111111;
    border-radius: 4px;
    color: #FFFFFF;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 5px;
    padding: 1px 6px;
    text-align: center;
    min-width: 80px;
    border: 0;
}

/* -------------------------------------------------------------------------------------------------------------------*/
/* --- REDESIGN 2017 -------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------*/

#logo_container {
    display: flex;
    width: calc(100% - 40px);
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 10px;
}

#logo_buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex: 1 1 auto;
    justify-content: space-around;
}

#packshot a {
    display: block;
    max-height: 80px;
}

#packshot img {
    /* transform: translateY(30px) rotate(10deg); */
    transform-origin: right;
    transform: translateY(20px) rotate(10deg);
    max-height: 100px;
}

/* MAINNAV */
#mainmenuwrap.redesign2017 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    /* background-color: var(--color-grey); */
    background-color: #f0f0ed;
    width: 100%;
    z-index: 1000000;
    /* siehe auch #layout_logo, vr */
    position: sticky;
    top: 0;
}

.redesign2017 ul#mainnav {
    font-family: DroidRegular,sans-serif;
    /* border-bottom:1px solid #333; */
    font-size: 14px;
    list-style-type: none;
    width: 100%;
    padding: 0;
    z-index: 1000000;
    /*
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1400px;
    margin: 0 auto;
}

.redesign2017 #mainnav.fixed-nav{
    position: fixed;
    top: 0;
    max-width: 1380px;
    background-color: var(--color-light);
}

.redesign2017 ul#mainnav > li {
    transition: background-color 0.3s ease;
    display: inline-block;
    font: 16px/24px Arial,sans-serif;
    list-style-type: none;
    margin-top: -1px;
    /* min-width gehört zu diaplay:grid, siehe ul#mainnav, vr */
    /* min-width: 82px;*/
    padding: 12px 15px;
    position: relative;
    /* text-align: center; */
}

/*
.redesign2017 ul#mainnav > li#logo-hidden {
    width: 38px;
    min-width: 38px;
    padding: 12px 25px 12px 0;
    background-color: transparent;
    display: none;
}
*/

.redesign2017 ul#mainnav > li#logo-hidden.logo-visible {
    display: inline-block !important;
}
.redesign2017 ul#mainnav > li:hover > a,
.redesign2017 ul#mainnav > li:hover{
    color: #FFF;
}
.redesign2017 ul#mainnav > li:hover{
    background-color: #6991aa;
}
.redesign2017 ul#mainnav > li:hover > a:hover {
    color: #fff;
    background-color: transparent;
}

.redesign2017 ul#mainnav li:hover ul,
.redesign2017 ul#mainnav li a:hover ul{
    visibility: visible;
    opacity: 1;
}

.redesign2017 ul#mainnav > li > a {
    transition: background-color 0.3s ease;
    text-decoration: none;
    color: #333;
    /* damit der link in der ganzen box funktioniert, nicht nur über dem text */
    /* padding: 5px 0;
   display:inline; */
    padding: 0;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}

.redesign2017 ul#mainnav > li.ancestor-menu > a:after {
    display: none; /* 7.2.2020 vr */
    transition: background-color 0.3s ease;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid #333;
    border-bottom: none;
    content: "";
    height: 0;
    position: relative;
    left: 5px;
    top: 12px;
    width: 0;
}

.redesign2017 ul#mainnav > li.ancestor-menu:hover > a:after ,
.redesign2017 ul#mainnav > li.ancestor-menu > a:hover:after {
    border-top: 7px solid #fff;
}

/*.redesign2017 ul#mainnav > li.ancestor-menu:hover > a:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 7px solid #FFF;
    content: "";
    height: 0;
    position: relative;
    left: 5px;
    top: 13px;
    width: 0;
}
*/

/* Submenu */

.redesign2017 ul#mainnav li ul{
    position: absolute;
    /*padding-bottom: 8px;*/
    min-width: 100%;
    z-index: 100;
    left: 0;
    top: 48px;
    color: #FFF;
    background-color: #6991aa;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 500ms, visibility 500ms;
    transition: opacity 500ms, visibility 500ms;
    z-index: 10000;
}

.redesign2017 ul#mainnav li li a {
    padding: 2px 0;
}

.redesign2017 ul#mainnav li ul li{
    transition: background-color 0.3s ease;
    background-color: #6991aa;
    display:block;
}

.redesign2017 ul#mainnav li ul li a {
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: normal;
    padding: 4px 12px;
    text-align: left;
    text-decoration: none;
    text-transform: none;
    white-space: nowrap;
}

.redesign2017 ul#mainnav li ul li:hover,
.redesign2017 ul#mainnav li ul li a:hover{
    color: #FFF;
    background-color: #4E6C80;
    text-decoration: none;
    /*padding-left:8px;*/
}

.redesign2017 ul#mainnav li#mainnav-cart {
    margin-left: 100px;
}

/*.redesign2017 ul#mainnav li#mainnav-archiv,
.redesign2017 ul#mainnav li#mainnav-aboservice {
    float: right;
}
*/

ul.abonav {
    list-style-type: none;
    z-index: 200;
}

.abonav li {
    font: 16px/24px Arial,sans-serif;
    white-space: nowrap;
    transition: background-color 0.3s ease;
    background: var(--color-france);
}

.abonav a {
    display: block;
    text-transform: uppercase;
    padding: 8px 30px 8px 30px;
    color: var(--color-light);
}

li.ancestor-menu > a::after {
    transition: background-color 0.3s ease;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 7px solid white;
    border-bottom: none;
    content: "";
    height: 0;
    position: relative;
    left: 5px;
    top: 12px;
    width: 0;
}

section.contact-us {
    column-width: 300px;
}

.contact-us article {
    display: inline-block;
    width: 100%;
}

.highlightbox.contact-us {
    background-color: unset;
    padding: 15px 10px;
}

div#blog-griechenland h2 {
    margin: 40px 0 10px 0;
}
div#blog-griechenland p {
    margin: 0 0 20px 0;
}
/* Weihnachtsaktion Superpräminen 2021/22 */

body.noel .buttongroup--verti {
    background: #F9B247;
}
body.noel h1.h1 i {
    text-transform: none;
    font-size: 30px;
    font-family: Georgia, sans-serif;
    font-weight:normal;
}
body.noel,
body.noel #layout_wrap,
body.noel #layout_content,
body.noel .page__nav{
    background: #FEF7ED;
}
body.noel h1 {
    margin-bottom: 10px;
}
body.noel h3.noel {
    font-weight: bold;
    color: #F9B247;
}
body.noel .buttongroup a.button,
body.noel h1,
body.noel h2{
    color: #F9B247;
}
body.noel h2 {
    font-weight: bold;
}
body.noel div.section.section--line {
    border-top: none;
}
body.noel div.list li {
    list-style: unset;
    margin-left: 20px;
    line-height: 25px;
}
body.noel .hamburger__label {
    background: unset;
}
/* 30 Jahre LMd Abo */
body.jubiabo30 .hamburger__label {
    background: unset;
}
body.jubiabo30 h2 {
    font-weight: bold;
}
body.jubiabo30 div.section.section--line {
    border-top: none;
}
body.jubiabo30 .content_site form#abo fieldset {
    border-color: #000000;
}
body.jubiabo30 .content_site a {
    color: unset;
    border-bottom: 2px dotted #222222;
}
body.jubiabo30,
body.jubiabo30 #layout_wrap,
body.jubiabo30 #layout_content,
body.jubiabo30 .page__nav{
    background-color: #edddde;
        /* background: #E17A9A;
        background-color: #e17a9ab0 !important;*
    }
    /* END 30 Jahre LMd Abo */

body.jubiatlas,
body.jubiatlas #layout_wrap,
body.jubiatlas #layout_content,
body.jubiatlas .page__nav{
    background: #d9eec6;
}
body.jubiatlas .content_site form#abo fieldset {
    border: 2px solid #1a393d;
}
/*
body.noel h1.h1 i {
    text-transform: none;
    font-size: 30px;
    font-family: Georgia, sans-serif;
    font-weight:normal;
}
body.noel,
body.noel #layout_wrap,
body.noel #layout_content,
body.noel .page__nav{
    background: #FEF7ED;
}
body.noel h1 {
    margin-bottom: 10px;
}
body.noel h3.noel {
    font-weight: bold;
    color: #F9B247;
}
body.noel .buttongroup a.button,
body.noel h1,
body.noel h2{
    color: #F9B247;
}
body.noel h2 {
    font-weight: bold;
}
body.noel div.section.section--line {
    border-top: none;
}
body.noel div.list li {
    list-style: unset;
    margin-left: 20px;
    line-height: 25px;
}
body.noel .hamburger__label {
    background: unset;
}
*/
span.etagdin {
    padding-top: 20px;
}