@charset "utf-8";
/**
450px = 28.125em
275px = 17.188em
238px = 14.875em
40px = 2.5em
20px = 1.25em
10px = 0.625em
8px = 0.5em
5px = 0.313em

==> Aufloesungen

Phone Portrait ist alles kleiner als 479 Pixel

@phoneLandscapeViewportWidth: 30em;     // 480px  (x 767px)
@tabletViewportWidth: 48em;             // 768px  (x 1023px)
@tabletLandscapeViewportWidth: 64em;    // 1024px (x 1260px)	--> häh? in Shopware verdreht?
@desktopViewportWidth: 78.75em;         // 1260px (und größer)


@media screen and (max-width: 479px) {	
@media screen and (min-width: @phoneLandscapeViewportWidth) {	
@media screen and (min-width: @tabletViewportWidth) {	
@media screen and (min-width: @tabletLandscapeViewportWidth) {	
@media screen and (min-width: @desktopViewportWidth) {

*/



/* WICHTIG: margins setzen wegen ShopWare-Restriktionen ! */
.slider-wrap {height: auto; overflow: hidden; margin: 0 -0.5em 0 -0.5em!important; padding: 0;}
.blog--block { width: 28.125em; margin: 0 1.25em 0 0;}

.img-responsive{ width: 100%!important; height: 100%!important; }

.title { width: 100%; height: 1.25em; background-color: #666; padding: 0.625em 0 0.625em 0; margin: 0 2.5em 0 0; }
p.title-text { font-family: Arial, Helvetica, sans-serif; color: #fff; margin: 0 2.5em 0 0.675em; padding: 0 0.313em 0 0.313em; white-space: nowrap; overflow: hidden; width: 95%; text-overflow: ellipsis; }

/* OWL-ersetzungen und -anpassungen */
.owl-stage { height: 17.188em!important; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #f4d100!important; }
.owl-dot span { background: #666666!important; }