/*
## -----------------------------------------------------------------------------
##
##
##  STYLE SHEET
##                                             
##        Style-Sheet-Definitionen | GLOBAL APX LAYOUT THEME
##                                                                          
##        SCHEME:      __apx__scheme__                                                
##        AUTHOR:      Carsten Zandecki, mediaMinds internet services            
*/


*          { margin:0; padding:0; }



/* FOR FULL SCREEN BACKGROUNDS */

*, ::before, ::after {
	box-sizing: inherit;
}

html       { height: 100%; width: 100%; box-sizing: border-box;  }

body       { text-align: center; /** font-family: 'AllerLight'; font-size: 18px; color: #777777;**/ margin: auto; /*background: #fff;*/ 
             background-repeat: no-repeat; background-position: center center; 
             background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;
             background-size: cover;
           }

img        { border:0px; max-width:100%; }


/*
## -----------------------------------------------------------------------------
##
##  GLOBAL ELEMENT/FORM CLASSES
##                                             
*/

.buttoncon { display:block; width:100%; }  /** GLOBAL BUTTONCONTAINER FOR ALIGNMENT **/


/*
## -----------------------------------------------------------------------------
##
##  SITE MAIN NAVIGATION STYLES
##
##
*/

/** --------------------------------------------------------------------------- **/
/**										**/
/** LEVEL 1 									**/	
/**										**/

#menuNav { /*text-align:right;*/ letter-spacing: 0.025em; }

#menuNav > ul { width: 100%; /* Increase when adding more menu items */ margin:0 auto; }
#menuNav > ul > li{  position:relative; list-style: none; display: inline-block; line-height: 1.0em; /*margin: -1px 1px 0 10px;*/  margin:0 1px 0 7px;  padding: 16px 0; 
                     font-size: 16px;  font-family: OpenSans;  font-weight:normal;  color: #fff;  user-select:none; /*cursor:pointer;*/ }



#menuNav > ul > li:hover  { z-index:104; background: #fff; color: #620c0f; box-shadow: 0 -5px 10px rgba(0,0,0,0.3); }
#menuNav > ul > li:before { content: ""; /* or whatever color you prefer */ }

#menuNav > ul > li > a { text-decoration:none !important; font-size:16px; font-family: Exo2; text-transform:uppercase; font-weight:normal; color: #fff; padding: 16px 12px 16px 12px; /*padding: 13px 0px;*/ /* text-shadow: 0 0 5px #000; letter-spacing:0.025em;*/ }
#menuNav > ul > li > a:hover {  /* content: "\1f893"; */ position: relative; top: 0; left: 4px; color: #620c0f; font-size: 16px; font-weight: normal; }
#menuNav > ul > li > a:after {	/* content: "\1f893"; */ position: relative; top: 14px; left: 4px; color: #e5e5e5; font-size: 26px; line-height: 10px; font-weight: normal; }

/*#menuNav > ul > li:hover { color: #620c0f; }*/
#menuNav > ul > li.sub { padding: 16px 13px 16px 13px; }
#menuNav > ul > li.sub:hover  { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 0.3s; }

@keyframes fadeInOpacity { 0% {	opacity: 0; } 100% { opacity: 1; }}


/** --------------------------------------------------------------------------- **/
/**										**/
/** LEVEL 2 - DIV CONTAINER MENU						**/	
/**										**/

#menuNav > ul > li > div > div > ul { list-style:none; text-align:left; margin:0 20px 0 0; display:block; /*color:#620c0f; */ color: #ccc;
           
                                      /* This is important for the show/hide CSS animation */

                                         max-height:0px; overflow:hidden;

                                      /* -webkit-transition:max-height 0.4s linear; -moz-transition:max-height 0.4s linear;  transition:max-height 0.4s linear; */
                                    }


#menuNav > ul > li > div > div > ul > li   { /* display:block;*/  /*float:left;*/ }



#menuNav > ul > li > div > div > ul > li:last-child {}
#menuNav > ul > li > div > div > ul > li > a {

        margin:0;
	padding:10px 0;

        font-family: OpenSans;
        /* font-size: 1.0em; */
        font-size:15px;
        /* font-weight:bold;  */
           font-weight:normal;
        
	/*color:#620c0f; */ /* !important;*/
 
color:#555;

	text-decoration:none !important;
        
	display:block;

        /*float:left;*/
        text-shadow:none;
        border-bottom:1px dotted #e5e5e5; 

/* border-bottom:1px solid #888;  */

        /*background: url(../images/hop_nav.png) 0 10px no-repeat; */
}

#menuNav > ul > li > div > div >  ul > li > a:hover { /*font-weight:bold;*/ color:#620c0f; /*background: url(../images/point_nav.png) 0 12px no-repeat;*/ }



#menuNav li ul li:last-child{ }
#menuNav .tip { background:#ccc; }

/* This will trigger the CSS */
/* transition animation on hover */

#menuNav li:hover ul{ max-height:420px; } /* Increase when adding more dropdown items */

/* DIV CONTAINER STYLES */

#menuNav > ul > li > div.menudiv { /*display:table;*/ position:absolute; padding:20px 20px 0 20px;  background: url(../images/menuseparator.jpg) 0 22px no-repeat; background-origin: content-box; background-color:#fff; top:48px; left:-50px; width: 500px; box-shadow:0 10px 10px rgba(0,0,0,0.5); display:none; }
#menuNav > ul > li > div > div.menusep { width:100%; border-top: 2px solid #620c0f; margin-bottom:20px; }
#menuNav > ul > li > div > div.menunav { width:220px; float:left; /*border-right:1px solid #ccc;*/ }
#menuNav > ul > li > div > div.menuclose { display:block; background:#fff; width:100%; height:20px; }

#menuNav > ul > li > div > div.menucon1 { height:190px; margin-left: 20px; /*padding-left: 20px;*/ float:left; width:220px; background: url(../images/menucon0.jpg) center 10px no-repeat; background-size:contain; }
#menuNav > ul > li > div > div.menucon2 { height:190px; margin-left: 20px; /*padding-left: 20px;*/ float:left; width:220px; background: url(../images/menucon1.jpg) center 10px no-repeat; background-size:contain; }
#menuNav > ul > li > div > div.menucon3 { height:190px; margin-left: 20px; /*padding-left: 20px;*/ float:left; width:220px; background: url(../images/menucon2.jpg) center 10px no-repeat; background-size:contain; }
#menuNav > ul > li > div > div.menucon4 { height:190px; margin-left: 20px; /*padding-left: 20px;*/ float:left; width:220px; background: url(../images/menucon3.jpg) center 10px no-repeat; background-size:contain; }
#menuNav > ul > li > div > div.menucon5 { height:190px; margin-left: 20px; /*padding-left: 20px;*/ float:left; width:220px; background: url(../images/menucon4.jpg) center 10px no-repeat; background-size:contain; }

#menuNav > ul > li > div.menucontainer4 { left:-200px; }

/** --------------------------------------------------------------------------- **/
/**										**/
/** LEVEL 3 - DIV CONTAINER MENU						**/	
/**										**/

#menuNav > ul > li > div > div > ul > li > ul { /*background: #ccc;*/ margin:0; padding:0; }
#menuNav > ul > li > div > div > ul > li > ul > li { background: #fff; margin:0; padding:0; }

#menuNav > ul > li > div > div > ul > li > ul > li > a {

        margin:0 0 0 10px;
	padding:10px 0 10px 22px;

/* background-color: #0cf; */

        font-family: OpenSans;
        /* font-size: 1.0em; */
        font-size:15px;
        font-weight:normal;
	/* color:#620c0f; *//* !important;*/

color:#999;

	text-decoration:none !important;
        
	display:block;

        /*float:left;*/
        text-shadow:none;
        border-bottom:1px dotted #e5e5e5;
        background: url(../images/point_nav.png) 0 12px no-repeat; 
}

#menuNav > ul > li > div > div > ul > li > ul > li > a:hover { color:#620c0f; /*color:#8e1c1f;*/ background: url(../images/point_nav_red.png) 0 12px no-repeat;  }





/*
## -----------------------------------------------------------------------------
##
##  MOBILEMENU/TABLEMENU STYLES
##
##
*/

#mobilebox { position:absolute; z-index:99; top:50px; right:0px; width:100%; text-align:right; }
.mobilebutton { background: #0e4323 url('../images/menu.png') 13px 9px no-repeat; padding:17px 17px 17px 42px; border-radius:50%; color:#fff; box-shadow: 0 0 10px 0 #423a02; border: 2px solid #d9d0a4; }

#mobilemenu      { display:none; font-size:18px; position:relative; width:100%; height:auto; background:#0e4323; left:0px;color:#fff; border-top:2px solid #d9d0a4; }
#mobilemenu a    { font-family: OpenSans; font-weight:normal; width:100%; padding:4%; display:block; color: #fffbc1; text-align:center; border-bottom:1px solid #d9d0a4; text-decoration:none; }
#mobilemenu a:hover { color: #fff; background: #adcc28; }
#mobilemenu .sep { font-family:OpenSans; font-weight:bold; display:block; background:#04200f; color:#fffbc1; padding:4%; text-align:center; }

/* #mobilemenu .respCatMenu { background-image: url(../images/apx_down_w.svg); background-size:16px; background-position: right 16px top 18px; background-repeat:no-repeat; } */


#tabletbutton { position:absolute; width:110px; height:46px; top:4px; left:235px; z-index:999; display:block; margin:0px auto; background: url('../images/menu_tablet.png') 5px 3px no-repeat; text-align:center; }
#tabletbutton img { margin:0 auto; }

#tabletmenu   { display:none; box-sizing: border-box; font-size:16px; position:absolute; z-index:998; width:100%; height:auto; left:0px; top:48px; color:#fff; background:#831d1f; border-top: 5px solid #620c0f; border-bottom: 5px solid #620c0f;  }
#tabletmenu a { font-family: OpenSans; font-weight:normal; box-sizing: border-box; padding:15px 15px 15px 25px; display:block; color: #fff; text-align:left; text-decoration:none; border-bottom: 1px dotted #e5e5e5;
    background: url(../images/point_nav.png) 0 20px no-repeat;
}
/* #tabletmenu a:hover { background: #adcc28; color:#fff; border-radius:6px;  }  */

.tbNavSelect { padding:15px 25px 15px 15px; border-bottom:1px solid #aaa; background-image: url('../images/right.svg'); background-size:24px; background-repeat: no-repeat; background-position: top 15px right 10px; cursor:pointer; }

/*
.tabletcategory { display:block; font-family: OpenSans; font-size:16px; font-weight:bold; width:100%; height:auto; text-align:left; padding:5%; border-radius:6px; background: #04200f; color:#d9d0a4;  }
.tbcol50   { float:left; width:45%; display:block; }
.tbspace50 { margin-right:10%; }
*/



/*
## -----------------------------------------------------------------------------
##
##  MAIN SITE STYLES
##                                             
*/


article  { }
section  { }

.full    { clear:both; width:100%; display:block; }
.content { clear:both; width:100%; display:block; margin:0 auto; text-align:left; }



th, td {
    padding:3px;
    border-spacing: 0;
    vertical-align:middle;
}



hr { border:none; height:1px; margin-bottom:40px; }


.actionbutton { margin-top:40px; }

/* STD STYLE / FROM PAGE EDITOR */

.left     { text-align:left;   }
.center   { text-align:center; }
.right    { text-align:right; }
.justify  { text-align:justify; }



/*
## -----------------------------------------------------------------------------
##
##  JBOX OVERWRITES / MODAL WINDOW
##
##
*/

.jBox-Modal .jBox-container, .jBox-Confirm .jBox-container {
	border-radius: 6px;
	box-shadow: 0 3px 15px rgba(0, 0, 0, .4), 0 0 5px rgba(0, 0, 0, .4);
        background: rgba(255,255,255,1);
        
}

.jBox-content { padding:25px 20px!important; }
.jBox-overlay { background: rgba(0,0,0,0.7)!important; }
.jBox-closeButton-box .jBox-closeButton {
    top: -12px;
    right: -12px;
    width: 32px;
    height: 32px;
    /* background: #8e1c1f!important; */
    border-radius: 50%;
}


.jBox-Image .jBox-content { padding:0!important; }

.jBox-closeButton path { fill: #8e1c1f; }
.jBox-closeButton:active path { fill: #8e1c1f; }
.jBox-closeButton-box .jBox-closeButton svg { width: 16px; height: 16px; margin-top: -8px; margin-right: -8px; }

.createWinOverlay { background: rgba(32,38,41,0.3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); -moz-backdrop-filter: blur(6px); }

/*.sysWin { color: #fff; text-align:center; }*/

/*
## -----------------------------------------------------------------------------
##
##  IMAGE HOVER FX
##                                             
*/

/* RESIZE FX */

.imghover { position: relative; padding: 0; width:100%; display:block; cursor:pointer; vertical-align:middle; }
.imgtext  { position: absolute; 
            display:table-cell; 
            width: 100%;
            /*height: 94.8%; */
            height:100%;

            color:#fff; 
            background-color:rgba(77,77,77,0.9);
            text-align: center; 
            z-index: 10;
	          opacity: 0;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
          }

.imgtext:hover { opacity:1; }
.hovertext     { display:flex; align-items: center; justify-content: center; width:100%; height:100%; line-height:1.4em; vertical-align:middle; }
/*img { z-index:1; }*/

.imgContent      { vertical-align:middle; }

.stdimg { position: relative; padding: 0; width:100%; display:block; height:244px; background-size:cover; background-position: center center; cursor:pointer; border-radius:0; border:6px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.3); vertical-align:middle; }


/* TRANSITION FX */

.imgparent { /*width:250px; height:250px; border-radius: 50%;*/ display: inline-block; cursor: pointer; overflow: hidden; position: relative; /*border: 8px solid #fff; box-shadow:0 0 10px 2px rgba(0,0,0,0.1); margin:20px 0 20px 0; */  }
.imgchild  { display:block; /*width: 100%; height: 242px;*/ background-size: cover;  /*background-repeat: no-repeat;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.imgparent:hover .imgchild, .imgparent:focus .imgchild {
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.imgparent:hover .imgchild:before, .imgparent:focus .imgchild:before {    display: block;
		/*opacity: 0.7;*/
}

.imgparent:hover a, .imgparent:focus a {
    display: block;
}

.imgchild:before {
    content: "";
    display: block;
	opacity: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(52,73,94,0.75);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

/** INLINE TEXT IMAGE **/

.textImageSpace { margin-top:25px; }
.rightPosImage  { float:right; width:31.72%; margin: 0 0 25px 25px; }
.leftPosImage   { float:left; width:31.72%; margin: 0 25px 25px 0px; }


/** IMAGE CAPTION / COPYRIGHTS **/

.imgCapBox    { margin-bottom:25px; }
.imageCaption { margin-top:10px; display:block; font-size: 16px; }
.imageCopyright { font-size:12px; text-transform:uppercase; }


/*
## -----------------------------------------------------------------------------
##
##  GLOBAL COLS
##                                             
*/

.colMax          { max-width:1200px; }
.colPadTopBottom { padding: 20px 0; }
.colPadAround    { padding: 20px; }

.col100ns { float:left; margin:0; width:100%; }
.col75ns  { float:left; margin:0; display:block; width:75%; }
.col50ns  { float:left; margin:0; display:block; width:50%; }
.col66ns  { float:left; margin:0; display:block; width:66%;  }
.col33ns  { float:left; margin:0; display:block; width:33.333333333%; }
.gold12ns { float:left; margin:0; display:block; width:38.196666666%; }
.gold21ns { float:left; margin:0; display:block; width:61.803333333%; }
.col25ns  { float:left; margin:0; display:block; width:25%; }
.col20ns  { float:left; margin:0; display:block; width:20%; }
.col16ns  { float:left; margin:0; display:block; width:16.666666666%; }

/*
.col100 { float:left; margin:0; width:100%; }
.col75  { float:left; margin:0; display:block; width:72.5%; }
.col50  { float:left; margin:0; display:block; width:46.5%; }
.col66  { float:left; margin:0; display:block; width:65%; }
.col33  { float:left; margin:0; display:block; width:30%; }
.col25  { float:left; margin:0; display:block; width:23%; }
*/

/* space 2 = 50px = 2 x 25 

.col100 { float:left; margin:0; width:100%; }
.col80  { float:left; margin:0; display:block; width:76.25000000%; }
.col75  { float:left; margin:0; display:block; width:72.916666666%; }
.col50  { float:left; margin:0; display:block; width:47.916666666%; }
.col66  { float:left; margin:0; display:block; width:64.5833333333326666%; }
.col33  { float:left; margin:0; display:block; width:31.2499999999966666%; }
.gold12 { float:left; margin:0; display:block; width:36.113267791%; }
.gold21 { float:left; margin:0; display:block; width:59.720065541%; }
.col25  { float:left; margin:0; display:block; width:22.916666666%; }
.col20  { float:left; margin:0; display:block; width:17.916666666%; }
.col16  { float:left; margin:0; display:block; width:14.583333326666%; }

.space2 { float:left; display:block; margin-right: 4.166666666%; }
.space3 { float:left; display:block; margin-right: 3.125%; }
.space4 { float:left; display:block; margin-right: 2.7777777777%; }
.space5 { float:left; display:block; margin-right: 2.6041666666%; }
.space6 { float:left; display:block; margin-right: 2.5%; }

*/

/* space 2 = 70px = 2 x 35  */


.col100 { float:left; margin:0; width:100%; }
.col80  { float:left; margin:0; display:block; width:76.25000000%; }
.col75  { float:left; margin:0; display:block; width:72.083333333%; }
.col50  { float:left; margin:0; display:block; width:47.083333333%; }
.col66  { float:left; margin:0; display:block; width:63.7499999934%; }
.col33  { float:left; margin:0; display:block; width:30.41666666634%; }
.gold12 { float:left; margin:0; display:block; width:35.2799344590105125%; }
.gold21 { float:left; margin:0; display:block; width:58.8867322089894833%; }
.col25  { float:left; margin:0; display:block; width:22.0833333335%; }
.col20  { float:left; margin:0; display:block; width:17.916666666%; }
.col16  { float:left; margin:0; display:block; width:14.583333326666%; }

.space2 { float:left; display:block; margin-right: 5.833333333333%; }
.space3 { float:left; display:block; margin-right: 4.37500000049%; }
.space4 { float:left; display:block; margin-right: 3.88888888866%; }
.space5 { float:left; display:block; margin-right: 2.6041666666%; }
.space6 { float:left; display:block; margin-right: 2.5%; }




/** ----------------------------------------------------------------------------
/** 
/**  GLOBALSPACE SYSTEM:
/**  Hat gleiche horizontale Abstandsbeite bei den Spacern
/**  Berechnet dafuer die Breite der Bloecke
/**

:root {
  --globalspacer:4%;   /* Abstand Div Bloecke - Global - 50px of 1200px*/
}

.gspace   { float:left; display:block; margin-right: var(--globalspacer); }  /* Globalspace 50px * /

  /* 1 COLS * / 

.col100 { float:left; margin:0; width:100%; }

  /* 2 COLS GLOBALSPACER SYSTEM * /  

.col75  { float:left; display:block; width: calc(75% - (var(--globalspacer)/2)) }
.col50  { float:left; display:block; width: calc(50% - (var(--globalspacer)/2)) }
.col66  { float:left; display:block; width: calc(66.666666666% - (var(--globalspacer)/2)) }
.col33  { float:left; display:block; width: calc(33.333333333% - (var(--globalspacer)/2)) }
.col25  { float:left; display:block; width: calc(25% - (var(--globalspacer)/2)) }
.gold12 { float:left; display:block; width: calc(38.196666666% - (var(--globalspacer)/2)) }
.gold21 { float:left; display:block; width: calc(61.803333333% - (var(--globalspacer)/2)) }

  /* 3 COLS GLOBALSPACER SYSTEM * /

.col50_2  { float:left; display:block; width: calc(50% - (var(--globalspacer)*2/3)) }
.col33_2  { float:left; display:block; width: calc(33.3333333% - (var(--globalspacer)*2/3)) }
.col25_2  { float:left; display:block; width: calc(25% - (var(--globalspacer)*2/3)) }

  /* 4 COLS GLOBALSPACER SYSTEM * / 

.col25_3  { float:left; display:block; width: calc(25% - (var(--globalspacer)*3/4)) }

  /* 5 COLS GLOBALSPACER SYSTEM * / 

.col20_4  { float:left; display:block; width: calc(20% - (var(--globalspacer)*4/5)) }


  /* 6 COLS GLOBALSPACER SYSTEM * / 

  .col16_5  { float:left; display:block; width: calc(16.666666666% - (var(--globalspacer)*5/6)) }
  /*.col16_5  { float:left; display:block; width: calc(16.666666666% - (5%/6)) } * /

-----------------------------------------------------------------------------**/


/*
## -----------------------------------------------------------------------------
##
##  GLOBAL RESPONSIVE SLIDERS / SLICK LIST INIT
##                                             
*/

.mainslider { display:block; width:100%; opacity: 0; visibility: hidden; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; }
.mainslider.slick-initialized { visibility: visible; opacity: 1; }
.sliderow   { display:block; width:100%; background:transparent; }
.innerrow   { display:block; width:100%; margin:0 auto; }

/* Arrows */

.slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 25px; height: 25px; 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-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: none; }
.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: 'slick'; font-size: 20px;*/ line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left: -30px; z-index:999; background: url('../images/arr-left.png') center center no-repeat; background-color:#222; background-size:16px; }
[dir='rtl'] .slick-prev { right: -100px; left: auto; }
.slick-prev:before{ content: ''; }
[dir='rtl'] .slick-prev:before { content: '>'; }
.slick-next { right: -30px; z-index:999; background: url('../images/arr-right.png') center center no-repeat; background-color:#222; background-size:16px; }
[dir='rtl'] .slick-next { right: auto; left: -100px; }
.slick-next:before { content: ''; }
[dir='rtl'] .slick-next:before { content: '<'; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; }
.slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '�'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: .75; color: black; }



/*
############################################################################
###                                                                         
###  GLOBAL SHOP CLASSES
###                                                                           
*/


.stdShopImageSmall {
    margin: 0 auto;

   /* border-radius: 8px;
    border: 1px solid #949179;
    box-shadow: 0 0 0 0; */

    display: block;
    width: 100%;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 115px;
    max-width: 200px;
    max-height: 200px;
    background-repeat: no-repeat;
}

.stdShopImage {
    margin: 0 auto;
    /* border-radius: 8px;
    border: 1px solid #949179;
    box-shadow: 0 0 0 0; */
    display: block;
    width: 100%;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 220px;
    background-repeat: no-repeat;
}

.stdShopImageLarge {
    margin: 0 auto;
    /* border-radius: 8px; */
       border: 1px solid #ccc;
    /* box-shadow: 0 0 0 0; */
    display: block;
    width: 100%;
    background-size: contain;
    background-position: center center;
    width: 100%;
    height: 385px;
    background-repeat: no-repeat;
}

.thumb {
    cursor: pointer;
}

.thumbActive {
    border: 2px solid #403a00;
    opacity: 0.7;
}


.shopItemBlock {
    border-radius: 6px;
    border: 1px solid #333;
    background: #fff;
    padding: 20px;
}

/* FILTERS CATEGORY */

.sortselect { font-size:14px; padding:6px; margin-left:5px; }
.sortorder  { display:inline; position:relative; top:11px; left:5px; width:30px; height:30px; cursor:pointer; }
.filterremove { float:right; display:block; position:relative; display:inline; background: #555; color:#fff; top:-2px; height:20px; border-radius:3px; padding:0px 6px; line-height:1.3em; }
.pfilterrem { cursor:pointer; }


/* SELLSPACE */

#sellspace { display:block; letter-spacing:1px; color: #444; /*font-family:PTSans;*/ font-size:16px; position:relative; box-sizing: border-box; margin:0 auto; /* padding-top:109px; */ }

/* SHOP PANEL */

 .customerPanel { background-color: #fff; /*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/ border-radius:4px; padding:20px 25px; min-height:440px; margin-bottom:25px!important; }
 .basketPanel { background-color: #fff; /*box-shadow: 0 0 5px rgba(0,0,0,0.3);*/ border-radius:4px; padding:20px 25px; margin-bottom:25px!important; }
 .basketAddressPanel { background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); border-radius:4px; padding:20px 25px; min-height:720px; margin-bottom:25px!important; }
 .searchblock { clear:both; display: block;  padding: 20px; margin: 25px 0; background:#fafafa; border-radius:4px; border:1px solid #ddd; }
 .searchblockAddress { clear:both; display: block;  padding: 20px; margin: 25px 0 5px; background:#fafafa; border-radius:4px; border:1px solid #ddd; }
 .block { display: block;  padding: 20px; margin: 25px 0; }
 .fspace { width:100%; margin:8px 0 15px; }
 .flabel { padding:16px 0; }
 .fspaceWK { width:100%; margin:4px 0 4px; }
 .flabelWK { padding:14px 0 8px; }

 .priceBlock { display:inline-block; margin-left:20px; width:100px; }
 .sumRow { padding:15px 5px; }
 .priceCell{ float:right; }

 .trennlinie { height:1px; background: #aaa; margin: 20px 0 20px 0; border:0; }
 
/* CUSTOMER AREA */

.thline { display: block; height: 1px; margin: 25px 0; background: #ccc; }

.iconButtonText { padding: 0px 16px 16px!important; }
.btIcon { position: relative; top: 10px; left: 0; width: 34px; height: 34px; }
.btIconNoText { position: relative; top: 10px; left: 0; width: 34px; height: 34px; }
.btIconSmall { position: relative; top: 1px; left: 0; width: 26px; height: 26px; }

/**  .tblock {  font-size:15px; font-weight: normal; } **/


/* BASKET STUFF */

 .wkStepBar  { width:96%; height:5px; position:absolute; z-index:99; top:165px; margin:0 auto; left:2% }
 .wkState0   { background: linear-gradient(to left,  #ccc 100%, #a5c425 0%); }
 .wkState25  { background: linear-gradient(to left,  #ccc 69.75%, #a5c425 31.25%); }
 .wkState50  { background: linear-gradient(to left,  #ccc 43%, #a5c425 57%); }
 .wkState75  { background: linear-gradient(to left,  #ccc 25%, #a5c425 75%); }
 .wkState100 { background: #a5c425; }

 .wkStepContainer { width:96%; position:absolute; top:119px; z-index:100; font-size:13px; left:2%; }
 .wkStep  { float:left; width:25%; text-align:center;  }

 .wkStep a  { text-decoration:none; color:#444; font-size:13px; font-weight:bold;}
 .wkStep a:hover  { text-decoration:underline; }

 .wkStepBlock { width:80px; height:80px; }
 .wkStepBlockLast { float:right; width:80px; height:80px;}

 .wkStep1        { background: url('../images/wkStep1Inavtive.png') no-repeat; }
 .wkStep1Active  { background: url('../images/wkStep1Active.png') no-repeat; }
 .wkStep2        { background: url('../images/wkStep2Inactive.png') no-repeat; margin-left:12.5%;  }
 .wkStep2Reached { background: url('../images/wkStep2Reached.png') no-repeat; }
 .wkStep2Active  { background: url('../images/wkStepActive.png') no-repeat; }
 .wkStep3        { background: url('../images/wkStep3Inactive.png') no-repeat; margin-left:25%; }
 .wkStep3Reached { background: url('../images/wkStep3Reached.png') no-repeat; }
 .wkStep3Active  { background: url('../images/wkStepActive.png') no-repeat; }
 .wkStep4        { background: url('../images/wkStep4Inactive.png') no-repeat; }
 .wkStep4Reached { background: url('../images/wkStep4Reached.png') no-repeat; }
 
/**
#mmkbackend .wktab { text-align:left; margin: 0 0 0 0; padding:0; list-style-type:none;}
#mmkbackend .wktab li { display:inline; font-family:PTSans; font-size: 16px; padding: 0px 10px 0 10px; margin:0;  }
#mmkbackend .wktab .active { display:inline; background: #0093db; color: #fff; border-radius: 4px; border: 1px solid #0093db; padding:8px 12px; }
**/

 .wkStepDone { font-weight:bold; }



/* JBOX MODAL OVERWRITES */

#sellspace .sysModal { display:block; max-width: 420px; }
#sellspace .sysWin   { font-family: PTSans; font-size: 16px; color: #444; text-align: left; margin: 15px 10px; padding:0; letter-spacing:1px;}
#sellspace .sysWin .panelFull.apbutton { float:right; width:auto; background-color:#0093db; border:1px solid #0093db; font-size: 15px; font-family: PTSansCaption; padding: 8px 16px; outline:none; letter-spacing:1px; margin-bottom:5px; text-align:left; border-radius:4px; cursor:pointer; } 

#sellspace .sysTitle {  font-weight: bold; color: #0093db; padding-bottom: 10px; border-bottom: 1px solid #ccc; }

#sellspace #jBox-overlay { background: rgba(0,0,0,0.4); }
#sellspace .jBox-closeButton-box .jBox-closeButton { top: -8px; right: -10px; width: 36px; height: 36px; background: #fff; border-radius: 50%; }
#sellspace .jBox-closeButton-box .jBox-closeButton svg {  width: 14px;  height: 14px;  margin-top: -7px;  margin-right: -7px; }
#sellspace .jBox-hasTitle.jBox-Modal.jBox-closeButton-box .jBox-closeButton { background: #fafafa; }


/* BUTTONS */


#sellspace .apbutton { color: #fff; cursor: pointer; display: inline-block; letter-spacing:0px; position: relative; font-size: 15px; font-family: PTSansCaption; padding: 8px; border-radius: 3px; text-decoration: none; }
#sellspace .apbutton.active { background-color:#0093db; border:1px solid #0093db; }

#sellspace .nTitle { font-size:11px; font-family: PTSans; margin-bottom:5px; }

#sellspace .panelFull.apbutton { width:100%; background: transparent; border:1px solid #aaa; letter-spacing:1px; margin-bottom:5px; text-align:left; } 
#sellspace .panelFull.apbutton:hover { background: #0093db; border:1px solid #0093db; }
#sellspace .panelFull.apbutton.active { background-color:#0093db; border:1px solid #0093db; }
#sellspace .panelFull.apbutton.linkstyle { display:block; width:100%; text-decoration:none; font-size:15px; }
#sellspace .panelFull.apbutton.linkfree { display:block; text-decoration:none; text-align:center; }

#sellspace .buttonTopSpacer { margin-top:5px; }
#sellspace .buttonAligner { float:left; width:auto!important; margin-left:10px; }

#sellspace .panelFull.apbutton.stdButton { width:auto; padding: 8px 16px; outline:none; margin-bottom:0; }
#sellspace .panelFull.apbutton.funcButton { float:right; width:auto; padding: 8px 16px; outline:none; margin-bottom:0; }
#sellspace .panelFull.apbutton.closeButton { position:relative; outline:none; top:-4px; border-radius:50%; width:24px; height:23px; padding:0; text-align:center; font-weight:bold; background: url('../xshop/icons/close_bt.png') 6px 5px no-repeat; background-size:10px; }
#sellspace .panelFull.apbutton.closeButton:hover { background: #0093db url('../xshop/icons/close_bt.png') 6px 5px no-repeat; background-size:10px; }

#sellspace .apbutton.pageNavButton { width:auto; padding: 6px 12px; background:#555; outline:none; margin-bottom:0; }
#sellspace .apbutton.pageNavButton.active { padding: 7px 12px; font-weight:bold; background-color:#0093db; border:1px solid #0093db; }

#sellspace .buttonGroup { display:table-row; width:100%; text-align:left; }



/* PRICE RANGE SLIDER */

.slider.slider-horizontal { margin-left:8px!important;  }
.slider-handle { background-image:none!important; background-color: #555!important; width:18px!important; height:18px!important; top:1px!important; }


/* LOADER */

#mmkLoad     { position:relative; width:210px; height:25px; margin:auto; }
.mmkLoadInfo { width:100%; color: #ccc; font-size:12px; margin-top:25px; text-align:left; }
.mmkLoad     { position:absolute; top:0; background-color: #0093db; width:20px;	height:20px; 
               animation-name:bounce_mmkLoad; -o-animation-name:bounce_mmkLoad;	-ms-animation-name:bounce_mmkLoad; -webkit-animation-name:bounce_mmkLoad; -moz-animation-name:bounce_mmkLoad;
  	       animation-duration:1.5s;	-o-animation-duration:1.5s; -ms-animation-duration:1.5s; -webkit-animation-duration:1.5s; -moz-animation-duration:1.5s; 
               animation-iteration-count:infinite; -o-animation-iteration-count:infinite; -ms-animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;		-moz-animation-iteration-count:infinite;
	       animation-direction:normal; -o-animation-direction:normal; -ms-animation-direction:normal; -webkit-animation-direction:normal; -moz-animation-direction:normal;
	       transform:scale(.3); -o-transform:scale(.3); -ms-transform:scale(.3); -webkit-transform:scale(.3); -moz-transform:scale(.3); 
               border-radius:13px; -o-border-radius:13px; -ms-border-radius:13px; -webkit-border-radius:13px;-moz-border-radius:13px;
}

#mmkLoad_1 { left:0; animation-delay:0.6s; -o-animation-delay:0.6s; -ms-animation-delay:0.6s; -webkit-animation-delay:0.6s; -moz-animation-delay:0.6s; }
#mmkLoad_2 { left:26px;	animation-delay:0.75s; -o-animation-delay:0.75s; -ms-animation-delay:0.75s; -webkit-animation-delay:0.75s; -moz-animation-delay:0.75s; }
#mmkLoad_3 { left:52px;	animation-delay:0.9s; -o-animation-delay:0.9s; -ms-animation-delay:0.9s; -webkit-animation-delay:0.9s; -moz-animation-delay:0.9s; }
#mmkLoad_4 { left:79px;	animation-delay:1.05s; -o-animation-delay:1.05s; -ms-animation-delay:1.05s; -webkit-animation-delay:1.05s; -moz-animation-delay:1.05s; }
#mmkLoad_5 { left:105px; animation-delay:1.2s; -o-animation-delay:1.2s;	-ms-animation-delay:1.2s; -webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; }
#mmkLoad_6 { left:131px; animation-delay:1.35s; -o-animation-delay:1.35s; -ms-animation-delay:1.35s; -webkit-animation-delay:1.35s; -moz-animation-delay:1.35s; }
#mmkLoad_7 { left:157px; animation-delay:1.5s; -o-animation-delay:1.5s;	-ms-animation-delay:1.5s; -webkit-animation-delay:1.5s;	-moz-animation-delay:1.5s; }
#mmkLoad_8 { left:184px; animation-delay:1.64s;	-o-animation-delay:1.64s; -ms-animation-delay:1.64s; -webkit-animation-delay:1.64s; -moz-animation-delay:1.64s; }

@keyframes bounce_mmkLoad{
	0%{
	transform:scale(1);
		background-color: #0093db;
	}

	100%{
	transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_mmkLoad{
	0%{
	-o-transform:scale(1);
		background-color: #0093db;
	}

	100%{
	-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_mmkLoad{
	0%{
	-ms-transform:scale(1);
		background-color: #0093db;
	}

	100%{
	-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_mmkLoad{
	0%{
	-webkit-transform:scale(1);
		background-color: #0093db;
	}

	100%{
	-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_mmkLoad{
	0%{
	-moz-transform:scale(1);
		background-color: #0093db;
	}

	100%{
	-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}


/* FORMS */

/** #sellspace input    { box-sizing: border-box; padding:8px; font-size:15px; font-family:PTSans; border-radius:3px; border:1px solid #888; }
    #sellspace select   { box-sizing: border-box; padding:8px; font-size:15px; font-family:PTSans; border-radius:3px; border:1px solid #888; }
    #sellspace textarea { box-sizing: border-box; padding:8px; font-size:15px; font-family:PTSans; border-radius:3px; border:1px solid #888; }
**/

/* Customize checkbox */

/**

#sellspace .container { display: block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:1.3em; }
#sellspace .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#sellspace .checkmark { position: absolute; top: 0; left: 0; height: 24px; width: 22px; background-color: #fff; border-radius:3px;  border:1px solid #888; }
#sellspace .container:hover input ~ .checkmark { background-color: #fff; }
#sellspace .container input:checked ~ .checkmark { background-color: #0093db; border:1px solid #0093db; }
#sellspace .checkmark:after { content: ""; position: absolute; display: none; }
#sellspace .container input:checked ~ .checkmark:after { display: block; }
#sellspace .container .checkmark:after { left: 7px; top: 4px; width: 7px; height: 12px; border: solid white; border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#sellspace .darkcheckmark { position: absolute; top: 0; left: 0; height: 24px; width: 22px; background-color: #fff; border-radius:3px;  border:1px solid #888; }
#sellspace .darkcheckmark:after { content: ""; position: absolute; display: none; }
#sellspace .container .darkcheckmark:after { left: 7px; top: 4px; width: 7px; height: 12px; border: solid #555; border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

*/

/* Customize radiobox */
#sellspace .bulletmark { position: absolute; top: 2px; left: 0; height: 21px; width: 21px; background-color: #fff; border-radius: 50%; border:1px solid #888; }
#sellspace .container:hover input ~ .bulletkmark { background-color: #fff; border:1px solid #888; }
#sellspace .container input:checked ~ .bulletmark { background-color: #0093db; }
#sellspace .bulletmark:after { content: ""; position: absolute; display: none; }
#sellspace .container input:checked ~ .bulletmark:after { display: block; }
#sellspace .container .bulletmark:after { top: 5px; left: 5px; width: 9px; height: 9px; border-radius: 50%; background: white; }

/* Customize Filter Tiny Checkbox */

#sellspace .tinycontainer { display: block; position: relative; padding-left: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height:1.5em; }
#sellspace .tinycontainer input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
#sellspace .tinycheckmark { position: absolute; top: 3px; left: 0; height: 19px; width: 19px; background-color: #fff; border-radius:3px;  border:1px solid #888; }
#sellspace .tinycontainer:hover input ~ .tinycheckmark { background-color: #fff; }
#sellspace .tinycontainer input:checked ~ .tinycheckmark { background-color: #0093db; border:1px solid #0093db; }
#sellspace .tinycheckmark:after { content: ""; position: absolute; display: none; } 
#sellspace .tinycontainer input:checked ~ .tinycheckmark:after { display: block; }
#sellspace .tinycontainer .tinycheckmark:after { left: 6px; top: 2px; width: 6px; height: 10px; border: solid white; border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

/**
#sellspace .tinyContainerForm { top:0px; padding:2px 0 0 28px; }
#sellspace .checkContainerForm { top:14px; padding:2px 0 0 28px; }
#sellspace .checkContainer { top:-11px; padding-left:0px; }
*/


/*
############################################################################
###                                                                         
###  PAYPAL PAYEMENT STYLES
###                                                                           
*/

.paypal-mark { padding: 8px 8px!important; line-height:1.3em!important; border-radius: 0!important; margin: 0!important; border-width: 0px 0px 1px 0px!important; border-color: #ccc; width: 100%; height: 75px!important; cursor: pointer; }
.paypal-mark img { height: 53px!important; display: inline-block!important; vertical-align: middle!important; border: 2px solid #ccc; padding: 14px 10px; border-radius: 7px;  margin-left: 7px; }
.paypal-mark:hover { background-color: #f9f9f9; }
.paypalCheckMark { background-image: url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png"); background-repeat: no-repeat; background-position: right; height: 50px; width: 25px; position: relative; top: -50px; }
.paypalText { display:inline-block; position: relative; left: 36px; top:9px; font-size: 14px; font-family: SegoeUI; }
.paypal-logo-card { width:89px; }
.checkPayPal { float:right; margin: -3px 8px 0 0; }


/*
############################################################################
###                                                                         
###  KLARNA PAYEMENT STYLES
###                                                                           
*/

.pmKlarnaRow       { position:relative; /*top:-28px;*/ padding: 8px 16px; font-size:12px; font-family:arial; color: #000; overflow: hidden; background-color: #fff; cursor: pointer; border-bottom: 1px solid #dfdfdf; }
.pmKlarnaInnerRow  { margin: 25px 0 0 125px; }
.pmKlarnaRow:hover { background-color: #f9f9f9; }

.pmKlarnaIcon      { display:table-cell; vertical-align:middle; width: 125px; padding-right:45px; }
.pmKlarnaImage     { display:block; max-width:150px; max-height:45px; width:100%; }
.pmKlarnaName      { display:table-cell; vertical-align:middle; }
.pmKlarnaCheckMark { background-image: url("https://www.paypalobjects.com/webstatic/ppplus/icons/checkmark.png"); background-repeat: no-repeat; background-position: right; height: 50px; width: 25px; position: relative; top: -50px; } }

#klarna-pay-now-main  { min-width:200px; }




/*
############################################################################
###                                                                         
###  SPINNER2
###                                                                           
*/


.loader2 {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.loader2 div {
  position: absolute;
  top: 54px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #423a02;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader2 div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.loader2 div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader2 div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader2 div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

/** INLINE BUTTON LOADER **/

.loader3 {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 0px;
}
.loader3 div {
  position: absolute;
  top: -10px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loader3 div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.loader3 div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader3 div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.loader3 div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}



/*
## -----------------------------------------------------------------------------
##
##  CLEAR STYLES
##                                             
*/
 
    .clear        { clear:both; }
    .group:after  { content: ""; display: table; clear: both; }