/*
*  Basic CSS
*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

html { height:100%; width:100%; padding:0; margin:0; }
body { position:relative; width:100%; height:100%; padding:0; margin:0; text-align:center; }

*:focus { outline: none; }

.cookiebox { position:relative; z-index:1000; /* width:90%; top:70px; z-index:1000; left:5%; */ font-family: 'Open Sans', sans-serif; font-size:14px; background:#353535; color:#fff; border-bottom:1px solid #ccc; padding:10px 20px; }
.cookiebox a { color:#fff !important;  }


body.frontend { font-size:100%; }

@media only screen and (max-width:750px){
	body.frontend { font-size:90%; }
}

@media only screen and (max-width:400px){
	body.frontend { font-size:80%; }
}


.website { font-family: 'Open Sans', sans-serif; font-size:0.9em; line-height:150%; color:#212121;  }
.website p { margin:0 0 13px 0; min-height:1em; }
.website p:last-child { margin-bottom:0; }


.website .passforgot { display:none; }

.website .al { float:left;  }
.website .ar { float:right; }
.website .image-right { float:right; margin:0 0 5px 15px; }
.website .image-left { float:left; margin:0 15px 5px 0; }
.website .ar { float:right; }


.website article { position:relative; text-align:left;  text-align:justify;  display:block;   }

.website .justify { text-align:justify; }
.website .center { text-align:center; }
.website .center-all, .website .center-all * { text-align:center; }

.website .left { text-align:left; }
.website .right { text-align:right; }

.website .rel { position:relative;  }
.website .v-center { position:relative; height:100%; display:flex; align-items: center;  }
.website .v-center > div { position:relative; width:100%; }

.website .fullscreen .v-center  { min-height:100vh; }

.website h1, .website .h1 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; font-weight:300; font-size:2.5em; margin:0 0 15px 0; text-transform:uppercase; color:#2b3638; }
.website h2, .website .h2 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; margin:0 0 15px 0; font-size:1.8em; font-weight:300; color:#000000; }
.website h3, .website .h3 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; margin:0 0 15px 0; font-weight:bold; font-size:1.3em; color:#000000; }
.website h4, .website .h4 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; margin:0 0 15px 0; font-weight:bold; font-size:1.3em; color:#0a8250; }
.website h5, .website .h5 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; font-size:15px; color:red; position:relative; margin:0 0 15px 0; color:#0a8250; padding:0; font-weight:bold; line-height:130%; }
.website h6, .website .h6 { font-family: 'Open Sans', sans-serif; line-height:120%; text-align:left; font-size:15px; color:red; position:relative; margin:0 0 15px 0; color:#0a8250; padding:0; font-weight:bold; line-height:130%; }

.website h1 + h2  { font-size:1.3em; }


/*clearfix*/
.cf:after { content: "."; visibility: hidden; display: block; clear: both; height: 0; }
.cf { display: inline-block;  }
* html .cf { height: 1%; }
.cf { display: block; }


.r,.website .r-noauto { position:relative; padding:0;  margin:0;  margin-left:-1.5%; margin-right:-1.5%; clear:both; display:flex; flex-flow: row wrap;  list-style:none;   }
.r:after, .website .r-noauto:after {  content: "."; visibility: hidden; display: block; clear: both; height: 0; }
.r > *, .website .r-noauto > *  { position:relative; padding:0; margin:0; float:left; width: 100%; padding:0 2%;  box-sizing:border-box; margin-bottom:2%;  }

.r.nospace { margin-left:0; margin:right:0; }
.r.nospace > *  { padding:0; margin:0; }

/* base format 4 cols */
.r > *,.r-noauto > * { width:25%; }
.c-1 > *,.size_1,.col_1  { width:100%; }
.c-2 > *,.size_2,.col_2  { width:50%; }
.c-3 > *,.size_3,.col_3 { width:33.333%; }
.c-4 > *,.size_4,.col_4 { width:25%; }
.c-5 > *,.size_5,.col_5 { width:20%; }
.c-6 > *,.size_6,.col_6 { width:16.666%; }
.c-7 > *,.size_7,.col_7 { width:14.27%; }
.c-8 > *,.size_8,.col_8 { width:12.5%; }
.c-9 > *,.size_9,.col_9 { width:11.10%; }
.c-10 > *,.size_10,.col_10 { width:10%; }



.size_1,.col_1  { width:100%; }

.c-3-2 { width:66.666%; }
.c-4-3 { width:75%; }
.c-5-4 { width:80%; }

.mb0 { margin-bottom:0 !important; }
.sb { margin-bottom:13px !important; }
.st { margin-bottom:13px !important; }

.r.mb0 > *,.website .r-noauto.mb0 > * {  margin-bottom:0 !important; }


@media only screen and (max-width:1100px){
.website .r > *{ width:33.333% !important; }
.website .c-2 > * { width:50% !important; }
.website .c-3-2 { width:66.66%  !important; }
}

@media only screen and (max-width:900px){
.website .r > *{ width:50% !important; }
}

@media only screen and (max-width:750px){
.website .r > *{ width:100% !important; }
}

.gallery .myborder,
.gallery .img { width:100% !important; }




.website .fullscreen { position:relative; overflow:hidden; min-height:100vh;  }


/* bilder */
.website img { max-width:100%; width:auto; }
.website .img img { width:100%; max-width:100%; display:block; box-sizing:border-box; }
.website .mainpic { margin:40px 0; }
.website .figure { position:relative; }
.website .figcaption { position:absolute; bottom:0; left:0; right:0; padding:5px 10px; background:url(../images/trans/80.png); color:#fff; }

.gallery img { padding:3px; border:1px solid #ccc;  }


/* formular */
.website .error { border:1px solid #ae0101; background:#f7e3e3; }
.website div.error { padding:5px; margin:5px 0; }
.website .message { border:1px solid #ffde00; line-height:140%; background:#f6edb3; padding:10px; margin:10px 0; }


/*
.myform label { position:relative; float:left; display:inline-block; width:30%; }
*/

.myform input,
.myform select,
.myform textarea { font-family: Tahoma, Arial, Helvetica, Sans-Serif; text-align:left !important; display:inline-block; outline: none; width:100%;  box-sizing:border-box; margin:0; padding:8px 10px; border:none; background:rgba(255,255,255,0.7); }
.myform input[type="radio"],input[type="checkbox"]{ width:auto; margin-right:10px; display:inline-block; }

.myform textarea { font-size:13px; height:80px; }

.myform input:focus,
.myform select:focus,
.myform textarea:focus { background:#fff;  }

.myform fieldset { position:relative; display:block; padding:0; margin:0 0 20px 0; border:none; border-radius:0; }
.myform fieldset legend { font-size:14px; font-weight:bold;  }

.myform fieldset + fieldset { margin-top:20px; }

.myform input[type="submit"],
.myform .button { width:auto; display:inline-block; box-sizing:border-box; font-weight:normal; border:none; text-transform:uppercase; cursor:pointer;  padding:9px 40px;   border-radius:3px; background:transparent; border:1px solid #212121; color:#212121; text-transform:uppercase; margin:0 auto; }
.myform a.button { text-decoration:none; }
a.button{  box-sizing:border-box; padding:7px 20px;   border-radius:3px; background:transparent; border:1px solid #212121; color:#212121; text-transform:uppercase; margin:0 auto; display:inline-block; margin-top:10px;  text-decoration:none;  }
a.button:hover { text-decoration:none !important;  }

/*
.maincontent	{ padding:62px 0 0 0; }
@media only screen and (max-width:850px){
  .maincontent	{ margin:30px 0 30px 0; }  
}
*/


.website input[type="submit"]:hover,
.website .button:hover { background:rgba(0,0,0,0.1); cursor:pointer; }
.website .end { padding-top:20px; }
.website .end input[type="submit"] { margin-top:0; }

.website .form_2p { width:45%; float:left; }


.website .r > * input,
.website .r > * select,
.website .r > * textarea,
.website .r-noauto > * input,
.website .r-noauto > * select,
.website .r-noauto > * textarea { margin-bottom:0; }

/*
* individualcontent...
*/



.website.page { position:relative; text-align:center; display:block; min-height:100%; margin:0 auto 0 auto !important;  text-align:left; background:#fff; }
.page-center { position: relative; width:100%; margin: 0 auto; box-sizing:border-box;  max-width:1200px; text-align:left; padding:2vh 10px;  }
@media only screen and (max-width:850px){
.page-center { padding:2vh 20px;  }
}




body.website.content {  text-align:left;  }

.website a, .website .link { text-decoration:none; color:#2c3739; position:relative;}
.website a:hover, .website .link:hover { text-decoration:none; color:#2c3739;  cursor:pointer; }



p.breadcrumb { margin:0; padding:10px 0 20px;  }

.website header { position:relative; width:100%; background:#f8f8f8; z-index:300; box-shadow:0 0 20px #2c3739;  }

/*
.website header { position:fixed; width:100%; top:0; left:0; z-index:100; background:#fff; box-shadow:0 0 20px #2c3739; box-sizing:border-box;   }
*/

.website .logo { position:relative; max-width:500px;  box-sizing:border-box; display:inline-block; }
.website .is-sticky .logo { max-width:250px; }
.website .sticky-wrapper	{ height:auto !important; }

@media only screen and (max-width:600px){
  .website .logo { width:80%; max-width:300px; }
}


.search { position:relative;  box-sizing:border-box; float:left; padding:56px 0 0 20px; display:inline-block; min-height:35px; width:25%; }
.search input { border:none; border-bottom:1px solid #838383; padding:0 30px 0 5px; width:100%; outline:none; box-sizing:border-box; font-size:1em; line-height:30px }
.search:before { position:absolute; content:" "; bottom:0; right:0; font-size:20px; width:30px; height:30px; text-align:right;  content:"\f002"; font-family: FontAwesome; }


/* Navigation */
.rootnav { position:relative; display:inline-block; float:right; overflow:visible !important; box-sizing:border-box;  min-height:35px; }
.rootnav ul { padding:0; margin:0; list-style:none; }
.rootnav ul li { position:relative; display:inline-block;  }

.rootnav ul li a { line-height:30px; margin:0; font-weight:normal; font-size:17px; color:#7a8589; display:inline-block; margin:0 10px; }
.rootnav ul li:last-child a{ margin-right:0; }
.rootnav ul li.hasSub > a span	{ padding-right:20px; }
.rootnav ul li.hasSub > a:after { position:absolute; right:0; padding-left:10px; display:inline-block; height:38px;  content:"\f101"; font-family: FontAwesome;  }

.rootnav ul li ul li.hasSub > a span	{ padding-left:30px; padding-right:0; }
.rootnav ul li ul li.hasSub > a:after   { position:absolute; left:10px; padding-right:10px; display:inline-block; height:38px;  content:"\f100"; font-family: FontAwesome;  }


.rootnav.wnav a.active,
.rootnav.wnav a:hover {  position:relative; text-decoration:none; color:#000; }
.rootnav ul li ul { opacity:0; display:block; padding:0;  position:absolute; top:30px; z-index:2000; background:#fff; border-top:2px solid #767a83;  }
.rootnav ul li ul li a:hover, .rootnav ul li ul li a.active {  }
.rootnav ul li ul li a{ font-size:15px; }

.rootnav.wnav ul li:hover ul { opacity:1; display:block; min-width:100%; }
.rootnav.wnav ul li:hover ul li { position:relative; }
.rootnav.wnav ul li:hover ul li a {  position:relative;  display:block;  padding:0 10px; margin:0;  border:none; border-left:none; white-space: nowrap; font-size:15px; line-height:30px;  font-weight:normal; }
.rootnav.wnav ul li:hover ul li a:hover { border:none; }
.rootnav.wnav ul li ul li { position:relative; display:block;width:100%; padding:0; margin:0; border-left:none; border-right:none; }
.rootnav.wnav ul li:hover ul li ul { display:none; }
.rootnav.wnav ul li:hover ul li:before { display:none; }
.rootnav.wnav ul li:hover ul li:hover ul { display:block; right:100%; margin-left:0px; top:0; }
.rootnav.wnav ul li:hover ul li:hover ul li ul { display:none; }
.rootnav.wnav ul li:hover ul li:hover ul li:hover ul { display:block; }

/* mobile navigation */
.button_menu  {  position:absolute; right:0; top:-35px; color:#000; cursor:pointer; font-size:20px; height:40px; line-height:40px; display:block; padding:0; margin:0; }
.button_menu:before {  font-family: FontAwesome; padding:0 10px 0 10px; content:"\f0c9"; font-size:25px; font-weight:normal; }
.button_submenu_toggle:before  {  display:block; content:"\f103"; font-size:18px; z-index:1100; font-weight:normal;  text-align:center; line-height:20px; font-family: FontAwesome;  position:absolute; right:5px; height:20px; width:30px; top:8px; }
.button_submenu_toggle.submenu_opened:before  { content:"\f102"; }
.nav .mobilenav_box { position:relative; text-align:left; width:100%; }
.nav .mobilenav_box ul { padding:1px 0 0 0; margin:0; background:#fff; opacity:1 !important;}
.nav .mobilenav_box ul li { position:relative; background-color:transparent; background-image:none; float:none !important; width:100%; display:block; padding:0; margin:0; }
.nav .mobilenav_box a { margin:0; font-size:14px !important; background-color:transparent; background-image:none; font-weight:normal; line-height:120% !important; padding:10px 15px !important; color:#000 !important; margin-top:-1px; display:block !important; border-bottom:1px solid #ccc; }
.nav .mobilenav_box ul li.startseite span { display:inline-block; }
.nav .mobilenav_box a.active,
.nav .mobilenav_box a:hover { font-weight:normal; background:rgba(255,255,255,0.1) }

.nav .mobilenav_box .close { display:block; color:#000; padding:12px 15px;  }
.nav .mobilenav_box ul li:hover	{ background-color:transparent !important; }
.nav .mobilenav_box ul li:hover ul,
.nav .mobilenav_box ul li ul { position:relative; top:0; border:none; margin-bottom:-1px; display:none; background:rgba(0,0,0,0.05); box-shadow:none;  }
.nav .mobilenav_box ul li:hover ul li    { border-bottom:none;}
.nav .mobilenav_box ul li ul li a:hover,
.nav .mobilenav_box ul li ul li a.active,
.nav .mobilenav_box ul li:hover ul li a:hover,
.nav .mobilenav_box ul li:hover ul li a.active	{ background-color:transparent; }

.nav .mobilenav_box .startseite a:before	{ height:auto; margin-right:10px; }
.nav .mobilenav_box ul li.hasSub > a:after { height:auto; display:none; }

.nav .mobilenav_box ul li:hover ul { display:none; }
.nav .mobilenav_box ul li ul li:hover ul { display:none; }


.rootnav.mnav	{ position:relative; clear:both; right:0; text-align:right; display:block; width:100%; z-index:1000;  transition:none; margin:0; padding:0; min-height:0; }
.rootnav.mnav * {  transition:none; }






/*

@media only screen and (max-width:995px){
.website header .logo { width:18%;  }
.search { width:20%; }
.rpic .sloagan { font-size:25px; }
}
@media only screen and (max-width:890px){
.rootnav ul li a { margin:0 10px; font-size:15px; }
.rpic .sloagan { font-size:20px; }
}



*/



.ui-dialog { z-index:3000; }

.website table { width:100%; padding:0; margin:0; }
.website table tr td{ padding:5px; margin:0;  vertical-align:top;  }
.website table.border tr td,table.border tr th { padding:5px 10px; }
.website table.border { /* border:1px solid #fff;*/ border-collapse:collapse; border:none; }
.website table tr th,
.website table tr.thl td { text-align:left;  color:#000; font-weight:bold font-size:15px; line-height:150%;  }
.website table.border tr:nth-child(odd) {  }
.website table.border tr:nth-child(even),
.website table.border tr:nth-child(even) td table tr { background:rgba(0,0,0,0.3); }

.website .startseite .gallery	{ max-width:600px; }
.website .gmaps	{ width:100%; min-height:460px; }


.website .routenplaner { margin:10px 0; }
.website .routenplaner label { width:30%; float:left;  margin:0;   }
.website .routenplaner input { width:30%; float:left;  margin:0 10px 0 0;  }
.website .routenplaner input[type="submit"] { float:left; margin:0; }

.website .simpleform input { margin-bottom:5px; }




.website .cul { padding:0; margin:0; list-style:none }
.website .cul li { padding:0; margin:0; }

.website ul.last_einsaetze li { display:block; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:10px; }


.website hr { height:1px; border:none; background:#ccc; margin:10px 0; }


.website .icon { margin-top:-3px; }

.website .gallery	.img { width:100% !important; }
.website .img	{ width:100% !important; }

.website .highlightbox	{ background:rgba(0,0,0,0.8); color:#fff; padding:20px; box-sizing:border-box;  border-left:15px solid rgba(0,0,0,0.8); margin:0 0 15px 0; }
.website .highlightbox *:last-child { margin-bottom:0; padding-bottom:0; }

.website .highlightbox2	{ background:#ededed; padding:20px; box-sizing:border-box;  border-left:15px solid #ccc; margin:0 0 15px 0; }
.website .highlightbox2 *:last-child { margin-bottom:0; }

.highlightbox h1, .highlightbox h2, .highlightbox h3, .highlightbox h4 { color:#000; }


.txtline { position:relative; overflow:hidden; text-align:center; text-transform:uppercase; }
.txtline span { position:relative; margin:0 auto; background:#fff; display:inline-block; }
.txtline span:before	{  content: " "; border-bottom:1px solid #ccc; position:absolute; top:50%; left:-2010px; width:2000px; }
.txtline span:after	{  content: " "; border-bottom:1px solid #ccc; position:absolute; top:50%; right:-2010px; width:2000px; }


.blogentry { border-bottom:1px dotted rgba(207, 216, 226, 0.9); padding:10px 0 !important;  }
.blogentry:last-child { border-bottom:none;  }

.breadcrumb	{ font-size:12px; }


/* listing reperaturangebote */
.gfxall,
.gfxall * {  transition: all 0.5s; 

	/* transition: height 0.5s, width 0.5s, max-width 0.5s, top 0.5s, left 0.5s, right 0.5s, bottom 0.5s, font-size 0.5s, opacity 0.5s, transform 0.5s, z-index 0.5s;*/   }




/* suche */
.website .found { font-weight:bold; }

/* pagination */
.website .pagination { padding:0; margin:0; list-style:none; text-align:center; }
.website .pagination li { display:inline-block; }
.website .pagination li a { background:#ededed; color:#000; display:inline-block; margin:0 5px 5px 0; line-height:30px; font-size:1em; height:30px; width:30px;  }
.website .pagination li a.active  { background:#0a8250; color:#fff; border-bottom:0; }



/* startslider */
.slickyslider	{ margin:0 20px; }
.productbox { position:relative; text-align:center; box-sizing:border-box; background:rgba(255,255,255,0.2); padding:10px; }
.imgbox { position: relative; width: 100%; padding-top: 88%; }
.imgbox .img, .imgbox .img_link  {  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; text-align:center; }
.imgbox .img picture,
.imgbox .img img { max-height:100%; margin:0 auto; max-width:100%; height:auto; width:auto; }

.slickyslider .productbox {  margin:3px 8%;  }


.pricebox { position:relative; margin:0 auto 15px auto; box-sizing:border-box;   display:inline-block;   }
.productlisting .pricebox {  padding:15px; }

.pricebox span { display:block; }
.pricebox .price { font-size:2em; line-height:120%; font-weight:300; }
.pricebox .info, .pricebox .shipping { font-size:0.8em; line-height:130%; }

.product_table { margin-bottom:20px !important; }

.gtinput { display:none !important; }

.slickyslider	ul { padding:0; margin:0; list-style:none;  }


.slick-prev:before, .slick-next:before {	color:#000 !important; }

/*
.slick-dots { text-align:left; display:inline-block !important; width:auto; top:-50px; right:0; bottom: initial; }
.slick-dotted.slick-slider { margin-bottom:0; }
*/
.slick-dots { box-sizing: border-box;  }
.slick-dots li button:before, .slick-dots li.slick-active button:before { font-size:0.8em; color:#2c3739; }
.slick-dots li{ .margin:0; }


/*
.slickyslider .imgbox { position:relative; text-align:center; display:block; box-sizing:border-box; padding-top:10px;  background-size:auto 70%; background-repeat: no-repeat; background-position: center bottom; height:20vh; overflow:hidden; }
.slickyslider .imgbox img { visibility: hidden; }
*/

/*disques last comments */

.dsq-widget-user{display:inline-block; width:30%;}
.dsq-widget-comment{position:relative;background:#ededed;display:inline-block;padding:20px;border-radius:10px;width:69%;box-sizing:border-box;float:right;}
.dsq-widget-comment:after{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(227,223,223,0);border-right-color:#ededed;border-width:15px;margin-top:-15px;}


/* lang settings */
.langbox { position:absolute; width:50px; top:0; height:50px; left:50%;  margin-left:-35px;  }
.langbox ul.lang {  position:absolute; background:#d7d8d8; width:50px; line-height:50px; height:50px; border-radius:50%; text-align:center; margin:0;  left:50%; top:5px; padding:0; z-index:1100; margin-left:-35px; list-style:none; }
ul.lang li { padding:0; margin:0; display:inline-block; }
ul.lang li a { display:inline-block; background-position:0 0; text-transform:uppercase; color:#2b3638; opacity:0.5;  }
ul.lang li.active a { background-position:0 0; opacity:1;}
.langbox ul.lang li.fi a:after  { content:"|"; display:inline-block; padding:0 2p; }

.mobilenav_box ul.lang { background:#2c3739; color:#fff; }
.mobilenav_box ul.lang a { color:#fff !important; }
.mobilenav_box ul.lang li { display:inline-block; width:50%; text-align:center; }

/*
ul.lang li.de a { background-image:url(../images/lang/de.png); }
ul.lang li.en a { background-image:url(../images/lang/en.png); }
*/

@media only screen and (max-width:680px){
ul.lang { top:70px; right:20px; }
}

.greygardient { background:linear-gradient(-45deg,#b5b8bf 0%,#f3f3f3 100%); }


.cv .blackstyle:after,
.cv .whitestyle:after { position:fixed; }


.box { padding:10px; background:rgba(255,255,255,0.2); } 





.website table.calendar tr td { /* vertical-align:middle;*/ padding:20px 10px; }

.website .v-center .page-center { padding-top:30px; padding-bottom:30px; }


.website .fullscreen .v-center .v-center { min-height:100%; }
.special { font-weight:300; font-size:3em; padding:10px 0; line-height:120%; }
.blockfont { font-size:15px; background:#2c3739; color:#fff !important; display:inline-block; padding:10px; }

.txtline { position:relative; overflow:hidden; text-align:center; text-transform:uppercase; }
.txtline span { position:relative; margin:0 auto; padding:10px 20px; background:#fff; display:inline-block; }
.txtline span:before	{  content: " "; border-bottom:1px solid #fff; position:absolute; top:50%; left:-2010px; width:2000px; }
.txtline span:after	{  content: " "; border-bottom:1px solid #fff; position:absolute; top:50%; right:-2010px; width:2000px; }




.fixedbottom { position:fixed; bottom:0; width:100%; z-index:100; overflow:scoll; background:#0f1312; }

/*
.footer { max-width:800px; }
*/
footer { background:#e6e6e6; font-size:95%; line-height:120%; }

/* animated bgcoloer switcher */
.bganimated  { }
.bganimated:after {
	content:" "; position:absolute; opacity:1;  content:" "; top:0; bottom:0; right:0; left:0; background-image: linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.9) 90%); z-index:0;
	animation: AnimationName 10s ease infinite;
}


@keyframes AnimationName {
  0%{opacity:1}
  50%{opacity:0.7}
  100%{opacity:1}
}



body.adminpannel .website header { z-index:auto; } 
/*
body.adminpannel .fixedbottom  { position:relative; }
body.adminpannel .website header { position:relative; }
body.adminpannel .maincontent { padding:0; }
body.adminpannel * { z-index:auto; }
*/

/*
myplayer
*/

.player { position:relative; background:#2c3739; color:#fff;  }
.player .playlistgroup { position:relative; height:0; overflow:hidden; background:#1b2426; }

.player .playlistgroup::-webkit-scrollbar{width:1em;}
.player .playlistgroup::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
.player .playlistgroup::-webkit-scrollbar-thumb{background-color:darkgrey;  outline:1px solid slategrey;}

.player .playlistgroup.open { height:200px; overflow-y:scroll; }
.player .myplayer { color:#fff; font-size:20px; }
.player .toggleplaylist { display:block; right:0; width:50px;  text-align:center; z-index:10; top:0; bottom:0; position:absolute;  }
.player .toggleplaylist:before{ display:block; content:"\f078"; line-height:50px; font-family: FontAwesome;   }
.player .toggleplaylist.open:before{ display:block; content:"\f077"; font-family: FontAwesome;   }
.player .bars { position:absolute; left:50px; right:0; top:0; bottom:0; }
.player .title { color:#fff; text-align:center; font-weight:300; font-size:15px; top:12px; z-index:5; position:absolute; width:100%; }
.player .ui-slider-handle { background-color:#5a6267 !important; height:50px !important; top:0 !important; width:10px !important; margin-left:0 !important; border:none !important; border-radius:0 !important; }
.player .ui-widget-content { background-color:transparent !important; border:none !important; background-image:none !important;  border-radius:0 !important; }
.player .ui-widget-header { background-color:#394448 !important; border:none !important; background-image:none !important;  border-radius:0 !important; }
.player .ui-slider-horizontal { height:50px; }
.player .ui-widget.ui-widget-content { border:none; }

.player .tracker { display:none; }
.player .tracker .ui-widget-header, .player .ui-widget-content { background:transparent }
.player .tracker .ui-slider-handle.ui-corner-all.ui-state-default{ background:rgba(0,0,0,0.5);  }
.player .volume, .artist { display:none; }
.player .hidden { display:none; }
.player .controls { display:inline-block; z-index:10; top:0; position:absolute; left:50px; }
.player .controls .button { line-height:50px; padding:0 10px; }
.myplayer { position:relative;  }

.myplaylist { position:relative; padding:10px; border-bottom:1px solid #2b3638; }
.myplaylist:last-child { border-bottom:0; }
.myplaylist h3 { color:#fff; }
.myplaylist .img{ width:30%; float:left; padding:0 20px 20px 0; box-sizing:border-box;  }
.myplaylist .info { width:70%; float:left; padding:20px 0; }
.player  ol.playlist { list-style-position: inside; padding:0; margin:0; }
.player .playlist li { opacity:0.5; float:left; width:50%; padding:0; margin:0; }
.player .playlist li.active,
.player .playlist li:hover { opacity:1}                                                    
.player .cover { display:block; z-index:2; position:relative; height:50px; width:50px; background-size:cover; background-position: center center; }

@media only screen and (max-width:750px){
  .myplaylist .img { display:none; }
  .myplaylist .info { width:100%; }
  .player .controls  { left:0; }
  .player .controls .rew,
  .player .controls .fwd { display:none; }
  .cover { opacity:0.5; }
}


@media only screen and (max-width:400px){
  .player .playlist li { float:none; width:100%; }
}


.cv .website table.border tr td { padding:10px !important; }
.cv .website table td:first-child { font-size:20px; font-weight:300; }

.storelinks { text-align:center; }
.storelinks img { max-width:140px; margin:0 10px; }

.socialgroup{ margin-top:50px; display:block; position:relative; }
.soccialmedia a { margin:10px 5px;  }        
@media only screen and (max-width:400px){
  .soccialmedia a{ display:inline-block; width:100%; } 
}



.page-center .page-center { padding:0 !important; }

ul.wknav  { position:relative; width:100%; padding:0; margin:0 0 20px 0; list-style:none; text-align:center; }
ul.wknav:before { position:absolute; display:block; content:" "; height:1px; top:50%; left:0; right:0; background:#858585; }
ul.wknav li { position:relative; border:1px solid #ccc; display:inline-block; padding:5px 10px; margin:0 40px;  color:#a6a6a6; background:#f6f6f6; }
ul.wknav li:before { position:absolute; content:" "; left:-9px; top:7px; width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #858585; }

ul.wknav li.done { color:#fff; border:1px solid #ccc; background-color:#fff; }
ul.wknav li.active,
ul.wknav li.done a { color:#000 !important; }
ul.wknav li.active { font-weight:bold; border:1px solid #ccc; background-color:#fff; color:#000; }

@media only screen and (max-width:700px){ 
  ul.wknav:before,
  ul.wknav li:before { display:none; } 
  ul.wknav li { display:block; margin:2px 0; } 
}

/* auswahl zahlung & lieferung */
.showinfo {  border:1px solid #ccc; margin-bottom:20px;   }
.showinfo .title_row { border:1px solid #ccc; background:rgba(255,255,255,0.2); padding:10px; margin:-1px -1px 0 -1px;  }
.showinfo .info { padding:10px; }
.shipping-price	{ float:right; font-weight:bold; }



.website .greygardient table.border tr:nth-child(even), .website .greygardient table.border tr:nth-child(even) td table tr {
  background:rgba(0,0,0,0.1);
}

/* Warenkorb */

@media only screen and (max-width:500px){
  .product_table tr th{  display:none; }
  .product_table tr { display:block; width:100%; }
  .product_table tr td { width: 100%; padding-left:45%; text-align:right; box-sizing:border-box; display:block; }
  
  .product_table { width:100%; }
  .product_table tbody { display:block; width:100%; }
  
  .product_table tr.productrow { border-top:1px solid #ccc; }
  .product_table td:before { 
    position:relative; float:left;
		width: 30%; 
		padding-right: 10px; 
		white-space: nowrap;
		display:inline-block;
		font-style:italic;
		text-align:left;
	}
  
  
  .product_table .productrow td:nth-of-type(1):before { content: ""; }
	.product_table .productrow td:nth-of-type(2):before { content: "Artikkeli: "; }
	.product_table .productrow td:nth-of-type(3):before { content: "Kpl: "; }
	.product_table .productrow td:nth-of-type(4):before { content: "Hinta:"; }
	.product_table .productrow td:nth-of-type(5):before { content: "Summa:"; }  
  
	
}



.mr15 { margin-right:10px; }

input.change_qt { width:auto; max-width:50px; display:inline-block; margin-right:10px; }
.shop_removebtn:before { content:"\f00d";  font-family: FontAwesome; text-align:center; }

.addtocart { padding:7px 20px;  border-radius:3px; text-align:center; border:1px solid #2b3638; color:#2b3638; text-transform:uppercase;  }


.productlisting .add_to_cart { display:none; }

.whitestyle  { }
.whitestyle:after { content:" "; position:absolute; content:" "; top:0; bottom:0; right:0; left:0; background-image: linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0.7) 90%); z-index:0; }

.website .whitestyle .highlightbox	{ background:rgba(255,255,255,0.8); color:#000; border-left:15px solid rgba(255,255,255,0.8); }



.blackstyle  {  color:#fff !important; }
.blackstyle:after  { content:" "; position:absolute; content:" "; top:0; bottom:0; right:0; left:0;  background-image: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0.9) 90%);z-index:0; }
.blackstyle.light:after {  background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5) 95%);  }

.blackstyle h1,
.blackstyle h2,
.blackstyle h3,
.blackstyle h4,
.blackstyle h5,
.blackstyle a,
.blackstyle table tr td,
.blackstyle table tr th,
.blackstyle p,
.blackstyle span { color:#fff !important; position:relative; z-index:100; }
.blackstyle .button,
.blackstyle input[type="submit"] { border:1px solid #fff !important; color:#fff; }


.whitestyle {  color:#000;  }
.whitestyle h1,
.whitestyle h2,
.whitestyle h3,
.whitestyle h4,
.whitestyle h5,
.whitestyle table tr td,
.whitestyle table tr th,
.whitestyle a,
.whitestyle p,
.whitestyle span { color:#000; position:relative; z-index:100; }
.whitestyle .button,
.greygardient .button,
.whitestyle input[type="submit"],
.greygardient input[type="submit"] { border:1px solid #000 !important; color:#000; }



.moderntheme { position:relative; overflow:hidden; width:100%;  }
.moderntheme .page-center { z-index:50; } 	
.moderntheme.bigspace .page-center { padding:5vh 0; }
/* modern theme template */
.moderntheme .mybgcolor {  position: absolute; content:" "; left:0; top:0; width: 100%; height: 100%; z-index:0; background:#ccc; background-attachment:fixed; }
.moderntheme .mybgimage {  position: absolute; content:" "; left:0; top:0; width: 100%; height: 100%; z-index:0; background-repeat:no-repeat; background-position:center 0; background-size:cover; background-attachment:fixed; }
.moderntheme.streatch .mybgimage { background-size:100% 100%; }


.moderntheme.blackstyle.txtbox .mytext  { background:rgba(0,0,0,0.3); padding:5%; border-radius:0.5em; }

.moderntheme.txtbox .mytext, 
.moderntheme.whitestyle.txtbox .mytext  { background:rgba(255,255,255,0.5); padding:5%; border-radius:0.5em; }

.simpleflex .flexinner  {  padding:0 2vh 2vh 2vh; }

@media only screen and (min-width:600px){
	.simpleflex {
	    display:flex;
	}
	.simpleflex .flexinner {
	    margin-top:auto;
	    margin-bottom:auto;
	    width:100%;
	    padding:0 2vh 0 2vh;
	    box-sizing:border-boxM
	}

}




.big-font	{ font-size:150%; line-height:200%; }

.newsletterbackground { background:#eeeeee; background-image: linear-gradient(#eeeeee,#c9c9c9);  }
.newsletterbackground .page-center { padding:5vh 0; }