/* FRONTEND CSS
*********************************************/
/*
dev.jaegerndorfer.at/templates/jc-modellbau/fonts/demo.html
*/
@font-face {
    font-family: 'os_r';
    src: url('../fonts/OpenSans.eot');
    src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans.woff2') format('woff2'),
        url('../fonts/OpenSans.woff') format('woff'),
        url('../fonts/OpenSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'os_b';
    src: url('../fonts/OpenSans-Bold.eot');
    src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff'),
        url('../fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'os_eb';
    src: url('../fonts/OpenSans-Extrabold.eot');
    src: url('../fonts/OpenSans-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Extrabold.woff2') format('woff2'),
        url('../fonts/OpenSans-Extrabold.woff') format('woff'),
        url('../fonts/OpenSans-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'os_sb';
    src: url('../fonts/OpenSans-Semibold.eot');
    src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
        url('../fonts/OpenSans-Semibold.woff') format('woff'),
        url('../fonts/OpenSans-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'os_cb';
    src: url('../fonts/OpenSansCondensed-Bold.eot');
    src: url('../fonts/OpenSansCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/OpenSansCondensed-Bold.woff2') format('woff2'),
        url('../fonts/OpenSansCondensed-Bold.woff') format('woff'),
        url('../fonts/OpenSansCondensed-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'qs_r';
    src: url('../fonts/Quicksand-Regular.eot');
    src: url('../fonts/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Regular.woff2') format('woff2'),
        url('../fonts/Quicksand-Regular.woff') format('woff'),
        url('../fonts/Quicksand-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'qs_m';
    src: url('../fonts/Quicksand-Medium.eot');
    src: url('../fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Medium.woff2') format('woff2'),
        url('../fonts/Quicksand-Medium.woff') format('woff'),
        url('../fonts/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Quicksand-Medium';
    src: url('../fonts/Quicksand-Medium.eot');
    src: url('../fonts/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Medium.woff2') format('woff2'),
        url('../fonts/Quicksand-Medium.woff') format('woff'),
        url('../fonts/Quicksand-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'qs_b';
    src: url('../fonts/Quicksand-Bold.eot');
    src: url('../fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Quicksand-Bold.woff2') format('woff2'),
        url('../fonts/Quicksand-Bold.woff') format('woff'),
        url('../fonts/Quicksand-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




/* Global Styles */
*, *:before, *:after {
    box-sizing: border-box;
}
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0px;
}

html {
    /* scrollbar fix (prevent ugly left pull for lower content sites) */
    box-sizing: border-box;
    background: #fff;
}
body {
    text-align: center;
    font-size: 18px;
    margin: 0px;
    line-height: 1.7em;
    color: #000000;
    font-family: Helvetica, Arial, sans-serif;
}

h1,h2,h3,h4,h5{font-family: 'os_eb';}
div#gtx-trans{display:none !important;}
a{    color: #3f63a6;}

.center{text-align:center;}

div.wrapper {
    float: none;
    clear: both;
    width: 100%;
    display: block;
    text-align: center;
    margin: auto;
}
div.container {
    max-width: 1320px;
    margin: auto;
    text-align: left;
}

.block {    display: block;    width: 100%}
.tright {    text-align: right;}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #8c8c8c;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #8c8c8c;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #8c8c8c;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #8c8c8c;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #8c8c8c;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #8c8c8c;
}

.btn_red{background:#b4272d;color:#fff;font-family: 'qs_m';font-size:0.944em;text-align:center;min-width:195px;height:48px;line-height:48px;border:0px;border-radius:0px;outline:none;}
.btn_red:hover {  background-color: #d56469;  -webkit-transition: background-color 200ms linear;  -ms-transition: background-color 200ms linear;  transition: background-color 200ms linear;}
.btn_red a{color:#fff;}
.btn_red a:hover{color:#fff;}

#go_top{    display: inline-block;
 	padding:0px 2%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #314c7c;
    text-align: center;position:fixed;bottom:40px;display:none;right:11%;}


/*Fancybox fix

======================
*/

body.fancybox-lock {    overflow: hidden !important;    margin-right: 0px !important;}
div.fancybox-overlay {    overflow-y: hidden !important;}
html.fancybox-margin {    margin-right: 0px !important;}
html.fancybox-lock {    overflow: auto !important;    width: auto;}
a.fancybox-close,
a.fancybox-close:hover {    background: #314c7c ;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    font-size: 25px;    color: #fff;    padding-top: 1px;    height: 34px;}
a.fancybox-close::before {    content: "×";    font-size: 36px;    position: relative;    top: 0px;    color: #fff}

div.fancybox-title{display:none !important;}

/* Youtube Video Responsive */
.video-container {    position: relative;    padding-bottom: 56.25%;    padding-top: 30px;    height: 0;   overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}




/*header
=====================
*/
header { position: fixed;  top: 0px;  display: flex;  align-items: center;  justify-content: space-between;   width: 100%;height:160px;   background-color: #ffffff;   transition: height 300ms ease;	border-top: solid #314c7c 45px ;	z-index: 100;}

header.sticky { height:105px;}
header img.logo{height:65px;transition: height 300ms ease;margin-left: 60px;}	
header.sticky img.logo{height:40px;}	
div.header-outer{background:none;}
div#dealernav {   position: absolute;   top: -45px;   left: 0px; color: #fff; height: 45px; line-height: 45px; display: block; text-align: right; width: 100%; padding-right: 5%;}
div#dealernav a{ color: #fff; letter-spacing: 0.09em; font-family: 'os_cb';  font-size: 0.9em;  text-transform: uppercase;display:inline-block;height:38px;line-height:38px;padding:0% 0.9%;border-right:solid 2px #fff;}
div#dealernav a img{  height: 24px;  position: relative;  top: 15%;}
div#dealernav a:last-of-type {
border:0px;
}

/*div#dealernav a.find_store{background:url('/images/icons/map.png') no-repeat;background-size: 15px; background-position: 0px center; }*/

/*COLORSET*/

.blue {color:#314c7c;}
.bgblue {background:#314c7c;}
.bggrey {
    background: #dddddd
}
a:hover {
    color: #303030;
}
/*
a {
   
    text-decoration: none;
    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    -ms-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}
*/
a.btn_goback {
    float: right;
    display: inline-block;
    height: 30px;
}
img {   max-width: 100%;}


div.container { max-width: 1300px;  margin: auto; text-align: left;}

/*nav*/
div#navcontainer { width: 100%;}
div.nav-outer {    display: block;    text-align: center;    margin: auto;    max-width: 100%;}
div#navcontainer {     max-width: 1260px;        margin: 0px 0px 0px 7%;}
div#navcontainer .nav {    float: left;}
div#navcontainer ul.menu {    position: relative;    z-index: 999;    margin: 0px;}
.nav-item {    float: left;    zoom: 1;    position: relative;	width:auto;background:none; color: #000;    margin-right: 4% ; }
.nav-item a {	    padding: 0px 20px 0px 20px;    -moz-background-clip: padding;    -webkit-background-clip: padding-box;    background-clip: padding-box;    font-family: 'os_cb';  font-size: 1.269em;  color:#414141;}
.nav-item.active{background:#314c7c;}

.nav-item a span {   background: none;    display: inline-block;      }
.nav-item a {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;-ms-transition: all 0.3s ease;}
header.sticky .nav-item a {font-size: 1.0em;}


div#navcontainer ul.menu .nav-item.active a { color: #fff; text-decoration:underline;}
div#navcontainer ul.menu .nav-item.active .nav-submenu a{color:#fff;}
div#navcontainer ul.menu .nav-item.active .nav-submenu li.active.nav-item a { color: #ff000a;}

div.nav-outer {  float: none;    clear: both;    width: 100%;}

ul#mainmenu { height: 62px;    padding-left: 1%;}
li.nav-submenu-item{    position: relative;}
/*
ul.menulvl2{    position: absolute;  top: 0px;  left: 211px;}
ul li ul li.item-103.nav-submenu-item {overflow:auto}
*/
ul.menu li.item-106 ul.nav-submenu {width: 310px;}
.item-120.nav-item, .item-120.nav-item:hover {     background: #b4272d;}
.item-120.nav-item a{color:#fff;}
div#navcontainer ul.menu li.item-120.nav-item > a:hover {  background: #b4272d;  color: #fff;}
/*main*/
main{margin-top:160px;}


/*FP*/
div#fpslider{	display: block;width: 100%;} /*background: #9ca7af;min-height: 760px;	*/
.slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 42%; display: block;  padding: 0;  margin-top: -10px\9;  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%);   transform: translate(0, -50%);  cursor: pointer;  border: none;  outline: none;	background: transparent;  color: #fff;font-family: 'os_cb';z-index: 1;}
div#fpslider .slick-prev{left:5%;    z-index: 1;    height: auto;}
div#fpslider .slick-prev:before {   content: '\276C';font-size:10rem; opacity: 1;text-shadow: 0px 0px 16px rgba(0, 0, 0, 1);}
div#fpslider .slick-prev:before,
div#fpslider .slick-next:before {  color: #fff !important;}
div#fpslider .slick-next{right:5%;    z-index: 1;    height: auto;}
div#fpslider .slick-next:before {  content: '\276D';font-size:10rem; opacity: 1;text-shadow: 0px 0px 16px rgba(0, 0, 0, 1);}

/* div#product_slider .slick-prev,div#product_slider .slick-next {  color: #000;}*/
div#product_slider .slick-prev:before,div#product_slider .slick-next:before {font-size:64px;    color: #414141;z-index:2;}
div#section_choose div.catgories img {float:left;}
div#section_choose h2{font-size: 2.444em;line-height: 200%;}
div#section_choose div.catgories div{float:left;width: 25%;box-sizing: border-box;border:5px solid #314c7c;position: relative;}
div#section_choose div.catgories div h3 {   position: absolute;  bottom: -27px;  color: #fff;  width: 91%;  padding: 12px 0px;  background: url(../../../images/fp_section_choose/paralello.png);  background-size: cover;  margin: auto;  font-size: 1.65em;text-transform: uppercase; font-family: 'os_cb';background-repeat: no-repeat;}

div#nl_subscribe{background: url('/images/fp_nl_bg.jpg') repeat center; background-size: cover;   padding: 4em;     min-height: 550px;color:#fff;margin:5% 0px 0px 0px;}
div#nl_subscribe h4{ font-size:2.444em;line-height:100%;}
div#nl_subscribe input[type="text"]{height:54px;line-height:54px;   font-family: 'qs_r';font-size:0.889em;color:#181717;width:66%;margin:6% 0px;padding-left:2%;
}
.frm_newsletter_unsubscribe #nlmail{height:54px;line-height:54px;   font-family: 'qs_r';font-size:0.889em;color:#181717;width:66%;margin:2% 0px;padding-left:2%;}
.frm_newsletter_unsubscribe button{top: 3px;    position: relative;    display: inline-block;}
div#nl_subscribe input[type="checkbox"] {display:inline-block;float:left;margin-right:4%;   -ms-transform: scale(2);  -moz-transform: scale(2);   -webkit-transform: scale(2);   -o-transform: scale(2);   transform: scale(2);  padding: 10px;border-radius:0px;background:#fff;border:0px;}
div#nl_subscribe span{float:left;display:inline; font-family: 'qs_r';font-size:0.833em;width:66%;margin-bottom:6%;}
div.fp-catalog{margin-top:4%;}
div.fp-catalog .col{text-align:center;}

div#fp_blog{background:#b4272d;color:#fff;}
div#fp_blog h5{font-size:2.472em;padding:4%;}
div#fp_blog div.row{margin-bottom:5%;}
div#fp_blog div.date{    font-family: 'qs_m';font-size:0.833em;color:#fff;line-height:100%;}
div#fp_blog h6{   font-family: 'os_b';font-size:1.389em;color:#000;margin:3% 0px;}
div#fp_blog div.teaser{    font-family: 'qs_m';font-size:1.017em;color:#fff;}
div#fp_blog div.col{position:relative;min-height:274px;}
div#fp_blog a{position:absolute;bottom:0px;color:#fff;text-decoration:underline;}
body.blog div.linkwrapper{position:relative;height: 40px;}
body.blog div.linkwrapper div.vorher{position: absolute;left:0px;}
body.blog div.linkwrapper div.nachster{position: absolute;right:0px;}
body.blog div.linkwrapper div.overview{
    position: absolute;
    left: 50%;
}

div.schigebiet_header{margin-top:0%;}
div.schigebiet_header h3{font-family: 'os_eb';   font-size: 2.5em;text-transform: uppercase; color:#314c7c; }
div.schigebiet_header div.row{position: relative;    border-bottom: 2px solid #314c7c;    padding-bottom: 8%;}
div.schigebiet_header div.row  img{    position: absolute;    right: 5%;    top: -96px;}
div.schigebiet_header div.row span{position: absolute;   bottom: 5%;font-weight:bold;color:#314c7c;}
/*Footer*/
footer{min-height:280px;text-align:center;}
footer div.contaienr{ max-width: 1410px;
    margin: auto;
    text-align: left;}

footer div.container div.col{margin-top:45px;height:195px;border-right:1px solid #a9a9a9;text-align:center;padding-top:5.2%;}
.noborder{border:0px !important;}

footer div.container div.col div.b1{background:url('/images/icons/map.png') no-repeat;background-size: 40px; background-position: 30px center; text-align: left;   padding-left: 28%;}
footer div.container div.col div.b3{background:url('/images/icons/phone.png') no-repeat;background-size: 40px; background-position: 30px center;text-align: left;   padding-left: 28%;}
footer div.container div.col div.b2{background:url('/images/icons/mail.png') no-repeat;background-size: 40px;  background-position: 30px center; text-align: left;   padding-left: 28%;}
footer div.container div.col span{display:block; font-family: 'os_b';font-size:1.500em;color:#314c7c}
footer div.container div.col a{ font-family: 'qs_r';font-size:1.269em;color:#666666}

div#subfooter{background:#314c7c ;color:#fff;}
div#subfooter a{color:#fff;}
div.mb_wrapper{position:absolute;right:0px;top:20px;text-align:center;font-weight: bold;}
.txt_rgt{text-align: right;}


/*Modellbahn*/
div.cat_header{position:relative;

    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    

}
div.cat_header img {
    position: relative;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 100%;
}
div.cat_header div.inner{height:100%;display:inline-table;position:absolute;top:0px;left:0px;width:100%;z-index:10;}


div.cat_header div.flex_item{
/*
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
*/
	 
    vertical-align: middle;
    display: table-cell;
	
    }
div.cat_header h1{font-size:4.444em;font-family: 'os_cb';color:#fff;line-height:100%;text-shadow: -1px 0px 8px rgba(34, 37, 39, 1);}
div.cat_header h2{font-size:1.667em; font-family: 'os_r';color:#fff;line-height:100%;}


div.item-page div.icons{display:none;}

/*breadcrumb*/
ul.breadcrumb{font-family: 'qs_m';font-size:0.833em;margin: 2% 0px;color:#3f63a6;}
ul.breadcrumb li{display:inline-block;color:#3f63a6;}
ul.breadcrumb li a{color:#3f63a6;}

/*modellbahn overview*/
div.overview_spacer{margin-left:8.5%;    margin-bottom: 6%; }
div.overviewcontainer div.col:nth-child(3n+4) {
    margin-left: 0;
	clear:both; /*eingefügt damit zb. bei den 2zeiligen produktbezeichnungen trotzdem ganz links begonnen wird*/
}
div.overviewcontainer div.catheader{padding-top:3%;}
div.overviewcontainer h3{font-family: 'os_eb';font-size: 2.0em;text-transform:uppercase;}
div.overviewcontainer div.col{text-align:left;} /*von center auf left gestellt, da z.b. bei den neu markierten Artikeln dann das Neu - image nicht ganz kantig begonnen hat*/
div.overviewcontainer div.col h4{font-family: 'os_r'; font-size:1.222em; color:#333333;    margin-bottom: 2%;height:60px;text-align:center;}

div.blog div.overviewcontainer {margin-top:3%;}

div.smallproducts div.col h4{font-family: 'os_b'; font-size:1.222em; color:#333333;    margin-bottom: 2%;text-align:center;height:auto;}
div.smallproducts div.col div.artnr{font-family: 'os_b'; color: #6b6b6b;font-size:0.889em;text-align:center;    margin-bottom: 2%;}


div.overviewcontainer div.col a{position:relative;display:block;}
div.overviewcontainer div.col a img.newprod{position:absolute;top:0px;left:0px;z-index:2; border:0px;}
div.overviewcontainer div.col a img.resize_icon{position:absolute;bottom:4%;right:2%;z-index:2; border:0px;}
div.overviewcontainer div.col a.fancy img.thumb{ cursor: -moz-zoom-in; 
       cursor: -webkit-zoom-in; 
       cursor: zoom-in;}
/*div.overviewcontainer div.col a:hover img.thumb:hover {transform: scale(1.1);}*/
div.overviewcontainer div.col a img{border:1px solid #4971bb3d}

/*Modellbahn detailansicht*/
div#product_slider{max-height:667px;overflow:hidden;    margin-bottom: 3%;}
div#product_slider div.product{position:relative;}
div#product_slider img.panoramaicon { position: absolute; top: 5%; left: 6%;}
div#product_slider .slick-next {
    right: 47px;
}
div#product_slider .slick-prev {
    left: 0px;
}
div.product img.newprod {position: absolute;   z-index: 1000;   top: 0px;}  

div.modellbahn_detailcontainer{background: #e8e8e8;padding-bottom:3%;}
div.modellbahn_detailcontainer h1{
    font-family: 'os_sb';
    margin-top: 3%;
    font-size: 2.444em;
    line-height: 180%;
}
div.modellbahn_detailcontainer h6{ font-family: 'os_eb'; font-size: 1.556em;color:#808080;margin-bottom:5%;}
div#txt1{color:#000;font-size:1.111em;font-family: 'Quicksand-Medium';font-weight:normal;    line-height: 175%;}
div#txt1 span{font-weight:normal;}
div#txt1 h3{ font-family: 'os_sb';font-size:1.000em;color:#666666;}
.prod_attr{    margin-top: 10%;width:90% !important;}
.prod_attr img {
    height: 40px;
    max-width: 70px;
    margin-top: 5px;
}
.prod_attr td{vertical-align:middle;    padding-right: 2%;}
.prod_attr tr{ border-bottom: 5px solid #e8e8e8;  background: #fff;   padding-bottom: 1%;}
.prod_var span.artnr{font-family: 'os_sb';font-size:1.000em;color:#666666}
.prod_var img {height: 40px;}
.prod_var tr {border-top:1px solid #b3b3b3;}
.prod_var td{padding:1% 0px;}
.prod_var tr:last-child  {   border-bottom: 1px solid #b3b3b3;}
.prod_var a.shop{display:inline-block;width:185px;height:50px;line-height:50px;color:#fff;background:#b4272d}

div.downloads{margin-top:6%}
div.downloads div.col {text-align:center;}


div.fittingprod_container {    margin-top: 4%;}
div.fittingprod_container h5{text-align:center;color:#3f63a6; font-size:2.444em;margin-bottom:3%;}
div.fittingprod_container div.fittingproduct img{margin:auto; border: 1px solid #a9a9a9;max-height:250px;}
div#fittingprod_slider .slick-prev:before, div#fittingprod_slider .slick-next:before {font-size: 35px;    color: #414141;}
div#fittingprod_slider a{color:#333333;outline:none;}

div.product_footer{margin-bottom: 5%}


.video-container {
    position: relative;
    /*padding-bottom: 56.25%;  16:9 */
	padding-bottom: 72.7%;
    height: 0;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*Winterwelt Start*/
div.schigebietcontainer div.overview_spacer{margin-left:8.5%;    margin-bottom: 6%; }
div.schigebietcontainer div.col:nth-child(4n+5) {   margin-left: 0;}
div.schigebietcontainer div.col{text-align:center;}
div.schigebietcontainer div.col img{margin:auto;}
div.schigebietcontainer h3, div.winter_categories h3{margin-top:3%;font-family: 'os_eb';font-size: 2.0em;text-transform:uppercase;}
div.schigebietcontainer a{background:#dddddd;display:block;}
div.schigebietcontainer a:hover{background:#c2c2c2;}
div.cattext_rgt {  border-left: 3px solid #32486a;   padding: 4% 0px 4% 6%;}
div.cattext_lft {  border-right: 3px solid #32486a;   padding: 4% 6% 4% 0px;text-align:right}
div.winter_categories div.row{margin:2% auto;}
div.winter_categories h3 {    margin-bottom: 4%;}
div.winter_categories span {font-family: 'qs_m';font-size: 1.222em  ;color:#3f63a3;}
div.winter_categories .btn_blue{display:inline-block; min-width:200px;height:45px;background:#32486a;color:#fff;font-size:0.944em;font-family: 'qs_m';text-align:center;line-height:45px;}

div.prod_footer{margin-bottom:3%;}
div.prod_footer div.row{text-align:center;}
div.prod_footer img{margin:auto;}





/*winter Detail*/
div.winter_prod_detail_intro h1 {
    font-family: 'os_sb';
    margin-top: 0%;
    font-size: 2.444em;
    line-height: 100%;
}
div.winter_prod_detail_intro h6 {
    font-family: 'os_eb';
    font-size: 1.556em;
    color: #808080;
	margin-top: 2%;
    margin-bottom: 6%;
}
div.winter_prod_detail_intro a.shop {
    display: inline-block;
    width: 185px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #b4272d;
	text-align:center;
}
div.smallproducts a.shop {
    display: inline-block;
    width: 185px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #b4272d;
    text-align: center;
	    margin: auto;
}
div.smallproducts div.shoplink{text-align:center;}


div.product_schigebiet_container div.col:nth-child(3n+4) {
    margin-left: 0;
}

div.winter_product_img{position:relative;}
div.winter_product_img img{border: 1px solid #32486a}
div.winter_product_img img.panoramaicon{position:absolute;top:10px;left:33%;border:0px;}
div.winter_prod_attr{margin:3% 0px;}
div.winter_prod_attr img{float:left;margin-right:2%;width:60px;}
div.winter_button_container{text-align:right;}


/*blog*/
div#fp_blog_blue {background:#325e9e;}
div#fp_blog_blue div.content-inner{background: #fff;     padding: 0px 2%;margin-top:5%;}
div#fp_blog_blue div.event_wrapper div.span_1_of_1 div.section.group.item{background: #fff; padding: 0px 2%;}

/*Navigation*/

/*hide all sub,sub nav items on hover*/
ul li ul li.nav-submenu-item {overflow:hidden;} 
ul.nav-submenu li { overflow: visible;   float: none;}
/*winterwelt */
li.item-106:hover li.deeper ul{display:none}  
li.item-106:hover li.deeper:hover ul { display: block;  left: 270px;  top: 0px;}
/*Seil-Pendelbahnen*/
li.item-109 ul.nav-submenu li { float: none;  height: 60px; overflow: visible;}

/*Modellbahn */
/*
li.item-102:hover li.deeper ul{display:none}  
li.item-102:hover li.deeper:hover ul { display: block;  left: 154px;  top: 0px;}
*/

div.header {
    position: relative;
}
div.header img#logo {
    width: 235px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10;
}
div.header div#navcontainer {
    float: right;
    width: 79.3%;
    border-bottom: 24px solid #a4b517;
    text-align: right;
    height: 71px;
}
div.header div#navcontainer .nav {
    float: right;
    margin-right: 5%;
}
div.header div#navcontainer a {
    font-size: 1.144em;
    font-weight: 500;
    height: 94px;
    line-height: 94px;
    background: none;
    border: 0px;
}
div#slogan {
    text-align: center;
    background: #fff;
    position: relative;
    height: 30px;
    padding-top: 3%;
}

/*header*/

/*dealers*/
.btn_blue{
    display: inline-block;
    width: 80%;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background: #314c7c;
	text-align:center;
	
}
.btn_blue:hover{color:#fff;text-decoration:underline;}
.btn_blue.active{background:#b4272d;font-weight:bold;}
div.dealer_container{margin-top:3%;}
div.dealer_container div.row{border-top:2px solid #d8dde3;color:#4d4d4d;}
div.dealer_container div.row h6{color:#3f63a6;    margin: 3% 0px;}
div.dealer_container div.topspacer { margin-top: 6%;}
div.dealer_container div.row span{float:left;display:inline-block;color:#4d4d4d;}
div.dealer_container div.row span a{color:#4d4d4d;}
div.dealer_container div.row.noborder{border:0px;}
div.dealer_container div.row.noborder h5{margin-top:2%;}
.text-center{text-align:center !important;}
/*forms*/
form.frm_newsletter a{color:#fff;text-decoration:underline;}

body.haendler-finden a.active {text-decoration:underline;}


/*kontakt*/
div.contact, div.contact h3{color:#fff;}
div.contact form{margin-left:15%;margin-right:5%}
div.contact small{color:#fff;}

/*katalog*/
div.kataloge div.col{text-align:center;}
div.kataloge div.col.txt_left{text-align:left;}


#cookiedingsbums a {color:#EE0202; text-decoration:none;font-weight:bold;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}
#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:center; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   background: -moz-linear-gradient(top, #d6e0eb 0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6e0eb), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%);
   background: -ms-linear-gradient(top, #d6e0eb 0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #d6e0eb 0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#d6e0eb', endColorstr='#f2f6f9',GradientType=0 ); 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;}

#cookiedingsbumsCloser {
    display:inline-block;
    color: #fff;
    background-color: #EE0202;
    transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    -webkit-transition: background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
	    margin-bottom: 10px;
		    display: inline-block;
    padding: 10px 20px;
	 animation-duration:0.8s;
    -webkit-animation-duration:0.8s;
    -moz-animation-duration:0.8s;
    -o-animation-duration:0.8s;
    -webkit-animation-name:slideUp;
    animation-name:slideUp;
	cursor:pointer;
 }

#cookiedingsbumsCloser:hover {background-color:#FC8A8A;color:#000}



@media only screen and (max-width: 768px) and (min-width: 320px) {
    .nav-item a {
        font-size: 1em !important;
        text-align: left;
    }
      .nav-item {
        width: 100%;
        float: none;
		    border-bottom: 1px solid #fff;
    }
    div#navcontainer {
        margin-top: 0px;
        height: 50px;
        width: 100%;
        position: fixed;
        right: 0px;
        top: 0px;
        z-index: 999;
    }
    ul#mainmenu {
        height: auto;
        background: #019340;
    }
    .nav-mobile {

	}
 	div#dealernav{display:none;}
	header {    border-top: solid #314c7c 8px;    height: 90px;}
	header.sticky { height:60px;}
	header img.logo{height:65px;transition: height 300ms ease;margin-left: 7%;}	
	header.sticky img.logo{height:40px;}	
	main { margin-top: 90px;}
	.nav {top: 10px;	}	
	div#navcontainer ul.menu {background:#314c7c}
	
	ul.nav-submenu li a {  line-height: 42px !important;  }
 	ul.nav-list .nav-item a { height: 50px; line-height: 50px; padding: 0px 9px !important;  font-size: 1.5em; width: 100%;  }
	ul.nav-list .nav-item a span {    width: 100%;  background: none;color: #fff;   }
	ul.menu li ul.nav-submenu{
		    padding: 0px;
			background: #314c7c;
			border-bottom: solid 3px #fff;
			border-top: 1px solid #fff;
			z-index: 999;
			position:relative;
			width:100%;
	}

	ul.menu li.item-106 ul.nav-submenu {   width: 100%;}/*winterwelt*/
	
	ul.nav-list ul.nav-submenu li {height: 30px;}
	ul.nav-list ul.nav-submenu li a {height: 30px;line-height: 30px !important;margin:0px;}
	li.item-109 .nav-click {
		border-left: 0px;
		height: 30px;
		width: 50px;
		cursor: pointer;
	}
	li.item-109	.nav-click i {height: 28px;}
	ul.nav-list ul.nav-submenu li.item-109  {min-height: 30px;	}
	ul.nav-list ul.nav-submenu li.item-109 {min-height: 30px;height: auto;	}
	/*entfernt am 3.1. in der mobilen version sonst kein roter BG*/
	li.item-109 .nav-click:hover {
/*		background:none;*/
	}
	li.item-106:hover li.deeper:hover ul {left: 0px;	}
	
	/*fp*/
	div#fpslider {
		min-height: auto;
	}
	div#fpslider .slick-prev:before , div#fpslider .slick-next:before {font-size: 2.5rem;	}
	div#section_choose{    padding: 0% 2%;}
	div#fp_blog h5 {
		font-size: 2.072em;
		padding: 4%;

	}
	
	div#fp_blog div.row  div.span_1_of_2:nth-child(2n) {
	  padding:0px 2%;
	}
	footer{    font-size: 0.8em;margin-bottom:3%;    margin-bottom: 10%;}
	footer div.container div.col.span_1_of_3{height: auto;}
	
	div.cat_header h1 {
		    font-size: 1.444em;
	}
	div.overview_spacer {
		margin-left: 0%;
		margin-bottom: 6%;
    	padding: 0px 2%;
	}
	
	div.overviewcontainer h3{    font-size: 1.4em;padding-left: 2%;}
	div#subfooter .txt_rgt{text-align: center;}   
	
	div.download a.dwnlink{text-decoration:underline;}
	body.blog div.linkwrapper{margin-top:10%;}
}



/*------------------------------------*\
Media Queries
\*------------------------------------*/
@media (max-width: 575.98px) { 
	div#section_choose h2 {font-size: 1.344em;	}
	div#section_choose div.catgories div {float: none;width: 100%;margin-bottom:10%;}
	div#section_choose div.catgories div h3 {width: 97%;}
	div#nl_subscribe {	padding: 3%;}
	div#nl_subscribe h4 {font-size: 1.344em;text-align: center;	}
	div#nl_subscribe input[type="text"] {	width: 100%;	}
	div#nl_subscribe form{text-align:center;}
	div#nl_subscribe span {  width: 89%;font-size: 0.75em;    line-height: 135%;text-align:left;}
	div#section_choose div.catgories img {     float: none; }
	div#nl_subscribe {    padding: 0.5em;}
	div#nl_subscribe div.section div.span_1_of_2{width: 100%;}
	form.frm_newsletter{margin-bottom: 8%;}
	div.fp-catalog div.span_1_of_3{width: 100%;text-align-last: center;margin-bottom: 10%;}
	div.fp-catalog div.span_1_of_3 button.btn_red{position: relative;    top: -30px;}
	div#fp_blog div.span_1_of_2{width: 100%;}
	div#fp_blog div.col {	min-height: auto;}
	div#fp_blog a {position: relative;}
	div#fp_blog h6{font-size: 1.189em;}
	div#fp_blog div.teaser{font-size: 0.817em;}
	div#fp_blog h5{ font-size: 1.372em;}
	div#subfooter div.span_1_of_3:first-of-type {display:none;}
	div#subfooter div.span_1_of_3:last-of-type{padding-bottom:30px;}
	div#fp_blog_blue div.event_wrapper {border-bottom: 20px solid #fff;}
	footer div.container div.col {
		margin-top: 45px;
		height: auto;
		border-right: 0px;
		text-align: center;
		padding-top: 0.2%;
		border-bottom: 1px solid #a9a9a9;
		padding-bottom: 6%;
	}
	div.overviewcontainer h3{    font-size: 1.2em;padding-left: 2%;}
	div.overviewcontainer div.col h4 {   font-size: 1.022em;	line-height: 130%;}
	ul.breadcrumb{margin-left:3%;}
	ul.breadcrumb li.active:first-of-type {display:none;}
	div.modellbahn_detailcontainer{padding-left:3%;}
	div.modellbahn_detailcontainer h1 {
		font-size: 1.044em;
	}
	div.modellbahn_detailcontainer h6 {
    font-size: 1.000em;
	}
	div.modellbahn_detailcontainer  div#txt1, div.modellbahn_detailcontainer  table {
    font-size: 0.811em; 
	}
	.prod_attr {
		width: 96% !important;
	}
	.prod_attr td:last-of-type{white-space: nowrap;} 
	.prod_var img {
		max-height: 35px;max-width: 70%;
	}
	div.overviewcontainer div.col {
		text-align: center;
	}
	
	div.schigebietcontainer h3, div.winter_categories h3 {
    	font-size: 1.2em;  margin-left: 3%;
	}
	div.schigebietcontainer div.overview_spacer {
		margin-left: 2%;
		margin-bottom: 6%;
	}
	div.schigebietcontainer div.overview_spacer .span_1_of_4 {
    width: 47%;
    margin-right: 3%;
}
	
	
}
@media (min-width: 576px) and (max-width: 767.98px) {
	div#section_choose div.catgories img {     float: none; }
	div#section_choose div.catgories div{    width: 50%;margin-bottom: 5%;}
	div#section_choose div.catgories div h3 {font-size: 1.15em;    background-size: 100%;    width: 91%;    padding: 8px 0px;margin-left: 3%;}
	div#nl_subscribe {    padding: 0.5em;}
	div#subfooter div.span_1_of_3:first-of-type {display:none;}
	div#subfooter div.span_1_of_3:last-of-type{padding-bottom:30px;}
	footer div.container div.col {
		margin-top: 45px;
		height: auto;
		border-right: 0px;
		text-align: center;
		padding-top: 0.2%;
		border-bottom: 1px solid #a9a9a9;
		padding-bottom: 6%;
	}
	div.overviewcontainer h3{    font-size: 1.2em;padding-left: 2%;}
	div.overviewcontainer div.col {
		text-align: center;
	}
	
} 
@media (min-width: 768px) and (max-width: 991.98px) {
	div.overviewcontainer {	margin: 0px 2%;	}
	div.modellbahn_detailcontainer, div.winter_prod_detail_intro{padding:0px 2%;}
	ul.breadcrumb{ margin: 0px 2%;}
	
	div#section_choose div.catgories div {
		width: 50%;
		margin-bottom: 5%;
	}
	div#nl_subscribe div.section div.span_1_of_2{width:100%}
	div#fp_blog a {   position: relative;}
	div#fp_blog {padding: 0px 2%;	}
	footer div.container div.col div.b1,footer div.container div.col div.b2,footer div.container div.col div.b3 {background-size: 22px;	}
	footer div.container div.col span {font-size: 1.200em;	}
	footer div.container div.col {   height: 150px !important;;}	
	footer{    height: 235px !important;    min-height: auto;}
	.nav-item {   margin-right: 0%;}
	
} 
@media (min-width: 768px) and (orientation : portrait){
	/*Ipad portrait*/
	footer {
		height: 120px !important;
		min-height: auto !important;
	}
	footer div.container div.col {
		margin-top: 15px;
		border-right: 1px solid #a9a9a9;
		text-align: center;
		padding-top: 5.2%;
	}
	div.overviewcontainer div.col h4 {
    font-size: 0.75em;line-height: 130%;
	}
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {
		div.overviewcontainer {	margin: 0px 2%;	}
		div.modellbahn_detailcontainer, div.winter_prod_detail_intro{padding:0px 2%;}
		ul.breadcrumb{ margin: 0px 2%;}
		.nav-item {   margin-right: 0%;}
} 
@media (min-width: 1200px) and (max-width: 1349.98px) {
	div.overviewcontainer {	margin: 0px 2%;	}
	div.modellbahn_detailcontainer, div.winter_prod_detail_intro{padding:0px 2%;}
	ul.breadcrumb{ margin: 0px 2%;}
	
	
	.nav-item {   margin-right: 0%;}
}

@media (min-width: 1350px) and (max-width: 1550px) {


}