
/* ---------- HOMEPAGE ---------- */

/* Linke Spalte ausblenden */

.os_main_left_td { display:none }
.os_main_shop { width:100% ; margin:0 ; padding:0 }

/* Navi */

.os_head_navi { border-bottom:0px }

/* Slider-Skin */

.os_home_slider .os_head_slider { position:relative ; margin:0 ; padding:0 ; overflow:hidden }
.os_home_slider .os_head_slider .slicktop { overflow:hidden }
.os_home_slider .os_head_slider .slicktop > div img { width:100% ; height:auto }
.os_home_slider .os_head_slider .slicktop > div { display:none }
.os_home_slider .os_head_slider .slicktop > div:first-child { display:block }
.os_home_slider .os_head_slider .slick-initialized > div { display:block }
.os_home_slider .os_head_slider .slick-dots { bottom:20px }
.os_home_slider .os_head_slider .slick-dotted.slick-slider { margin-bottom:0 !important }
.os_home_slider .os_head_slider .slick-prev:before { content: "\f104" ; color:#000 }
.os_home_slider .os_head_slider .slick-next:before { content: "\f105" ; color:#000 }

.os_home_slider .bx-slide img { position:relative ; cursor:pointer  }
.os_home_slider .bx-text { display:none; position:absolute ; margin:auto}
.os_home_slider .bx-text h1 { font-size:18px ; font-weight:700 ; margin-top:0 ; margin-bottom:5px }
.os_home_slider .bx-text a { text-decoration:underline }


@media ( max-width:767px ) {
	
	.os_home_slider .os_head_slider .slick-slide > div { overflow: hidden }
	/* .os_home_slider .os_head_slider .slicktop > div img { width:auto ; margin-left:50% ; transform: translateX(-50%) } */
	.os_home_slider .os_head_slider .slicktop > div img { width:100% }

	
	.os_home_slider .bx-text.bx-slide-10002 { top:15px ; right:15px ; width:90% ; color:#fff ; font-size:14px ; line-height:1.4 }
	.os_home_slider .bx-text.bx-slide-17219 { top:15px ; right:15px ; width:90% ; color:#fff ; font-size:14px ; line-height:1.4 ; background:#000000 ; padding:4px ; opacity:0.5 }
	.os_home_slider .bx-text.bx-slide-17220 { top:15px ; right:15px ; width:90% ; color:#fff ; font-size:14px ; line-height:1.4 ; background:#F0364D ; padding:4px ; opacity:0.8 }
}

@media ( min-width:768px ) and ( max-width:991px ) {

	.os_home_slider .bx-text.bx-slide-10002 { top:15px ; right:15px ; width:350px ; color:#fff ; font-size:13px ; line-height:1.1 }	
	.os_home_slider .bx-text.bx-slide-17219 { top:90px ; right:15px ; width:auto ; color:#fff ; font-size:16px ; line-height:1.1 ; background:#000000 ; padding:4px ; opacity:0.5 }	
	.os_home_slider .bx-text.bx-slide-17220 { top:15px ; right:15px ; width:auto ; color:#fff ; font-size:16px ; line-height:1.1 ; background:#F0364D ; padding:4px ; opacity:0.8 }	
}

@media ( min-width:992px ) and ( max-width:1329px ) {

	.os_home_slider .bx-text.bx-slide-10002 { top:30px ; right:20px ; width:500px ; color:#fff ; font-size:15px ; line-height:1.3 }	
	.os_home_slider .bx-text.bx-slide-17219 { top:120px ; right:15px ; width:auto ; color:#fff ; font-size:16px ; line-height:1.3 ; background:#000000 ; padding:4px ; opacity:0.5 }	
	.os_home_slider .bx-text.bx-slide-17220 { top:30px ; right:20px ; width:auto ; color:#fff ; font-size:156x ; line-height:1.3 ; background:#F0364D ; padding:4px ; opacity:0.8 }	
}

@media ( min-width:1330px ) {

	.os_home_slider .bx-text.bx-slide-10002 { top:60px ; right:40px ; width:500px ; color:#fff ; font-size:16px ; line-height:1.3 }	
	.os_home_slider .bx-text.bx-slide-17219 { top:150px ; right:20px ; width:auto ; color:#fff ; font-size:18px ; line-height:1.1 ; background:#000000 ; padding:4px ; opacity:0.5 }	
	.os_home_slider .bx-text.bx-slide-17220 { top:150px ; right:40px ; width:auto ; color:#fff ; font-size:18px ; line-height:1.3 ; background:#F0364D ; padding:4px ; opacity:0.8 }	
}

/* Teaser */

.os_home_teaser { margin-top:24px; }
.os_home_teaser h1 { font-size:2rem; color:#002a4c; font-weight:bold;}
.os_home_teaser p { text-transform:uppercase ; font-size:1.25rem; font-weight:bold; }

/* Kats */

.os_home_cats { margin-top:48px; margin-bottom:0px; padding:0 ; text-align:center;  }
.os_home_cats .col { margin-bottom:2rem; overflow:hidden;  }
.os_home_cats img { width:100% ; height:auto }
.os_home_cats span { /* position:absolute; bottom:0px; left:15px; right:15px; display:block; z-index:5;*/ }
/* .os_home_cats span:after {  position:absolute; top:0px; left:0px; right:0px; height:40px; background:#5C6785; mix-blend-mode: multiply; content:'' ; z-index:-5; opacity:.9 } */
.os_home_cats h3 { z-index:5 ; padding:0 ; margin:10px 0 0 ; font-size:1.5rem ; font-weight:200 ; height:60px }

@media ( max-width:767px ) {

	.os_home_cats h3 { font-size:1.0rem }
}

/* Angebote */

.os_home_offerwrapper h2 { text-align:center ; margin: 40px 0 20px 0 ; font-size:1.833em }
.os_home_offerwrapper .bx-wrapper { border-top:1px solid #e1e1e1 ; border-bottom:1px solid #e1e1e1 ; padding: 15px 0 } 
.os_home_offerwrapper .listwrap { text-align:center ; padding: 0 10px }
.os_home_offerwrapper .listwrap .listthumb { margin: 0 0 15px 0 }
.os_home_offerwrapper .listwrap .listtitle { height:40px ; overflow:hidden ; font-weight:600 }
.os_home_offerwrapper .listwrap .listprice { padding-top:10px }
.os_home_offerwrapper .listwrap .listpold { color:#990000 ; font-weight:normal ; display:inline-block ; padding-left:15px }
.os_home_offerwrapper .thumb { width:90% ; height:auto ; margin: 0 auto }

/* Text */

.os_home_textwrapper { margin:0 }
.os_home_textwrapper h2 { text-align:center ; margin: 0px 0 25px 0 ; font-size:1.833em }
.os_home_textwrapper h3 { margin:15px 0 15px 0 ; font-size:1em ; font-weight:bold }
.os_home_textwrapper .textblock a { text-decoration:underline }
.os_home_textwrapper .textblock .textl ul { list-style:none ; margin:0 ; padding:0 }
.os_home_textwrapper .textblock .textl li { background:url(./../main/home_dott.gif) no-repeat left center ; padding:3px 0 3px 25px }
.os_home_textwrapper .textblock .textl { font-size:0.917em ; line-height:1.4 }
.os_home_textwrapper .textblock .textr { font-size:0.917em ; line-height:1.4 }

/* ---------- END ---------- */
