* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior: url(../scripts/boxsizing.htc);}

html {height:100%;min-height:100%;}
html, html a {font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;/*-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004);*/}

body {font-size:0.95em;line-height:1.4;overflow-x:hidden;overflow-y:scroll;position:absolute;width:100%;height:100%;color:#888888;background-size:contain;background:#f0e6dd url(../images/background-img.jpg);font-family:Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;}

p {margin:0 0 1em 0;padding:0;font-weight:normal;font-style:normal;line-height:1.5em;}
p.small {font-size:0.7em;}

strong {color:#aa1647;font-weight:normal;}

h1, h2, h3 {font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;}
h1 {font-size:2.4em;line-height:1.2em;font-weight:normal;margin:0 0 0.4em 0;padding:0;color:#aa1647;}
h2 {font-size:2.4em;line-height:1.2em;font-weight:normal;margin:1.5em 0 0 0;padding:0;color:#aa1647;}
h3 {font-size:1em;font-weight:normal;margin:1.5em 0 0em 0;padding:0;color:#aa1647;}
h4 {font-size:1em;font-weight:normal;margin:0 0 0.5em 0;padding:0;color:#aa1647;}

a {text-decoration:none;color:#aa1647;}
a:hover, a:active, a:focus {outline:none;text-decoration:none;color:#aa1647;}
a.close {cursor:pointer;}
.clr {clear:both;}

input {border:1px solid #d9d9d9;background:rgba(237,237,237,0.6);padding:4px;color:#828688;}
textarea {border:1px solid #d9d9d9;background:rgba(237,237,237,0.6);padding:4px;color:#828688;}
label {color:#828688;}
table tr td {color:#828688;}
iframe {border:0;overflow:hidden;}

#main-container {position:relative;max-width:1260px;min-height:100%;height:auto!important;height:100%;margin:0px auto -55px/*Höhe Footer*/ auto; }

header {position:relative;width:100%;}
header .logo {display:block;position:absolute;top:0;left:14.285714285714285%;height:156px;width:249px;background:#aa1647 url(../images/logo-kostbar.png) 0 0 no-repeat;background-size:100% 100%;}
header .logo .moduletable {margin:0;padding:0;}
header .image-slider {display:block;position:relative;top:38px;height:0;padding-bottom:39.68253968253968%;width:100%;max-width:1260px;}
header .image-slider .img {display: block;position:absolute;width:100%;height:100%;top:0;margin:0;padding:0;}

header .breadcrumbs {position:absolute;bottom:0;height:40px;width:100%;background:rgba(205,60,43,0.75);font-size:.85em;color:#ffffff;}
header ul.breadcrumb {margin-left:14.285714285714285%;padding:0;}
header .breadcrumb li {list-style:none;display:inline;}
header .breadcrumb span.divider {padding:0 5px;}
header .breadcrumb span.divider.icon-location {padding:0;}
header .breadcrumb a {color:#ffffff;}
header .breadcrumb .divider {}

header .social-buttons {position:absolute;top:0;right:14.285714285714285%;height:19px;width:19px;margin-top:11px;}
header .social-buttons a.icon-facebook {display:inline-block;height:19px;width:19px;background:url(../images/bg-icon-fb.png) no-repeat left;}
header .social-buttons a:hover.icon-facebook {background:url(../images/bg-icon-fb.png) no-repeat right;}
header .social-buttons a.icon-youtube {display:inline-block;float:right;height:19px;width:28px;background:url(../images/bg-icon-yt.png) no-repeat left;}
header .social-buttons a:hover.icon-youtube {background:url(../images/bg-icon-yt.png) no-repeat right;}

/* Code 7 Responsive Slider */
.flex-direction-nav a {width:42px;height:42px;margin:-20px 0 0;display:block;background:url(../images/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;z-index:10;cursor:pointer;text-indent:-9999px;opacity:1;-webkit-transition:all .3s ease}
.flex-direction-nav .flex-next {background-position:100% 0;right:-5px}
.flex-direction-nav .flex-prev {left:-5px}
.flexslider:hover .flex-next {opacity:1;right:-5px;}
.flexslider:hover .flex-prev {opacity:1;left:-5px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover {opacity:1}
.flex-direction-nav .flex-disabled {opacity:0.3 !important;filter:alpha(opacity=30);cursor:default}
.flex-control-nav {display:none;}

/* MAIN NAVIGATION */

/* Erste Ebene */
#navMain {position:relative;top:0px;height:50px;margin:0 14.285714285714285%;z-index:1000;background:#aa1647;}
#navMain ul {margin:0;padding:0;}
#navMain ul li {display:inline;background:none;cursor:pointer;margin:0 0 0 0px;padding:0;list-style-type:none;}
#navMain ul li a {display:inline-block;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;padding:12px 23px;margin:0;color:#d5d5d5;text-decoration:none;}
#navMain ul li a:hover {color:#ffffff;}
#navMain ul li.current.active a {color:#ffffff;}
#navMain ul li.active.parent a {color:#ffffff;}
#navMain li.divider {cursor:auto;padding-top:2px;margin:0 20px;background:url(../images/separator.png) 0 0 no-repeat;}
#navMain .separator {display:none;}
#navMain .item-117 {margin-right:20px;}

/* Mobile Menu */
#navMain-mobile {display:none;margin:0;position:relative;top:0px;height:auto;padding:20px 9%;/*padding:20px 14.285714285714285%;text-align:center;*/background:#aa1647;}
#navMain-mobile ul {list-style-type:none;margin:0;padding:0;}
#navMain-mobile ul li a {display:inline-block;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;width:100%;padding:12px 23px 12px 0;color:#d5d5d5;text-decoration:none;}
#navMain-mobile ul li a:hover {color:#ffffff;}
#navMain-mobile ul li.current.active a {color:#ffffff;}
#navMain-mobileul li.active.parent a {color:#ffffff;}
#navMain-mobile .divider {display:none;}

.menu-open {display:none;}

#content {position:relative;padding:50px 14.285714285714285% 120px 14.285714285714285%; /* 180 / 1260 */}
#content a:hover {color:#aa1647;}

/* Content Box */
#content-box .box {position:relative;width:31.11111111111111%;padding-bottom:24.722222222%;float:left;height:0;margin-right:3.3333333333333335%; /* 30 / 900 */}
#content-box .box img {position:absolute;left:0;width:100%;height:100%;}
#content-box .box a {position:absolute;left:0;display:block;width:100%;height:100%;}
#content-box .box .box-caption {position:absolute;top:0;left:10px;height:50px;padding:15px 12px 5px 12px;background:#aa1647;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;color:#d5d5d5;}
#content-box .box a:hover > .box-caption {color:#ffffff;}

#content-box .box.box3 {margin-right:0;background:#aa1647;}
#content-box .box.box3 a {display:block;width:100%;height:100%;color:#ffffff;}
#content-box .box.box3  .kontakt-info {position:absolute;top:55px;left:22px;font-family:Arial, Helvetica, sans-serif;font-size:0.95em;}
#content-box .box.box3 a.kontakt-info {color:#ffffff;}
#content-box .box.box3 .kontakt-info a {height:1em;}

/* Sortiment Box */
#sortiment-box .box {position:relative;width:31.11111111111111%;padding-bottom:24.722222222%;float:left;height:0;margin-right:3.3333333333333335%; /* 30 / 900 */margin-bottom:50px;}
#sortiment-box .box .box-caption {z-index:10;position:absolute;top:0;left:10px;min-height:50px;height:auto;padding:15px 12px 5px 12px;background:#aa1647;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;color:#d5d5d5;}
#sortiment-box .box a:hover > .box-caption {color:#ffffff!important;}

#sortiment-box .box.box3 {margin-right:0;}
#sortiment-box .box.box6 {margin-right:0;}
#sortiment-box .box.box9 {margin-right:0;}
#sortiment-box .box.box12 {margin-right:0;}

#jcemediabox-popup-container {border:0;}
#jcemediabox-popup-caption h4 {font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;color:#ffffff;}

#main .item-page ul {margin:10px 0 20px 0;padding:0;}
#main .item-page ul li {list-style-type:none;background:url(../images/list.gif) no-repeat 0px 7px;padding:0 0 0 0px;}
#main .item-page ul ul {margin:0 0 0 0px;padding:0;}
#main .item-page img {max-width:100%;}

#main .blog ul {margin:10px 0 20px 0;padding:0;}
#main .blog ul li {list-style-type:none;background:url(../images/list.gif) no-repeat 0px 7px;padding:0 0 0 15px;}
#main .blog ul ul {margin:0 0 0 0px;padding:0;}

#datenschutzerklaerung ul li {padding:0 0 0 20px!important;}


.btn {background:#aa1647;border:0;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;padding:12px 23px;margin:0;color:#d5d5d5;text-decoration:none;}
a.btn {background:#aa1647;border:0;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;padding:12px 23px;margin:0;color:#d5d5d5;text-decoration:none;} 
a.btn:hover {color:#ffffff!important;} 
.btn:hover {color:#ffffff;} 
.btn:active {top:1px;} 

.readmore   {margin-top:30px;}

.pagenav { }
.item-page .previous a {float:left;background:#aa1647;border:0;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;padding:12px 23px;margin:0;color:#d5d5d5;text-decoration:none;}
.item-page .previous a:hover {color:#ffffff!important;}

.item-page .next a {float:right;background:#aa1647;border:0;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-size:1.5em;font-weight:normal;font-style:normal;cursor:pointer;height:50px;padding:12px 23px;margin:0;color:#d5d5d5;text-decoration:none;}
.item-page .next a:hover {color:#ffffff!important;}

/* Article Image */ 
.item-image img {float:right;width:31.11111111111111%;margin:0 0 20px 50px;}

/* Events Date */
#events {width:100%;height:120px;}
#events #events-date {float:left;width:78px;height:92px;margin-right:40px;padding-top:24px;background:url(../images/Events-Kalender-Icon.png) 0 0 no-repeat;background-size:100% 100%;font-family:SofiaRoughScriptBold, Arial, Helvetica, sans-serif;font-weight:normal;font-style:normal;text-align:center;}
#events #events-date .events-month {color:#d5cfce;font-size:1.2em;}
#events #events-date .events-day {color:#ffffff;font-size:2.5em;line-height:1.1em;}

#events-title {padding:32px 0 0 0;}
#events-title h2 {padding:0;margin:0;font-size:2.5em;color:#91847e;}
#events-title p {line-height:1em;}


/* Contact Form */
.contact-street {font-style:normal;}
.contact dd {margin:0;padding:0;}
 
#contact-form input {width:100%;max-width:300px;padding:7px;background:none;border:1px solid #888888;color:#aa1647;font-weight:bold;/*background:rgba(237,237,237,0.6);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/}
#contact-form textarea {width:100%;padding:7px;background:none;border:1px solid #888888;color:#aa1647;font-weight:bold;/*background:rgba(237,237,237,0.6);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;*/}
#contact-form .control-label {margin-top:15px;}
#contact-form fieldset {border:0;margin:0;padding:0;}
#jform_contact_email_copy-lbl {float:left;}
#jform_contact_email_copy {width:40px !important;margin:5px 0 0 10px;}
 
.form-actions {margin:20px 0 50px 0;}

/* ++++++++++++++  blog  ++++++++++++++ */
.cols-1 {display:block;float:none !important;margin:0 !important;}
.cols-2 .column-1 {width:46%;float:left;}
.cols-2 .column-2 {width:46%;float:right;margin:0}
.cols-3 .column-1 {float:left;width:31.11111111111111%;padding:0;margin-right:3.3333333333333335%; /* 30 / 900 */}
.cols-3 .column-2 {float:left;width:31.11111111111111%; /* 30 / 900 */margin-left:0;padding:0}
.cols-3 .column-3 {float:right;width:31.11111111111111%; /* 30 / 900 */padding:0}
.items-row {overflow:hidden;margin-bottom:10px!important;}
.column-1, .column-2, .column-3 {padding:10px 5px;margin-bottom:30px;}
.column-2 {width:55%;margin-left:40%;}
.column-3 {width:31.11111111111111%}
.blog-more {padding:10px 5px}
.article-info .article-info-term {display:none;}
 
footer {position:absolute;margin:0 auto;bottom:0;width:100%;max-width:1260px;height:40px;background:#aa1647;font-size:.85em;}
footer section.footer-nav {float:left;padding:11px 0 0 14.285714285714285%; /* 180 / 1260 */height:40px;}
footer section.footer-nav ul {list-style-type:none;padding:0;margin:0;}
footer section.footer-nav ul li {display:inline;margin-right:25px;}
footer section.footer-nav ul li a {color:#d5d5d5;padding:10px 10px 10px 0;}
footer section.footer-nav ul li a:hover {color:#ffffff;}
footer section.footer-copyright {float:right;color:#d5d5d5;padding:11px 14.285714285714285% 0 0; /* 180 / 1260 */height:40px;}
footer section.footer-copyright p {margin:0;padding:0;}

 /* System Messages */
#system-message-container .alert-heading {display:none;}
#system-message-container a.close {display:none;}
#system-message-container .alert.alert-message {background:#e2edc0;color:#666666;padding:10px 20px;margin-bottom:30px;}
#system-message-container .alert.alert-error {background:rgba(205,60,43,0.1);color:#666666;padding:10px 20px;margin-bottom:30px;}
#system-message-container .alert.alert-warning {background:rgba(205,60,43,0.1);color:#666666;padding:10px 20px;margin-bottom:30px;}

.tooltip {display:none!important;position: absolute !important;}
.tooltip-inner {max-width: 200px;padding: 8px;color: #ffffff;text-align: center;text-decoration: none;background-color: #000000;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.tooltip.in {opacity: 0.8;filter: alpha(opacity=80);}
.tooltip.top .tooltip-arrow {border-top-color: #000000;}
.tooltip.right .tooltip-arrow {border-right-color: #000000;}
.tooltip.left .tooltip-arrow {border-left-color: #000000;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #000000;}

 
@media screen and (max-width:1260px) {
/* Code 7 Responsive Slider */
.flex-direction-nav .flex-next {right:0px}
.flex-direction-nav .flex-prev {left:0px}
.flexslider:hover .flex-next {right:0px}
.flexslider:hover .flex-prev {left:0px}
#navMain {margin:0;width:100%;}
#navMain ul {text-align:center;}
#navMain .item-117 {margin-right:0px;}
}  

@media screen and (max-width:1200px) {
#content-box .box.box3  .kontakt-info .adresse {display:none;}

} 

@media screen and (max-width:1150px) {
#content-box .box.box3  .kontakt-info {position:absolute;top:85px;left:22px; font-size:0.8em;}
} 

@media screen and (max-width:1020px) {
#content-box .box.box3  .kontakt-info  {display:none;}
#events {height:200px;}
#events-title h2 {padding:80px 0 0 0;}
.item-image img {margin-left:20px;}
} 

@media screen and (max-width:915px) {
#navMain ul li a {padding:12px 12px;} 
#navMain .separator {margin:0 10px;}
#content {padding:30px 9% 120px 9%;}
#content p {font-size:1.1em;line-height:1.4em;}
#content .contact-street {font-size:1.1em;line-height:1.4em;}
header .logo {left:9%;}
#main .blog ul li {font-size:1.1em;line-height:1.4em;background:url(../images/list.gif) no-repeat 0px 9px;}
} 

@media screen and (max-width:770px) {
header .image-slider {height:306px;}
header .image-slider img {width:770px!important;}
#navMain {display:none;}
.menu-open {display:block;cursor:pointer;position:relative;top:0px;height:50px;width:100%;margin:0;background:#aa1647 url(../images/navi_responsive.png) center no-repeat;}
#content-box .box {width:100%;padding-bottom:79.43615257048093%;height:0;margin-right:0;margin-bottom:10%;}
#content-box .box.box3  .kontakt-info {position:absolute;top:60px;left:22px;font-family:Arial, Helvetica, sans-serif;font-size:0.95em;}
#content-box .box.box3  .kontakt-info  {display:block;}
#content-box .box.box3  .kontakt-info .adresse {display:block;}
#sortiment-box .box {width:48.333333333333336%; /* 435 / 900 */padding-bottom:38.44444444444444%;height:0;margin-right:3.3333333333333335%; /* 30 / 900 */margin-bottom:7%;}
#sortiment-box .box.box2 {margin-right:0;}
#sortiment-box .box.box3 {margin-right:3.3333333333333335%; /* 30 / 900 */}
#sortiment-box .box.box4 {margin-right:0;}
#sortiment-box .box.box6 {margin-right:0;}
#sortiment-box .box.box9 {margin-right:3.3333333333333335%; /* 30 / 900 */}
#sortiment-box .box.box8 {margin-right:0;}
#sortiment-box .box.box10 {margin-right:0;}
.item-image img {width:100%;margin-bottom:7%;}
#events {height:100%;}
} 

@media screen and (max-width:650px) {
#events #events-date {margin-bottom:10px;}
} 

@media screen and (max-width:500px) {
#sortiment-box .box {width:100%;padding-bottom:79.43615257048093%;height:0;margin-right:0;margin-bottom:10%;}
} 

@media screen and (max-width:450px) {
.social-buttons {display:none;}
.flex-direction-nav  {display:none;}
} 

@media screen and (max-width:420px) {
footer section.footer-nav {padding:11px 0 0 20px;}
footer section.footer-nav ul li {display:inline;margin-right:10px;}
footer section.footer-nav ul li a {color:#d5d5d5;padding:10px 5px 10px 0;}
footer section.footer-nav ul li a:hover {color:#ffffff;}
footer section.footer-copyright {padding:11px 20px 0 0;}
} 

/* Retina Display Media Query */
@media screen and (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
header .logo {background:#aa1647 url(../images/logo-kostbar@2x.png) 0 0 no-repeat;background-size:249px 156px;}
}