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



html { height:100%; width:100%; padding:0; margin:0; }
body { position:relative; width:100%; height:100%; padding:0; margin:0; text-align:center; font-family: 'Open Sans', sans-serif;  background:#fff; }



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


body.frontend { 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; }

 .stickyme {   position: -webkit-sticky; position: -moz-sticky;  position: -o-sticky;  position: -ms-sticky; position:sticky; top:0; z-index:100; }

.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, .website .justify * { text-align:justify; }
.website .center, .website .center *  { text-align:center; }

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

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

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





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



/*
.maincontent { overflow:hidden; }

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



/*
.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; overflow:hidden; }
.page-center { position: relative; width:100%; margin: 0 auto; box-sizing:border-box;  max-width:1200px; text-align:left; padding:2vh 2vw;  }



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



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

.website header { position:relative; width:100%; background: #1d1d1d; color:#fff; background: linear-gradient(to bottom, #000 0%,#1d1d1d 46%,#000 100%); z-index:300; box-shadow:0 0 20px #2c3739;  }
.website .sticky-wrapper	{ height:auto !important; }
.sticky-wrapper header { position:relative; }

/*
.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; float:left; width:45%; max-width:500px;  box-sizing:border-box; display:inline-block; }
.scrolleddown .logo { max-width:300px; }
.rootnav.wnav { top:45px; }
.scrolleddown .rootnav.wnav { top:20px; }
@media only screen and (max-width:900px){
  .rootnav.wnav { top:30px; }
}

@media only screen and (max-width:750px){
  .website .logo { float:none; margin:0 auto; display:block; }
  .rootnav.wnav  { float:none; display:inline-block; margin:0 auto; top:0 !important; }
  .website header .page-center{ text-align:center; }
}


@media only screen and (max-width:600px){
  .website header .page-center { padding:0; }
  .website .logo { float:left; margin-left:10px; width:80%; max-width:300px; }
}



.search { position:relative; box-sizing:border-box; float:left; padding:0 0 10px 10px; display:inline-block; max-width:30%; }
.search input { border:none; border-bottom:1px solid #838383; background:transparent; padding:0 30px 0 5px; width:50%; outline:none; box-sizing:border-box; font-size:1em; line-height:30px }
.search input:focus { width:80%;  }

.website .search fieldset { display:inline-block; }
.website .search fieldset:after { position:relavie; display:inline-block; content:" "; top:0; right:0; font-size:20px; width:30px; height:30px; text-align:right;  content:"\f002"; font-family: FontAwesome; }




/*

@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.05); }

.website table tr td table tr { background:transparent !important; } 

.website .gmaps	{ width:100%; min-height:460px; }




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



.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; }
.website .productrow .img.artikelimg	{ width:25% !important; float:left; margin-right:10px; }

.gtinput { display:none !important; }





/* lang settings */
ul.lang li { padding:0; margin:0; display:inline-block; }
ul.lang li a { display:inline-block; background-position:0 0; padding:0 0.5vw;  text-transform:uppercase; color:#2b3638; opacity:0.5;  }
ul.lang li { border-left:1px solid #2b3638; line-height:100%;}
ul.lang li:first-child { border-left:none; }
ul.lang li.active a { background-position:0 0; opacity:1;}

/*
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: #1d1d1d; background: linear-gradient(to bottom, #000 0%,#1d1d1d 46%,#000 100%); font-size:95%;  color:#fff; line-height:120%; }
footer ul.fnav { position:relative; display:inline-bloc; float:left; padding:0; margin:13px 0;  }
footer ul.fnav li { display:inline-block; padding:0 10px; margin:0; line-height:100%; border-right:1px solid #ccc; }
footer ul.fnav li:last-child { border-right:none; }
footer ul.fnav li a {  font-size:14px; color:#fff;  }
footer ul.fnav li a:hover, footer ul.fnav li a.active { border-bottom:1px solid #fff; color:#fff;  }
footer p { position:relative; float:right; text-align:right; font-size:14px; padding:13px 0; margin:0; z-index:100; }
@media only screen and (max-width:770px){ 
	footer ul.fnav { position:relative; text-align:center; width:100%; left:0; top:0; margin:0 auto; display:inline-block; margin:5px auto; }
 	.page-footer { height:auto; text-align:center;  margin-bottom:0;}
 	.website.page { margin-bottom:0; }
 	footer p { clear:both; font-size:12px; text-align:center; padding:5px 10px; border-top:1px solid #ccc; }
}
@media only screen and (max-width:500px){ 
 	footer ul.fnav li { padding:0 4px; }
}



/* 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 .stickyme { position:relative; } 

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



.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 {  background:#082c50 !important; border:1px solid #082c50 !important; color:#fff !important;  }



.productlisting .add_to_cart { display:none; }




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



/* table bg-color style */
.nicebgcolor .txt { padding:10px 30px; }
.nicebgcolor > * { display:flex; align-items: center;   }
.nicebgcolor > {  transform: scale(1.1); z-index:100; box-shadow:0 0 5px #ccc; }





.box2grp .img:after{ position:absolute;content:" ";top:50%; width:0; height:0; margin-top:-30px; border-top:30px solid transparent;border-bottom:30px solid transparent; z-index:100; } 

.box2grp:nth-child(odd) .nicebgcolor { background:#eeeeee;  }
.box2grp:nth-child(odd) .nicebgcolor.pic-left .img:after{ right:0; border-right:30px solid #eeeeee;}
.box2grp:nth-child(odd) .nicebgcolor.pic-right .img:after{ left:0; border-left:30px solid #eeeeee; }

.box2grp:nth-child(even) .nicebgcolor { background:#d0d0d0;  }
.box2grp:nth-child(even) .nicebgcolor.pic-left .img:after{ right:0; border-right:30px solid #d0d0d0;}
.box2grp:nth-child(even) .nicebgcolor.pic-right .img:after{ left:0; border-left:30px solid #d0d0d0; }

.page-center.box2grp { padding-top:0; padding-bottom:0; }


@media all and (max-width: 400px) {
	.page-center.box2grp { padding-top:2px; padding-bottom:2px; }
 	.nicebgcolor .img:after { content:""; display:none; }
	
		.nicebgcolor.pic-right > div:nth-child(2) { order:1; }
		.nicebgcolor.pic-right > div:nth-child(1) { order:2; }
	
	
		.nicebgcolor.pic-left > div:nth-child(2) { order:1; }
		.nicebgcolor.pic-left > div:nth-child(1) { order:2; }	
	
}

@media all and (min-width: 400px) {
	.nicebgcolor.pic-right > div:nth-child(2) { order:2; }
	.nicebgcolor.pic-right > div:nth-child(1) { order:1; }
	.nicebgcolor.pic-left > div:nth-child(2) { order:1; }
	.nicebgcolor.pic-left > div:nth-child(1) { order:2; }	
}



/* tooglething */
.togglegrp	{ position:relative; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.tc	{ display:none; padding:10px; border-bottom:1px solid #ccc; }
.tt { position:relative; font-size:1.1em; margin:-1px 0; border-bottom:1px solid #ccc; border-top:1px solid #ccc; cursor:pointer; padding:10px; background: #e6f0f5;  background:#f6f6f6; }
.tt:after { position:absolute; font-size:1.1em; right:0; top:15px; font-family: FontAwesome; padding:0 10px; content:"\f13a"; font-weight:normal; }
.tt.active:after {  content:"\f139";  font-size:1.1em; }

/*
* Druckvorschau Designer
*/

.print_body	{ background:#e3e3e3; text-align:center; font-size:14px; overflow:hidden; }
.printpage	{ width:600px; background:#fff; margin:10px auto; border:1px solid #ccc; box-sizing:border-box; padding:10px; }



/*
* Shop
*/
.productlisting .inner {  box-shadow:0 0 5px #ccc; box-sizing:border-box; margin:5px; text-align:center; padding:10px 0 0 0; cursor:pointer;}
.productlisting h3,  
.productlisting p    	 { margin-bottom:0; text-align:center;  }

.productlisting .info { background:#fff; padding:0 0 10px 0; }

.stamppreview { position:relative; text-align:center; background:#fff; margin:10px 10px 0 0; }
.stamppreview  .stampbg { position:absolute; left:0; top:0; width:30%; z-index:0; }
.stamppreview .stamp { max-height: 170px; margin:0 auto; }
.stamppreview .stamp img { max-height: 170px; margin:0 auto;  }
.stamppreview .abdruck  { position:absolute; right:0; top:0; width:50%; background:#fff; border:1px solid #ccc; }

.rund-oder-oval .stamppreview .abdruck { border-radius:50%; }


.productlisting .info   { text-align:center; }
.productlisting .price strong { font-size:150%; }


/* upload bar */
.progress { position:relative; display:none; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }
.bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }
.percent { position:absolute; display:inline-block; top:3px; left:48%; }


/* farbauswahl */
.choose_color { position:relative; display:inline-block; margin:0 5px 0 0; border:1px solid #ccc; border-radius:50%; opacity:0.5; }
.choose_color span { display:inline-block; text-indent:-10000px; width:35px; height:35px; margin:3px; border-radius:50%; }
.choose_color.color_4 span { background-color:black; }
.choose_color.color_5 span { background-color:red; }
.choose_color.color_6 span { background-color:blue; }
.choose_color.color_7 span { background-color:green; }
.choose_color.color_8 span { background-color:purple; }
.choose_color.active { border:1px solid #000; opacity:1; }



.product_details label { display:block; }
.product_details .shop_options.attr_8 { display:none; }

.shop_options { margin-bottom:13px;  }

.product_details .description { margin-top:20px; }
.product_details .uploadFile	{ position:relative; }


.uploaded-flile { position:relative;  border-radius:3px; display:inline-block; color:#000; padding:4px;  text-align:center; min-width:20px; overflow:hidden; cursor:pointer; margin:1px; border:1px solid #ccc; background-color: #fff; box-sizing:border-box; }