@charset "UTF-8";
/** Haupt Seitenelemente **/
html { margin: 0; height: 100%; }
body.site { background: #DBE3DB url("../images/noise.png") 0 0 repeat; margin: 0; padding: 0; height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; background: #ffffff; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.40); }
#footer { height: 40px; padding-top: 5px; padding-bottom: 5px; }
#header { background-color: #fff; padding: 20px 0 25px 0;}
#header .block { position: relative; min-height: 100px; }
#logo { margin: 0 10px; width: 190px; height: 92px;}
#divider { padding: 0 0 30px 0; }
#main .block { padding-bottom: 25px; }
#content { padding-top: 10px;}
#right { padding-top: 35px;}
#left, #right, #mobilemods {background-color: #E6E6E6; }
#left a, #right a, #mobilemods a { color: #ac3445; font-weight: bolder; }
#teaserimg { background-size: cover; background-position: 50% 0; background-repeat: no-repeat; height: 220px; }
#teasertitle {position: absolute; top: 225px; right: 15px; }
#teasercover { position: absolute; width: 140px; height: auto; max-height: 180px; margin-top: 15px; right: -70px; border: 1px solid #ccc; background-color: #fff; -webkit-box-shadow: 0px 0px 10px rgba(00, 00, 00, 0.6); -moz-box-shadow: 0px 0px 10px rgba(00, 00, 00, 0.6); box-shadow: 0px 0px 10px rgba(00, 00, 00, 0.6); padding: 5px;  }
#bccontainer { display: block; min-height: 15px; overflow: visible;  margin-bottom: 10px; }
.breadcrumbs { font-family: "IBM Plex Sans",arial,helvetica,sans-serif; font-size:11px; color: #666; line-height: 1.2em; padding: 0; margin: 0; }
.breadcrumbs a, .breadcrumbs span { background: transparent url("../images/arrow.png") 0 50% no-repeat; padding-left: 15px; margin-right: 5px; display: inline-block; }
.bar { background: #981E32; color: #fff; font-family:"IBM Plex Sans",arial,helvetica,sans-serif; font-size: 12px;  }
.bar a, .bar a:hover { color: #fff; text-decoration: none;  }
#header, #mainmenu, #footer, #mobilemenu  { font-family:"IBM Plex Sans",arial,helvetica,sans-serif; font-size:12px; text-transform: uppercase; }
#mmheader {   padding: 5px 0; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);  box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75); }
#mobile { font-size: 20px; height: 26px; line-height: 26px; }
#mainmenu ul, #topmenu ul { margin:0; padding:0;  list-style: none;  }
#mainmenu li, #topmenu li { margin:0; padding:0; background: none; list-style: none; font-style: normal; display: block; width: 100%;}
/* Menu oben */
#topmenu ul { margin: 0; padding: 0; display: inline-block; width: auto; }
#topmenu ul li  { width: 160px; text-align: left; }
#topmenu ul li a { color: #981E32; padding: 1px 5px; display: block; width: 100%; }
#topmenu ul li a:hover { color: #444; background-color: #ddd; }
#topmenu ul li a:hover, #topmenu ul li#current a { color: #222; }
/* Menu seite */
#mainmenu { position: relative; display: block; float: left; width: 100%; margin: -15px 0 20px 0; z-index: 100; min-height: 300px; -webkit-box-shadow: 0px 0px 10px rgba(00,00,00,0.6); -moz-box-shadow: 0px 0px 10px rgba(00,00,00,0.6);box-shadow: 0px 0px 10px rgba(00,00,00,0.6); padding: 5px; background-color: #fff; border: 1px solid #ccc;  }
#mainmenu ul li a { color: #fff; background-color: #981E32; display: block; width: 100%; padding: 3px 10px; height: 26px; line-height: 20px; margin-bottom: 5px; }
#mainmenu ul li a:hover, #mainmenu ul li.active a { color: #981E32; background-color: #ddd; }
#mainmenu ul li.active ul li a { color: #fff; background-color: #981E32; }
#mainmenu ul li.active ul li a:hover, #mainmenu ul li.active ul li.active a { color: #981E32; background-color: #ddd; }
#mainmenu ul li a.extlink { color: #666; background-color: #ddd; }
/* second-level lists */
#mainmenu ul li ul {  width: 180px; position: absolute; z-index: 99; left: -999em; height: auto; padding: 5px 5px 0 5px; background-color: #fff; margin-top: -35px; border-right: 1px solid #ccc; }
/* This "unhides" the sub-menus */
#mainmenu ul li:hover ul, #topmenu ul li li:hover ul, #topmenu ul li li li:hover ul { left: auto; right: -175px; }
#searchword { float: left; display: inline-block; background: #ffffff; font-size: 12px; color: #444; margin: 0; padding: 3px 25px 3px 10px; height: 26px; line-height: 20px; width: 100%; border: 1px solid #CCC; -moz-box-shadow: inset 4px 4px 10px 0 #E5E5E5; -webkit-box-shadow: inset 4px 4px 10px 0 #E5E5E5; box-shadow: inset 4px 4px 10px 0 #E5E5E5; }
#searchword:focus { box-shadow: none; outline: 0; }
#searchForm .search-button { color: #666666; position: absolute; right: 10px; font-size: 16px; border: 0; background-color: transparent; margin: 0 0 0 10px; padding: 0; line-height: 26px; }
#mobilesearch .search-button { right: 25px; }
/* Tool Tips */
#cartlink { background: transparent url("../images/cart.png") 0 50% no-repeat; padding-left: 25px; }
#cartlink.full { background-image: url("../images/cart_full.png"); }
/* Formulare */
label.invalid { color: #981E32 !important; }
input.invalid, textarea.invalid, select.invalid, checkbox.invalid  { border: 1px solid #981E32; }
table.acymailing_form input.inputbox {	width: 180px; }
table.acymailing_form  { text-align: left;  }
table.acymailing_form .button { float: left; }
span.highlight { background-color: #FFC; font-weight: bold; padding: 1px 4px; }
#article-index { display: block; margin-bottom: 10px; border: 1px solid #ccc; }
#article-index li { display: inline;}
#left .moduletable, #right .moduletable { margin-bottom: 25px; }
.authors { margin-bottom: 10px; color: #666;}
.info { font-family: "IBM Plex Sans",arial,helvetica,sans-serif; display: block; margin: 10px 0 10px 0; font-size: 0.9em; }
.preis {  display: block; width: auto; margin: 10px 0; }
.dropdown-menu { font-family: "IBM Plex Sans",arial,helvetica,sans-serif; font-size: 12px; margin: 0;  padding: 0; text-align:left; position: absolute; left: -999px; z-index: 999; height: auto; background: #ffffff; list-style: none;  background-clip: padding-box; border: 1px solid #cccccc; border-top: none; }
.autocomplete-suggestion { padding: 5px 10px; cursor: pointer; }
.autocomplete-suggestion:hover { background-color: #ddd; }
.autocomplete-suggestion strong, .highlight { color: #981E32; font-weight: normal; }
a.dropdown-toggle {  display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal;line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border: 1px solid #dddddd; border-radius: 4px;  background: #ffffff;  }
a.dropdown-toggle:before { content: "\f078"; }
ul.dropdown-menu li { border-bottom: 1px solid #cccccc; }
ul.dropdown-menu li:last-child { border-bottom: none; }
ul.dropdown-menu li a { color: #981E32; padding: 3px 5px; }
a.warrow { background: transparent url("../images/darrow-white.png") 0 50% no-repeat; color: #ffbf00; padding: 0 5px 0 25px;}
a.warrow:hover { color: #fff;}
#right div.container, #left div.container { display: block; margin: 10px 0 20px 0; padding: 0 15px;}
.tmargin { display: block; margin-top: 15px;}
hr.divider { border-top: 1px solid #981E32; }
#content ul { margin: 10px 0; padding: 0; }
#content li { list-style-type: none;  padding: 2px 0 3px 28px; background: transparent url(../images/blog_more.gif) 5px 5px no-repeat;  }
/* Clearfix */
.clearfix:after {  clear: both;  display: block; content: ".";  height: 0; visibility: hidden;  }
* html > body .clearfix { width: 100%;  display: block;  }
* html .clearfix {  height: 1%;  }
/* Firefox Scrollbar Hack - Do not remove */
html {  margin-bottom: 1px;  height: 100%!important;  height: auto; }
.item-row { margin-bottom: 20px; margin-top: 10px; }
.readmore { display: inline; background: transparent url("../images/darrow-right.png") 100%  50% no-repeat; padding-right: 20px; margin-left: 5px; min-height: 16px; }
#right .readmore { background: transparent url("../images/darrow-right.png") 0%  50% no-repeat; padding-left: 20px;}
.buybutton { clear: both; display: block; float: left; background: transparent url("../images/darrow-right.png") 100% 50% no-repeat; padding-right: 20px; min-height: 16px; margin: 0 0 10px 0; }
.back {  display: inline-block; width: auto; background: transparent url("../images/darrow-left.png") 0 50% no-repeat; padding-left: 20px; margin-left: 5px; min-height: 16px; float: left; }
.printbutton {  display: inline-block; width: auto; background: transparent url("../images/print.png") 0 50% no-repeat; padding-left: 20px; margin-left: 5px; min-height: 16px; float: right; }
.abstand { clear: both; display: block; width: 100%; height: 15px; line-height: 15px;}
.headline { font-size: 1.2em; color: #981E32; font-style: italic; }
a.selected {
    background: transparent url('../images/selected.gif')  0 2px no-repeat;
    padding-left: 16px;
    padding-bottom: 5px;
    margin: 0 10px 0 3px;
}
a.unselected {
    background: transparent url('../images/unselected.gif')  0 2px no-repeat;
    padding-left: 16px;
    padding-bottom: 5px;
    margin: 0 10px 0 3px;
}
div.attachment a { 	font-size:14px; font-family: "IBM Plex Sans",arial,helvetica,sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; color: #444; background: transparent url("../images/darrow-right.png") 100% 50% no-repeat; padding-right: 25px;  min-height: 16px; }
div.attachment {  display: block; margin: 5px 0;}
span.separator { display: none; }
.item-element { width: 100%; border-collapse: collapse; }
.tc-left { width: 77%; padding-right: 10px; }
.tc-right { width: 33%; padding-left: 10px; text-align: right; vertical-align: top; }
/* Pagination ---*/
.counter { text-align:center; }
.pagination {  padding:10px 0; display: block; width: 100%; text-align: center; font-family: "IBM Plex Sans",arial,helvetica,sans-serif; font-weight: normal; font-style: normal; }
div.pagination { margin: 10px 0; }
div.letters { background-color:#E9E9E9; }
h3.letter { margin: 15px 0 10px 0; color: #000000; font-weight: bold; }
.pagination ul { width: auto; margin: 0; padding: 0; }
.pagination li { background: none !important; display: inline; padding: 0 !important; margin:0 5px; overflow: hidden; }
.pagination li span { padding: 4px; line-height: 20px; ne-height: 28px; border-bottom:1px solid #ccc; }
.pagination a { background-color:#E9E9E9; border-bottom:1px solid #ccc; padding: 4px; line-height: 20px; ne-height: 28px; text-decoration: none; color:#444; }
.pagination a:hover, .pagination a:active, .pagination a:focus { text-decoration: none; background:#981E32; color:#fff; }
.pagination ul li  { display: inline; background: 0; padding: 0; }
.pagenavcounter { background-color: #E6E6E6; display: block; border-bottom: 1px solid #ccc; padding: 3px 5px; margin-bottom: 10px; }
/* Slider */
.pane-sliders h3 { background-color: #981E32; display: block; border-bottom: 1px solid #ccc; font-size: 14px;  padding: 5px 10px; cursor: pointer; margin: 0 0 4px 0; }
.pane-sliders h3 a {color: #fff; }
.pane-sliders h3:hover a {color: #981E32; }
.pane-sliders h3:hover {  background-color: #E6E6E6; }
.pane-sliders h3.pane-toggler-down {  background-color: #E6E6E6; color: #444;}
.pane-sliders h3.pane-toggler-down a {color: #444; }
.pane-sliders div.content { padding: 0 5px;  }
.pane-sliders div.pane-down { margin: 10px 0; }
#system-message > .message > ul {	background-color: #D3E3EB;	}
#system-message > dd > ul {	color: #981E32; background-position: 5px 10px; background-repeat: no-repeat; margin-bottom: 10px; list-style: none;	padding: 10px;	border: none; border-bottom: 1px solid #ccc;font-family: "IBM Plex Sans",arial,helvetica,sans-serif; font-weight: normal; font-style: normal; text-transform: uppercase; text-indent: 0; }
#system-message > dd > ul > li { background: none;	padding: 5px 0 5px 30px;  }

.btn-clear {
    background: #ffffff;
    padding: 2px 4px;
    box-shadow: none;
}
.btn-clear::before {
    content: 'x';
    color: #666666;
}

/** Media Selectoren */
#mobileDetect { display: none; }
.float-right {
    float: right;
}
.video-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; overflow: hidden;
    max-width: 100%;
}
.video-responsive iframe {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
}


.mb-2 { margin-bottom: 15px;}
img.price {
    max-height: 90px;
    max-width: 180px;
    margin: -5px 0 0 20px;
    display: inline;
}

@media (min-width: 1200px) {
}
@media (max-width: 1199px) {
    #header, #mainmenu { font-size:11px;  }
    #topmenu ul li { width: 140px; }
    #cart { text-align: right; margin-top: 10px; }
}
@media (max-width: 991px) {
    img.price { margin: 15px 10px 0 0; display: inline-block; max-height: 60px; }
    #logolink { display: block; }
    #mainmenu, #header { font-size:10px;  }
    #cart { text-align: right; margin-bottom: 10px; }
}
@media (min-width: 768px) {
    #main {
        display: flex;
        flex-direction: row;
    }
}
@media (max-width: 767px) {
    img.price { margin: 15px 15px 0 0; }
    #mainmenu, #header { font-size:11px;  }
    #mobileDetect { display: block; }
    #logo { margin: 0;}
    #header { padding: 0; }
    #footer { padding: 5px 0; }
    #header .block { min-height: 0; margin: 10px 0; }
    .container { padding: 0 15px; }
    #teasercover { right: 10px; }
    #topmenu ul { display: block; width: 100%; text-align: right; }
    #topmenu ul li  { width: 100%; display: block;  text-align: right; }
    #main .block { padding-bottom: 15px; padding-top: 15px; }
    #mobilemods { padding: 15px; }
    .tc-left { width: 60%; }
    .tc-right { width: 40%;}
}
@media screen {
}
@media print {
}