body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}

body, form, figure
{
    margin: 0;
    padding: 0
}

img
{
    border: 0
}

header, footer, nav, section, aside, article, figure, figcaption
{
    display: block
}

body
{
    font-size: 100.01%;
}

select, input, textarea
{
    font-size: 99%;
    padding: 0.25rem;
}

.ebayKategorien a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #5e5e5e
}
.ebayKategorien a
{
    text-decoration: none;
    font-weight: bold;
    color: #5e5e5e
}


#container, .inside
{
    position: relative
}

#main, #left, #right
{
    position: relative
}

#footer
{
    clear: both
}

#main .inside
{
    min-height: 1px
}

.ce_gallery > ul
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none
}

.ce_gallery > ul li
{
    float: left
}

.ce_gallery > ul li.col_first
{
    clear: left
}

.float_left
{
    float: left
}

.float_right
{
    float: right
}

.block
{
    overflow: hidden
}

.clear, #clear
{
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both
}

.invisible
{
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.custom
{
    display: block
}

#container:after, .custom:after
{
    content: "";
    display: table;
    clear: both
}


#wrapper{
  width:80%;
  max-width: 1600px;
  background: #ddd;
  margin: 0 auto;
  background: #fff;
  border-radius: 0 0 10px 10px;
  //overflow:hidden;
}

#main {
  margin-left: 20%;
  margin-right: 20%;
}

#left {
  width: 18%;
  float:left;
  margin-left:1%;
  margin-right:1%;
}

#right {
  width: 18%;
  float:right;
  margin-left:1%;
  margin-right:1%;
}

#container{
  padding-top: 4em;
  padding-bottom: 4em;
}

#footer, #footer a {
  color: #eee;
}

#footer a:hover{
color: #fff !important;
  text-decoration: none;
}

#header{
  //height: 200px;
  background: #B4D24C;
}

#header a
{
    text-decoration: none;
    font-weight: bold;
    color: #ffffff
}
#header p {

     margin-top: 10px;
}

#header a:hover
{
    text-decoration: none;
    font-weight: bold;
    color: #ffffff
}
#header .balken2 {
  width: 100%;
  height: 40px;
  background: #5e5e5e;
  position:absolute;
  bottom: 0;
  opacity: 0.8;
  color: #9f372a;
}

#header .inside {
  padding-bottom: 40px;
}

#header .logo {
  width: 20%;
  padding: 5% 10%;
}

#header .logo img {
  width: 100%;
    height: auto;
}

#header .balken {
  width: 100%;
  height: 40px;
  background: #5e5e5e;
  position:absolute;
  bottom: 0;
}



#header .kopfbild {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 90%;
}


/* Style sheet 2-basic */
a
{
    text-decoration: none;
    color: #ffffff
}

a:hover
{
    color: #ffffff
}

body
{
    color: #444;
    font: 0.875em/1.5 Arial, "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
    background: #5e5e5e;
}

h1, h2, h3, h4, h5, h6
{
    font-weight: bold;
    font-size: 1em;
    //font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul
{
    margin-bottom: 1em
}

h1
{
    font-size: 1.375em
}

#main .inside h1:first-child {
    margin-top: 0;
    line-height: 2;
}


h2
{
    font-size: 1.125em
}

h3
{
    //margin-bottom: 0.5em;
    border-top: 1px solid #ccc;
    line-height: 2;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}

h4
{
    margin-bottom: 0.5em;
    font-family: Arial, Verdana, Helvetica;
    font-weight: bold
}

ol, ul
{
    margin-bottom: 1em;
    margin-left: 1em
}

ul li
{
    list-style-type: square
}

li
{
    margin-bottom: 3px;
    margin-left: 21px
}

.mtop
{
    margin-top: 1em
}

.mbot
{
    margin-bottom: 12px
}


/* Style sheet 3-grid */
#right .mod_article
{
    float: left
}

.g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12
{
    float: left;
    display: inline;
    margin-right: 1.6666%;
    margin-left: 1.6666%;
}

.g1
{
    width: 13.3333%
}

.g2
{
    width: 30%
}

.g3
{
    width: 46.6666%
}

.g4
{
    width: 63.3333%
}

.g5
{
    width: 80%
}

.g6
{
    width: 96.6666%
}

.g7
{
    width: 113.3333%
}

.g8
{
    width: 130%
}

.g9
{
    width: 146.6666%
}

.g10
{
    width: 163.3333%
}


#footer .g1, #footer .g2, #footer .g3, #footer .g4, #footer .g5, #footer .g6, #footer .g7, #footer .g8, #footer .g9, #footer .g10, #footer .g11, #footer .g12
{
    margin-right: 1%;
    margin-left: 1%;
}

#footer .g1
{
    width: 8%
}

#footer .g2
{
    width: 18%
}

#footer .g3
{
    width: 28%
}

#footer .g4
{
    width: 38%
}

#footer .g5
{
    width: 48%
}

#footer .g6
{
    width: 58%
}

#footer .g7
{
    width: 68%
}

#footer .g8
{
    width: 78%
}

#footer .g9
{
    width: 88%
}

#footer .g10
{
    width: 98%
}

.mod_article > .block
{
    margin-right: 1.6666%;
    margin-left: 1.6666%;
}

.mod_article > .ce_headline
{
    margin-right: 1.6666%;
    margin-left: 1.6666%;
}

.g1 .ce_headline, .g2 .ce_headline, .g3 .ce_headline, .g4 .ce_headline, .g5 .ce_headline, .g6 .ce_headline, .g7 .ce_headline, .g8 .ce_headline, .g9 .ce_headline, .g10 .ce_headline, .g11 .ce_headline, .g12 .ce_headline
{
    margin-right: 0;
    margin-left: 0
}

.g1 .block, .g2 .block, .g3 .block, .g4 .block, .g5 .block, .g6 .block, .g7 .block, .g8 .block, .g9 .block, .g10 .block, .g11 .block, .g12 .block
{
    margin-right: 0;
    margin-left: 0
}

.gr
{
    margin-right: 20px !important
}

#right .g2{
  width: 96%;
}



#right h1, #left h1
{
    //margin-bottom: 0;
    //padding-top: 1px;
    //padding-bottom: 5px;
    //padding-left: 4px;
    font-size: 1em;
    //line-height: 1.125em;
    //font-weight: bold;
    //color: #606060;
    text-transform: uppercase;
    background:#ccc;
    padding-left:0.5rem;
    border-left:0.25rem solid #5e5e5e;
    margin-top: 0;
    line-height: 3;
//    color:#000;
}

#right .zahlweisen
{
    margin-bottom: 2rem;
    width:100%;
}

#right .zahlweisen img
{
    margin-right: 0.25rem !important;
}

.keinrahmen image_container
{
    border: 0;
    border: none
}

#right .powerseller
{
    float: right;
    margin-right: 50px;
    margin-bottom: 50px
}

#footer ul, #footer li
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    list-style-type: none
}

.newslettertext
{
    height: 150px
}

.mod_article p.back
{
    //margin-top: 32px;
    //margin-left: 10px
    line-height: 3;
}

.themen .mod_article.teaser
{
    float: left;
    margin-right: 10px;
    margin-left: 10px
}

.themen .mod_article.teaser h2
{
    margin-bottom: 0;
    font-size: 1.125em
}

#ce_slider_itemsholder img
{
    margin-bottom: 10px
}

#start
{
    margin-top: -32px
}

#start a.weiter
{
    display: block;
    margin-top: 20px
}


.mod_breadcrumb
{
    top: 9px;
    position: relative;
    margin-bottom: 1em;
    font-size: 0.75rem;
}

.mod_breadcrumb:before
{
    content: "You are here: "
}

.mod_booknav
{
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 1px dotted #ddd
}

.mod_booknav li
{
    width: 45%;
    float: left
}

.mod_booknav li.up
{
    width: 10%;
    text-align: center
}

.mod_booknav li.next
{
    text-align: right
}

.mod_sitemap li
{
    line-height: 1.5
}

.mod_sitemap ul.level_1 ul
{
    margin-bottom: 0
}

.mod_sitemap a
{
    text-decoration: none
}

.mod_sitemap a:hover
{
    text-decoration: underline
}

.mod_sitemap .nositemap
{
    display: none
}

.pagination
{
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 1em;
    border-top: 1px dotted #ddd
}

.pagination p
{
    width: 105px;
    float: left;
    margin-bottom: 0
}

.pagination ul
{
    width: auto;
    float: right;
    margin-bottom: 0;
    //padding-top: 1px;
    //padding-bottom: 1px;
    text-align: right
}

.pagination li
{
    display: inline;
    margin: 0;
    padding: 0 0.5rem;
    //background-color: #eee;
    //border: 1px solid #ccc
}

.mod_quicknav select
{
    width: 75%
}

#footer a:hover, #footer a:active, #footer span.active
{
    color: #000
}

.footernavigation
{
    margin-top: 1rem;
}


.footernavigation ul li a, .footernavigation ul li span
{
//    padding-left: 10px;
//    background-image: url("../../../../dateien/shop/layout/pfeil.gif");
//    background-repeat: no-repeat;
    //line-height: 1.5;
    text-decoration: none;
    color: #eee !important;
//    background-position: 0 10px
}

.footernavigation ul li a:before, .footernavigation ul li span:before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.5rem;
    color: #eee;
    content: "\f0da";
}


.footerlinks a, .footerlinks span
{
    padding-left: 0;
    line-height: 2rem;
    text-decoration: none;
    color: #606060;
    background: none
}

.rsslink
{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url("../../../../dateien/shop/layout/rss.gif");
    background-repeat: no-repeat;
    background-position: 0px 3px
}

a.favlink
{
    display: block;
    margin-top: 1rem;
}
a.favlink:before
{
//    padding-left: 20px;
//    background: url("../../../../dateien/shop/layout/fav.gif") left center no-repeat;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #b4d24c;
    content: "\f005";

}

p.more a:before
{
//    padding-left: 15px;
//    background: url("../../../../dateien/shop/layout/vor.png") left center no-repeat

font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #444;
    content: "\f061";
    text-decoration: none !important;

}
/*
p.back a, .go_back a
{
    padding-left: 15px;
    background: url("../../../../dateien/shop/layout/zurueck.png") left center no-repeat
}
*/
p.back a:before, .go_back a:before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #444;
    content: "\f060";
    text-decoration: none !important;
}



#produktmenue
{
    padding-bottom: 5px;
    background-color: #F7FAE6;
    border-right: 1px solid #C4C1BC;
    border-bottom: 1px solid #C4C1BC;
    border-left: 1px solid #C4C1BC
}

#produktmenue ul
{
    margin-top: 10px;
    margin-left: 5px
}

#produktmenue li
{
    margin-bottom: 5px
}

#produktmenue a, #produktmenue span, .clearall a
{
    color:#444;
}
#produktmenue a:before, #produktmenue span:before, .clearall a:before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #444;
    content: "\f0da";
}


#produktmenue a:hover
{
    text-decoration: underline
}

.copyright a
{
    color: #363736
}



/* Style sheet 6-contentelemente */
.ce_text, .ce_table, .ce_image, .ce_download, .ce_downloads, .ce_code, .ce_dfGallery
{
    margin-bottom: 1em
}

.ce_text p, .ce_text pre, .ce_hyperlink, .ce_list, .teaser, .comment
{
    //line-height: 1.5
}

.info, .time
{
    font-size: 0.75rem;
    color: #999
}

.pdf_link
{
    right: 0;
    position: absolute;
    margin-top: 44px;
    font-size: 0.75rem;
}

.ce_text pre
{
    padding: 9px;
    background-color: #f9f9f9;
    border: 1px solid #ddd
}

.hyperlink_txt, .marker a, a.marker, .mod_personalData a
{
    //padding-left: 10px;
    //background: url("../../../../dateien/shop/layout/pfeil.gif") left center no-repeat
}

.hyperlink_txt:before, .marker a:before, a.marker:before, .mod_personalData a:before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #444;
    content: "\f0da";
    text-decoration: none !important;
}



.image_container
{
    float: left
}

.image_container a, .layout_simple a
{
    padding-left: 0;
    background: none
}

.image_container img
{
    padding: 2px;
    background-color: #fff;
    border: 1px solid #ddd
}

.keinrahmen .image_container img
{
    margin: 0;
    padding: 0;
    border: 0
}

.image_container .caption
{
    margin-top: -2px;
    padding: 2px 4px 3px;
    background-color: #ddd;
    font-size: 10px
}

*:first-child + html .image_container .caption
{
    margin-top: 1px
}

.ce_gallery table
{
    margin-bottom: 0
}

.ce_gallery td
{
    padding-right: 1.5em;
    padding-bottom: 1em
}

.ce_list ol
{
    margin-left: 3em
}

.ce_list ol li
{
    list-style: decimal outside
}

.ce_list li
{
    margin-bottom: 5px
}

.ce_table
{
    padding: 1px
}

.ce_table table
{
    width: 100%;
    border: 1px solid #c8cbd0
}

.ce_table th
{
    padding: 4px;
    background-color: #ececec;
    border-top: 1px solid #b0b0b0;
    border-right: 1px solid #b0b0b0;
    border-bottom: 2px solid #b0b0b0;
    border-left: 1px solid #b0b0b0
}

.ce_table td
{
    padding: 4px;
    border: 1px solid #ccc
}

.ce_table tr.odd td
{
    background-color: #f6f6f6
}

.ce_table tfoot td
{
    background-color: #ececec
}

.ce_table .row_last td
{
    border-bottom: 1px solid #b0b0b0
}

.ce_table.positionen th.col_first, .ce_table.positionen td.col_first, .ce_table.positionen th.col_last, .ce_table.positionen td.col_last
{
    width: 5%;
    white-space: nowrap
}

.ce_table.positionen th.col_last, .ce_table.positionen td.col_last
{
    text-align: right
}

.ce_table.preise th, .ce_table.preise td
{
    width: 5%;
    text-align: right;
    white-space: nowrap
}

.ce_table.preise th.col_first, .ce_table.preise td.col_first
{
    width: auto;
    text-align: left
}

.ce_table.auflistung th.col_first, .ce_table.auflistung td.col_first
{
    width: 5%;
    white-space: nowrap
}

.ce_table.wert_letzte th.col_last, .ce_table.wert_letzte td.col_last
{
    width: 5%;
    text-align: right;
    white-space: nowrap
}

.ce_download img, .ce_downloads img
{
    vertical-align: top
}

.ce_downloads p
{
    margin-bottom: 3px
}

.ce_comments .comment_default
{
    margin-bottom: 6px;
    padding: 9px 9px 9px 7px;
    background-color: #F7FAE6;
    border-left: 2px solid #7AB520
}

.ce_comments p.confirm
{
    margin-bottom: 6px;
    padding: 9px 9px 9px 7px;
    background-color: #F7FAE6;
    border-left: 2px solid #7AB520;
    font-weight: bold;
    color: #f00
}

.ce_comments .info
{
    margin-bottom: 1.5em;
    padding-bottom: 3px;
    border-bottom: 1px dotted #ddd
}

.ce_comments .comment
{
    font-size: 0.75rem;
}

.ce_comments .form
{
    margin-top: 1.5em
}

.ce_comments .widget
{
    margin-bottom: 3px
}

.ce_comments .text, .ce_comments .captcha
{
    width: 40%;
    margin-right: 0
}

.ce_comments span.captcha_text
{
    font-weight: bold;
    color: #444
}

.ce_accordion .toggler
{
    padding: 5px 0 5px 12px;
    font-size: 14px;
    font-weight: bold;
    color: #000080;
    background: url("../../../../dateien/shop/layout/pfeil.gif") left center no-repeat;
    cursor: pointer
}

.ce_accordion .toggler:hover
{
    color: #000020
}

.ce_accordion_first .toggler
{
    border-top: 1px solid #ccc
}

.ce_accordion .accordion > div
{
    padding: 10px 0;
    border-width: 1px 0px;
    border-style: solid;
    border-color: #ccc
}

.ce_code
{
    margin-top: 1.5;
    padding: 0 2px 0 0
}

.ce_bookmarking
{
    margin-top: 10px
}



/* Style sheet 10-info */
.mod_newslist
{
    margin-top: 1em
}

.mod_newsarchive h1
{
    margin-bottom: 0.75em
}

.mod_newsmenu .level_1 ul
{
    margin-bottom: 0
}

.mod_newsmenu li.year
{
    font-weight: bold
}

.mod_newsmenu .level_2
{
    margin-top: 6px;
    margin-bottom: 6px
}

.mod_newsmenu .level_2 li
{
    font-weight: normal
}

.mod_newsmenu a
{
    text-decoration: none
}

.mod_newsmenu a:hover
{
    text-decoration: underline
}

.layout_latest
{
    padding: 12px 6px 3px;
    border-bottom: 1px solid #ccc
}

.layout_latest.first
{
    border-top: 1px solid #ccc
}

.layout_latest h2
{
    margin-top: 9px
}

.layout_short, .layout_blog
{
    margin-bottom: 20px;
    border-top: 1px solid #ddd
}

.layout_short h2
{
    margin-top: 0;
    margin-bottom: 0.5em
}

.layout_short h2 a
{
    color: #444
}

.layout_short .info
{
    margin-bottom: 3px
}

.layout_full h1
{
    margin-bottom: 3px
}

.layout_full p.info
{
    margin-bottom: 18px
}

.layout_simple
{
    margin-bottom: 5px
}

.mod_nl_list a
{
    padding-left: 0;
    background: none
}

.mod_nl_list li
{
    margin-bottom: 10px;
    margin-left: 5px
}

.blogtitel
{
    position: absolute
}

.blogthemen .toggler
{
    float: right;
    margin-top: 5px
}

.blogthemen > .accordion
{
    clear: right
}

.mod_tagcloud ul
{
    margin-left: 0
}

.ce_hyperlink.allethemen
{
    float: left;
    margin-right: 10px
}

.zentriert
{
    text-align: center
}

.inline
{
    display: inline;
    padding-right: 5px;
    padding-left: 5px;
    border-top: 1px solid #ccc
}

.zentriert a
{
    padding-right: 5px;
    border-top: 1px solid #ccc
}


/* Style sheet 9-events */
.mod_calendar
{
    padding: 1px
}

table.calendar
{
    width: 98%;
    margin-top: 1em;
    border: 1px solid #ccc
}

table.calendar .head
{
    padding-top: 9px;
    padding-bottom: 9px;
    text-align: center;
    background: url("../../tl_files/rounded_boxes/images/gradient.jpg") left bottom repeat-x
}

table.calendar th.previous
{
    padding-left: 12px;
    text-align: left
}

table.calendar th.next
{
    padding-right: 12px;
    text-align: right
}

table.calendar th a
{
    text-decoration: none;
    color: #444
}

table.calendar th a:hover
{
    text-decoration: underline
}

table.calendar .label
{
    padding-top: 2px;
    padding-bottom: 3px;
    text-align: center;
    background-color: #346599;
    border-right: 1px solid #346599;
    color: #fff;
    border-left: 1px solid #346599
}

table.calendar td
{
    width: 14%;
    height: 7em;
    vertical-align: top;
    border: 1px solid #ccc
}

table.calendar .header
{
    margin: 1px;
    padding: 1px;
    background-color: #f0f0f0;
    font-size: 0.75rem;
    color: #666
}

table.calendar .event
{
    margin: 3px;
    font-size: 0.75rem
}

table.calendar .event a
{
    text-decoration: none
}

table.calendar .event a:hover
{
    text-decoration: underline
}

table.calendar .weekend
{
    background-color: #f7f9fa
}

table.calendar .today
{
    background-color: #f0f3f6
}

table.minicalendar
{
    width: 98%;
    border: 1px solid #ccc
}

table.minicalendar .head, table.minicalendar .label
{
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    background-color: #e1e6ec
}

table.minicalendar .label
{
    border-bottom: 1px solid #8c9ba5
}

table.minicalendar td
{
    width: 14%;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc
}

table.minicalendar .weekend
{
    background-color: #f7f9fa
}

.mod_eventlist
{
    margin-top: 1em;
    margin-bottom: 1em
}

.mod_eventlist h2
{
    margin-top: 9px
}

.mod_eventlist .header
{
    padding: 9px;
    border-bottom: 1px solid #ccc;
    background: url("../../tl_files/rounded_boxes/images/gradient.jpg") left bottom repeat-x
}

.mod_eventlist .header:first-child
{
    border-top: 1px solid #ccc
}

.mod_eventlist .event
{
    padding: 6px;
    border-bottom: 1px solid #ccc
}

.mod_eventlist .event.odd
{
    background-color: #f6f7f9
}

.mod_eventlist .time
{
    margin-top: -1em
}

.mod_eventreader .event h1
{
    margin-bottom: 3px
}

.mod_eventreader p.info
{
    margin-bottom: 18px
}

.mod_eventreader .recurring
{
    color: #ac7944
}

.mod_upcoming_events .event
{
    line-height: 1.5
}

.mod_upcoming_events .date
{
    padding-right: 6px
}

.mod_eventlist .image_container img{
width:100%;
}

/* Style sheet 8-formulare */
label
{
    color: #808080;
}

.checkbox_container label, .radio_container label
{
    font-weight: normal
}

.tableless .checkbox_container label, .tableless .radio_container label
{
    display: inline
}

input[type="text"], input[type="password"], textarea
{
    margin-bottom: 5px;
    //padding: 2px;
    border: 1px solid #ccc
}

input[type="text"], input[type="password"]
{
    width: 95%
}

textarea
{
    width: 95%
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus
{
    background-color: #F1FBE1;
    border-color: #7AB520 !important
}

select
{
    width: 75%;
    //padding: 1px;
    border: 1px solid #ccc
}

.checkbox_container span, .radio_container span
{
    display: block
}

.checkbox_container + br, .radio_container + br
{
    display: none
}

.checkbox_container label, .checkbox_container input
{
    vertical-align: middle
}

.tableless input[type="checkbox"], x:-moz-any-link
{
    top: -2px;
    position: relative
}

input[type="radio"], x:-moz-any-link
{
    top: 2px;
    position: relative
}

.submit_container
{
    margin-top: 1em
}

input[type=submit], button[type=submit]
{
    //padding-right: 40px;
    //padding-left: 5px
}

input[type=button]
{
    padding-right: 40px;
    padding-left: 5px
}

form table td
{
    padding-top: 3px;
    padding-bottom: 3px
}

form table td:first-child
{
    width: 28%;
    padding-top: 0.5rem;
    padding-right: 1.5rem;
    padding-bottom: 0;
    text-align: right
}

.tableform table
{
    width: 98%;
    margin-top: 1.5em;
    margin-bottom: 0
}

.tableless .formbody
{
    padding-top: 0
}

fieldset
{
    margin-top: 1em;
    border-top: 1px dotted #ddd
}

fieldset.checkbox_container
{
    border-top: none;
}

.item fieldset
{
    margin-top: 0;
    border-top: 0
}

legend
{
    padding-right: 6px;
    background-color: #f6f7f9;
    //color: #346599
}

fieldset legend
{
    background:transparent;
    margin-bottom: 0.5rem;
}

.checkbox_container legend span
{
    display:inline;
}

fieldset table
{
    width: 92%;
    margin-top: 1em !important;
    margin-bottom: 1em !important
}

fieldset table td:first-child
{
    width: 140px;
    text-align: left
}

span.mandatory
{
    font-weight: bold;
    color: #ac7944
}

p.confirm
{
    padding: 4px;
    font-weight: bold;
    color: #6c8c14
}

p.error
{
    margin-bottom: 6px;
    font-size: 0.75rem;
    color: #e00000
}

input[type="text"].error, input[type="password"].error, textarea.error
{
    background-color: #FFFFC0;
    border-color: #808080 !important
}

input.captcha
{
    width: 48px;
    margin-right: 6px
}

span.captcha_text
{
    font-weight: normal;
    color: #808080
}

*:first-child + html span.captcha_text
{
    top: -3px;
    position: relative
}

input[type=submit], .submit, button[type=submit]
{
    background-color: #5e5e5e;
    color: #b4d24c;
    border: 1px solid #000;
    border-radius:0.25rem;
    padding: 0.25rem 3rem 0.25rem 0.5rem;
}

.submit:hover
{
    border: 1px solid #88A329;
    background: #b4d24c;
    color: #444;
}


/* Style sheet 7-module */
.mod_chshop_minicart, .mod_login
{
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    background: #ededed;
}

.mod_chshop_minicart
{
    margin-bottom: 3rem;
}

.mod_chshop_minicart .content, .mod_chshop_minicart .total, .mod_login form
{
    margin-top: 0;
    padding: 0.5rem 0.25rem;
}

.mod_login h1:before, .mod_chshop_minicart h1:before
{
    font: normal normal normal 14px/1 FontAwesome;
    float:right;
    line-height: 1.75;
    font-size: 1.5rem;
    padding-right: 0.5rem;
    color: #888;
}

.mod_login h1:before
{
    content: "\f007";
}

.mod_chshop_minicart h1:before
{
    content: "\f07a";
}

.mod_catalogfilter
{
    //padding: 0 5px 10px;
    border: 1px solid #ddd;
    background: #ededed;
    padding-bottom: 1rem;
}

.mod_catalogfilter div
{
    padding: 0.25rem;
}

.mod_catalogfilter div div
{
    padding: 0;
}

#kopf_produkte
{
//  padding: 0 5px 0 0;
//    border-top: 1px solid #C4C1BC;
//    background: #F7FAE6 url("../../../../dateien/shop/layout/kopf_finder.gif") left top repeat-x;
//    border-right: 1px solid #C4C1BC;
//    border-bottom: 0px solid #C4C1BC;
//    border-left: 1px solid #C4C1BC
}

.mod_dlh_googlemaps
{
    border: 1px solid #808080
}

.mod_catalogfilter h3
{
    display: none
}

#left .mod_catalogfilter h1, #kopf_produkte h1, #left .mod_catalogfilter h1 a
{
    background: #B4D24C;
    display: block;
    color: #444;
}

#left .mod_catalogfilter h1:before
{
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f059";
    float:right;
    line-height: 1.75;
    font-size: 1.5rem;
    padding-right: 0.5rem;
    color: #88a329;
}

#kopf_produkte h1
{
    padding-left: 0;
    color: #000
}

.mod_catalogfilter .select
{
    width: 100%;
    margin-bottom: 3px;
}

.mod_catalogfilter .widget
{
    margin-top: 5px
}

.mod_catalogfilter .filter_field_tags_de, .mod_catalogfilter .filter_field_tags_en, .mod_catalogfilter .filter_field_tags_fr
{
    margin-top: 10px
}

.mod_catalogfilter .submit
{
    width: 25px;
    height: 25px;
    padding: 0 1.5rem 0 0.5rem;
    font-size: 1rem;
    text-indent: -99999px;
    background: #5e5e5e url("../../../../dateien/shop/layout/suchen1.png") center center no-repeat;
}

.mod_catalogfilter .submit:hover
{
    color: #444;
    background: #b4d24c url("../../../../dateien/shop/layout/suchen0.png") center center no-repeat;
}

.mod_catalogfilter .text
{
    width: 70%;
    max-width: 70%;
}

.mod_catalogfilter .sort_group, .mod_catalogfilter .filter_group, .mod_catalogfilter .clearall
{
    padding-top: 10px
}


.mod_catalogfilter.mobiltags .clearall{
    display:none !important;
}

.mod_catalogfilter.mobiltags .multiselect{
    width:100%;
}


.mod_catalogfilter.mobiltags .filter_field_tags_de, .mod_catalogfilter.mobiltags .filter_field_tags_en, .mod_catalogfilter.mobiltags .filter_field_tags_fr{
    display:block !important;
}

.mod_catalogfilter.mobiltags {
    margin-top: -3.5rem;
    border-top: none;
    display:none;
}

.mod_quickpoll .graph .label
{
    margin-top: 10px;
    font-style: italic;
    color: #000
}

.mod_quickpoll .graph .color1, .mod_quickpoll .graph .color6
{
    background-color: #70AE19;
    border-bottom: 1px solid #808080
}

.mod_quickpoll .graph .color2, .mod_quickpoll .graph .color7
{
    background-color: #A5E200;
    border-bottom: 1px solid #808080
}

.mod_quickpoll .graph .color3, .mod_quickpoll .graph .color8
{
    background-color: #FFEA35;
    border-bottom: 1px solid #808080
}

.mod_quickpoll .graph .color4, .mod_quickpoll .graph .color9
{
    background-color: #FFBA01;
    border-bottom: 1px solid #808080
}

.mod_quickpoll .graph .color5, .mod_quickpoll .graph .color10
{
    background-color: #FF7301;
    border-bottom: 1px solid #808080
}

.mod_quickpoll .description
{
    padding-bottom: 10px;
    font-weight: bold;
    color: #000
}

.mod_quickpoll .resultslink
{
    margin-top: 10px
}

.mod_quickpoll .stoptext, .mod_quickpoll .totaltext
{
    font-size: 0.75rem
}

.mod_imageslider a
{
    background-image: none
}

.mod_listing span
{
    display: none
}

.mod_listing .single_record td
{
    padding: 4px 20px 4px 0
}

.mod_faqreader
{
    padding: 5px;
    background-color: #F7FAE6;
    border: 1px solid #C4C1BC
}

#right .mod_eventlist .ce_text
{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E9F0C2
}

.mod_registration .row_13 .col_0, .mod_registration .row_13 legend
{
    display: none
}

.mod_registration .row_13 fieldset
{
    border: none
}


/* Style sheet chShopCatalog */

.mod_catalogreader
{
    margin:0 !important;
}

.mod_catalogreader p.back
{
    margin: 0 1.666% 2rem 1.666%;
}

.mod_catalogreader .spalte1
{
    //width: 47%;
    position: relative;
    float: left;
}

.mod_catalogreader .prod_image
{
    padding: 4px;
    border: 1px solid #ccc;
}

.mod_catalogreader .prod_image img
{
    max-width: 100%;
    height: auto;
    background-color: #fff;
}

.mod_catalogreader .varianten ul, .mod_catalogreader .varianten li
{
    margin: 0;
    padding: 0;
    list-style-type: none
}

.mod_catalogreader .varianten li
{
    clear: both;
    padding-top: 10px
}

.mod_catalogreader .varianten img
{
    float: left;
    display: block;
    margin-right: 10px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #C4C1BC
}

.mod_catalogreader .variantentext
{
    padding-top: 10px
}

.mod_catalogreader .spalte2
{
    //width: 47%;
    float: left;
}

.mod_cataloglist .total
{
    line-height: 3;
}

.mod_cataloglist .item
{
    width: 28%;
    height: 480px;
    position: relative;
    float: left;
    margin-top: 2rem;
    padding: 0.75%;
  //margin-left: 1.6666%;
  //margin-right: 1.6666%;
    margin-right: 3.33%;
  min-width:150px;

  border: 1px solid #ddd;
    //background: url("../../../../dateien/shop/layout/produktliste.gif") left bottom repeat-x;
    background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(181,211,235,0) 50%, rgba(237,237,237,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(50%,rgba(181,211,235,0)), color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(181,211,235,0) 50%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(181,211,235,0) 50%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(181,211,235,0) 50%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(181,211,235,0) 50%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ededed',GradientType=0 );
}

.mod_cataloglist .item.middle
{
//    margin-right: 20px;
//    margin-left: 20px
}

.mod_cataloglist .item .prod_image img{

  max-width:100%;
}

.mod_cataloglist h3
{
    margin-top: 10px;
    margin-bottom: 10px;
    //font-size: 0.875em;
    line-height: 16px;
    font-weight: bold;
    color: #444;
    border: none
}

.mod_cataloglist h4.hersteller, .mod_catalogreader h4.hersteller
{
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: normal
}

.mod_cataloglist .productid, .mod_catalogreader .productid
{
    margin-bottom: 5px
}

.mod_catalogreader .shortdesc
{
    width: 100%;
    margin-top: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #dddddd
}

.mod_cataloglist .tax, .mod_catalogreader .tax
{
    font-size: 10px;
    line-height: 11px;
    color: #808080
}

.mod_cataloglist .amount, .mod_catalogreader .amount
{
    width: 25px !important
}

.mod_cataloglist .preise, .mod_catalogreader .preise
{
    margin-top: 10px;
    margin-bottom: 10px
}

.mod_catalogreader .preise
{
    margin-top: 30px
}

.mod_cataloglist .minikorb, .mod_catalogreader .minikorb
{
    width: 25px;
    height: 25px;
    padding: 0 1.5rem 0 0.5rem;
    font-size: 1rem;
    color: #444;
    background: #b4d24c;
}

.mod_cataloglist .minikorb:hover, .mod_catalogreader .minikorb:hover
{
    background: #5e5e5e;
}


.mod_cataloglist .minikorb:hover, .mod_catalogreader .minikorb:hover
{
    color: #b4d24c;
}


.mod_catalogreader .minikorb
{
    text-align: left;
    text-indent: 0;
    width: 10rem;
}

.mod_catalogreader .minikorb span
{
    padding-left:0.5rem;
    font-size: 0.75rem;
}

.mod_cataloglist .vorbestellbar, .mod_catalogreader .vorbestellbar
{
    margin-bottom: 10px;
    font-size: 10px;
    line-height: 12px;
    color: #ef0000
}

.mod_cataloglist label, .mod_catalogreader label
{
    display: none
}

.mod_cataloglist select, .mod_catalogreader select
{
    width: 99%;
    margin-bottom: 5px;
    font-size: 0.75rem;
}

.mod_catalogreader select
{
    font-size: 12px
}

.mod_cataloglist .priceview, .mod_catalogreader .priceview
{
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    color: #527816
}

.mod_cataloglist .preisab, .mod_catalogreader .preisab
{
    font-size: 10px;
    font-weight: normal;
    color: #444
}

.mod_cataloglist .ampel, .mod_catalogreader .ampel
{
    margin-bottom: 5px
}

.mod_catalogreader .ampel
{
    float: left;
    margin-right: 10px
}

.mod_cataloglist .formular
{
    bottom: 0;
    left: 5px;
    position: absolute
}

.mod_cataloglist .details
{
    //padding-left: 8px;
    //background: url("../../../../dateien/shop/layout/pfeil.gif") left center no-repeat
}

.mod_cataloglist .details:before
{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: .875rem;
    padding-right: 0.25rem;
    color: #444;
    content: "\f0da";
}

.mod_cataloglist .details:hover::before
{
    text-decoration:none !important;
}



.mod_cataloglist .neuheit, .mod_catalogreader .neuheit
{
    width: 60px;
    height: 60px;
    left: 0;
    top: 0;
    position: absolute;
    background: url("../../../../dateien/shop/layout/neuheit.gif") left top no-repeat
}

.mod_cataloglist .vkfrei, .mod_catalogreader .vkfrei
{
    width: 127px;
    height: 14px;
    right: 0;
    top: 0;
    position: absolute;
    background: url("../../../../dateien/shop/layout/vkfrei.gif") left top no-repeat
}

.mod_catalogreader h3
{
    margin: 0 0 2rem 0;
}

.mod_catalogreader .item
{
    padding-bottom: 20px;
    border-bottom: 1px solid #C4C1BC
}

.mod_catalogreader .toggler
{
    font-size: 12px;
    font-weight: normal
}

.mod_catalogreader p.back
{
    //margin-bottom: 20px;
    font-weight: bold;
    line-height: 3;
    margin-bottom: 2rem;
}

.mod_cataloglist .gebraucht, .mod_catalogreader .gebraucht
{
    margin-bottom: 10px
}

.mod_catalogreader .tags, .mod_catalogreader .spielzeug
{
    margin-top: 3rem;
    font-size: 0.75rem;
}

.mod_catalogreader table
{
    width: 100%;
    padding: 1px;
    border-collapse: collapse
}

.mod_catalogreader td
{
    padding: 4px;
    border: 1px solid #ddd;
    border-collapse: collapse
}

.mod_catalogreader td.col_first
{
    width: 30%;
    padding-right: 10px;
    background-color: #F2F5DB;
    color: #808080
}


/* Style sheet chShop */
.order
{
    width: 100%
}

.order td, .order th
{
    padding: 2px
}

.order td.price, .order th.price, .order th.amount, .order td.amount
{
    text-align: right;
    vertical-align: top;
    white-space: nowrap
}

.mod_chshop_overview td.label, .mod_chshop_order .overview td.label, .mod_chshop_order .accountinfo td.label
{
    padding-right: 20px
}

.mod_chshop_overview td, .mod_chshop_order .overview td, .mod_chshop_order .accountinfo td
{
    padding-top: 2px;
    padding-bottom: 2px
}

.mod_chshop_order .message, .mod_listing .message
{
    margin-bottom: 10px;
    padding: 4px;
    background-color: #F7FF9B;
    border: 1px solid #FF7301;
    font-weight: bold;
    color: #FF7301
}

.order .label form
{
    position: relative;
    float: right;
    margin-right: 20px
}

.order .paymethod td.label form
{
    float: left;
    margin-left: 10px
}

.order .total2, .order .total
{
    border-top: 1px solid #000
}

.order .total1
{
    border-top: 2px solid #000
}

.order .total td.price, .order .total_gross td.price
{
    border-bottom: 2px solid #000;
    font-weight: bold
}

.order .product form, .order .shipping form, .order .paymethod form, .order .codediscount form
{
    display: inline
}

.order .shipping select, .order .paymethod select, .order .codediscount input
{
    width: 250px
}

.order .codediscount input
{
    width: 245px
}

.order .product .text
{
    width: 50px;
    margin-top: -4px;
    text-align: right
}

.order .product .submit_ok
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff url("../../../../dateien/shop/layout/aktualisieren.gif") left top no-repeat
}

.order .product .submit_ok:hover
{
    background-image: url("../../../../dateien/shop/layout/aktualisieren_h.gif")
}

.order .product .submit_increase
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff url("../../../../dateien/shop/layout/mehr.gif") left top no-repeat
}

.order .product .submit_increase:hover
{
    background-image: url("../../../../dateien/shop/layout/mehr_h.gif")
}

.order .product .submit_delete
{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff url("../../../../dateien/shop/layout/weniger.gif") left top no-repeat
}

.order .product .submit_delete:hover
{
    background-image: url("../../../../dateien/shop/layout/weniger_h.gif")
}

.order .product .image
{
    float: left;
    margin-right: 10px
}

.order .product .description
{
    padding-left: 80px
}

.order .product
{
    border-top: 1px solid #000
}

.order th
{
    padding: 4px 2px;
    background-color: #eee
}

.mod_chshop_cart .vats, .mod_chshop_cart .vatid, .mod_chshop_overview .vats, .mod_chshop_overview .vatid, .mod_chshop_order .vats, .mod_chshop_order .vatid
{
    margin-top: 25px;
    text-align: right
}

.mod_chshop_cart .disallowOrder
{
    margin-top: 25px;
    font-weight: bold;
    color: #f00
}

.mod_chshop_terms .error, .mod_chshop_revocation .error
{
    font-weight: bold;
    color: #f00
}

.mod_chshop_cart .content
{
    margin-bottom: 20px
}

.mod_chshop_order .message
{
    margin-top: 25px
}

#bestellschritte
{
    margin-bottom: 20px;
    margin-left: 0;
    color: #aaa
}

#bestellschritte li
{
    display: inline;
    margin-right: 0;
    margin-left: 0;
    padding-right: 0.5rem;
    padding-left: 0
}

#bestellschritte a, #bestellschritte a
{
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    text-decoration: none;
    color: #aaa
}

#bestellschritte a:before, #bestellschritte span:before
{
    content: '» '
}

#bestellschritte span
{
    font-weight: bold
}

.mod_chshop_cartinfo .message
{
    margin-right: 1.666%;
    margin-left: 1.666%;
    padding: .5rem;
    background-color: #ffffc7;
    border: 1px solid #444;
    color: #444;
}

#chshop .formbody, #chshop .form, #chshop .submit_container
{
    margin: 0;
    padding: 0
}
/*
#chshop .submit, .inCart .submit
{
    width: 300px;
    display: block;
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: left;
    background-color: #808080;
    border: 1px solid #000;
    line-height: 24px;
    font-weight: bold;
    text-decoration: none;
    color: #fff
}
*/
.inCart .amount
{
    width: 50px;
    text-align: right
}

.inCart .submit
{
    display: inline
}

form.price .priceview
{
    width: 100px;
    display: inline;
    text-align: right;
    background-color: #fff;
    font-size: 15px;
    font-weight: bold;
    color: #f00
}

.item .longdesc
{
    margin-bottom: 20px
}

.mod_chshop_cartinfo, .mod_chshop_minicart
{
    margin-bottom: 40px
}

.mod_chshop_minicart
{
    padding-bottom: 10px
}

.mod_chshop_minicart .eintraege
{
    padding-left: 6px
}

.mod_chshop_cartinfo
{
    margin-bottom: 10px
}

.nodisplay
{
    display: none
}

#chshop_history th, #chshop_history td
{
    padding: 2px 10px
}

#chshop_history .col_2
{
    text-align: right
}

.cartlink a
{
    display: block;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    background-color: #b4d24c;
    border: 1px solid #88a329;
    line-height: 2rem;
    font-weight: bold;
    color: #444;
    border-radius: 0.25rem;
    -webkit-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 2px 8px -3px rgba(0,0,0,0.75);
}

.cartlink a:hover
{
    text-decoration: none;
    color: #b4d24c;
    background-color: #5e5e5e;
}

.mod_chshop_cart .cartlink a, .mod_chshop_address .submit, .mod_chshop_terms .submit, .mod_chshop_revocation .submit, .mod_chshop_overview .orderlink a, #adresseingabe .submit, .mod_chshop_overview .extern .submit, .mod_chshop_order .extern .submit
{
    display: inline-block;
    margin-top: 10px;
    padding: 4px 40px 4px 10px;
    background-color: #38383A;
    border-top: 1px solid #000;
    font-size: 12px;
    line-height: 19px;
    font-weight: bold;
    color: #ACE256;
    border-right: 2px solid #000000;
    border-bottom: 2px solid #000000;
    border-left: 1px solid #000000
}

.mod_chshop_cart .cartlink a:hover, .mod_chshop_address .submit:hover, .mod_chshop_terms .submit:hover, .mod_chshop_revocation .submit:hover, .mod_chshop_overview .orderlink a:hover, #adresseingabe .submit:hover
{
    background-color: #606060;
    text-decoration: none
}

.mod_chshop_overview .extern .submit:hover, .mod_chshop_order .extern .submit:hover
{
    background-color: #606060;
    text-decoration: none
}

.mod_chshop_overview .orderlink a
{
    padding-right: 30px;
    padding-left: 30px
}

.mod_chshop_overview .orderlink
{
    text-align: right
}

.mod_chshop_overview, .mod_article > .block.mod_chshop_overview
{
    margin-right: 6px;
    margin-left: 6px;
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    background-color: #EAEEE0
}

.mod_chshop_address .email
{
    margin-bottom: 10px
}

.mod_chshop_overview h3
{
    margin-top: 30px;
    font-size: 14px
}

.mod_listing .all_records
{
    margin-top: 20px
}

.mod_listing .list_per_page select
{
    width: 50px
}

.mod_listing .single_record .image
{
    display: none
}

.mod_chshop_order .extern form
{
    margin-top: -5;
    padding-bottom: 40px
}

.order .paymethod select
{
    background-color: #F7EA5F;
    font-weight: normal
}

.order .paymethod
{
    line-height: 32px
}

.order .paymethod img
{
    top: 5px;
    position: relative;
    margin-right: 10px;
    margin-left: 10px
}

td.hinweis_land, td.hinweis_zahlweise
{
    padding-top: 20px;
    color: #FF7301
}



.mod_article.startprodukte
{
    margin-bottom: 2rem;
    //margin-left: 0;
}


#footer .copyright {
  margin-top: 1.5rem;
}


.hinweis_gastbestellung{
    margin-top:3rem !important;
}



#header, #hauptnavigation
{
    z-index: 500
}

.vertikalnavigation ul, .vertikalnavigation li
{
    margin: 0;
    padding: 0;
    list-style-type: none
}

.vertikalnavigation a, .vertikalnavigation span
{
    display: block;
    text-decoration: none
}

.horizontalnavigation
{
    top: 10px;
    position: absolute;
    left: 0
}

.horizontalnavigation ul, .horizontalnavigation li
{
    margin: 0;
    padding: 0;
    list-style-type: none
}

.horizontalnavigation li
{
    float: left
}

.horizontalnavigation a, .horizontalnavigation span
{
    padding: 6px 8px;
    text-decoration: none
}

.horizontalnavigation a:hover
{
    color: #000
}

.klappnavigation.block
{
    overflow: visible
}

.klappnavigation ul
{
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background: none repeat scroll 0 0 transparent
}

.klappnavigation li
{
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none
}

.klappnavigation .level_1 ul
{
    left: 0;
    top: 100%;
    position: absolute;
    display: none;
    z-index: 90
}

.klappnavigation li:hover ul
{
    display: block
}

.klappnavigation .level_2 li
{
    width: 100%
}


#hauptnavigation .menu_toggler, #hauptnavigation .menu_toggler_lbl span
{
    display: none;
}

#hauptnavigation a, #hauptnavigation span
{
  line-height: 40px;
  color: #fff;
  display: block;
  padding: 0 1em;
    text-decoration:none;
}

#hauptnavigation span
{
    color:#ccc;
}

#hauptnavigation a:hover
{
    text-decoration:none;
}

#hauptnavigation ul.level_2 {
    background: #5e5e5e;
    min-width:15rem;
}

#hauptnavigation ul.level_2 li {
    border-top: 1px dotted #888;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

#hauptnavigation .level_2 a, #hauptnavigation .level_2 span {
    line-height: 1.5;
}

#hauptnavigation .level_2 li:hover {
    background: #666;
}


#metanavigation{
  position: absolute;
  right: 0;
  top: 0;
    padding: 0.5rem 0.5rem 0 0;
}

#metanavigation li{
float:right;
}

#metanavigation a{
  color: #444;
  font-size: 0.85em;
  width: 24px;
  line-height: 20px;
  display:block;
  text-indent:-99999px;
}
#metanavigation a, #metanavigation span
{
    padding: 0 0 0 0.25rem;
}
#metanavigation .sprache_de a {
  background: transparent url("../../../../dateien/shop/layout/flag_de.gif") left center no-repeat;
}
#metanavigation .sprache_en a {
  background: transparent url("../../../../dateien/shop/layout/flag_en.gif") left center no-repeat;
}
#metanavigation .sprache_fr a {
  background: transparent url("../../../../dateien/shop/layout/flag_fr.gif") left center no-repeat;
}

.nurmobil{
    display:none;
}

.mod_article.shophinweise{
    margin-bottom:2rem;
}

#right .zahlweisen, #left .zahlweisen{
    opacity: 0.5;
}


.elements{
    position:absolute;
    width:80%;
    height:80%;
}
.mask1{
    width:247px;
    height:174px;
    position:relative;
    overflow:hidden;
}
.mask1 img{
    position:absolute;
    display:block;
    border:none;
    width:100%;
    height: auto;
}


.dmtoysnet .image_container{
  width:50%;
  float:none;
}
.dmtoysnet img{
  padding:0;
  width:100%;
  height: auto;
}


@media(max-width:1400px){
  #wrapper{
    width: 90%;
  }
}

@media(max-width:1200px){
  #wrapper{
    width: 95%;
  }
}

@media(max-width:1100px){
  #wrapper{
    width: 100%;
  }
}


@media(max-width:1000px){
  #wrapper{
    width: 100%;
  }
  #left{
    width:29.5%;
    margin-left:1.6666%;
      margin-right: 1.6666%;
      border:1px solid #c4c1bc;
    min-height: 240px;
    background: #f7fae6;
      margin-bottom: 2rem;
  }
  #left .inside{
    min-height: 238px;
  }

  #left .mod_catalogfilter{
    border:0;
  }
  #left .filter_field_tags_de, #left .filter_field_tags_en, #left .filter_field_tags_fr, #left .clearall ~ .clearall{
    display:none;
  }

    #left .mod_catalogfilter.mobiltags {
        display:block;
        margin-top:-1.5em;
    }

    #right{
    width:62.9%;
    margin-right:2.4%;
  }
  #right .zahlweisen, #right .ce_text{
    display:none;
  }
  #right .mod_chshop_minicart{
    width: 47%;
    margin-left:0 !important;
    margin-right: 0 !important;
    min-height: 240px;
    float:right;
    border: 1px solid #c4c1bc;
  }
  #right .mod_login{
    width:47%;
    margin: 0 0 1rem 0 !important;
  }
  #right .mod_article{
    width:45%;
    margin-left:0 !important;
    margin-right: 0 !important;
  }
  #right .mod_article{
    display:none;
  }
  #right .mod_article.shophinweise
  {
    display:block;
  }

  #main{
    clear:both;
    margin-left:0;
    margin-right: 0;

  }

  .mod_cataloglist .item{
    height: 490px;
  }
  #footer .footerlinks {
    display:none;
  }

  #footer .footernavigation{
    width:28%;
  }

  #hauptnavigation li.anderespuren{
    display:none;
  }
}

@media(max-width:850px){
    #header .logo {
        padding: 5% 8%;
    }
    #metanavigation {
        padding: 0.25rem 0.25rem 0 0;
    }
  #hauptnavigation li.first {
    display:none;
  }
  #hauptnavigation li li.first {
    display:block;
  }

}


@media(max-width:700px){
  #wrapper{
    width: 100%;
  }
  #hauptnavigation li.first {
    display:block;
  }
  #hauptnavigation li.anderespuren{
    display:block;
  }

    .mod_catalogfilter h1, .mod_catalogfilter .clearall ~ .clearall, .mod_catalogfilter .sort_group, .mod_catalogfilter .filter_field_tags_de, .mod_catalogfilter .filter_field_tags_en, .mod_catalogfilter .filter_field_tags_fr
    {
        display:none;
    }

    .mod_catalogfilter{
        margin-bottom: 2rem;
    }

    #main .mod_catalogfilter.mobiltags {
        display:block;
    }

    #right, #left{
    display:none;
  }
  #main{
    margin-left:0;
    margin-right: 0;
  }
  #footer .copyright{
    width: 98%;
  }

    #footer .footernavigation{
    width: 48%;
  }

    #hauptnavigation {
    //display:none;
  }

  #header .logo {
    width: 30%;
  }

    #header .kopfbild {
    height:auto;
    width:55%;
    bottom: 40px;
  }

    #hauptnavigation ul {
        max-height: 0;
        overflow: hidden;
    //transition: max-height 1s;
    //-webkit-transition: max-height 1s;
        margin:0;
    }

    #hauptnavigation li {
        position:relative;
        width: 100%;
        line-height: 39px;
        background-color: #fff;
        border-top: 1px solid #aaa;
    }

    #hauptnavigation .menu_toggler:checked + ul {
        max-height: 100%;
    }

    #hauptnavigation li.active > ul, #hauptnavigation li.trail > ul {
        max-height: 100%;
    }

    #hauptnavigation li.active > .menu_toggler:checked + ul, #hauptnavigation li.trail > .menu_toggler:checked + ul {
        max-height: 0;
    }


    #hauptnavigation{
        position:absolute;
        width:100%;
    }

    #hauptnavigation li{
        float:none;
        background: #5e5e5e;
        border-top: 1px solid #888;
        position:relative;
    }

    #hauptnavigation .level_1 ul {
        display:block;
        position:relative;
        margin-left:2rem;
    }

    #hauptnavigation .menu_toggler_lbl, #hauptnavigation .menu_toggler_lbl_2 {
        width: 40px;
        height: 40px;
        margin-left: 1rem;
        text-align:center;
        font: normal normal normal 14px/1 FontAwesome;
        line-height:40px;
        font-size:32px;
        color:#888;
    }

    #hauptnavigation .menu_toggler_lbl span {
        font-family: Arial,Arial, Helvetica, sans-serif;
        font-size:16px;
        display:inline-block;
        position:relative;
        top: -4px;
        text-transform:uppercase;
        padding: 0 0 0 0.5rem;
        line-height: 16px;
    }

    #hauptnavigation .menu_toggler_lbl_2 {
        background: #666;
        font-size:24px;
        position:absolute;
        right: 0;
        top:0;
        border:none;
    }

    #hauptnavigation .menu_toggler_lbl:before{
        content: '\f0c9';
    }

    #hauptnavigation .menu_toggler_lbl_2:before{
        content: '\f0ab';
    }

    #hauptnavigation .menu_toggler_lbl_2.aktiv:before{
        content: '\f0aa';
    }

    .nurmobil{
        display:block;
    }

    .nichtmobil{
        display:none;
    }

    #main .deko{
        display:none;
    }
}

@media (min-width: 700px) {
    #hauptnav.scrolled {
        position:fixed;
        top:0;
        width:100%;
    }

}

@media(max-width:580px)
{
    #footer
    {
        overflow: hidden;
        background: #5e5e5e;
    }

    .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g8, .g9, .g10, .g11, .g12
    {
        float: none;
        width: 94%;
    }

    .footernavigation ul, .g1 .block, .g2 .block, .g3 .block, .g4 .block, .g5 .block, .g6 .block, .g7 .block, .g8 .block, .g9 .block, .g10 .block, .g11 .block, .g12 .block
    {
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    .mod_cataloglist .item
    {
        width: 43%
    }

    #header .kopfbild
    {
        display: none;
    }

    #header .logo
    {
        width: 40%;
        padding: 5% 30%;
    }

    #metanavigation
    {
        top: auto;
        width:50%;
        margin-left:50%;
        z-index:600;
    / / bottom : 5 px;
    }

    .mod_catalogreader .spalte2
    {
        margin-top: 2rem;
    }

    #main .mod_article.startprodukte
    {
        display: none;
    }

    .mod_article#gruss ~ .mod_article
    {
        float: left;
    }

    #main .deko
    {
        display: block;
    }

    #main .deko img
    {
        width: 100%;
        height: auto;
        padding: 0;
        border: 0;
    }

    #main .deko .ce_hyperlink{
        font-weight: bold;
        margin-top: 2rem;
    }

}

@media(max-width:374px){
  .mod_cataloglist .item{
    width: 90%;
    margin-left:2%;
    margin-right: auto;
    height: 530px;
  }

}

@media(max-width:250px){
  .mod_cataloglist .item{
    height: 460px;
  }
}



.mod_article.advent .ce_text {
  background: #444 url('../../../../dateien/adventsaktion/bg13.jpg') center center no-repeat;
  background-size: cover;
  border-radius: 10px;
  color: #fff;
  margin-bottom: 3rem;
  padding: 1rem;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}

.mod_article.advent a {
  color: #fff;
  display: inline-block;
  padding: 0 20px 0 20px;
  line-height: 2rem;
  background: #fd1935;
}

.mod_article.advent a:after
{
  font: normal normal normal 14px/1 FontAwesome;
    font-size: 1em;
    padding-left: 20px;
    color: #fff4;
    content: "\f061";
    text-decoration: none !important;

}