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

/* Linke Spalte ausblenden */

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

/* Slider-Skin */

.os_head_slider { position:relative ; margin:0 ; padding: 0 0 20px 0 }
.os_head_slider .slick-slide img { width:100% ; height:auto }
.os_home_prodnewwrapper .slick-prev { left: -12px }
.os_home_prodnewwrapper .slick-next { right: -15px }
.os_home_prodnewwrapper .slick-prev:before { content: "\f104" ; color:#000 }
.os_home_prodnewwrapper .slick-next:before { content: "\f105" ; color:#000 }

/* Kategorien */

.os_home_catwrapper .catitle { color:#fff ; background:#FF007B; padding: 8px 0 ; margin:40px 0 15px 0 ; font-size:1.143em ; font-weight:600 ; text-align:center }
.os_home_catwrapper button { position:relative; background:#FF007B; padding:10px; border:0px }
.os_home_catwrapper button a { color:#fff ; font-weight:600; }
.os_home_catwrapper a.button { max-width:150px;  background:#FF007B; border:0px; padding:10px 15px; text-align:left; color:#fff; }
.os_home_catwrapper figure.kachel, .os_home_catwrapper video { border: 1px solid #e1e1e1; padding:10px; }
.os_home_catwrapper .kachel img { width:100% ; height:auto }
.os_home_catwrapper .contentdiv > div > div { border: 1px solid #e1e1e1 ; text-align:center ; margin-bottom:20px ; padding:10px }
.os_home_catwrapper .contentdiv > div > div:hover { -webkit-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; -moz-box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) ; box-shadow: 0px 0px 10px 0px rgba(217,217,217,0.80) }
.os_home_catwrapper .contentdiv > div > div span { display:block ; font-weight:600 ; margin-bottom:15px }
.os_home_catwrapper .contentdiv > div > div img { width:100% ; height:auto ; margin-bottom:15px }



@media screen and ( min-width:1330px ) {

	.os_home_catwrapper .contentdiv .col-lg-4 { width:16.666666% }
	.os_home_catwrapper .contentdiv > div > div span { height:35px }
}

/* Bilder */

.os_home_ytubebox img { margin-bottom:30px }
.os_home_ytubebox .os_home_youtube { width:100% ; margin-left:10px }
.os_home_ytubebox .os_home_fbook { width:100% }

@media screen and ( min-width:1330px ) {

 .os_home_ytubebox { padding-top:35px }
}

.os_home_newsbox b { display:block ; margin-bottom:10px }

/* Text */
.os_home_textwrapper { line-height:135%; }
.os_home_textwrapper .title { color:#fff ; background:#FF007B; padding: 8px 0 ; margin:40px 0 15px 0 ; font-size:1.143em ; font-weight:600 ; text-align:center }
.os_home_textwrapper { margin:0 }
.os_home_textwrapper h1 { color:#fff ; background:#FF007B ; padding: 8px 0 ; margin:20px 0 15px 0 ; font-size:1.143em ; font-weight:600 ; text-align:center }
.os_home_textwrapper h2 { margin: 15px 0 ; font-size:1.143em ; font-weight:bold }
.os_home_textwrapper h3 { margin: 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.929em ; line-height:1.4 }
.os_home_textwrapper .textblock .textr { font-size:0.929em ; line-height:1.4 }
.os_home_textwrapper .spacer { display:block; width:100%; height:25px }
.os_home_textwrapper img { width:100%; height:auto; }
.os_home_textwrapper button { position:relative; background:#FF007B; padding:10px; border:0px }
.os_home_textwrapper button a { color:#fff ; font-weight:600; }
.os_home_textwrapper a.button { max-width:150px;  background:#FF007B; border:0px; padding:10px 15px; text-align:left; color:#fff; }
.os_home_textwrapper figure.xs img {padding: 0 25%; }
.os_home_textwrapper figure img { border: 1px solid #e1e1e1; padding:10px; }

/* Flexbox */

.os_home_textwrapper .row.rowflex { display: flex; flex-direction: row; flex-wrap: wrap; }
.os_home_textwrapper .row.rowflex .col { display: flex; flex-direction: column; }
.os_home_textwrapper .row.rowflex .col .flex { margin: 0; flex-grow: 1; width:100%; }
.os_home_textwrapper .row.rowflex .col .flex img { width:100%; height:auto; }



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