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

/* Reset Margin Padding */

.os_head_big { margin-bottom:0; }
.os_head_navi { margin-bottom: 0; }
.os_content_all .content > .row { padding:0; }

/* Linke Spalte ausblenden */

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

/* Hilfsklassen */ 

.extend-full-width { position: relative ; margin-left: calc(50% - 50vw) ; margin-right: calc(50% - 50vw) ; padding-top: 0px ; padding-bottom: 0px }

.extender { position: relative; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding-left: calc(50vw - 50%) ; padding-right: calc(50vw - 50%) }

.headlinde-divider { text-align:center }
@media screen and (min-width: 950px) {
.headline-divider { display: grid; grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr); -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; grid-gap: 40px; width: 100%; margin-bottom: 2rem; }
.headline-divider:before, .headline-divider:after { content: ''; border-top: 1px solid; color: #249854; }
}
.spacer {position:relative; display:block; width:100%; height:60px; }

.bg-accent { background: #EAEAEA ; padding-top:3rem; padding-bottom:2rem }
.bg-dark {background: #303030 ; padding-top:2rem; padding-bottom:2rem; color:#fff }

/* Slider-Skin */

.os_head_slider { position:relative ; margin:0 0 3rem 0 ; padding:0 }
.os_head_slider .slicktop > div img { width:100% }
.os_head_slider .slicktop > div { display:none }
.os_head_slider .slicktop > div:first-child { display:block }
.os_head_slider .slick-initialized > div { display:block }
.os_head_slider .slick-dots { bottom:-30px } 

.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 }

/* Titel */

.os_home_catswrapper { margin-top:20px }
.os_home_catswrapper div { text-align:center }
.os_home_catswrapper img { width:90% ; height:auto }

/* Intro */
.os_home_intro { margin-bottom:2rem; }
.os_home_intro h1 { margin-bottom:2rem; }
.os_home_intro p { font-size:1.0625rem ; line-height:150%; margin-bottom:1rem }

/* Highlight */

.os_home_highlightbox { background:#249854; color:#fff; line-height:140%; padding:1rem; margin-bottom:3rem; }

/* Produkte */

.os_home_productswrapper h2 { color: #249854; font-weight:800 ; text-transform:uppercase;  }

/* Neuigkeiten */

.os_container_offers-home { background:#F7F7F7; padding-top:2rem; padding-bottom:4rem ; }

/* Support */
.os_home_info .support { display:flex; flex-direction:row; flex-wrap: wrap;  }
.os_home_info .support .col {display:flex; margin-bottom:2rem; }
.os_home_info .support .col .inside { background:#fff; padding:1rem; flex:1; }
.os_home_info .support .col .inside img { margin:1rem -1rem   }

.os_home_info .support h2 {margin:1rem 0; font-weight:800; color:#249854; }
.os_home_info .support ul {border-top:1px solid #249854; padding-top:2rem; margin-bottom:2rem; list-style-type:none; text-align:center;  }
.os_home_info .support ul li { display:block; margin-bottom:.75rem; line-height:125% ; font-size:1.0625rem }
.os_home_info .support ul li:after { font-family:'FontAwesome'; content:'\f00c'; color:#249854; margin-left:12px; }
.os_home_info .support img { width:calc(100% + 2rem); height:auto ; }

@media ( min-width:1330px ) {

	.os_home_catswrapper img { width:100% }
	.os_home_catswrapper .col-lg-3 { width:12.5% }
}

/* Herstellerlogos */

.os_home_vendorwrapper { text-align:center ; margin-bottom:20px }
.os_home_vendorwrapper h2 { margin: 60px 0 30px 0 }
.os_home_vendorwrapper img { vertical-align:middle ; width:120px ; margin:6px 30px 6px 0 ; filter:gray ; -webkit-filter: grayscale(100%) }
.os_home_vendorwrapper img:hover { filter:none }

/* Text */

.os_home_textwrapper { margin:0 }
.os_home_textwrapper h2 { margin: 55px 0 25px 0 }
.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.929em ; line-height:1.4 }
.os_home_textwrapper .textblock .textr { font-size:0.929em ; line-height:1.4 }

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