<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@media (max-width:374px) { /* xxs */
	.hidden-xxs {
		display:none !important;
	}
}

@media (max-width:767px) { /* xs */
	.col-xs-13 {
	  width:100%;
	}
	#___ratingbadge_0 { /* Google zertifizierter Händler ausblenden */
		display:none !important;
	}
	#product .pcontent {
		padding-bottom:20px;
		margin-bottom:40px;
		border-bottom:1px solid #e5e5e5;
		clear:both;
	}
	.img-responsive {
		display:inline;
		max-width:100%;
		height:auto;
	}
	.image-helper {
		padding-left:14px;
		padding-right:14px;
	}
}

@media (min-width:768px) { /* sm */
	#___ratingbadge_0 { /* Google zertifizierter Händler ausblenden */
		display:none !important;
	}
	.container {
		width:100%;
	}
	.secondary.col-sm-2 {
		width:225px;
	}
	.primary.col-sm-push-2 {
		left:225px;
	}
	.secondary.col-sm-6 {
		width:280px;
		overflow:hidden;
	}
	.text-center-lg {
		text-align:center;
	}
}
@media (min-width:992px) { /* md */
	.container {
		width:100%;
	}
	.secondary.col-md-2 {
		width:225px;
	}
	.primary.col-md-push-2 {
		left:225px;
	}
	.secondary.col-md-3 {
		width:280px;
		overflow:hidden;
	}
	.text-center-lg {
		text-align:center;
	}
}
@media (min-width:1380px) { /* lg */
	#___ratingbadge_0 { /* Google zertifizierter Händler einblenden */
		display:block !important;
	}
	.container {
		width:100%;
		max-width:1350px !important;
	}
	.secondary.col-md-3 {
		width:280px;
		overflow:hidden;
	}
	.text-slarge-lg {
		font-size:1.1em !important;
	}
	.text-center-lg {
		text-align:center;
	}
}
.img-responsive-95 {
	max-width:95%;
	height:auto;
}
.border-radius-5 {
	border-radius:5px;
}
.box-green {
    background-color:#507b23;
    color:#ffffff;
    padding:10px;
}
.box-gray {
    background-color:#eeeeee;
    padding:10px;
}
.box-gray-hover {
	margin:12px 0;
	background: linear-gradient(to right,  rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.04) 40%,rgba(0,0,0,0.06) 100%);
	color:#507b23;
	transition:all 0.2s ease-in-out;
	border:1px #dddddd solid;
	border-radius:5px;
	vertical-align:middle;
    padding:5px;
}
.box-gray-hover:hover {
	background: linear-gradient(to right,  rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.05) 40%,rgba(0,0,0,0.07) 100%);
	color:#304a15;
}
.img-shadow {
	box-shadow:0 0 3px rgba(0,0,0,0.25);
}
.box-border {
	border:1px #e5e5e5 solid;
}
.box-border-5 {
	border:5px white solid;
}
.text-bold {
	font-weight:bold;
}
.text-normal {
	font-weight:normal;
}
.box-position-relative {
	position:relative;
}
.box-position-absolute {
	position:absolute;
}
.box-line {
	clear:both;
	height:1px; 
	background:#cdcdcd;
	margin:20px 0 20px 0;
}
/*.box-background-leuchtgruen {
	background-color:rgba(180,207,66,0.04) !important;
}*/
.text-underline {
	text-decoration:underline;
}
.text-italic {
  font-style:italic;
}
.text-block {
	display:block;
}
.text-xsmall {
	font-size:0.6em !important;
}
.text-msmall {
	font-size:0.74em !important;
}
.text-small {
	font-size:0.8em;
	line-height:0.9em;
}
.text-lxsmall {
	font-size:0.85em;
	line-height:0.95em;
}
.text-lsmall {
	font-size:0.9em;
	line-height:0.95em;
}
.text-slarge,
.text-slarge b {
	font-size:1.1em;
}
.text-large {
	font-size:1.2em !important;
}
.text-mdlarge {
	font-size:1.4em !important;
}
.text-xlarge {
	font-size:1.5em;
}
.text-xxlarge {
	font-size:2em;
}
.text-xxxlarge {
	font-size:3em;
}
.text-shadow {
	text-shadow:0 0 2px rgba(0,0,0,0.5);
}
.text-gray {
	color:#C0C0C0 !important;
}
.text-darkgray {
	color:#666666 !important;
	transition:color 0.5s;
}
.text-white {
	color:#ffffff !important;
}
.text-orange {
	color:#ff9200 !important;
}
.text-darkorange {
	color:#d77b00 !important;
}
.text-red {
	color:#a94442 !important;
}
.text-blue {
	color:#0000dd !important;
}
.text-green,
a.text-green,
.text-primary {
	color:#507b23 !important;
}
.dark-green {
    background-color:#4b7521 !important;
}
.text-darker {
	color:rgba(0, 0, 0, 0.5)
}
.text-line-height-normal {
	line-height:normal;
}
.text-nowrap {
	white-space:nowrap;
}
.text-hyphens {
	hyphens:auto;
}
.text-darkgreen {
	color:#4b7521;
}
.text-decoration-none,
.text-decoration-none:hover {
	text-decoration:none !important;
}
.display-none,
#grand-total-value {
	display:none;
	visibility:hidden;
}
.display-block {
	display:block;
}
.table-cell {
	display:table-cell !important;
}
.padding-5 {
	padding:5px !important;
}
.padding-10 {
	padding:10px !important;
}
.padding-50 {
	padding:50px !important;
}
.padding-left-15 {
	padding-left:15px !important;
}
.padding-right-5 {
	padding-right:5px !important;
}
.padding-right-15 {
	padding-right:15px !important;
}
.margin-5 {
	margin:5px !important;
}
.margin-10 {
	margin:10px !important;
}
.margin-25 {
	margin:25px !important;
}
.margin-minus-4 {
	margin:-4px !important;
}
.margin-top-minus-5 {
	margin-top:-5px !important;
}
.margin-top-minus-10 {
	margin-top:-10px !important;
}
.margin-top-5 {
	margin-top:5px !important;
}
.margin-top-10 {
	margin-top:10px !important;
}
.margin-top-15 {
	margin-top:15px !important;
}
.margin-top-25 {
	margin-top:25px !important;
}
.margin-top-50 {
	margin-top:50px !important;
}
.margin-top-100 {
	margin-top:100px !important;
}
.margin-left-5 {
	margin-left:5px !important;
}
.margin-left-10 {
	margin-left:10px !important;
}
.margin-left-15 {
	margin-left:15px !important;
}
.margin-left-30 {
	margin-left:30px !important;
}
.margin-left-50 {
	margin-left:50px !important;
}
.margin-left-160 {
	margin-left:160px !important;
}
.margin-left-minus-32 {
	margin-right:-32px !important;
}
.margin-right-5 {
	margin-right:5px !important;
}
.margin-right-10 {
	margin-right:10px !important;
}
.margin-right-20 {
	margin-right:20px !important;
}
.margin-right-50 {
	margin-right:50px !important;
}
.margin-bottom-1 {
	margin-bottom:1px !important;
}
.margin-bottom-3 {
	margin-bottom:3px !important;
}
.margin-bottom-10 {
	margin-bottom:10px !important;
}
.margin-bottom-15 {
	margin-bottom:15px !important;
}
.margin-bottom-25 {
	margin-bottom:25px !important;
}
.margin-bottom-50 {
	margin-bottom:50px !important;
}
.margin-bottom-100 {
	margin-bottom:100px !important;
}


.min-height-152 { /* für Footer alles in Reihe */
	min-height:152px;
}
.min-height-96 { /* für Footer alles in Reihe */
	min-height:96px;
}
.width-auto {
	width:auto; height:auto;
}

.display-inline {
	display:inline !important;
}
.clear {
	clear:both;
}
.nowrap {
	white-space:nowrap;
}

#___ratingbadge_0 { /* Google zertifizierter Händler versetzen wegen Chat-Button */
	margin:0 60px 10px 0 !important;
	z-index:10000 !important;
}

#cart .col-md-6 {
	width:50% !important;
}

#edit-adress .col-md-8,
#edit-adress .col-md-3 {
	padding-left:0;
}

/* /checkout/shipping: "Versand ist in folgende Länder/Regionen möglich..." ausblenden  */
.shipping-action-wrap #checkout .alert-info {
	display:none;
}

/* YouTube-Videos iframe mit dynamischer Höhe */
#categorie-listing .iframe-youtube {
	position:relative; 
	padding-bottom:56.25%;
	overflow:hidden; 
	width:100%;
	height:auto;
	margin-bottom:40px !important;
	background-color:black !important; 
}
#categorie-listing .iframe-youtube iframe {
  position:absolute; 
  top:0; 
  left:0; 
  width:100%; 
  height:100%;
  border:none;
}

#product #tabs .iframe-youtube {
	position:relative; 
	padding-bottom:56.25%;
	overflow:hidden; 
	width:100%;
	height:auto;
	margin:0 0 20px 20px; 
	background-color:black !important; 
}
@media (max-width:992px) { /* md */
	#product #tabs .iframe-youtube {
		margin:0 0 20px 0; 
	}
}
#product #tabs .iframe-youtube iframe {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	border:0;
}

.iframe-magazin {
	position:relative; 
	padding-bottom:46.25%;
	overflow:hidden; 
	height:auto;
	margin:20px 20px; 
	background-color:black !important; 
}
.iframe-magazin iframe {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100%;
	border:0;
}

.ug_startpage_box .arrow {
	right:10px;
	top:0;
	font-size:1.2em !important;
}
.ug_startpage_box .h1 {
	font-size:32px;
}
.index .ug_startpage_box h2,
.cart .ug_startpage_box h2,
.customer .ug_startpage_box h2 {
	margin:0;
	padding:0;
}

.youtube_channel {
	width: 635px;
	height:auto;
	margin-right:6px;
}

/* Fuzzy-Search */
table.fuzzy-search {
	font-size:1.2em;
}

/* Vorteilsprogramme */
#vorteile {
	border:0px solid #cdcdcd;
	border-top:0 none;
	padding:0 150px;
}
#vorteile .vorteile legend h2
{
	font-size:16px;
	font-weight:bold;
	padding:0 5px 10px 5px;
	margin-top:-18px;
    background-color:#fff;
}
div.vorteile {
	margin-top:30px;
}
ul.vorteile,
{
	list-style:none;
	padding:0 0 10px 30px;
}
ul.vorteile li {
	list-style:none;
	position:relative; line-height:180%;
}
ul.vorteile li:before
{
	font-size:14px;
	position:absolute;
    left:-30px;
    content:url(/images/haken1.jpg);
}

/* box scroll-down */
#scrolldown {
	position:fixed;
	z-index:1049;
	width:100%;
	height:70px;
	border-bottom:solid 1px #d3d3d3;
	box-shadow:rgba(0,0,0,0.1) 3px 0 3px;
	padding:10px 0;
	background-color:rgba(245,245,245,0.98);
	display:none;
}
#scrolldown .input-group .form-control {
	height:49px;
	padding:10px 16px;
	border-radius:0;
}
#scrolldown .input-group .btn {
	height:49px;
	padding:10px 16px;
	font-size:21px;
	border-radius:0;
}
#scrolldown .help-block {
	display:none;
}

/* box scroll-up */
#scrollup {
	position:fixed;
	left:0;
	bottom:0;
	z-index:1049;
	width:100%;
	height:90px;
	border-top:solid 1px #dddddd;
	background-color:rgba(255,255,255,0.98);
	box-shadow:rgba(0,0,0,0.1) 3px 0 3px;
	display:none;
}
#scrollup .product-image2 {
	float:left;
}
#scrollup .product-image2 img {
	height:86px;
	width:86px;
	padding:2px 10px 2px 0;
}

#scrollup .name2 {
	float:left;
	font-weight:bold;
	font-size:1.5em;
	padding-top:27px;
}
#scrollup .price2 .before {
	font-size:16px;
	font-weight:normal;
	text-decoration:line-through;
	color:#cd4e39;
}
#scrollup .price2 .price-discount {
	display:none;
}

#scrollup .cart2 {
	float:right;
	padding-top:20px;
	padding-left:10px;
}
#scrollup .price2 {
	float:right;
	font-size:2.5em;
	font-weight:bold;
	padding-top:20px;
}

/* Header */
.meta-navigation,
.header-top {
    background-color:#fafafa;
}
#header .header-top .col {
    padding-bottom:0;
}
.logo img.logo-small,
#header .header-top .col &gt; .inner .logo img.logo-small {
    max-height:45px; 
}
.slogan {
	text-align:right;
}
/* Navbar */
.navbar-default {
    background-color:#f5f5f5;
    border-color:#262626;
}
.navbar-nav {
    float:right;
    margin:0;
}
.navbar {
    position:relative;
    min-height:40px;
    margin-bottom:0;
    border:1px solid #e5e5e5;
}
.navbar-default .navbar-nav &gt; li &gt; a {
    color:#507b23;
	background-color:#f5f5f5;
	transition:all ease-in-out 0.17s;
}
.navbar-nav &gt; li &gt; a {
    padding-top:10px;
    padding-bottom:10px;
	line-height:22px;
}
.navbar-default .navbar-nav &gt; .active &gt; a {
    color:#507b23;
    background-color:#e5e5e5;
}
.navbar-default .navbar-nav &gt; li &gt; a:hover,
.navbar-default .navbar-nav &gt; .active &gt; a:hover {
    color:#507b23;
    background-color:#ededed;
}
#header .meta-navigation li.active &gt; a {
	text-decoration:underline;
}

/**
* FOOTER
*/
#footer {
	border-top:0;
	padding:30px 0 150px 0;
	height:auto;
	background-color:#f5f5f5;
	line-height:1.5em;
	color:#777777;
}
#footer .bootstrap-select {
	margin-bottom:30px;
}
#footer .bootstrap-select a {
	color:#333333;
}
#footer .bootstrap-select .option-title {
	display:none !important;
}
@media (max-width:767px) {
	#footer {
		text-align:center;
		padding-bottom:90px;
	}
		#footer .bootstrap-select {
		width:60%;
	}
		#footer .bootstrap-select .filter-option {
		text-align:center;
	}
}
#footer .col {
	margin-bottom:25px;
}
#footer .col ul {
	padding-left:0;
	list-style:none;
}
#footer .col-md-3,
#footer .col-sm-6,
#footer .col-sm-12 {
	padding-left:0;
	padding-right:0;
}
#footer li {
	line-height:1.7em;
	left:10px;
	padding-right:20px;
}
#footer ul li {
	position:relative;
}
@media (min-width:768px) {
	#footer ul li:before
	{
		position:absolute;
	    left:-10px;
	    content:url(/images/footer-li.png);
	}
}
#shipping p.headline,
#footer p.headline {
	/*width:97%;*/
	font-size:1.2em;
	padding-bottom:3px;
	border-bottom:1px #ccc solid;
	color:#555555;
}
.index .box-border p.headline {
	visibility:hidden;
	font-size:0em;
	border:0;
}
#footer p.headline-full {
	width:100%;
	font-size:1.2em;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px #ccc solid;
	color:#555555;
}
#footer p.headline-half {
	width:50%;
	font-size:1.2em;
	margin-bottom:10px;
	padding-bottom:3px;
	border-bottom:1px #ccc solid;
	margin-left:auto;
	margin-right:auto;
	color:#555555;
}
#footer #box-banner {
	margin:0 auto;
	vertical-align:middle
}
#footer #box-banner h3  {
	font-size:1.2em;
	margin-top:5px;
	text-align:left;
}
#footer #box-banner img.banner  {
	float:left;
	margin-right:10px;
}
#footer #box-manufacturers li {
	width:50%;
}

@media (max-width:767px) { /* xs */
	div.international,
	div.logos {
		margin:0 10px;
	}
}
div.international a,
div.international a:hover {
	display:inline-block;
	text-decoration:none;
}
div.international img {
	width:36px;
	height:26px;
	margin:0 7px 7px 0;
	border-radius:3px;
	box-shadow:1px 1px 2px #ddd;
	opacity:1;
	transition:opacity 0.2s
}
div.international img:hover {
	opacity:0.6;
}

#shipping div.shipping-countries a {
	display:inline-block;
}
#shipping div.shipping-countries img {
	width:36px;
	height:26px;
	margin:0 7px 7px 0;
	border-radius:3px;
	box-shadow:1px 1px 2px #ddd;
}
#footer #box-shipping-countries {
	margin-top:50px;
}
#footer div.shipping-countries img {
	width:24px;
	height:17px;
	margin:0 3px 3px 0;
	border-radius:2px;
	box-shadow:1px 1px 1px #ddd;
	display:inline-block;
	/*opacity:0.8;
    filter:grayscale(1) brightness(1);*/
}

.product-listing #box-social a {
	/*display:block;*/
}
#footer #box-social a,
#footer #box-social a:hover {
	display:inline-block;
	text-decoration:none;
}
#box-social img {
	width:42px;
	height:42px;
	margin:0 6px 6px 0;
	border-radius:9px;
	box-shadow:1px 1px 2px #ddd;
	opacity:1;
	transition:opacity 0.2s
}
@media (max-width:767px) { /* xs */
	.product-listing #box-social {
		margin-top:10px;
		margin-left:10px;
		text-align:center;
	}
	.product-listing #box-social .headline {
		/*display:none;*/
	}
	.product-listing #box-social img {
		margin:0 12px 12px 0;
		border-radius:9px;
	}
}
#box-social img:hover {
	opacity:0.6;
}

#box-lexicon img {
	margin:6px 6px 6px 0;
	height:36px;
}
#footer .familie img {
	padding:15px;
	widthp:100%;
	heightp:100%;
}
@media (min-width:992px) and (max-width:1379px) {
	#footer .visible-lg.familie .col {
		height:260px;
	}
}
@media (min-width:1380px) {
	#footer .visible-lg.familie .col {
		max-height:380px;
	}
}

#footer .familie a {
	font-size:1.1em;
}
#footer #bekannt .col-sm-13 {
	text-align:center;
}
#footer #bekannt img {
	box-shadow:1px 1px 2px #ddd;
}

/* Scroll To Top */
.scrollToTop {
	z-index:10000;
}
.scrollToTop.small {
	width:calc(2.1*20px);
	margin:10px;
	height:calc(2.1*20px);
	line-height:calc(2.1*20px);
}
.scrollToTop.large {
	width:calc(2.1*40px);
	margin:20px;
	height:calc(2.1*40px);
	line-height:calc(2.1*40px);
}
.scrollToTop img {
  position:absolute;
  margin:auto;
  width:50%;
  height:50%;
  top:0;
  left:0;
  bottom:0;
  right:0;
}
.scrollToTop.obj,
.scrollToTop.obj [class^="fa-"]::before,
.scrollToTop.obj [class*="fa-"]::before {
  display:inline-block;
  text-align:center;
  perspective:50em;
  text-decoration:none;
  box-sizing:border-box;
}
.scrollToTop.obj:after {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  border:2px solid rgba(140, 140, 150, 0.6);
  content:'';
  z-index:-1;
  border-radius:50%;
  transform:rotateY(360deg);
}
.obj:before,
.obj:after,
.scrollToTop.obj [class^="fa-"]::before,
.scrollToTop.obj [class*="fa-"]::before {
  transition:all 0.9s ease-in-out;
}
.obj:hover:after{
  transform:rotateY(0);
  border:2px solid rgba(140, 140, 150, 1);
}

/*categorie listing*/
.categorie-listing {
	margin-bottom:40px;
}
.categorie-listing .categories_name {
	min-height:58px;
}
.categorie-listing a {
	text-decoration:none;
}
.categorie-listing .col {
	padding-left:10px !important;
	padding-right:10px !important;
}
.listing.categorie-listing .section {
	margin-bottom:20px;
}
.categorie-listing .section {
    height:316px;
    overflow:hidden;
    padding:10px;
    background-color:#ffffff;
    border:1px #cccccc solid;
    transition:all 0.2s;
    hyphens:auto;
	cursor:pointer;
}
.categorie-listing .section.activ {
	border:1px #dddddd solid;
}
.categorie-listing .section:hover {
	border:1px #507b23 solid;
}
.categorie-listing .col-one .section,
.categorie-listing .col-one .section.activ,
.categorie-listing .col-one .section:hover {
	border:none;
}
.categorie-listing .section.ideenmagazin {
	height:auto;
}

.categorie-listing h2 {
	margin-top:0;
}
.categorie-listing h3 {
	margin:0;
}

.categorie-listing .categories_images img {
	width:auto;
	height:auto;
}
@media (max-width:767px) { /* xs */
	.categorie-listing .col {
		padding-left:6px !important;
		padding-right:6px !important;
	}
	.listing.categorie-listing .section {
		margin-bottom:12px;
	}
}
@media (max-width:991px) { /* xs sm */
	.categorie-listing {
		padding:4px;
	}
}
@media (min-width:768px) and (max-width:991px) { /* sm */
	.categorie-listing .section {
	    height:270px;
	    overflow:hidden;
	    padding:4px;
	    hyphens:auto;
		cursor:pointer;
	}
}
@media (max-width:767px) { /* xs */
	.categorie-listing .section {
	    overflow:hidden;
	    padding:4px;
	    hyphens:auto;
		cursor:pointer;
	}
}
@media (max-width:991px) { /* xs sm */
	.categorie-listing .categories_images {
		padding:0;
		max-width:210px !important;
		max-height:210px !important;
	}
}
/* Product-Listing */
.product-listing .row .one .image img.overlay {
	position:absolute;
	border:1px #d5d5d5 solid;
	opacity:1;
	width:120px;
	height:120px;
	left:10px;
	top:5px;
	padding:3px;
	z-index:99;
	background-color:#ffffff;
	transition:all 0.2s;
}
.product-listing .col-one .panel {
	margin-top:20px;
    border-bottom:0 !important;
}
.product-listing .row .one .image img.overlay:hover {
	border:1px #c5c5c5 solid;
	opacity:0.9;
}
.product-listing .row .one .image img.second {
    max-width:1130px;
	margin:-400px 0 0 0;
}

.product-listing .row .one .product-info {
	position:absolute;
	width:100%;
	left:0; 
	top:0px;
	background-color:rgba(255,255,255,0.8);
	text-shadow:0;
	margin-top:215px;
	padding:10px 2px;
	color:#000;
	z-index:98;
	transition:all ease-in-out 0.17s;
}
.product-listing .row .one .product-info:hover {
	background-color:rgba(255,255,255,0.4);
	text-shadow:0 0 4px #ddd;
}

.product-listing .category-image {
	height:200px;
	background-position:center -80px;
	background-repeat:no-repeat;
}

#box-start-page-categories a img {
	min-width:inherit;
}

.product-listing.product-listing-special .panel {
	height:333px;
	border-bottom:1px solid #e0e0e0;
}
.sub_category .product-listing {
	border-bottom:1px #507b23 dashed;
}
.sub_category .product-listing.product-listing-special .panel {
	border-bottom:0;
	margin-bottom:0;
}
.sub_category h2 {
	/*display:none;*/
}

/* Bestseller */
.bestseller-box {
	margin:25px 0;
	background: linear-gradient(to right,  rgba(0,0,0,0.01) 0%,rgba(0,0,0,0.06) 100%);
	color:#507b23;
	transition:all 0.2s ease-in-out;
	border:1px #f5f5f5 outset;
	border-radius:5px;
	vertical-align:middle;
}
a .bestseller-box:hover {
	background: linear-gradient(to right,  rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.09) 100%);
	color:#304a15  /*#fb9000 orange - #b4cf42 leuchtgrün - #304a15 Textfarbe*/;
}
.bestseller-box .text-word-wrap {
	hyphens:none !important;
}
/*.product-listing .bestseller-box.bestseller-page {
	background:transparent;
	border:0;
	color:#507b23;
}
.product-listing .bestseller-box.bestseller-page:hover {
	background:inherit;
	color:#507b23;
}*/

@media (max-width:767px) { /* xs */
	.product-listing .panel.category_video {
		height:386px;
	}
	/*.product-listing .col-sm-6 {
		padding-left: 10px;
	    padding-right: 10px;
   	}*/
	.product-listing .panel {
		height:270px;
		overflow:hidden;
		background-color:#ffffff;
		border-bottom:1px solid #e0e0e0;
	}
	.product-listing-switch.product-listing-v1 .listing &gt; .col .col {
	    width:auto;
	}
	.product-listing.product-listing-special .panel {
		height:210px;
	}
	.product-listing .panel-body {
		padding:0;
	}
	.product-listing .bestseller-box .text-word-wrap {
		hyphens:auto !important;
	}
	.bestseller-box .cname {
		font-size:1.2em;
	}
	.bestseller-box .desc {
		font-size:0.7em;
	}
	.bestseller-box .bestseller {
		font-size:2em;
	}
	.bestseller-box .icon {
		font-size:4em;
	}
}
@media (min-width:768px) and (max-width:991px) { /* sm */
	.product-listing .panel {
		height:400px;
		overflow:hidden;
		background-color:#ffffff;
		border-bottom:1px solid #e0e0e0;
	}	
	.product-listing .panel-body {
		padding:20px;
	}
	.bestseller-box .text-word-wrap {
		hyphens:auto !important;
	}
	.bestseller-box .cname {
		font-size:2em;
	}
	.bestseller-box .desc {
		font-size:1em;
	}
	.bestseller-box .bestseller {
		font-size:3em;
	}
	.bestseller-box .icon {
		font-size:5em;
	}
	.product-listing .panel.category_video {
		border-bottom:0;
	}
}
@media (min-width:992px) and (max-width:1379px) { /* md */
	.product-listing .panel {
		height:410px;
		overflow:hidden;
		background-color:#ffffff;
		border-bottom:1px solid #e0e0e0;
	}	
	.product-listing .panel-body {
		padding:5px;
	}
	.product-listing .col-md-3 {
		padding-left:5px;
		padding-right:5px;
	}
	.bestseller-box .cname {
		font-size:2em;
	}
	.bestseller-box .desc {
		font-size:1em;
	}
	.bestseller-box .bestseller {
		font-size:4em;
	}
	.bestseller-box .icon {
		font-size:6em;
		margin-left:25px;
	}
	.product-listing .panel.category_video {
		border-bottom:0;
	}
}
@media (min-width:1380px) {
	.product-listing .panel {
		height:390px;
		background-color:#ffffff;
		border-bottom:1px solid #e0e0e0;
		overflow:hidden;
	}
	.product-listing .box-bestseller .panel {
		border-bottom:1px solid #5D9029;
	}
	.product-listing .box-special_products .panel {
		border-bottom:1px solid red;
	}
	.product-listing .panel-body {
		padding:20px;
	}
	.product-listing .col-lg-14 .image img {
		width:190px !important;
		height:190px !important;
	}
	.bestseller-box .cname {
		font-size:2em;
	}
	.bestseller-box .desc {
		font-size:1.2em;
	}
	.product-listing .bestseller-box .bestseller {
		font-size:6em;
	}
	.product-wrap .bestseller-box .bestseller {
		font-size:5em;
	}
	.bestseller-box .icon {
		font-size:9em;
		margin-left:30px;
	}
	.product-listing .panel.category_video {
		border-bottom:0;
	}
}

.product-listing .panel.last_minute {
	border-bottom:1px solid #a94442;
}
.product-listing .panel.special_product {
	border-bottom:1px solid #a2bb3c;
}
/* .product-listing .panel.last_and_special {
	border-bottom:1px solid #a94442;
	box-shadow:0 1px #a2bb3c;
} */


@media (min-width:1380px) { /* lg */
	.product-listing .col-md-6 .image .image-link,
	.product-listing .col-lg-4.col-md-4 .image .image-link {
	    left:68px;
	}
	.product-listing .col-md-6 .image img.single,
	.product-listing .col-lg-4.col-md-4 .image img.single {
	    margin-left:68px;
	}
	.product-listing .col-md-6 .ug-pfeil .image i {
	    margin-left:145px;
	}
	.product-listing .col-md-3 .image img,
	.product-listing .col-md-4 .image img,
	.product-listing .col-md-6 .image img {
		width:210px;
		height:210px;
	}
}
@media (min-width:992px) and (max-width:1379px) { /* md */
	.product-listing .col-md-6 .image .image-link {
	    left:25px;
	}
	.product-listing .col-md-6 .ug-pfeil .image i {
	    margin-left:75px;
	}
	.product-listing .col-md-6 .image img {
		width:300px !important;
		height:300px !important;
	}
	.product-listing .col-sm-12 .image img {
		width:290px !important;
		height:290px !important;
	}
	.product-listing .col-md-3 .image img,
	.product-listing .col-md-4 .image img,
	.product-listing .col-md-6 .image img {
		width:185px;
		height:185px;
	}
	.product-listing .col-sm-6 .image img {
		left:10px;
	}
}
@media (min-width:768px) and (max-width:991px) { /* sm */
	.product-listing .col-md-6 .image .image-link {
	    left:25px;
	}
	.product-listing .col-md-3 .image img,
	.product-listing .col-md-4 .image img,
	.product-listing .col-md-6 .image img {
		width:210px;
		height:210px;
	}
	.product-listing .col-sm-6 .image img {
		left:20px;
	}
}
@media (min-width:1380px) { /* lg */
	.product-listing .col-md-6 .image img,
	.product-listing .col-lg-12 .image img {
		width:350px !important;
		height:350px !important;
	}
	.product-listing .col-md-6.florists-pic .image img {
		width:525px !important;
		height:350px !important;
	}
}
@media (max-width:991px) { /* md */
	.product-listing .col-xs-12 .image img {
		width:210px !important;
		height:210px !important;
	}
}
@media (max-width:767px) { /* xs */
	.product-listing .product-description {
		left:230px !important;
	}
	.product-listing .col-md-3 .image img,
	.product-listing .col-md-4 .image img,
	.product-listing .col-md-6 .image img {
		width:200px !important;
		height:200px !important;
		margin-top:15px;
	}
}

.product-listing .image-link &gt; img {
	width:100%;
	height:100%;
	max-width:350px;
	max-height:350px;
}

.product-listing .product-info {
	position:absolute;
	top:230px;
	text-align:center;
	background-color:rgba(255,255,255,0.8);
	padding:4px 10px 2px 10px;
	z-index:99;
	transition:all ease-in-out 0.17s;
}
.product-listing .col-md-6 .product-info {
    padding:4px 110px 2px 100px;
}
.product-listing .col-md-6.florists-pic .product-info {
    padding:10px 20px 2px 20px;
    background:rgba(255,255,255,0.95);
    line-height:1.3em;
}

.product-listing .col-one .product-info {
	min-height:40px;
}
.product-listing .col-one .product-info .h4 {
	line-height:1.9em !important;
}

.product-listing .ug-pfeil .product-info {
	top:240px;
}
@media (max-width:767px) { /* xs */
	.product-listing .product-info {
	    top:4px;
	    left:200px;
	    padding: 4px 0 2px 10px;
	    text-align:left;
	    background-color:transparent;
	    z-index:98;
	}
	.product-listing .ug-pfeil .product-info {
	    top:85px;
	}
	.product-listing .product-info:hover {
		background-color:transparent;
	}
}
.product-listing .product-info .title {
    hyphens:none;
    margin:0;
}
@media (max-width:767px) { /* xs */
	.product-listing .product-info .title {
	    word-wrap:break-word;
	    hyphens:auto;
	}
}

@media (min-width:992px) { /* md lg */
	.product-listing .orbitvu-3th {
		width:350px !important;
		height:350px !important;
	}
}
@media (min-width:768px) and (max-width:991px) { /* sm */
	.product-listing .orbitvu-3th {
		width:270px !important;
		height:270px !important;
	}
}
@media (max-width:767px) { /* xs */
	.product-listing .orbitvu-3th {
		position:absolute !important;
		width:210px !important;
		height:210px !important;
		padding-top:40px;
		background-color:#fff;
	}
}
.product-listing .orbitvu-3th .ov-control-panel {
	display:none;
}
.product-listing .bestseller_product_area {
	position:absolute; 
	top:0;
	font-size:14px;
	border:1px solid #507b23;
	border-radius:2px;
	color:#507b23;
	padding:1px 5px 0 5px;
	background-color:rgba(0,0,0,0.05);
	z-index:99;
}
.product-listing .bestseller_product_area.background-silver {
	background-color:#B4B4B4;
	border:1px solid #304a15;
	color:white;
	left:0;
}

.product-listing .special_product_area {
	position:absolute; 
	top:-5px;
	left:14px;
	border:1px solid #507b23;
	border-radius:2px;
	color:#507b23;
	padding:1px 5px 0 5px;
	background-color:rgba(0,0,0,0.05);
	z-index:99;
	font-size:0.9em;
}
.product-listing .special_product_area.background-arrow-percent {
	border:none;
	border-radius:0;
	background-color:transparent;
	background-image:url('/images/special-arrow-percent.png');
	top:15px;
	left:25px;
	width:50px;
	height:45px;
	padding:2px 0;
	color:white;
	text-align:center;
	font-size:1em;
}

#product .special_product_area {
	border:1px solid #507b23;
	border-radius:2px;
	color:#507b23;
	padding:1px 5px 0 5px;
	background-color:rgba(0,0,0,0.05);
	z-index:99;
	font-size:0.9em;
}
#product .special_product_area.background-arrow-percent {
	border:none;
	border-radius:0;
	background-color:transparent;
	background-image:url('/images/special-arrow-percent.png');
	width:50px;
	height:45px;
	padding:2px 0;
	color:white;
	text-align:center;
	font-size:0.95em;
}

@media (max-width:767px) { /* xs */
	.product-listing .special_product_area.background-arrow-percent {
		padding:4px 0;
		font-size:0.9em;
	}
	#product .special_product_area.background-arrow-percent {
		font-size:0.9em;
	}
}
.product-listing .special_product_area.background-red {
	border:1px solid red;
	color:red;
}
.product-listing .special_product_area.background-gold {
	background-color:#C9B037;
	border:1px solid #304a15;
	color:white;
}
.product-listing .special_product_area.background-silver {
	background-color:#B4B4B4;
	border:1px solid #304a15;
	color:white;
}
.product-listing .special_product_area.background-bronze {
	background-color:#AD8A56;
	border:1px solid #304a15;
	color:white;
}

.product-listing .quantity_area {
	position:absolute; 
	left:0; 
	bottom:0;
	font-size:11px;
	line-height:0.9em;
	padding:2px;
	background-color:rgba(255,255,255,0.5);
	border-radius:5%;
	z-index:99;
}
.product-listing  .single-column .quantity_area {
	left:50px; 
}
.product-listing .videobutton_area {
	width:40px;
	height:40px;
	position:absolute; 
	right:5px; 
	bottom:5px;
	background-repeat:no-repeat;
	background-position:left center;
}
.product-listing .single-column .videobutton_area {
		right:auto;
		left:6px;
}
.product-listing .video .videobutton_area {
	background-image:url('/images/video-button.png');
	z-index:99;
}
.product-listing .orbitvu .videobutton_area {
	background-image:url('/images/orbitvu-button.png');
	z-index:99;
}
.product-listing .gif .videobutton_area {
	background-image:url('/images/gif-button.png');
	z-index:99;
}
.product-listing .detailbutton_area {
	min-width:150px;
	position:absolute; 
	right:15px; 
	bottom:15px;
}
.product-listing .cartbutton_area {
	min-width:150px;
	position:absolute; 
	right:15px; 
	bottom:15px;
}
/*
.product-listing .product-info .title:hover,
.product-listing .product-info .product-price:hover {
	color:#507b23;
}
*/
@media (max-width:767px) { /* xs */
	.product-listing .videobutton_area {
		width:25px;
		height:25px;
		background-size:cover;
	}
}
.product-listing .ug-pfeil .pfeil {
	padding:33px;
}


/* product price */
.product-listing .product-price,
.sidebar-products .product-price {
    font-weight:600;
    margin:0;
    font-size:18px;
}
.product-listing .product-price .price-new,
.sidebar-products .product-price .price-new {
	display:block;
	font-weight:bold;
}
.product-listing .product-price .before,
.sidebar-products .product-price .before {
	font-size:14px;
	font-weight:normal;
	display:block;
	text-decoration:line-through;
	color:#cd4e39;
	line-height:13px;
}
@media (min-width:768px) {
	.product-listing .single-column .product-price .before {
		font-size:24px;
		font-weight:normal;
		display: inline-block;
		text-decoration:line-through;
		color:#cd4e39;
		line-height:13px;
	}
	.product-listing .single-column .product-price.this {
		margin-top:22px;
		font-weight:400;
		font-size:52px;
	}
	.product-listing .single-column .product-price.this .price-discount {
		display:none;
	}
	.product-listing .single-column .panel {
		background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,0.05) 100%);
		border-top:1px #f5f5f5 solid;
	}
}

.product-listing .product-price .price-discount,
.sidebar-products .product-price .price-discount {
	display:block;
	font-size:13px;
	font-weight:normal;
	color:#526c19;
	line-height:13px;
}

/*Sidebar*/
.sidebar-products .product-image img {
	max-width:500px !important;
	max-height:500px !important;
}



/* Product */
@media (min-width:1380px) { /* lg */
	#product .pinfo {
		min-height:577px;
	}
}
#product .product-info img.customers {
	width:30px;
	height:30px;
}
#product #tabs {
	padding-bottom:40px;
	clear:both;
}
#product #tabs .product-media {
	width:350px;
	margin:0 0 40px 40px !important;
}
@media (min-width:992px) { /* md lg */
	#product #tabs .product-media {
		display:table-cell;
	}
}
#product #tabs ul.tabs {
	border-bottom:1px solid #e5e5e5;
	padding-left:0;
}

#product #tabs .tabs li {
	list-style:none;
	display:inline;
}

#product #tabs .tabs a {
	color:#000;
	padding:10px;
	display:inline-block;
	text-decoration:none;
}
#product #tabs .tabs a.productlist {
	font-size:1em;
}
#product #tabs .tabs a.special_products {
	font-size:1.05em;
}
#product #tabs .tabs a:hover {
	background:#f5f5f5;
}
#product #tabs .tabs a.active {
	color:#000000 !important;
	background:#e5e5e5;
}

#product .flag {
	width:16px;
	height:11px;
	margin:0 5px 3px 0;
}
#product #tabs #description, 
#product #tabs #productlist,
#product #tabs #reviews,
#product #tabs #files {
	border:0px solid #cdcdcd;
	border-top:0 none;
}

#product #tabs #description,
#product #tabs [id*="description_"] { /* id* = alle Elemente deren ID "description_" enthält */
	font-size:1em;
	text-align:justify;
	hyphens:auto;
}
#product #description .tfm-pdesc .tfm-pfeat ul, /* nicht #tabs verwenden, sonst nicht bei Handyansicht */
#product #description .tfm-pdesc ul.tfm-pfeat,
#product [id*="description_"] .tfm-pdesc .tfm-pfeat ul,  /* id* = alle Elemente deren ID "description_" enthält */
#product [id*="description_"] .tfm-pdesc ul.tfm-pfeat {
    list-style:"\2713\00A0";
    padding-left:20px;
    line-height:1.6em;
}
#product #tabs [id*="description"] h2,
#product #tabs [id*="description"] h3 
#product #description_desc h2,
#product #description_desc h3 {
	font-weight:bold;
	text-align:left;
}
#product .pdesc .tfm-pdesc h2,
#product .pdesc .tfm-pdesc h3 {
	font-weight:bold;
}

#product .visible-xs [id*="description_"] { /* id* = alle Elemente deren ID "description_" enthält */
	margin-top:25px;
}

#product .pdesc {
	margin:auto;
	max-width:765px;
}
#product .pdesc .tfm-pdesc ul.tfm-pfeat {
	list-style:none;
}

#product #tabs #description #id-orbitvu {
}
#product #tabs #description .more_img_first {
	max-width:350px !important;
	max-height:350px !important;
}
#product #tabs #orbitvu .headline
{
	font-size:1.5em;
	text-align:center;
}
#product #tabs #description .product-price3 {
	padding-top:25px;
}
#product #tabs #description .product-price3 .price3 {
	font-size:28px;
	font-weight:bold;
}
#product #tabs #description .product-price3 .price3 .before {
	font-size:16px;
	font-weight:normal;
	text-decoration:line-through;
	color:#cd4e39;
}
#product #tabs #description .product-price3 .price3 .price-discount {
	display:none;
}

#product #tabs #description .cart3 {
	padding-top:20px;
	padding-left:10px;
}


#product #description li {
	margin:0 0 0 15px;
}


#product #tabs #lehnerwolle ul.lehnerwolle
{
	llist-style:none;
	padding:0 0 10px 30px;
}
#product #tabs #lehnerwolle ul.lehnerwolle li {
	llist-style:none;
}


#product #tabs #productlist .price {
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 0;

}

#product #tabs #productlist .price-new {
	display:block;
	font-weight:bold;

}

#product #tabs #productlist .before {
	font-size:12px;
	font-weight:normal;
	display:block;
	text-decoration:line-through;
	color:#cd4e39;
}

#product #tabs #productlist .price-discount {
	display:block;
	font-size:12px;
	font-weight:normal;
	color:#526c19;
}

#product #tabs #versandkosten .shipping_countries {
	float:right;
	max-width:400px;
}

#product .btn-secondary {
  color:#ffffff;
  background-color:#507b23;
  border-color:#4b7521;
  min-width:160px;
}
#product .btn-secondary:focus,
#product .btn-secondary.focus {
  color:#ffffff;
  background-color:#4b7521;
  border-color:#4b7521;
}
#product .btn-secondary:hover {
  color:#ffffff;
  background-color:#4b7521;
  border-color:#4b7521;
}
#product .btn-secondary:active,
#product .btn-secondary.active,
#product .open &gt; .dropdown-toggle.btn-secondary {
  color:#ffffff;
  background-color:#4b7521;
  border-color:#4b7521;
}
#product .btn-secondary:active:hover,
#product .btn-secondary.active:hover,
#product .open &gt; .dropdown-toggle.btn-secondary:hover,
#product .btn-secondary:active:focus,
#product .btn-secondary.active:focus,
#product .open &gt; .dropdown-toggle.btn-secondary:focus,
#product .btn-secondary:active.focus,
#product .btn-secondary.active.focus,
#product .open &gt; .dropdown-toggle.btn-secondary.focus {
  color:#ffffff;
  background-color:#4b7521;
  border-color:#4b7521;
}
#product .picture_absolute {
	position:absolute;
}
.product-wrap #instagram {
    max-width:500px;
    background-color:#fafafa;
    text-align:center;
    margin:50px auto;
}
.product-wrap .instagram-img-bottom {
    padding:10px;
    line-height:1.5em;
}
.product-wrap .instagram-img-bottom span {
    color:#122284 !important;
}



/* Checkout */
#checkout-payment .img-thumbnail,
#checkout-shipping .img-thumbnail,
#payment-logos .logos img {
	border:0;
	border-radius:5px;
}


/* Animation */
.product-listing .ug-pfeil .ani-scale.pfeil {
	animation:ani-scale1 5s linear infinite;
}
.product-listing .ug-pfeil .ani-scale.pfeil:hover {
	animation:none;
	transition:all 0.5s;
}
@keyframes ani-scale1 {
	0% {transform:scale(1);}
	4% {transform:scale(0.8);}
	15% {transform:scale(1.4);}
	20% {transform:scale(1);}
	100% {transform:scale(1);} 
}

.product-listing .ug-pfeil .ani-scale.text {
	animation:ani-scale2 5s linear infinite;
}

.product-listing .ug-pfeil .ani-scale.text:hover {
	animation:none;
	transition:all 0.5s;
}
@keyframes ani-scale2 {
	4% {transform:scale(1);}
	8% {transform:scale(0.8);}
	19% {transform:scale(1.4);}
	24% {transform:scale(1);}
	100% {transform:scale(1);} 
}

.product-listing .ug-pfeil .ani-scale.pfeil:hover,
.product-listing .ug-pfeil .ani-scale.text:hover {
	color:#494949 !important;
	transition:color 0.5s;
	animation:ani-scale3 2s linear infinite;
}
@keyframes ani-scale3 {
	0% {opacity:1;}
	50% {opacity:0.3;}
	100% {opacity:1;} 
}



.ani-scale-arrow {
	animation:ani-scale-arrow 4s linear infinite;
}
.ani-scale-arrow:hover {
	animation:none;
	transition:all 0.3s;
}
@keyframes ani-scale-arrow {
	0% {transform:scale(1);}
	4% {transform:scale(0.9);}
	15% {transform:scale(1.1);}
	20% {transform:scale(1);}
	100% {transform:scale(1);} 
}
.ani-scale-arrow:hover {
	transition:color 0.3s;
	animation:ani-scale-arrow-hover 2s linear infinite;
}
@keyframes ani-scale-arrow-hover {
	0% {opacity:1;}
	50% {opacity:0.3;}
	100% {opacity:1;} 
}



/* ========================================================================
   Component:Animation
 ========================================================================== */
[class*='uk-animation-'] {
	animation-timing-function:ease-out;
	animation-fill-mode:both;
}
/*
 * Fade
 * Higher specificity (!important) needed because of reverse modifier
*/
.uk-animation-fade {
	animation-name:uk-fade;
	animation-duration:0.3s;
	animation-timing-function:linear !important;
}
/*
 * Fade with scale
 */
.uk-animation-scale-up {
	animation-name:uk-fade-scale-02;
	animation-duration:0.3s;
}
/* Keyframes:Fade
 * Used by dropdown, datepicker and slideshow component
 ========================================================================== */
@keyframes uk-fade {
	0% {
	opacity:0;
	}
	100% {
	opacity:1;
	}
}
/* Keyframes:Fade with scale
 ========================================================================== */
@keyframes uk-fade-scale-02 {
	0% {
	opacity:0;
	transform:scale(0.2);
	}
	100% {
	opacity:1;
	transform:scale(1);
	}
}


/* CSS-Slider ul-&gt;li
 ========================================================================== */
.css-slider {
width:350px;/*Die Darstellungsbreite des Sliders*/
max-width:100%;/*Anpassung an schmalere Geräte*/
height:350px;/*maximale Höhe*/
margin:0;/*seitlicher Abstand des Sliders - hier Ausrichtung in der Mitte*/
position:relative;/*Damit das absolute der .sliderbox innerhalb unseres Sliders bleibt*/
}

.css-sliderbox {
width:100%;/*Nur ein Sliderfeld erscheint, obwohl die Liste 500% breit ist*/
overflow:hidden;/*Alles, was zu groß ist wird versteckt*/
position:absolute;/*Die Box wird absolut im Slider positioniert*/
}

.css-slider ul {
width:200%;/* 2 Sliderfelder, die vollständig nebeneinander angezeigt werden*/
margin:0;/*Außenabstand der Liste entfernen*/
padding:0;/*Innenabstand der Liste entfernen*/
animation:slide 7s infinite alternate;
/*slide - Name unserer Animation - siehe weiter unten @keyframes*/
/*20s - Animationsdauer*/
/*alternate - Animation läuft durch und dann wieder zurück*/
/*infinite - Animation läuft unendlich*/
/*webkit und moz - Browserweichen für die geläufigsten Browser*/
}

.css-slider ul:hover {/*Die Animation stoppt beim Mouseover*/
animation-play-state:paused;
}

.css-slider li { 
float:left;/*Die Sliderfelder werden nebeneinander angeordnet*/
width:50%;/*Um die Felder gleichmäßig zu verteilen, unabhängig vom Inhalt*/
height:350px;/*muss die Gesamthöhe des Sliders sein*/
list-style-type:none;/*Die Listenpunkte • werden ausgeblendet*/
position:relative;/*Positionierung der Bildbeschreibungen im Inhalt*/
}

.css-slider img {
width:100%;/*Die Bilder sollen den Slider ausfüllen*/
height:auto;/*Die Höhe der Bilder soll sich proportional verhalten*/
max-width:100%;/*Einpassung zu breiter Bilder*/
}

@keyframes slide { /*Unser Slideffekt - siehe .slider ul*/
  0% { margin-left:0%; }/*Der erste Inhalt wird angezeigt*/
 25% { margin-left:0%; }/*Der erste Inhalt wird angezeigt, kurz vor dem Wechsel*/
 28% { margin-left:-100%; }/*Der zweite Inhalt wird angezeigt*/
 75% { margin-left:-100%; }/*Der zweite Inhalt wird angezeigt, kurz vor dem Wechsel*/
 78% { margin-left:0%; }/*Der erste Inhalt wird angezeigt*/
 100% { margin-left:0%; }*/
}



/* CSS-Slider div-&gt;div
 ========================================================================== */

.slider-wrap {
	width: 350px;
	height:350px;
	position: relative;
}
.single-slide-2 {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	opacity: 0;
	animation: slider-animation-2;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.single-slide-3 {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	opacity: 0;
	animation: slider-animation-3;
	animation-duration: 9s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.single-slide-4 {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	opacity: 0;
	animation: slider-animation-4;
	animation-duration: 12s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
.single-slide:hover {/*Die Animation stoppt beim Mouseover*/
	/*animation-play-state:paused;*/
}
.single-slide-2 img,
.single-slide-3 img,
.single-slide-4 img {
max-width:350px;/*Die Bilder sollen den Slider ausfüllen*/
max-height:350px;/*Die Höhe der Bilder soll sich proportional verhalten*/
}

#slide-1 {}
#slide-2 {animation-delay: 3s}
#slide-3 {animation-delay: 6s}
#slide-4 {animation-delay: 9s}

@keyframes slider-animation-2 {
	0% {
	    opacity: 1;
	}
	44% {
	    opacity: 1;
	}
	50% {
	    opacity: 0;
	}
	94% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

@keyframes slider-animation-3 {
	0% {
	    opacity: 1;
	}
	29% {
	    opacity: 1;
	}
	33% {
	    opacity: 0;
	}
	94% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

@keyframes slider-animation-4 {
	0% {
	    opacity: 1;
	}
	21% {
	    opacity: 1;
	}
	25% {
	    opacity: 0;
	}
	94% {
	    opacity: 0;
	}
	100% {
	    opacity: 1;
	}
}

</pre></body></html>