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

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: 14px;
  height: 14px;
  background: #F87DA9;
  position: absolute;
  top: 6px;
  left: 6px;
  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; */
      }

      /* Creating a custom checkbox based on demand */
      .wcheckbox {
        position: absolute;
        top: 2px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: white;
        border: 1px solid #ddd;
        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: #f87da9;
      }
      /* 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:
	green;
	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 20px;
	margin-bottom:10px;
	/* border:1px solid #999; */
	background: #9ab76b21;
	border-radius: 20px;
}
#s_Btitel2
{margin: 8px 13px;font-weight: bold;}

a {
	color:#333;
}

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

#warenkorb {
	text-align:left;
}
#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:
	inline-block;
	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%;
}
/* 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;
	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:110px;
	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 {
	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: #69b64f;
    border: none;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
    margin-right: 0;
    padding: 12px 50px;
    border-radius: 5px;
    font-weight: 700
}


#btbest2 {
	margin-top:20px;
}
#btbest2:hover {
	background-color:#70C155;
}


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

#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: 187px;
	/* min-width: 160px; */
	margin-right: 15px;
}

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

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

#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;
}
.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; */
}

.fast1
{
	padding-top: 7px;
}
.fast1 , .fast2
{
	display: inline-block;
}
.fast2
{margin-left: 10px;vertical-align: top;height: 0px;padding-top: 7px;}

#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[id^="zz_"],div[id^="pp_"]{
	min-height: 23px;
	padding: 4px 0;
	margin: 4px 0px;
	vertical-align: top;
	/* display: flex; */
	}

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

#kommentar {
	font-weight:bold;
}
#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 : 768px){
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: center;
    width: 100%;
}

.artikel_bez_id {	
}
}

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

.spalte1
{
	width: 98%;
	margin-bottom:8px;
}


.spalte2
{
	width: 98%;
}
}