#swDivCartContent CART {
    border: 1px solid black !important;
}
#swDivCartContent:hover CART {
    background-color: white !important;
}
.swCartContentSubHead-Flyout {
    display: none !important;
}
.swCartContentCol1-Flyout {
    width: 10% !important;
    float: left;
}
.swCartContentCol1-Flyout img {
    width: 100% !important;    
}
.swCartContentCol2-Flyout {
    width: 90% !important;
    clear: none!important ;
    float: left;
    font-size: 0.8rem;
    padding-left: 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.swCartContentCol3-Flyout {
    width: 25% !important;
    clear: none !important;
    float: left;
    font-size: 0.8rem;
    position: unset !important;
    padding-left: 2%;
}
.swCartContentCol4-Flyout {
    font-weight: 600 !important;
    width: 25% !important;
    clear: none !important;
    float: left;
    font-size: 0.8rem;
    position: unset !important;   
}
#swCartContentPosition-Flyout {
    min-width: 24rem !important;
    min-height: 4.5rem !important;
}
/*.swCartContentTotalText {
    width:15% !important;
    float: left;
    clear: none !important;
}*/
/*.swCartContentTotalSumme {
    width:35% !important;
    float: right;
    clear: none !important;*/
}
.swCartContentTotal {
    display: none !important;
}
#swCartContentPosition-Flyout div {
    white-space: unset !important;
}
#wk-button, #co-button {
    background-color:rgb(170,0,0);
    text-decoration: none;
    width: 35% !important;
    text-align: center;
    padding: unset !important;
}
#wk-button a, #co-button a {
    color: white;
}
#wk-button:hover, #co-button:hover {
    background-color: rgb(126, 6, 6);
}
#wk-button {
    float: left;    
    min-width: 55%;
}
#co-button {
    float: right;
    clear: none !important;
    display:none !important;
}




#cart-box {
    background: #fff;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    border: 0 none;
    min-height: 100%;
    
}







   /* ############################################################ */
/* boxfenster  */
/* ############################################################ */

.schalter  {position:relative; }

.boxfenster  {display:block;
font-size:15px;
position:fixed;
top:0;
left:0;
overflow:auto;
box-shadow: 0 0 1px black;
text-align:left;
font-size:1.7rem;
line-height:2.5rem;
height:100vh;
width:100vw;
margin-top:-260vh;
overflow:hidden;
}

.boxinhalt {display:block;overflow:auto;position:relative;
background:#fff;
color:#000;
height:100%;
padding:7rem 5.5rem 0rem 2.5rem ;
margin:0;
}


/*  abstandshalter im boxfenster-inhalt zum unteren rand hin */
p.break  {
line-height:15rem;margin:0;
}


/* ############################################################ */
/* oeffnen-schalter style für box-fenster  */
/* ############################################################ */

/* siehe in der datei format.css bei WEITER-BUTTON */



/* ############################################################ */
/* schließen-schalter style für box-fenster  */
/* ############################################################ */

.schalter label.button-close {display:inline-block;
position: absolute;
top:2rem;right:3rem;
z-index:3;
cursor:pointer;
background:transparent;
}

/* icons  */

.schalter .button-close .fas  ,
.schalter .button-close .fab ,
.schalter .button-close .far  {display:inline-block;
background:transparent;position:fixed;
color:#f44334;
margin:-1.5rem -2.5rem ;
padding: 0rem;
font-size:4rem;
width:5rem;
height:5rem;
line-height:5rem;
border-radius:100%;
}

.schalter .button-close .fas:hover ,
.schalter .button-close .fab:hover ,
.schalter .button-close .far:hover   {color:#000; }



/* ############################################################ */
/*  box-fenster schaltfunktion AN / AUS */
/* ############################################################ */

/* checkboxen versteckt */
.schalter input[type=checkbox]{
display: none;
}

input#open-home:checked ~ .boxfenster,
input#open-primus:checked ~ .boxfenster,
input#open-secundus:checked ~ .boxfenster,
input#open-tertius:checked ~ .boxfenster,
input#open-quartus:checked ~ .boxfenster,
input#open-quintus:checked ~ .boxfenster,
input#open-sextus:checked ~ .boxfenster {
margin:0;
z-index:4000;
background:rgba(0,0,0,.7);
}




/* ############################################################ */
/* M E D I A   Q U E R I E S - RESPONSIVE-BILDSCHIRMABFRAGEN*/
/* ############################################################ */



/* ==================================== ab 960 pixel ================================== */
@media (min-width: 960px) {

.boxinhalt {
width:80rem;
height:84vh;margin:0 auto;
margin-top:8vh;
margin-bottom:8vh;
}


}


/* = = = = = = = = = = = = = = = = = = = = = Code Ende = = = = = = = = = = = = = = = = = = = = = */
    
  /*   WEITER-BUTTON */

.btn span.weiter  {color:#fff;display:inline-block;
background:#3f3f3f;
text-decoration:none;
padding:.4rem 1.6rem .4rem 1.2rem;
border-radius:0;
cursor:pointer;
margin:0rem 0 0 0 ;
}

.btn span.weiter:hover {color:#fff;background:#000;
text-decoration:none;box-shadow:1px 1px 3px #9F9F9F;
}

.btn .weiter:before {display:inline-block;
font-family:'Font Awesome 5 Free';/* - 'Font Awesome 5 Free' for Regular and Solid symbols;
                                     - 'Font Awesome 5 Brand' for Brands symbols. */
font-weight: 900;/*  Weight of the font (mandatory)
                     - 400 for Regular and Brands symbols;
                     - 900 for Solid symbols. */
content:"\f0da";
font-style: normal;
font-variant-caps: normal;
font-variant-ligatures: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
text-decoration: none;
color:#f44336;
padding:.2rem 0;
margin:0 .6rem 0em .4rem;
transition:transform .3s ease-out;
}

.btn .weiter:hover:before {
transform:  translate(.3rem);
}

/*  liste - aufzaehlungspunkte */
.liste-1 , .liste-1 ul  {
margin:0;
padding:0;
}


.liste-1  li {list-style:none;
line-height:2.5rem;
font-size:1.5rem;
font-weight:bold;
padding:0rem;
margin:0;
}