@charset "UTF-8";
/*css only for shop landingpage*/

/* ######### reset css ######### */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-style: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* ######### end: reset css ######### */



/* ######### globals ######### */

a:hover{transition: all 0.15s ease-in-out 0s;}
img a, img a:hover, img a:active, img a:focus, a{text-decoration: none; border:0; transition:none;}

.fltLft{float:left;}
.fltRgt{float: right;}
.clrLft{clear: left; line-height: 0; font-size: 0;}
.clrRgt{clear: right; line-height: 0; font-size: 0;}
.clrBth{clear: both; line-height: 0; font-size: 0;}

.colorLink, a.colorLink{color:#272727;}
.colorLink:hover, a.colorLink:hover{color:#aaa;}


.mrgTopBig{margin-top: 60px;}
.mrgBotBig{margin-bottom: 60px !important;}
.mrgTop1em{margin-top: 1em;}
.mrgTopSml{margin-top: 15px;}
.mrgBotSml{margin-bottom: 15px;}

/* ######### end: globals ######### */

body {
    background-color: #ffffff;
    color: #272727;
    font-family: 'Nunito Sans', helvetica, arial,  sans-serif;
    padding: 30px 0 0 0;
    border-top: 4px solid #00c5cc;
}

.wrapper, .headerwrapper {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 1310px;
}

/* ######### HEADER DEFAULT GOSEE ######### */

.headerFront{
    width:100%;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}

.logoFront{width:40%;}
.logoFront img{
    /*max-width: 400px;*/
    max-width: 210px;
    width:100%;
    height:auto;
}

.menueMetaFrontWrp{
    width:59%;
    color:#CBCBCB;
    text-align: right;
    padding-top: 0.5em;
}

.menuMetaFront ul li, .menuMainFront ul li{
    display: inline;
    list-style-type: none;
}

.menuMetaFront{
    text-transform: uppercase;
    font-size:0.7em;
}

.menuMetaFront li a{
    color: #272727;
    padding-left:0.5em;
    font-weight: 400;
}
.menuMetaFront li a:hover{
    color:#00C5CC;
}

.menuMetaFront li:first-child a{padding-left:0;}

.menuMetaFront li a.goseeBlue{color:#00C5CC;}
.menuMetaFront li a.goseeBlue:hover, .menuMetaFront li a.goseeBlue:active, .menuMetaFront li a.goseeBlue:focus,
.menuMetaFront li a.goseeRed:hover, .menuMetaFront li a.goseeRed:active, .menuMetaFront li a.goseeRed:focus{color:#272727;}

.menuMetaFront li a.menuMetaBold{font-weight: 700;}
.menuMetaFront li a.menuMetaGrey{color: #CCC;}
.menuMetaFront li.nospaceLeft a{padding-left: 0;}
.menuMetaFront li.spaceRight{padding-right: 15px;}

.selectLanguageBox{
    font-weight: 300;
    line-height: 1.4em;
    background-color: #00C5CC;
    margin-top: 5px;
    padding:7px 10px;
    position: absolute;
    right: 1.5%;
    z-index: 91; /*transparent navi on scroll = 90*/
    border-radius: 5px;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
}
.selectLanguageBox, .selectLanguageBox ul, .selectLanguageBox ul li{width:100px; text-align: left;}
.selectLanguageBox ul li a{color:#FFF;}
.selectLanguageBox ul li a:hover{color:#272727;}


.selectAccountBox{
    font-size: 1.2em !important;
    font-weight: 200;
    line-height: 1.2em !important;
    background-color: #0FF;
    margin-top: 5px;
    position: absolute;
    border-radius: 5px;
    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.6);
    border:1px solid #FFF;
    opacity: 0.93;
    z-index: 91;/*over navi-searchfield*/
}
.selectAccountBox{
    width:140px;
    text-align: left;
}
.selectAccountBox ul{list-style-type: none;}
.selectAccountBox ul li{
    display:block;
    border-bottom: 1px solid #FFF;
    padding:7px 10px;
}
.selectAccountBox ul li:last-child{border-bottom: none;}
.selectAccountBox ul li:hover{background-color: #272727 !important;}
.selectAccountBox ul li a{color:#FFF; padding: 0;}
.selectAccountBox ul li a:hover{color:#FFF;}
.selectAccountBox ul li.accNsd a:hover, .selectAccountBox ul li.accNsd:hover{background:#272727;}

.selectAccountBox ul li.accStr{background-color: #FFFFFF;}
.selectAccountBox ul li.accMac{background-color: #00C5CC;}
.selectAccountBox ul li.accUpl{background-color: #A0CCCD;}
.selectAccountBox ul li.accNsd{
    /*background-color: #54B9FB;*/
    background: rgba(176,156,95,1);
    background: -moz-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
    background: -webkit-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
    background: -o-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
    background: -ms-linear-gradient(left, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
    background: linear-gradient(to right, rgba(176,156,95,1) 0%, rgba(186,166,106,1) 11%, rgba(224,197,76,1) 49%, rgba(189,164,90,1) 89%, rgba(176,156,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b09c5f', endColorstr='#b09c5f', GradientType=1 );
}
.selectAccountBox ul li.accBsc{background-color: #369496;}
.selectAccountBox ul li.accShp{background-color: #e7a0ae;}
.selectAccountBox ul li.accBlg{background-color: #6699CC;}
.selectAccountBox ul li.accPrt{background-color: #7289BD;}
.selectAccountBox ul li.accPin{background-color: #7980B4;}
.selectAccountBox ul li.accFrd{background-color: #B39500;}
.selectAccountBox ul li.accNml{background-color: #CF7471;}

.selectAccountBox ul li.accStr a{color:#00C5CC;}
.selectAccountBox ul li.accStr a:hover{color:#FFF;}



.menuMainFront{
    width:100%;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 1em;
    margin-bottom: 0.8em;
    padding:5px 0 5px 0;
    border:1px solid #DDD;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.menuMainItems{
    width:70%;
    margin-top:5px;
    font-size:1em;
}

.menuMainItems li a{
    color:#B4B4B4;
    padding-right:0.9em;
}

.menuMainItems li a:hover, .menuMainItems li a.akt,
.menuMainItems li:hover .smallNaviFont, .menuMainItems li:active .smallNaviFont, .menuMainItems li:focus .smallNaviFont{
    color:#272727;
}

.menuMainItems li:first-child a{padding-left:0.5em;}
.menuMainItems li:last-child a{padding-right:0;}

.menuMainItems .smallNaviFont{
    font-size:70%;
    color: #73B5E6;
    font-weight: 600;
}

.menuMainSearchWrp{
    width:25%;
    margin-right:5px;
}
.menuMainSearch{
    background-color: #E9F3F4;
}

.menuMainSearch input{
    border:0;
    background-color: #E9F3F4;
    color: #00C5CC;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
    font-size:1em;
}
.menuMainSearch input.suchfeld{
    float:left;
    width:80%;
    padding-left:10px;
    text-overflow: ellipsis;
    margin-top: 3px;
}
.menuMainSearch input.find{
    float: right;
    width:29px;
    padding: 2px 2px 0 0;
}



/* ######### HEADER ######### */

.header{
    width:100%;
    /*padding-bottom: 1em;*/
    background-color: #F9F9F9;
    margin-bottom: 1em;
}

.logowrapper{
    display: none;
    height: 36px;
    /*display: table-cell;*/
    vertical-align: middle;
    width: 8%;
    min-width: 35px;
    padding-left: 5px;
}
.logowrapper img{max-width: 35px; height: auto;}

.titlewrapper{
    width: 80%;
    /*text-align: center;*/
    text-align: left;
    padding-left: 10px;
}

.titlewrapper h1{
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    font-weight: 300;
    font-size: 1em;
    text-transform: uppercase;
    color: #272727;
}

.naviwrapper{
    width: 8%;
    text-align: right;
    padding-right: 5px;
}

.naviwrapper h3{
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}


.line{
    border-bottom: 1px solid #aaa;
    font-size: 0;
    line-height: 0;
}

.textpage p.bigTxt{
    font-size: 1.2em;
    margin-top: 3em;
    max-width: 700px;
}

/* ######### NAVIGATION POPUP ######### */
.navipopup{
    position: absolute;
    z-index: 1;
    right: 10%;
    background-color: #FFF;
    padding: 10px 15px;
    border: 1px solid #272727;
    width: 282px;
}

.navipopup p{
    text-align: left;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.navipopup p a{color: #00c5cc;}
.navipopup p a:hover{color: #272727;}

/*.navipopup li{
    border-bottom: 1px solid #e5e5e5;
    text-align: left;
}
.navipopup li:last-child{border:none}
.navipopup li a{
    color: #272727;
    display: block;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 0.8em;
}
.navipopup li a:hover{color: #aaaaaa;}
*/


/* ######### CONTENT SECTIONS ######### */
h2.sectionHeadline{
    font-weight: 300;
    text-align: center;
    text-transform: uppercase;
    font-size: 2em;
    letter-spacing: 1px;
}

h2.sectionHeadline a{color: #272727;}
h2.sectionHeadline a:hover{color: #aaaaaa;}




/* ######### ARTICLE TEMPLATES ######### */
.articleWrp{
    margin-bottom: 30px;
}

.articleContent{
    float: left;
    width:100%;
    line-height:0;
}



/* ######### TEMPLATE SHOP BIG - No 17 ######### */
/* ONE PICTURE - FULL WIDTH */

/*special for landing page*/
.mainTeaserImgBig{display: block;}
.mainTeaserImgSml{display: none;}

.template17 img{
    width:100%;
    height: auto;
    max-height: 550px;
}

.template17 .imgCol1Hover {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}
.template17 .imgCol1Hover .imageCover {
    position: absolute;
    overflow: hidden;
    width: 70%;
    height: 75%;
    left: 15%;
    top: 20%;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;

    opacity: 1;
    filter: alpha(opacity=100);
}

.template17 .imgCol1Hover:hover .imageCover {
    opacity: 0;
    filter: alpha(opacity=0);
}


.template17 .imgCol1Hover img {
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.8" /><feFuncB type="linear" slope="0.9" /></feComponentTransfer></filter></svg>#filter');
    filter: brightness(0.6);
    -webkit-filter: brightness(0.6);
}
.template17 .imgCol1Hover:hover img {
    filter: none;
    -webkit-filter: none;
}


.template17 .imgCol1Hover .date{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    color: #FFFFFF;
    text-shadow: 1px 0 1px #272727;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0.5em;
}

.template17 .imgCol1Hover .headline {
    font-weight:400;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 2em; /*fallback for view width font size*/
    font-size:2vw;
    line-height: 1.2em;
    background-color: transparent;
    color: #FFF;
    text-shadow: 1px 0 1px #272727;
    padding: 0.5em;
}

.template17 .imgCol1Hover .subhead{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    color: #FFFFFF;
    text-shadow: 1px 0 1px #272727;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 0.5em;
}

.template17 .imgCol1Hover .subhead i{
    font-style: italic;
}

.template17 .imgCol1Hover .subhead b, .template17 .imgCol1Hover .subhead strong{
    font-weight: 700;
}

.template17 .imgCol1Hover:hover .headline{

}

@media screen and (min-width: 1331px) {
    .template17 .imgCol1Hover p.headline {
        font-size: 2em;
    }
}

@media screen and (max-width: 1200px) {
    .template17 .imgCol1Hover p.subhead {
        line-height: 1.4em;
    }
}

@media screen and (max-width: 1100px) {
    .logoFront{width: 33%;}
    .menueMetaFrontWrp{width: 65%;}
    .menuMainItems{font-size: 0.9em; margin-top: 7px;}
    .menuMainItems li a{padding-right: 0.6em;}
    .menuMainSearch input{font-size: 0.9em;}
    .menuMetaFront{font-size:0.7em;}
    .menuMetaFront li a {
        color: #272727;
        padding-left: 0.3em;
    }
}

@media screen and (max-width: 985px) {
    .menueMetaFrontWrp{padding-top: 0.3em;}
    .menuMetaFront{font-size: 0.6em;}
    .menuMetaFront li a{padding-bottom: 0.5em;}
    .menuMetaFront li.spaceRight{padding-right: 0;}

    .menuMainFront{padding: 1px 0 5px 0;}

    .menuMainItems{font-size: 0.8em;}
    .menuMainItems ul{margin-top: 0.2em;}
    .menuMainItems li a{padding-right: 0.5em;}

    .menuMainSearchWrp{width:16%;}
    .menuMainSearch{margin-top: 4px;}
    .menuMainSearch input{font-size: 0.8em;}
    .menuMainSearch input.suchfeld{width:70%; padding-left: 5px;}
    .menuMainSearch input.find{
        width:20px;
        height:20px;
        padding-top:2px;
    }

    .naviwrapper{font-size: 0.8em;}

    .template17 .imgCol1Hover .imageCover{
        top:10%;
        height: 80%;
    }

    .template17 .imgCol1Hover .date{font-size: 1em;}

    .template17 .imgCol1Hover p.headline {
        font-size: 1.1em;
    }
    .template17 .imgCol1Hover p.subhead {
        font-size: 1em;
        line-height: 1.2em;
    }
}






@media screen and (max-width: 790px) {

    .template17 .imgCol1Hover .imageCover{
        width: 90%;
        left: 5%;
    }

    .template17 .imgCol1Hover .date{font-size: 0.8em;}

    .template17 .imgCol1Hover p.headline {
        font-size: 1em;
    }

    .template17 .imgCol1Hover p.subhead {
        font-size: 0.8em;
        line-height: 1.1em;
    }
}

@media screen and (max-width: 750px) {
    .menuMainItems{font-size: 0.7em; width: 100%; float: none;}
    .menuMainSearchWrp{width: 40%; min-width: 250px; float: none; margin-left: 5px; margin-top: 10px;}
    .menuMainSearch input{font-size: 0.7em;}
    .menuMainSearch input.find{
        width:20px;
        height:20px;
        padding-top:1px;
    }
}

@media screen and (max-width: 620px) {
    .menuMainSearch input.find{
        width:16px;
        height:16px;
        padding-top:1px;
    }
}


@media screen and (max-width: 600px) {
    .mainTeaserImgBig{display: none;}
    .mainTeaserImgSml{display: block;}
}

@media screen and (max-width: 530px) {
    .template17 .imgCol1Hover p.subhead {
        display: none;
    }
}



/* ######### TEMPLATE 22 ######### */
/* SHOP VARIATION */
/*landscape + portrait for shop*/

.template22{
    transition: 0.35s linear;
    border: 1px solid #CCC;
    padding: 15px;
}

.template22 .imgColA{width: 53.3%;}
.template22 .imgColB{width: 45.3%;}
.template22 .imgColA img, .template22 .imgColB img{width:100%;}

.template22 .txtBox100{background-color: #FFF; border: none; padding-bottom: 0;}
.template22 .txtBox100 p.date{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    color: #272727;
    text-align: center;
    font-size: 1em;
    line-height: 1.4em;
    padding: 0.5em 1em;
}
.template22 .txtBox100 h2 a{text-transform: uppercase; font-family: "Nunito Sans", sans-serif; font-size: 1.4em !important;}
.template22 .txtBox100 p.subhead{
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 1.3em;
    font-size: 1.5vw;
    line-height: 1.3em;
    background-color: transparent;
    color: #272727;
    padding: 0.5em 1em;
}

@media screen and (max-width: 600px) {
    .template22 .txtBox100 h2 a{font-size: 1.2em !important;}
}

@media screen and (max-width: 400px) {
    .template22 .txtBox100 h2 a{font-size: 1em !important; font-weight: 600;}
}




/* ######### TEMPLATE SHOP BIG - No 17 and 22 small the same ######### */
/* ONE PICTURE - FULL WIDTH */

.lftHalf{
    width: calc(50% - 15px);
    display: inline-block;
    margin-right: 15px;
}
.rgtHalf{
    width: calc(50% - 15px);
    display: inline-block;
    margin-right: 0;
    margin-left: 15px;
}

.template17sml{
    max-width: 640px;
}

.template17sml img{
    width:94%;
    left: 3%;
    margin-top: 15px;
    margin-bottom: 15px;
    height: auto;
    max-height: 400px;
}

.template17sml .imgCol1Hover {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;

    border:1px solid #ccc;
}

.template17sml .imgCol1Hover:hover img {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.template17sml .imgCol1Hover .date{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    color: #272727;
    /*text-shadow: 1px 0 1px #272727;*/
    text-align: center;
    font-size: 1em;
    line-height: 1.4em;
    padding: 0.5em 1em;
}

.template17sml .imgCol1Hover .headline {
    font-weight:500;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 1.3em;
    font-size:1.5vw;
    line-height: 1.3em;
    background-color: transparent;
    color: #272727;
    padding: 0.5em 1em;
}

.template17sml .imgCol1Hover .subhead{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    letter-spacing: 1px;
    font-weight: 300;
    color: #272727;
    text-align: center;
    font-size: 1em;
    line-height: 1.3em;
    padding: 0.5em 1em 2em 1em;
}

.template17sml .imgCol1Hover:hover .headline{

}

@media screen and (min-width: 1331px) {
    .template17sml .imgCol1Hover p.headline {
        font-size:1.3em;
    }
}

@media screen and (max-width: 1200px) {
    .template17sml .imgCol1Hover p.subhead {
    }
}

@media screen and (max-width: 985px) {
    .template17sml .imgCol1Hover p.headline {
        font-size: 1em;
    }
    .template17sml .imgCol1Hover p.subhead {
        font-size: 0.9em;
        line-height: 1.2em;
    }
}

@media screen and (max-width: 790px) {
    .template17sml .imgCol1Hover p.headline {
        margin-bottom: 1em;
    }
    .template17sml .imgCol1Hover p.subhead {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    .lftHalf, .rgtHalf{
        float: none;
        display: block;
        margin-right: 0;
        margin-left: 0;
        width: 100%;
    }

    .template17sml .imgCol1Hover p.headline {
        font-size: 1.2em;
        margin-bottom: 0;
    }

    .template17sml .imgCol1Hover p.subhead {
        display: block;
    }
}

@media screen and (max-width: 530px) {
    .template17sml img{margin-top: 10px}

    .template17sml .imgCol1Hover:hover img {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
        -webkit-transform: none;
        -moz-transform: none;
        -o-transform: none;
        transform: none;
    }
}

/*SLICK SLIDER - LATEST NEWS*/

/*customized slick*/
.center.slider {
    width: 90%;
    margin: 50px auto;
}

.slick-slide {margin: 0 5px;}
.slick-slide img {width: 100%;}

.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    outline: none !important;
}
.slick-slide a{outline: none !important;}
.slick-active {opacity: 1;}
.slick-current {opacity: 1;}
.sliderDate{
    text-align: center;
    font-size: 0.8em;
    margin-bottom: 0.5em;
}
.sliderTitle{
    text-align: center;
    font-size: 0.8em;
    /*line-height: 1.4em;*/
    margin-top: 0.5em;
    padding:0.2em;
    font-weight: 600;
}
.sliderTitle a{color: #272727;font-size: 14px;}
.sliderTitle a:hover{color: #666;}

/*from slick.css*/
/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{outline: none;}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*from slick-theme.css*/
/* Slider - not needed here */
/* Icons - not needed here*/
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 25%;
    display: block;
    width: 20px;
    /*height: 20px;*/
    height: 60px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slick-next{-ms-transform: rotate(90deg);}
.slick-prev{-ms-transform: rotate(-90deg);}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;

}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'Londrina Solid', helvetica, arial, sans-serif;
    font-size: 50px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {left: -20px;}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}
.slick-prev:before{content:'<';}

[dir='rtl'] .slick-prev:before {
    content:'>';
}

.slick-next {
    right: -25px;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}
.slick-next:before {
    content:'>';
}
[dir='rtl'] .slick-next:before {
    content:'<';
}


/*MASONRY CSS FOR NEW SHOPS*/

/*NEW SHOPS*/

.gridNewShop{background: #FFF;}

.gridNewShop:after {
    content: '';
    display: block;
    clear: both;
}

.gridNewShop-sizer{width: 33.333%;}

.gridNewShop-item{
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 60px;
    height: auto;
    float: left;
    line-height: 0;
}

.gridNewShop-item img {
    width:100%;
    height:auto;
}

.newShopTxtBox{
    line-height: 1.4em;
    padding: 0 5px;
}
.newShopTxtBox .date{
    font-size: 0.8em;
    color:#666;
    letter-spacing: 1px;
}

.newShopTxtBox h3{
    margin: 0.3em 0 0.8em 0;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.4em;
}

.newShopTxtBox h3 a{color:#272727;}

.newShopTxtBox .text{
    font-size: 0.8em;
    line-height: 1.6em;
}


@media screen and (max-width: 985px) {
    .gridNewShop-sizer{width: 50%;}

    .gridNewShop-item{
        width: 48%;
    }
}

@media screen and (max-width: 600px) {
    .gridNewShop-sizer{width: 100%;}

    .gridNewShop-item{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 50px;
    }
}



/*NEW IMAGES*/

.gridNewImg{background: #FFF;}

.gridNewImg:after {
    content: '';
    display: block;
    clear: both;
}

.gridNewImg-sizer{width: 20%;}

.gridNewImg-item{
    width: 19%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    margin-bottom: 15px;
    height: auto;
    float: left;
    line-height: 0;
}

.gridNewImg-item img {
    width:100%;
    height:auto;
}

@media screen and (max-width: 985px) {
    .gridNewImg-sizer{width: 33.333%;}

    .gridNewImg-item{
        width: 31%;
    }
}

@media screen and (max-width: 600px) {
    .gridNewImg-sizer{width: 50%;}

    .gridNewImg-item{
        width: 49%;
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 530px) {
    .gridNewImg-sizer{width: 100%;}

    .gridNewImg-item{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 15px;
    }
}





/*static pages*/

.textpage{
    width: 85%;
    margin: 30px auto;
}

.textpage h2{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.4em;
    margin-bottom: 0.6em;
    margin-top: 2em;
}

.textpage p{
    font-size: 0.8em;
    line-height: 1.4em;
}

ul.numliste li{
    list-style-type: none;
    padding-bottom: 1em;
}

ul.numliste li p a{color: #272727;}
ul.numliste li p a:hover{color: #aaaaaa;}

/* ######### media queries - submenu ######### */

@media screen and (max-width: 1540px) {
    .navipopup{right: 5%;}
}

@media screen and (max-width: 1330px) {
    .wrapper{padding:30px 15px 0;}
    .headerwrapper{padding-left: 15px; padding-right: 15px;}
    .navipopup{right: 15px;}
}


/* ######### footer ######### */
.footer{
    color: #aaa;
    font-size: 0.6em;
    text-transform: uppercase;
    line-height: 16px;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #e5e5e5;
    clear: both;
    padding: 3em 0;
    margin:2em 0;
}


.footer .footernavilist ul{
    list-style-type: none;
    font-size: 1.2em;
    font-weight: 600;
    margin-top:2em;
    letter-spacing: 1px;
}
.footer .footernavilist ul li a{
    color: #aaa;
    line-height: 2em;
}

.footer .footernavilist ul li a:hover{color: #272727;}
/* ######### end : footer ######### */