@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
{

    text-align: center;

    border-bottom: 1px solid #ddd;
    padding: 0 31px 5px 31px;

}

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

      }
 .wlabel {
        display: block;
        position: relative;
        padding-left: 45px;
        margin-bottom: 15px;
        cursor: pointer;

      }

#divnewsl {
    display: none;
}

      .wcheckbox {
        position: absolute;
        top: 2px;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: white;
        border: 1px solid black;
        padding: 3px;

      }

      .wlabel:hover input ~ .wcheckbox {

      }

      .wlabel input:active ~ .wcheckbox {
        background-color: white;
      }

      .wlabel input:checked ~ .wcheckbox {
        background-color: var(--FGruen);
      }

      .wcheckbox:after {
        content: "";
        position: absolute;
        display: none;
      }

      .wlabel input:checked ~ .wcheckbox:after {
        display: block;
      }

      .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
{

}

.ssVersUe, .dtVersand {

    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
}

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

.klein {
	font-size:12px;
}

#mobmen, #mobfil {
	display:none;
}
.brahm{
	padding: 10px 15px;
	margin-bottom:10px;
	border:1px solid #999;

	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
{

}
#best23Form input{
	border-radius:0px;
	border: 1px solid #888;
}

#best23Form input, #best23Form select{
	-webkit-appearance: none;
}

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

 #best23Form select{

	overflow: hidden;

	color: black;
	border: 1px solid #555;
	background-color: white;
}
a {
	color:#333;
}

#warenkorb {
	text-align:left;
}

span.bfrrEuro {
    font-weight: bold;
}

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

.ssPr1,.bfVIPProz,.bfAktionC {

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

	margin-top: 4px;
	padding: 4px 0;
	border-top: 1px dotted #ccc;
}

.menge_bez_z {

	margin-top: 10px;
}

.menge_bez,  {
	height: 165px;
}

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

}

.cBest1 select, .cBest1 input
{

}

.cBest2 select, .cBest2 input, .cBest1 select, .cBest1 input
{

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

.rot
{
	color:red;
}

.wkmarkebez
{
 font-weight:bold;
}

.urvk-wk
{

	text-decoration: line-through;
	padding-left: 5px;
}
.wkVproz
{
	color: white;
	background-color: #e92d2d;
	border-radius: 3px;
	margin: 5px;
	padding: 1px 2px;

	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;

	max-width:100%;
	padding-left:5px;

	width: 70%;
	text-align: left;
}

.artikel_bez_id div {
	margin-bottom: 5px;
}

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

.artikel_bild {
	width: 105px;
	margin-right:10px;
	text-align:
	center;
	display:
	inline-block;
	position:
	relative;

	padding: 3px 0;
	vertical-align: top;
}
.artikel_box {
	display:
	inline-block;
	width: 80%;
	}

.viprahmwk
{

	background-color: #ca98317d;
	border-radius: 4px;
	margin: 8px 0;
	padding: 5px;
	display:
	inline-block;
	color: white;

}

.vipvk-wk
{
	color: #e92d2d;

	text-shadow: 11 0 3px white;

}

.artikel_bild img {width: 100%;margin: 0 3px;}

.artikel_bild:hover, input[type="radio"]{
	cursor:pointer;
}

.artBez {
	display:block;
}

#warenkorb .klein {
	display:block;
}

span[id^="bt"]:hover {

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

	padding-top:10px;

}
#wk_gesamt span {

}

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

#dlagut
 {

	margin: 2px 0;
	padding:5px 0;
}

#sGs {}

#preisGesamt {

	font-weight:
	bold;
}
#gs_space {
	display:inline-block;
	width:75px;

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

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
{

}

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

#anschrift label, #anschriftV label {
	display: inline-block;

	margin: 6px;

	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;

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

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

.spalte1,.spalte2
{
	display: inline-block;
	vertical-align:
	top;

}

.spalte1
{

	margin-right: 15px;

}

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

#zz_Vora img
{
  width: 170px;
}

.vkSym {

    height: 32px;
    width: auto;
    flex: 0 0 auto;
    vertical-align: middle;

    margin-left: 7px;
}

[type="radio"]:checked + label.vkLab,
[type="radio"]:not(:checked) + label.vkLab {
    display: inline-flex;
    align-items: center;
    gap: 9px;
}
.vkWort {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .02em;
    color: #4a4a4a;
    white-space: nowrap;
}

.spalte2
{

}

span.zpreise {

    font-weight: bold;
}

#imgGLS
{

}

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

		}
.Zsumvk
{
	display:
	inline-block;
}
.ZsumvkC
{
	margin-top: 5px;
}
#paketdienste
{

	margin:7px 0;
	padding: 3px 0;
}

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

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

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

#V_A div, #V_D div {

}

#v_a_ueber, #V_D span {

}

#dFastZeile .fast1 { line-height: 0; }

#dFastZeile .fdKnopf, #dFastZeile .fdListe li { cursor: pointer; }

#dFastZeile .fast1 img {
	width: auto;
	height: 22px;
	margin-left: 0;
	vertical-align: middle;
}

#imgDHL, #imgGLS {
	width: auto;
	height: 18px;
	max-height: none;
	margin-left: 0;
	vertical-align: middle;
}

.fast5 {

	display: flex;
	align-items: center;
	gap: 8px;
	padding: 5px 0 3px 0;
}
.fastLab { color: var(--bText2); font-size: .95em; }

select.selFast { display: none; }

.fdWahl { position: relative; }
.fdKnopf {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 4px 8px;
	border: 1px solid var(--bRandStark);
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
	line-height: 0;
}
.fdKnopf:hover { border-color: #999; }
.fdKnopf:focus-visible { outline: 2px solid #000; outline-offset: 1px; }

.fdLogo { height: 15px; width: auto; display: block; }
.fdPfeil {
	width: 10px; height: 6px;
	fill: none; stroke: #555; stroke-width: 1.6;
	stroke-linecap: round; stroke-linejoin: round;
	flex: 0 0 10px;
}
.fdListe {
	position: absolute;
	z-index: 50;
	top: calc(100% + 3px);
	left: 0;
	margin: 0;
	padding: 3px;
	list-style: none;
	background: #fff;
	border: 1px solid var(--bRandStark);
	border-radius: 2px;
	box-shadow: 0 3px 10px rgba(0,0,0,.14);
}
.fdListe[hidden] { display: none; }
.fdListe li {
	padding: 5px 9px;
	cursor: pointer;
	line-height: 0;
	border-radius: 2px;
}
.fdListe li:hover { background: var(--bFlaeche); }
.fdListe li img { height: 15px; width: auto; display: block; }
select.selFast {
	font-family: inherit;
	font-size: 15px;
	padding: 5px 9px;
	border: 1px solid #E0C68C;
	border-radius: 2px;
	background: #fff;
	cursor: pointer;
}
select.selFast:focus {
	outline: none;
	border-color: #E09A12;
	box-shadow: 0 0 0 3px rgba(224,154,18,.18);
}

input.rbVerdeckt { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; }

.ppExPreis { margin-top: 7px; }
.ppExPreis:empty { display: none; }
div.DivVOPs
{

	max-width: 100%;
}

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

span.OPtext {
}

div#versand .v_OPx {

}
div#versand .v_OPx input {

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

	}

#kommentar {
	font-weight:bold;
}

div#KAktion {
    margin: 3px 0 0 0;
}
#kommentar input {

}

#geschenkv {

}
#geschenkv img {margin-top:5px;}
#geschenkv a {
	font-weight:normal;
	position:relative;
}

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

span.lavip1,span.lavip3 {

	 }
span.lavip2 {color: #F00;}
span.lavip4 { opacity:0.5;}

div[id^="KuKo_"]
{
	border: 1px solid red;

	margin:  10px 0;
	padding: 5px;
	border-radius: 5px;
}

#KuKo
{
	border: 1px solid #ccc;

	padding: 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
{

	margin-bottom:8px;
}

.spalte2
{

}
}

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

}

.ppDlg {
    position: fixed;
    inset: 0;
    z-index: 100000;
    background: rgba(0,0,0,.5);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    box-sizing: border-box;
}
.ppDlg[hidden] { display: none; }

.ppDlgBox {
    background: #fff;
    border-radius: 2px;
    width: 100%;
    max-width: 640px;
    max-height: 92vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 30px rgba(0,0,0,.35);
}

.ppDlgKopf {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 16px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 18px;
    font-weight: 600;
}
.ppDlgZu {
    position: relative;
    width: 32px; height: 32px;
    flex: 0 0 32px;
    border: 0;
    border-radius: 50%;
    background: var(--FHellGrau);
    cursor: pointer;
}
.ppDlgZu:hover { background: #e0e0e0; }
.ppDlgZu::before, .ppDlgZu::after {
    content: "";
    position: absolute; left: 50%; top: 50%;
    width: 15px; height: 1.5px;
    background: #333;
}
.ppDlgZu::before { transform: translate(-50%,-50%) rotate(45deg); }
.ppDlgZu::after  { transform: translate(-50%,-50%) rotate(-45deg); }

.ppDlgFuss {
    display: flex;
    gap: 10px;
    padding: 14px 16px;
}
.ppDlgBtn1, .ppDlgBtn2 {
    font-family: inherit;
    font-size: 16px;
    padding: 13px 16px;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color .15s;
}
.ppDlgBtn1 {
    flex: 1 1 auto;
    border: 0;
    background: var(--FGruen);
    color: #fff;
    font-weight: 500;
}
.ppDlgBtn1:hover { background: var(--FGruenHov); }
.ppDlgBtn2 {
    flex: 0 0 auto;
    border: 1px solid #999;
    background: #fff;
    color: #333;
}
.ppDlgBtn2:hover { background: var(--FHellGrau); }

body.ppDlgOffen { overflow: hidden; }

@media screen and (max-width:576px) {
  .ppDlg { padding: 0; align-items: stretch; }
  .ppDlgBox { max-width: none; max-height: none; border-radius: 0; }
  .ppDlgFuss { flex-direction: column-reverse; }
  .ppDlgBtn2 { flex: 1 1 auto; }
}

#ppExpress .ppExHinw {
    font-size: 14px;
    line-height: 1.45;
    margin: 6px 0 10px 0;
}
.ppExBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 420px;
    padding: 12px 16px;
    font-family: inherit;
    font-size: 16px;

    border: 1px solid #2c2e2f;
    min-height: 45px;
    border-radius: 2px;
    background: #fff;
    color: #2c2e2f;
    font-weight: 600;
    cursor: pointer;
    transition: background-color .15s, box-shadow .15s;
}
.ppExBtn:hover  { background: #f5f5f5; box-shadow: 0 1px 3px rgba(0,0,0,.12); }
.ppExBtn:active { background: #ebebeb; }

.ppExBtn.ppExLaedt          { cursor: progress; }
.ppExBtn.ppExLaedt img      { opacity: .55; }
.ppExBtn[disabled]          { opacity: 1; }

.ppExDreh {
    box-sizing: border-box;
    display: inline-block;
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    border: 2px solid rgba(44,46,47,.25);
    border-top-color: #2c2e2f;
    border-radius: 50%;
    animation: ppExDrehen .7s linear infinite;
}
@keyframes ppExDrehen { to { transform: rotate(360deg); } }

@media (prefers-reduced-motion: reduce) {
    .ppExDreh { animation: ppExPulsen 1.2s ease-in-out infinite; }
    @keyframes ppExPulsen { 50% { opacity: .25; } }
}

.ppExBtn img { height: 21px; width: auto; display: inline-block; vertical-align: middle; }
.ppExMld {
    margin-top: 8px;
    font-size: 14px;
    color: #a12626;
}
.ppExMld:empty { display: none; }

.ppSdkBtn {
    box-sizing: border-box;
    width: 100%;
    max-width: 420px;
    min-width: 0;
    overflow-x: hidden;
}
.ppSdkBtn:empty { display: none; }

.dhlsmall {
    font-size: 0.82em;
    font-weight: normal;
    line-height: 1.3;
}

a.ggpLink {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px dotted #999;
    cursor: pointer;
}
a.ggpLink:hover { border-bottom-color: #333; }

svg.ggpInfo {
    width: 14px;
    height: 14px;
    margin-left: 4px;
    vertical-align: -2px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.6;
    stroke-linecap: round;
}
svg.ggpInfo .ggpInfoP { fill: currentColor; stroke: none; }

.ggpDlgText {
    padding: 4px 16px 0 16px;
    overflow-y: auto;
    font-size: 15px;
    line-height: 1.5;
}
.ggpDlgText p { margin: 12px 0; }

.ggpDlgText p.ggpDlgFuss {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #e3e3e3;
    font-size: 12px;
    line-height: 1.45;
    color: #7a7a7a;
}
.ggpDlgText p.ggpDlgFuss a { color: #7a7a7a; }

:root {
    --bRand:      #e3e6e0;
    --bRandStark: #cfd4ca;
    --bFlaeche:   #f7f8f5;
    --bText2:     #6b7168;

    --bGruenText: #4f6b3f;

    --bRadius:    2px;
    --bRadiusS:   2px;
}

.brahm {
    padding: 18px 20px;
    margin-bottom: 14px;
    border: 1px solid var(--bRand);
    border-radius: var(--bRadius);
    background: #fff;
    box-shadow: 0 1px 2px rgba(20,30,15,.04);
}

#s_Btitel2 {
    background-color: #fff;
    border: 1px solid var(--bRand);
    border-radius: var(--bRadius);
    font-size: 19px;
    font-weight: 600;
    padding: 14px 20px;
}

.fett, .gross {
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .01em;
    color: #2f342d;
    margin-bottom: 12px;
}
#v_a_ueber { font-weight: 600; }

input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
select {
    font-family: inherit;
    font-size: 16px;
    padding: 9px 11px;
    border: 1px solid var(--bRandStark);
    border-radius: var(--bRadiusS);
    background: #fff;
    box-sizing: border-box;
    transition: border-color .15s, box-shadow .15s;
}
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]):focus,
select:focus {
    outline: none;
    border-color: var(--FGruen);
    box-shadow: 0 0 0 3px rgba(100,116,99,.16);
}
select.Sel25 { background-position: calc(100% - 20px) calc(1em + 4px), calc(100% - 15px) calc(1em + 4px), calc(100% - 2.5em) .5em; }

input[type=radio] { accent-color: #000; cursor: pointer; }
input[type=checkbox] { accent-color: var(--FGruen); cursor: pointer; }

div[id^="zz_"], div[id^="pp_"], .v_OP1 {
    border: 1px solid transparent;
    border-radius: var(--bRadiusS);
    padding: 9px 12px;
    margin: 4px 0;
    transition: background-color .15s, border-color .15s;
}
div[id^="zz_"]:hover, div[id^="pp_"]:hover, #Dfast:hover, #Dfast2:hover {
    background-color: var(--bFlaeche);
    cursor: pointer;
}
div#versand .v_OP2, div#zahlung .v_OP2, div#Dfast.v_OP2, div#Dfast2.v_OP2 {

    background-color: #edece9b0;
    border-color: #d5d3cd;
    color: #000;
}

.dhlsmall  { color: var(--bText2); }
.liefvers  { margin: 3px 0; }

#btbest2 {
    border-radius: var(--bRadius);
    font-weight: 600;
    letter-spacing: .01em;
    padding: 14px 50px;
    box-shadow: 0 2px 6px rgba(100,116,99,.28);
    transition: background-color .15s, box-shadow .15s, transform .1s;
}
#btbest2:hover  { box-shadow: 0 4px 12px rgba(100,116,99,.34); }
#btbest2:active { transform: translateY(1px); box-shadow: 0 1px 3px rgba(100,116,99,.3); }

a:focus-visible, button:focus-visible, .v_OP1:focus-visible,
input[type=radio]:focus-visible, input[type=checkbox]:focus-visible {
    outline: 2px solid var(--FGruen);
    outline-offset: 2px;
}

#RechV, #btVersand, #lagut, #btgut { color: var(--FGruen); }
.iFehler { font-size: 13px; }

.zMitte { text-align: center; }

.oderZ {
    position: relative;
    text-align: center;
    margin: -4px 0 10px 0;
}
.oderZ span {
    position: relative;
    background: #fff;
    padding: 0 14px;
    color: var(--bText2);
    font-size: 14px;
}
.oderZ:before {
    content: "";
    position: absolute;
    left: 12%; right: 12%; top: 50%;
    border-top: 1px solid var(--bRand);
}

[type="radio"]:checked + label.optKopf,
[type="radio"]:not(:checked) + label.optKopf {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.06em;
    line-height: 1.35;
}
.optTitel { display: inline-flex; align-items: center; gap: 6px; }
.optPreis { white-space: nowrap; font-weight: bold; text-align: right; }

#pp_std .optPreis { display: none; }

.optInhalt { padding-left: 28px; }

[type="radio"]:checked + label:after { background: #000; }

#dFastZeile { cursor: pointer; }

.liefOpt {
    font-size: .84em;
    font-weight: normal;
    color: var(--bText2);
    margin-top: 2px;
}
.liefOpt:empty { display: none; }
.liefOpt b { color: #3a4038; }

#dFastZeile .liefOpt {
    margin-top: 7px;
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
    font-size: 1em;
    color: var(--bGruenText);
}
.liefChip {
    background: var(--FHellGruen);
    color: var(--bGruenText);
    border-radius: var(--bRadiusS);
    padding: 3px 9px;
    white-space: nowrap;
}
.liefChip b { color: var(--bGruenText); font-weight: 600; }

.liefFrueher {
    color: var(--bGruenText);
    font-weight: 600;
    font-size: .9em;
    white-space: nowrap;
}

div.v_zzz {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    row-gap: 2px;
}
div.v_zzz .spalte1 {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-right: 12px;
}
div.v_zzz .spalte2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
    text-align: right;
}
.zzName { font-size: 1.06em; }
a.zzInfo { color: var(--bText2); line-height: 0; cursor: pointer; }
a.zzInfo:hover { color: #333; }

div.v_zzz .ZsumvkC { grid-column: 1 / -1; margin-top: 3px; }

.infQuelle { display: none; }

.kSchmal {
    max-width: 640px;
    box-sizing: border-box;
}

.kSchmal input:not([type=checkbox]):not([type=radio]):not([type=submit]),
.kSchmal select,
.kSchmal .DivVOPs,
.kSchmal .adrZeile {
    max-width: 100%;
}
.kSchmal .adrZeile input,
.kSchmal .adrZeile select { width: 100%; }

.kSchmal .fdWahl, .kSchmal .fdKnopf { width: auto; }
#Kommentar { width: 100%; }

@media screen and (min-width: 1300px) {
    #dSpalten {
        display: flex;

        align-items: stretch;
        gap: 24px;
    }
    #dSpalten > .spLinks,
    #dSpalten > .spRechts {
        flex: 1 1 0;
        min-width: 0;
        max-width: 640px;
    }

    #dSpalten > .spLinks { display: flex; flex-direction: column; }
    #dSpalten > .spLinks > #versand { flex: 1 1 auto; }

    #dSpalten .kSchmal { max-width: 100%; }
}

div#s_logoBest {
    background-size: contain;
    background-position: center center;
}