@charset "utf-8";
select 
{
	font-size:16px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#vollsicht, #mobsicht {
	display:none;
}
#mobsicht {
	text-align:center;
	height:22px;
	padding-top:5px;
	background-color:#EDEDED;
	color:red; 
}

#s_oZ1Best
{
	text-align: right;
	padding: 2px 4px 1px 0;
}

#s_oZ1Best #s_obenspr_dt
{
   right: 13px;
   top: 18px;
}

#slogoCBest
{
	text-align:center;
}

#s_logoBest
{
	width: 200px;
	height: 71px;
	display: inline-block;
}

#s_obenloginCBest
{
	height:55px;
}
#s_oZ2Best
{
    /* display: grid; */
    text-align: center;
    /* grid-template-columns: auto auto; */
    /* grid-template-rows: auto; */
    /* flex-direction: row; */
    /* align-content: center; */
    border-bottom: 1px solid #ddd;
    padding: 0 31px 5px 31px;
    /* flex-wrap: wrap; */
    /* align-items: center; */
    /* justify-content: space-between; */
}

#BzurueckO
{
   margin: 5px 0 0 10px;
   font-size: 14px;
}

a {
	color:#666; 
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #333;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 23px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 15px;
  height: 15px;
  background: var(--FGruen);
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

[type="radio"]:checked+label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

      input.chhidden {
        visibility: hidden;
        width: 0;
        margin: 0 !important;
        /* display: none; */
      }
 .wlabel {
        display: block;
        position: relative;
        padding-left: 45px;
        margin-bottom: 15px;
        cursor: pointer;
        /* vertical-align: middle; */
        /* font-size: 20px; */
      }

#divnewsl {
    display: none;
}

      /* Creating a custom checkbox based on demand */
      .wcheckbox {
        position: absolute;
        top: 2px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: white;
        border: 1px solid black;
        padding: 3px;
        /* vertical-align: top; */
      }
      /* Specify the background color to be shown when hovering over checkbox */
      .wlabel:hover input ~ .wcheckbox {
        /* background-color: #f87da95e; */
      }
      /* Specify the background color to be shown when checkbox is active */
      .wlabel input:active ~ .wcheckbox {
        background-color: white;
      }
      /* Specify the background color to be shown when checkbox is checked */
      .wlabel input:checked ~ .wcheckbox {
        background-color: var(--FGruen);
      }
      /* Checkmark to be shown in checkbox */
      /* It is not be shown when not checked */
      .wcheckbox:after {
        content: "";
        position: absolute;
        display: none;
      }
      /* Display checkmark when checked */
      .wlabel input:checked ~ .wcheckbox:after {
        display: block;
      }
      /* Styling the checkmark using webkit */
      /* Rotated the rectangle by 45 degree and 
      showing only two border to make it look
      like a tickmark */
      .wlabel .wcheckbox:after {
        left: 10px;
        bottom: 9px;
        width: 6px;
        height: 12px;
        border: solid white;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
      }

#ssliefer
{
	/* color: var(--FGruen); */
	/* font-weight: bold; */
}

.ssVersUe, .dtVersand {
    /* color: var(--FGruen); */
    font-weight: bold;
}
.liefvers
{
	margin: 2px 0;
}
div#s_obenlink a {
	border-left:1px solid #CCC;
	padding:0px 7px 0px 7px;
}

div#dpakEmail { padding-bottom: 10px; 
}
#btVLoesch { 
	margin-left:20px;
}
#anschriftV { 
	display:none;
}
#z_graph {
	display:inline;
	margin-top:10px;
}
#btBestellen { 
	width:300px; 
	padding:4px;
	text-align:center;
	background-color:#390; 
	font: Verdana,Geneva,sans-serif; 
	font-size:18px; 
	color:#FFF; 
	border-radius:4px;
	cursor:pointer;
}


#btBestellen { 
	width:300px; 
	padding:4px;
	text-align:center;
	background-color:#390; 
	font: Verdana,Geneva,sans-serif; 
	font-size:18px; 
	color:#FFF; 
	border-radius:4px;
	cursor:pointer;
}

#text_vers { 
	z-index: 2000;
	text-align:center;
	position:fixed;
	background-color:#090;
	color:#FFF;
	font-size:22px;
	left:0;
	top:0;
	padding:4px; 
	width:100%;
}
#versandop {
	border:1px solid #666
}

/*div.v_OP1 { 	border:1px solid #666;	cursor:pointer;}*/


#V_eil{ 
	border:1px solid #666;
}
#pp_GLS{ }
.v_OP3 {  
	left:305px;
	width:300px;
}
#v_tel12,#v_tel18 {}


.klein {
	font-size:12px;
}


/* hide mobile and filter menu bei VOLLSICHT */
#mobmen, #mobfil {
	display:none;
}
.brahm{
	padding: 10px 15px;
	margin-bottom:10px;
	border:1px solid #999;
	/* background: #9ab76b21; */
	/* background-color: #d566791a; */
	border-radius: 1px;
}
#s_Btitel2
{padding: 8px 13px;font-weight: bold;background-color: #ededed;background-color: #fafafa;font-size: 20px;margin: 10px 0;border: 1px solid #aaa;}

#best23Form
{
	/* margin: 0; */
	/* display: block; */
}
#best23Form input{
	border-radius:0px;
	border: 1px solid #888;
}

#best23Form input, #best23Form select{
	-webkit-appearance: none;
}
input#inpfast
{
	-webkit-appearance:auto;
	/* width: 20px; */
	/* font-size: 20px; */
	transform: scale(2);
	/* margin: 8px; */
	/* padding: 5px; */
}

span.fast3-1 {display: inline-block;padding: 0 9px;/* margin: 4px 8px; */}
select.Sel25 {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}
/*
select.Sel25:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}
*/
 #best23Form select{
	/* appearance: auto; */
	/*background: url(https://www.papiton.de/bilder/pfeil-u-select.svg) no-repeat 96% 46%;*/
	/* height: 29px; */
	/* background-size: 6%; */
	overflow: hidden;
	/* width: 240px; */
	color: black;
	border: 1px solid #555;
	background-color: white;
}
a {
	color:#333;
}

/*************************************************/
				/* Warenkorb */
/*************************************************/

#warenkorb {
	text-align:left;
}

span.bfrrEuro {
    font-weight: bold;
}

.ssPr1 {
    margin: 8px 0 2px;
}

.ssPr1,.bfVIPProz,.bfAktionC {
	/* font-size: 18px; */
}
#kkoneu
{
		margin: 4px 0;
}
#tt_wk {
	max-width:100%;
	height:auto;
	margin:0 auto;
}
#wk_head {
	max-width:100%;
	padding:10px 0;
	text-align:left;
	border-bottom:1px solid #999;
	margin-bottom:10px;
}
#sAn, #sAr, #sEP, #sGP {
	display:inline-block;
	text-align:right;
}
#sAn {
	width:60px;
	text-align:left;
}
#sAB {
	display:inline-block;
	width:38px;
	margin-right:10px;
	text-align:center;
}
#sAr {
	width:400px;
	text-align:left;
}
#sEP {
	width:110px;
}
#sGP {
	width:110px;
}
#wk_body {
	text-align:left;
}
.menge_bez, .menge_bez_z {
	display: grid;
	grid-template-columns: auto auto;
	max-width:100%;
	width:100%;
	/* vertical-align: top; */
	/* height: 165px; */
	margin-top: 4px;
	padding: 4px 0;
	border-top: 1px dotted #ccc;
}

.menge_bez_z {
	/* height: 50px; 
	border-top: 1px dotted #ccc;*/
	margin-top: 10px;
}

.menge_bez,  {
	height: 165px;
}

.cBest2 select, .cBest2 input
{
color: red;

}

.cBest1 select, .cBest1 input
{
	/* color: #ff6c00; */
}

.cBest2 select, .cBest2 input, .cBest1 select, .cBest1 input
{	
/*	color: yellow;*/
	font-weight:bold;
	border: 1px solid;
}
.cBest2 span.cBMld,.cBest1 span.cBMld
{
	color:red;
}

.rot
{
	color:red;
}

.wkmarkebez
{
 font-weight:bold;
}

.urvk-wk
{
	/* color: #ff3d3d; */
	text-decoration: line-through;
	padding-left: 5px;
}
.wkVproz
{
	color: white;
	background-color: #e92d2d;
	border-radius: 3px;
	margin: 5px;
	padding: 1px 2px;
	/* border: 1px solid #ff3d3d; */
	font-size: 11px;
	vertical-align:
	top;
}
.menge_bez select
{
	min-width: 47px;
	min-height: 27px;
	vertical-align: text-bottom;
	padding: 2px;
}
.menge_bez:hover {
	background-color:#EDEDED;
}

.anz_loesch
{
	padding: 5px 0 5px 5px;
}
.artikel_bez_id {
	display:
	inline-block;
	/* width:400px; */
	max-width:100%;
	padding-left:5px;
	/* padding: 3px 0px; */
	width: 70%;
	text-align: left;
}

.artikel_bez_id div {
	margin-bottom: 5px;
}
/* Zahlenfeld Menge */
[id^="imenge__"], .menge_z {
	display:inline-block;
    margin-right:14px;
	margin-left:5px;
    line-height:30px;
    position:relative;
    top:-20px;
	width:35px;
}

[id^="imengeL__"] {
	display:inline-block;
    margin-right:14px;
	margin-left:5px;
    line-height:30px;
    position:relative;
    top:-10px;
	width:35px;
	height:30px;
	padding:2px;
}

.menge_z {
	top:-8px;
    padding-left:3px;
    width:32px;
}
/*Artikelbild*/
.artikel_bild {
	width: 105px;
	margin-right:10px;
	text-align:
	center;
	display:
	inline-block;
	position:
	relative;
	/* height: 200px; */
	/* top:-4px; */
	padding: 3px 0;
	vertical-align: top;
}
.artikel_box {
	display:
	inline-block;
	width: 80%;
	}

.viprahmwk
{
	/* border: 1px solid #a06f094d; */
	/*background-color: #a06f094f;*/
	background-color: #ca98317d;
	border-radius: 4px;
	margin: 8px 0;
	padding: 5px;
	display:
	inline-block;
	color: white;
	/* opacity: 20%; */
}

.vipvk-wk
{
	color: #e92d2d;
	/* color: var(--FRosa); */
	text-shadow: 11 0 3px white;
	/* -webkit-text-stroke: 1px white; */
}

.artikel_bild img {width: 100%;margin: 0 3px;/* margin-top: 4px; *//* height: 100%; *//* padding: 5px 0; */}

.artikel_bild:hover, input[type="radio"]{	
	cursor:pointer;
}
/* Artikelbezeichnung */
.artBez {
	display:block;
}
/* Artikelnummer */
#warenkorb .klein {
	display:block;
}

span[id^="bt"]:hover {
/*	background-color:#70C155;*/
}
#warenkorb span[id^="bt"] {
	margin-left: 28px;
}
.preisEins {
	display:
	inline-block;
	width: 200px;
	text-align:
	right;
	margin: 7px 0;
	font-size: 18px;
}
.preisMenge {
	display:inline-block;
	width:110px;
	text-align:right;
}
.wk_gesamt {
	/*
	max-width:700px;
	*/
	padding-top:10px;
	border-bottom: 1px solid #ccc;
}
#wk_gesamt span {
	/*
	margin-right:360px;
	*/
}

#lagut,#WKallesloesch {
	font-size:10px;
	text-decoration:	underline;
    cursor: pointer;
}

#dlagut
 {
	border-bottom: 1px solid #ccc;
	margin: 2px 0;
	padding:5px 0;
}

/* Text Gesamtsumme */
#sGs {}
/* Gesamtsumme */
#preisGesamt {
	/* display:
	inline-block; */
	/* width:100px; */
	font-weight:
	bold;
}
#gs_space {
	display:inline-block;
	width:75px;
	/* mobil ausblenden */
	display:none;
}
#wk_gesamt #btallesloesch {
	display:inline-block;
	margin-top:10px;
	margin-right:0px;
}


#wk_gesamt .hr {
	display:block;
	width:100%;
	border-top:1px solid #999;
	margin-top:10px;
}

/*************************************************/
				/* Formular */
/*************************************************/

div.iFehler
{
  text-align:left;
  width: 421px;
  margin: 0 0 4px 161px;
  color:red;
}
#i_agb
{
	margin: 5px 0 2px 28px;
	font-weight: bold;
}
#anschrift {
	min-height: 291px;
}
#anschriftV {
	min-height: 225px;
}



#KuKo #btAbschicken,
#btbest2 {
    width: 100%;
    max-width: 500px;
    text-align: center;
    background-color: var(--FGruen);
    border: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    margin-right: 0;
    padding: 12px 50px;
    border-radius: 1px;
    font-weight: 700;
    
}


#btbest2 {
	margin-top:20px;
}
#btbest2:hover {
	background-color: var(--FGruenHov);
}


#zz_Vora
{
	/* min-height: 53px; */
}

/*
#chvipkonto
{
	  width: 35px;
	  height: 35px;
	  background-color: #555;
	  margin: 2px 5px 5px 0;
	  position: relative;
	  border-radius: 5px;
	  vertical-align: top;
	  }


#kkoneu label {
  display: inline-block;
  width: 80%;
  height: 18px;    
  cursor: pointer;
}
*/
/*checkbox styles ende*/



#abschicken label input
{
	float:left;
	display:block;
	margin: 6px 8px;
}

#anschrift label, #anschriftV label {
	display: inline-block;
	/* text-align: right; */
	margin: 6px;
	/* margin-left: 5px; */
	padding:2px;
	width: 140px;
}
label.lafloat{
	font-size: 11px;
	position:absolute;
	text-align: left;
	top: -7px;
	left: 0;
	opacity: 1;
	pointer-events: none;
	transition: 0.2s ease all;
}
input:placeholder-shown ~ .lafloat{
  top: 7px;
  /* bottom: 10px; */
  left: 0px;
  font-size: 14px;
  opacity: 0;
}

#RechV{
	cursor:pointer;
	text-decoration:underline;
	margin-bottom: 10px;
	font-size: 14px;
}
select#Land, select#LandV {
	margin-bottom:20px;
	font-weight: bold;
}
#anschrift br, #anschriftV br {
	clear:left;
}
#anschrift .vertLine, #anschriftV .vertLine {
	height: 230px;
	width:460px;
	position:absolute;
	border-right:1px solid #CECECE;
	margin-top:25px;
	z-index:-100;
}
#anschriftV .vertLine {
	height: 165px;
	margin-top: 24px;
}

/*************************************************/
				/* Zahlung */
/*div#zahlung .v_OP2,				
/*************************************************/
#imgGLS,#imgDHL
{
	max-height: 24px;
}


.spalte1,.spalte2
{
	display: inline-block;
	vertical-align:
	top;
	/* width: 225px; */
}

.spalte1
{
	/* width: 70%; */
	/* min-width: 160px; */
	margin-right: 15px;
	/* max-width: 500px; */
}

.spalte1 img
	{margin-left: 7px;width: 135px;}
#zz_Vora img
{
  width: 170px;
}

.spalte2
{
	/* width: calc(98% - 240px); */
	/* width:70%; */
	/* min-width: 300px; */
	/* max-width:400px; */
}

span.zpreise {
    /* text-align: right; */
    font-weight: bold;
}

span.fast3 .zpreise {
    margin-right: 5px;
}

#imgGLS
{
	/* max-width:80px; */
}

#imgGLS,#imgDHL
{
	max-height: 27px;
}

 div#versand .v_OP2 ,div#zahlung .v_OP2,div#Dfast.v_OP2,div#Dfast2.v_OP2{
	background-color: #EEE;
	color: #000;
}
	 div.v_zzz{
		 display:grid;
		 align-content: space-around;
		 /* grid-column: auto; */
		 /* grid-row: 3; */
		}
.Zsumvk
{ 
	display:
	inline-block;
}
.ZsumvkC
{
	margin-top: 5px;
}
#paketdienste
{
    border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin:7px 0;
	padding: 3px 0;
}


.RBZahlVip
{
	display: inline-block;
	margin-left: 10px;
}

/*************************************************/
				/* Versand */
/*************************************************/

div#versand {
	padding-top:10px;
}

div#versand label:hover {
	background:#EDEDED;
}

#V_A div, #V_D div {
	/* border:1px solid #999; */
}
/* Versand-Optionen */
#v_a_ueber, #V_D span {
	/* display:block; */
	/* margin-bottom:10px; */
}
div.DivFast
{
	display:grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: auto auto;
	align-items: center;
	justify-content: space-between;
}
div.DivVOPs
{
	max-width: 900px;
}
.fast1
{
	padding-top: 7px;
	/* width: 20%; */
}
.fast1 , .fast2
{
	display: inline-block;
}
.fast2
{/* margin-left: 10px; *//* vertical-align: top; *//* height: 0px; *//* padding-top: 7px; */font-weight: bold;}

span.fast2, span.fast4 {
    padding: 0 5px;
    text-align: left;
}


#v_a_ueber {
	margin-top:10px;
	margin-bottom:15px;
	font-weight:bold;
}
.fett, .gross {
	font-weight:bold;
	display:block;
	margin-bottom: 7px;
}

div#versand #V_A .v_OP1 {
	margin-right:5px;
}


/* texte
.v_OP1 span {	position:relative;  	top:35px;}

 */

span.OPtext {
}
/* bilder 
.v_OP1 img {	position:relative;	top:25px;}
*/
/* Express */
div#versand .v_OPx {
/*	position:relative;
	display:inline-block;
	height:auto;
	width:330px;
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	padding:10px 0px;
	margin-right:5px;*/
}
div#versand .v_OPx input {
/*	height:auto;
	position:relative;
	top:50px;
	margin-right:22px;*/
}
div[id^="zz_"]:hover , div[id^="pp_"]:hover, #Dfast:hover
, #Dfast2:hover {
	background-color: #EEE;
	cursor:pointer;
}

div[id^="zz_"]{
	min-height: 22px;
}

 
div#pp_GLS {display:none;}

div.pp_Cont {
		display: grid;
		grid-template-columns: auto auto;
		justify-content: space-between;
		align-items: center;
}

div.v_OP.v_hidden
{
	display:none;
}

div[id^="zz_"],div[id^="pp_"]{
	min-height: 23px;
	padding: 4px 0;
	margin: 4px 0px;
	vertical-align: top;
	/* display: flex; */
	}

/*************************************************/
				/* Kommentar */
/*************************************************/

#kommentar {
	font-weight:bold;
}

div#KAktion {
    margin: 3px 0 0 0;
}
#kommentar input {
	/* font-family:Verdana,Helvetica,Arial; */
	/* font-size:14px; */
}

/*************************************************/
			/* Geschenkverpackung */
/*************************************************/

#geschenkv {
	/* font-weight:bold; */
	/* display:none; */
	/* padding: 10px 0 0 0; */
}
#geschenkv img {margin-top:5px;}
#geschenkv a {
	font-weight:normal;
	position:relative;
}

/*************************************************/
			/* Abschicken */
/*************************************************/



#grImg {
	top:210px; 
	left:118px;
	}

span.lavip1,span.lavip3 {
	/* background:  url("https://www.papiton.de/bilder/vip-32x13.gif") no-repeat left top;
	 *//* padding-left:38px; */
	 }
span.lavip2 {color: #F00;}
span.lavip4 { opacity:0.5;}


div[id^="KuKo_"]
{
	border: 1px solid red;
	/* border-color: red; */
	margin:  10px 0;
	padding: 5px;
	border-radius: 5px;
}


#KuKo
{
	border: 1px solid #ccc;
	/* border-color: red; */
	
	padding: 5px;
/*	border-radius: 5px;*/
}

.kuKORBDiv:hover
{
	background-color: #eee;
	
}

.kuKORBDiv
{

	cursor:pointer;
	padding: 2px 0;
}
.Artbez
{
  font-weight: bold;
  color: red;
}

#KuKo #btAbschicken:hover
{
	opacity: 0.8 ;
}

#KuKo #btAbschicken
{
	margin-bottom: 10px;
}
#s_untenBest ul
{
	text-align:center;
	width: auto;
	display: inline-block;
	margin-left: 100px;
}
#s_untenBest li.fuss_nav
{
	display:inline-block;
	margin:0 8px;
}
#s_untenBest
{
	margin: 21px 15px;
	font-size: 14px;
}
#Bzurueck
{
	display:inline-block;
}


@media screen and (max-width : 1080px){
	div#s_logoBest
	{
		background-size: 130px;
		height: 51px;
	}
}

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

	div#s_logoBest
	{
		background-size: 110px;
		height: 45px;
	}	
	
span#gototop, #Bzurueck
{
 display:none;
}
#s_untenBest ul
{
	width:100%;
	margin-left:0;
}
#s_Btitel2
{
	text-align:center;
	margin:2px 0;
}
}


@media screen and (max-width:768px) 
{
	.artikel_box,.artikel_bez_id,.menge_bez {
 text-align: left;
 width: 100%;
}

span.preisEins {
    text-align: right;
}

.artikel_bez_id {	
}
}

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

.spalte1
{
	/* width: 80%; */
	margin-bottom:8px;
}


.spalte2
{
	/* width: 98%; */
}
}

@media screen and (min-width:801px) 
{
	div.adrZeile
	{
		width: 724px;
		max-width: 795px;
	}
	div.adrZeName,	 div.adrZeOrt, div.adrZePLZ
	{
		display:inline-block;
	}
	div.adrZeAn
	{
		 width: 120px;
	}
	div.adrZeName
	{
		width: 360px;
	}
	div.adrZePLZ
	{
		width:120px;
	}
	div.adrZeOrt
	{
		width: 600px;
	}

}