/* ===== CAVUS MOBILE EARLY SHIELD V103 START ===== */

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

    html body #banner,
    html body #menu,
    html body .box_left,
    html body .box_left_menu,
    html body #dhtmlgoodies_menu_xx,
    html body #deluxeMenu,
    html body table[id^="dm0m"],
    html body #bildoben,
    html body #login,
    html body #sprachlinks,
    html body #zeit,
    html body #navileiste,
    html body #naviclearer {
        display:none !important;
    }


    /*
     * =====================================================
     * ALTER SHOP2GO-CAROUSEL:
     * MOBIL UNTER ALLEN UMSTAENDEN UNSICHTBAR
     * =====================================================
     *
     * Bewusst OHNE body#liste.
     *
     * Damit gilt der Schutz auch während
     * Login-/Logout-/Redirect-Zwischenseiten.
     */

    html #scrollable,
    html #scrollable .items,
    html #scrollable .items > div,
    html #scrollable a,
    html #scrollable img {
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }


    /*
     * Unser fertiger mobiler Startseiten-Streifen
     * bleibt selbstverständlich sichtbar.
     */

    html body .cavus-v82-feature-strip,
    html body .cavus-v82-feature-strip *,
    html body .cavus-v82-feature-strip img {
        visibility:visible !important;
        opacity:1 !important;
    }


    /*
     * Zusätzlicher Early-Schutz während
     * des Startseiten-Aufbaus.
     */

    html body#liste.gallytypgalerie:not(.cavus-v82-ready)
    #content > *:has(~ #einstiegswerbung_oben):has(img) {
        visibility:hidden !important;
        opacity:0 !important;
    }


    html,
    html body {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        overflow-x:hidden !important;

        background:#fff !important;
        background-image:none !important;
    }


    html body #nonFooter {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        margin-top:0 !important;
        padding:0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    html body #main,
    html body #inhalt,
    html body #content {
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }
}

/* ===== CAVUS MOBILE EARLY SHIELD V103 END ===== */
* {   margin:0;padding:0; }
html, body { height: 100%; } /* für Footer */
body { 
  font-size:0.75em; 
  margin:0; padding:0;
  text-align:center;
  background: #ddd url(/shop/everpics/main_bg.png) repeat-x !important;
}

/* ------ HIER FIRMENLOGO -EINBINDEN ----- */

#bildoben {
    height: 120px;
    width: 956px;

    border-bottom: 1px solid white;
    border-top: 2px solid white;
    border-left: 2px solid white;

    background: url("https://www.cavus-hardware.de/shop/konfi/uploads/Cavus_Hardware_Header_Website_956x120.png") no-repeat left center;
}

/* ------ ENDE Firmenlogo einbinden! ------ */
body, p, a { font-family:Verdana,Geneva,sans-serif; color:#424652;}

img { border:none; }

a { color:#000;outline:none; }

h1 { 
  color:#234090;
  font-size:20px; font-weight:bold;
  margin:29px 0 -1px 0px; 
}

h3, h5 {
  color:#000;
  font-size:1em; 
  left:20px;
  margin:17px 0 0 37px;
}

h5 {
  color:#666;
  margin-left: 37px;  
}

#nonFooter { /* darf nicht: position:relative bekommen */
  width:960px; 
  margin:0px auto; /* zentrieren des Inhaltes auf der gesamten Seite */
  text-align:left; 
  background:#FFF;
  min-height: 100%;
  clear:both; 
  margin-top:10px;
    
}

.push { height:24px; }

ul {
  list-style: none;
  border-radius: 3px;
}

#footer { 
  width:960px; 
  margin:0 auto; 
  clear:both;
  position:relative;
  margin-top: -24px; 
    
}

.footerclearer { clear: both; height: 2px; font-size: 1px; line-height: 1px; background-color:white; }

#inFooter {
  line-height:1.5em;
  width:956px; 
  background:url(/shop/everpics/menuitem_bg.png) repeat scroll center top #FFFFFF;
  padding-top:10px;
  padding-bottom:10px;
  color:#FFF;
  border: 2px solid white;
  border-width: 0 2px 2px 2px;
}
#inFooter .copyright { float:right;margin-right:10px;font-size:0.9em;vertical-align:bottom;}
#inFooter .links { margin-left:16px;float:left; }
#inFooter .links a { font-size:0.9em;color:#fff;text-decoration:none; }
#inFooter .links a:hover, #inFooter .links a:focus { text-decoration:underline; }

#inFooter div {float:none;margin-right:15px;display:inline;}

#inFooter div a {color:white;}


#login div#express a {color:#294a80;}
     
#login { 
  float:right; 
  font-size:10px; 
  position:relative; 
  background-color:#e5e5e5;
  color:#000; 
  border-left:2px solid white;
  border-right:2px solid white;
  width:218px;
  height: 100px;
}

#login_wk {
  float:left;
  margin-left:8px;
  clear:both;
  width:200px;
  height:50px;
  margin-top:5px;
  margin-bottom:5px;
  
}

#login_wk_head {
    font-weight:bold;
    color:#000;
    text-transform:uppercase;
    float:left;
    clear:both;
    margin-top:5px;
        
}

#login_wk #gotowk {

     width:200px;
   float:left;

}

#login_wk_head a {
    color:#000;
    text-decoration: none;
}
#login_wk_artsumme {
    font-weight:bold;
    color:#294a80;
    float:left;
    clear:both;
    margin-left:60px;
    margin-top:5px;
    width: 140px;
}

#login_wk_zwk {
    font-weight:bold;
    color:#000;
    float:left;
    clear:both;
}

#login_logout {
    float:left;
    clear:both;
    padding-left:10px;
    margin-top:-5px;
    width:180px;
}

#login_logout a {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

#login_logout a:hover {
    color:#333;
    font-weight:bold;
    text-decoration:none;
}

#login_logout li {
    list-style-type:none; 
}

#login_user {
    float:left;
    color:#000;
    font-weight:bold;
    margin-top:3px;
    margin-left:8px;
}
  
span.login_kd {color:#333;}

  #login div#express { 
    position:absolute; 
    left:25px; 
    top:90px;
    color:#000;
    font-weight:bold;
    text-decoration:underline; 
    margin-top: -18px;
    line-height: 16px;
  }

  #login div.input { 
     position:absolute; 
     left:30px; width:170px;
     white-space: nowrap; 
   }

#login label {  float: left;color:#333;font-weight:bold;width:85px; }

  #login fieldset { 
    position:absolute; 
    left:25px; width:175px;
    white-space: nowrap; 
    top:15px;
    border: 0px;
  }

  #login input.login {
    position: absolute;
    right: 6px;
    margin-top: 0px;
  }
    #login fieldset input  { 
      width: 80px;
      padding: 0px; 
      margin: 0px;
      margin-top: -2px;
      margin-bottom: 4px;
      font-size:10px; 
    }
    #login fieldset br { 
      margin: 0px 2px 0px 0px;
    }

#bildoben a {

display:block;
height:120px;
width:738px;
text-decoration:none;

}

#zeit { display:none;}


ul#navileiste {

 background:#fff url(/shop/everpics/menuitem_bg.png) top;
 padding:5px;
 color:white;
 height:20px;
 border:2px solid white;
}

ul#navileiste a {
 color:#ddd;
 text-decoration:none;
 font-weight:bold;
 float:left;
 padding:2px 5px 5px 5px;
 border-right:1px solid #666;
}

ul#navileiste li {
 padding:5px;
 display:inline;
}


ul#navileiste li div{
  min-width:1px;
    white-space:nowrap;
    border-left:2px solid white;
  border-top:1px solid white;
  padding:0 10px;
  text-decoration:none;
  position:relative;
  cursor:default;
}
  
.clearer     { clear: both; height: 1px; font-size: 1px; line-height: 1px; }
.naviclearer { clear: both; height: 1px; background-color:transparent;overflow:hidden; }

#banner { 
  float:left;  
    text-align:left; 
  margin: 0px 0 0; 
  padding:1px; 
  width:198px;
  background:#fff;
  border-left:2px solid white;
  border-right:1px solid white;
}

#banner h2 {font-size:16px;margin-left:5px;margin-top:5px;}

#banner a.pic {display:none;margin:0 0 10px 26px;width:170px; }
  
#banner a.pic img { border:none; }
    
#banner2 {
    background-color: #E5E5E5;
    position: static;
    width: 200px;
    margin: 0px;
    padding-bottom: 1px;
}

#banner2 a.pic { 
    width: 180px; display: block; 
    padding: 0px ; margin: 0px 0px 10px 10px;
}

#banner2 a.pic img {
    width: 180px;
    padding-top: 10px;
}

#login {
  background:url(/shop/everpics/login_bg.png) repeat-x bottom;
    color:#fff;
    border:none;
    height:122px;
}

.tab_container_choose_login {

     background:none;
     border:none;
}



#content {
    background-color: transparent;
    float: left;
    margin-left: 10px;
    width: 735px;
}

span.ueber { 
    display: none;
}

#einstiegswerbung_oben, #einstiegswerbung_unten {float:left;}

#content p, #content table, #content ul { 

    border:none; 
    background: transparent;

}
 #content p.clear { 
 background-image:none; 
 line-height:1px; 
 clear:both; 
 margin-left: 20px; 
 margin-right: 0px; 
 padding-right: 0px;
 padding-left: 0px; 
 
 }
 
  #content p.breadcrumb { 
    font-size:0.8em; margin: 13px 0 0 37px; 
    padding:0;
    background-image:none;
  }

#content p.alert { 
    background-color:#E5E5E5; 
    color:red; 
    background-image:none;
    padding-top:16px;
    font-weight:bold;
    margin-right:20px;
}
.bildlinks {
  float:left;
}

img.bildlinks { 
  margin:2px 18px 10px 31px;
}

.bildrechts {
  float:right;
}

img.bildrechts {
  margin:4px 0px 10px 10px;
}
body#profil #content p { 
  margin-top: 27px;
}

/* Funktion */
span.alert { 
  color: red;
  display: block;
  padding-top: 1em;
  margin-left:36px;
}

body#shop #content label { width: 150px; display:block;float:left; } 
textarea#anmerk { 
  width:500px;
  height:50px;
}
#bestellformular #content .vart {
  float: left;
  width: 500px;
    margin: 0px;
}
#bestellformular #content .vart ul{
    margin: 5px 0px 0px 5px;
    padding: 0px;
        border:1px solid #ddd;
        -moz-box-shadow:0 1px 3px #8493A6;
}
#bestellformular #content .vart li{
    float: none;
    width:500px;
    margin:5px;
    font-weight:bold;
    margin-bottom:15px;
}

#bestellformular #content .vart li li{
    
    font-weight:bold;
}

#bestellformular #content .vart li li div {
    
    color:#294A80;
    font-weight:normal;
    margin-top:3px;
    padding-top:3px;
}

#bestellformular #content .vart input {
  width: auto;
  float: left;
  margin: auto;
  display: inline;
    margin-right:10px;
}

#bestellformular #content span.preissumme { color:red;}

.eingabefehler { 
  position: absolute;
  left: 107px;
  top: 103px;
  color: red;
}

#content .versteckt { 
  display: none;
}
#bestellformular #content #willsms label.error {
    margin-left: 337px;
    margin-top: -26px;
    width: auto;
    position: relative;
}
.error { color: red;}

#error {
    color: #cc3300;
    position:absolute;
    margin-top:310px;
    margin-left:220px;
    padding:10px;
    font-weight:bold; 
}

#kundendaten #error {

    margin-top:190px;
    
}

#kundendaten #rechfield {

    -moz-box-shadow:0 1px 3px #8493A6;
    background:#f0f0f0;
    margin:10px 0 10px 0;
    border:1px solid #ddd;
    padding-bottom:10px;


}

fieldset { border: none;}

#altlieferfield {
    border: none;
    float:left;
    padding:0px;
    clear:both;
    margin:10px 0 10px 0;
}

#altlieferfield.gray {
    color: #999;
}

#altlieferadressen {
    clear: left;
    float: left;
    margin-top: 10px;
}
input.altliefer {
    float: left;
    width: 20px;
}

.flyer {clear:both;}


/* Additional Styles */


.box_left {

    float:left;
    position:relative;
    width:198px;
    margin-left:0px;
    background-color:#fff;
    margin-top:0px;
}

.box_content {
  float:left;
  position:relative;
  width:179px;
  border-top:0px solid #fff;
  padding:3px;
  margin-bottom:5px;
  
}

.box_content form {
  margin-left:-4px;
 

}

.box_content input {
  height:20px;
  width:60px;
  border:none;
  text-align:left;
  color:#184c8e;
  font-weight:bold;
  cursor:pointer;
  background:transparent;
}

ul.add_infobox li {

    float:left;
    height:auto;
    width:188px;
    padding:5px;
    border:1px solid #ddd;
    margin:10px 0 5px 0;
    text-align:center;

}


ul.add_infobox li#infoboxzusatz {

    float:left;
    background:#ebebeb;
    color:#000;
    height:auto;
    width:188px;
    padding:5px;
    border:1px solid #aaa;
    margin:10px 0 5px 0;
    text-align:center;

}


#banner .box_left h2 {

    color:#999;
    font-weight:bold;
    font-size:12px;
    margin-bottom:5px;
    margin-left:3px;
}

#banner .box_left h1 {
  color:#999;
  font-weight:bold;
  font-size:1em;
  margin:0px;
  padding-left:5px;
  padding:5px;
  text-align:left;

}


#banner h3 {

    color:#000;
    font-weight:bold;
    font-size:12px;
    margin:2px 0 5px 5px;
    background:url(/shop/everpics/arr_white_2.gif) left no-repeat;
    padding-left:10px;
}


.box_content input.gosearch {

    background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -359px #294A80;
    width:20px;
    height:20px;
    text-align:center;
    color:white;
    font-weight:bold;
    vertical-align:middle;
    margin-top:0px;
text-indent:-3000px;
    
}

.box_content input.gosearch2 {

   background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -359px transparent;
  width:20px;
  height:20px;
  text-align:center;
  color:white;
  font-weight:bold;
  vertical-align:middle;
  margin-top:0px;

}

.listchoose {
    border:1px solid #D6D6D6;
    color:#333333;
    height:20px;
    width:170px;
    margin-left:10px;
    margin-top:8px;
    

}


#searchfield {

    border:0px solid #E1E1E1;
    color:#333333;
    height:25px;
    width:153px;
    margin-top:3px;
    margin-left:25px;
    cursor:text;
    font-weight:normal;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -514px transparent;) no-repeat;
    padding-left:3px;

}

.box_content label.suchen {
  
  font-weight:bold;
  margin-left:3px;
  margin-right:3px;
  font-size:10px;
}

.profidetails { display:none;}

/* LISTENDARSTELLUNG */

/* header */
#content #tab4 label {
    width: auto;
    margin-right: 10px;
}
a.sortaktiv {
    font-weight: bold;
}
ul#choosesort {width:500px;display:-moz-inline-box;}

/* Bilderliste */

div#wgliste ul.warengruppenListe {
  margin-top:0;position:relative;top:-15px;margin-bottom:-15px;
}

ul#prodlist { 
    width:100%; padding:0;margin: 8px 0 0; 
    float:left; 
}
ul#prodlist li { 
    /*position:relative; */
    margin:0; 
    background-color:#fff; 
    list-style:none; 
    border-bottom:1px dotted #000;
    border-top:1px solid #fff;
    width:99%;
    min-height:30px; /* So, die 4 Zeilen sind wichtig, wenn der Produktname umbrechen soll */ 
    height:auto !important;  /* f?r moderne Browser */
    height:30px;  /*f?r den IE */ 
    padding: 3px; /* dass der Text im FF nach unten platz hat */
    float:left;
}
ul#prodlist li:hover { 
    background:#e5e5e5;
      border-bottom:1px solid #ddd;
}

ul#prodlist li.gerade { background-color:white; }
ul#prodlist span.produktname { 
  font-weight:normal;
  font-size:13px;
  text-decoration:none; 
  line-height: 128%;  
  padding-bottom: 5px;
  width: 460px;
  color:#111;
  float:left; 
  
}

ul#prodlist a.produktname:hover {color:#111;}

ul#prodlist span.produktbild { 
  float:left; 
  height:30px;
  margin-left:5px;
  margin-right:5px; 
  margin-bottom: -10px; /* um ul#prodlist li { padding-bottom  f?r IE auszugleichen */
}

ul#prodlist a.produktbild img { width:30px;margin-right:5px; } 

ul#prodlist li.wghead {   
  background:transparent;
  font-weight:bold; 
  font-size:1em; 
  line-height:28px; 
  color:#fff;
  min-height:30px; 
  height:30px !important; 
  padding:0 0 0 7px; 
  
  }
ul#prodlist li.wghead img { width:60px;height:30px; } 
ul#prodlist li.wghead a { 
    color:#446c9f; text-decoration:none; float: right; right:10px;top:8px; display: block; margin-top: -25px;
}
ul#prodlist li.wghead a img { width:5px;height:10px; position:relative;left:0;}

body#liste ul#prodlist li.wghead, ul#prodlist li.wghead * {
    border: 0px solid yellow;
}
ul#prodlist span.warenkorb { float:right;margin-right:3px; margin-top: 0px;}
ul#prodlist a.warenkorb img { border:none; width: 18px;}

div.klaerer { display:none; }

#liste #content label.hersteller, #liste #content label.preis, #liste #content label.warengruppe, #liste #content label.bonus  {

  float:left;
  width:auto; 
  font-weight:bold;
  font-size:10px;
  color:#272c30;
  margin-right:3px;

}

#liste #content span.preis, #liste #content span.hersteller2, #liste #content span.warengruppe2 {
  float:left;
  width:auto; 
  margin-right:15px;
  font-size:10px;
  color:#000;

}

#liste #content label.bonus {color:#90134A;}

#liste #content span.bonus {color:#90134A;float:left;margin-right:10px;font-size:11px;}

#liste #content span.preis {

  font-weight:bold;
  float:left;
  font-size:11px;
  margin-top:0px;
  width:100px;
  margin-left:-55px;
  text-align:right;

}

#liste #content span.preis span.preis {

 font-size:8px;
 font-weight:normal;
 margin-left:0;

}

#liste #content span.status {
  float:left;
  width:45px; height: 18px;
  text-align:right;
  padding-left: 20px;
}

#liste #content span.status img{
    margin-right:0px;
}



#liste #content span.artnr {
  float:left;
  margin-left:0px;
  width:65px;
  text-align:center;
}

#liste #content label.status {display:none;}

#liste #content label.preis {float:right;display:none;}

#liste #content #headresult {

  float:left;
  background-color:#272c30;
  color:#FFF;
  font-weight:bold;
  width:99%;
  margin-top:5px;
  padding:3px;
    margin-left:0px;
}

#liste #content #headresult li {display:inline;padding-left:3px;}

#liste #content #headresult li.sortname {
    /*position:relative;*/
    margin-left:8px;
}
#liste #content #headresult li a {
    color: #fff;
}
#liste #content #headresult li.sortbonus {/*position:relative;*/
    margin-left:25em;
}

#liste #content #headresult li.sortpreis {/*position:relative;*/
    margin-left:27em;
}

#liste #content #headresult li.sortverf, #liste #content #headresult li.sortbestand {/*position:relative;*/
    margin-left:15px;
}

#liste #content #headresult li.sortwk {float:right;margin-right:0;}

#menu { 
  border:none;border-left:2px solid white;background-color:#E5E5E5;
}

.clearer { 
  clear: both;
}

.hidden { 
  display: none;
}

#close {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 12px;
  font-weight:bold;

  color: #184c8e;
  border: none;
  margin-left: 40px;
}

ul#navi {
  padding: 5px;
  background-color: rgb(229, 229, 229);
}
ul#navi ul {
  margin-bottom: 1em;
}


/* Warenkorb*/

label.labelforprospect { 
    display: block;
}
a.prospect { 
    margin-right: 10px;
    display:table-cell;
}

#wk #content table, #index #content table, #kundendaten #content table {
    /*width: 100%;*/
    margin:10px 0;
    width:100%;
    background:#ccc;
    padding:0;
}
#wk table .inputtextwk { 
    width: 2em;
    margin-top:5px;
    margin-right:4px;
    border:1px solid #ddd;
    height:20px;
    width:28px;
    text-align:center;
    padding-top: 4px;
    padding-bottom: -4px;
}

#wk .deleteart {
    float:left;
    margin-top:8px; 
    text-indent: -9999em;
    width: 15px;
    background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -499px transparent;
    height:16px;
}


#wk #wkinfo {
      margin:10px;
      color:#333;
      /*font-weight:bold;*/
}

#wk #printwk {

    float:right;
    margin:10px 2px 0 0;

}

#wk #printwk a {

    text-decoration:none;

}


#wk #content  table td, 
#kundendaten #content table td { 
  /*text-align: left;*/
  padding-right:.5em;
  padding-left:.5em;
    
}

#wk table td.menge , #index table td.menge {
    width: 50px;
} 


#wk #content table tr ,#index #content table table tr { 
    background-color:#f8f8f8;
}
 
#kundendaten #content table tr { 
    background-color:#f8f8f8;
}

#kundendaten #content p { 
    background-color:#f8f8f8;
        border:1px solid #ddd;
        margin:10px 0 10px 0;
        padding:10px;
        width:673px;
}

#kundendaten #loginfield {

    float:left;
    margin-bottom:10px;
    background:url(/shop/everpics/fbg_bg.jpg) no-repeat bottom;
    padding-bottom:25px;
    width:700px;

}

#kundendaten #loginfield #senddata {

    background:#294a80;
    border:none;
    font-weight:bold;
    color:white;
    padding:5px;
    margin:5px;
    font-size:1em;
    float:right;
    
}

#kundendaten #loginfield label {

    font-weight:bold;
    width:150px;
    margin-right:5px;
}

#kundendaten #content .inputtext, 
#kundendaten #content #email, 
#kundendaten #content #telefon, 
#kundendaten #content #mail, 
#kundendaten #content #passwort2
 {
    border: 1px solid #DDDDDD;
    float: left;
    height: 18px;
    margin-bottom: 10px;
    padding: 3px;
    width: 250px;
}

#kundendaten span {
    padding-left: 8px;
      float:left;
      font-size:10px;
      color:#294A82;
}

#kundendaten span.edit {
    padding-left: 8px;
      float:left;
      font-size:12px;
        clear:left;
        margin:5px;
}

#kundendaten span.edit a {
    text-decoration:none;
        color:#294A82;
        font-weight:bold;
}

#kundendaten label.lieferadresse {
    clear: left;
    float: left;
    font-weight: bold;
    margin: -20px 0 0 15px;
    text-align: left;
    width: 340px;
}

#wk #content h3, #index #content h3, #kundendaten #content h3 {margin:6px 0px 2px;}

#wk table td.preis, #wk table td.preissumme, #index table td.preis, #index table td.preissumme, #index table td.menge  {text-align:right;}

#wk table th.status, #index table th.status, #bestellformular  #content table th.status {
    width: 50px;
      padding: 3px;
    margin: 0px;
}

#wk table div.status, 
#index table .status , 
#bestellformular table div.status, 
#kundendaten table div.status {
      text-align:center; 
      display: block; 
        height: 20px;
        width:20px;
      margin-top:10px;
      margin-left:15px;
    padding: 0px;
    margin: 0 auto;
}

#wk table td.menge img {
      float:right;
      margin-top:3px;
      padding-left:3px;
}

#wk td.gessumme, #index td.gessumme {

    font-size:1.3em;
    color:#FFF;
    text-align:right;
    background-color:#272c30;
    font-weight:bold;

}

#wk tr.white {background-color:#fff;}
#wk tr.blue {background-color:#F0F0F0;}

#wk table td.name { 
  text-align: left;
  padding-right:1em;
}

 #wk table th, #kundendaten table th { 
  font-size:12px ;
    color:white;
    background-color:#272c30;
    padding:3px;
    text-align:center;
}

#wk #content input.calc {

    background:#fff;    
    padding:5px;
    height:26px;
    border:none;
    cursor:pointer;
    color:#000;
    font-size:1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin:7px 7px 7px 0px;
    font-weight:bold;
    /*float:left;*/

}

#wk #content #bestellen {
    background:#333 url(/shop/everpics/arr_white_2.gif) no-repeat 50px 12px;   
    width:178px;
    height:26px;
    border:none;
    cursor:pointer;
    float:right;
    font-weight:bold;
    color:white;
    font-size:1em;
    text-align:center;
    margin-top:00px;
}

#wk #content td.wksumme, #index #content td.wksumme, #kundendaten #content td.wksumme  {
    background-color:#294a80;
    color:white;
    padding:2px;
    text-align:right;
}

#wk #content #warenkorb, #index #content #warenkorb, #kundendaten #content #warenkorb {
    float:left;
    width:732px;
}


#wk #content #warenkorb h4, #index #content #warenkorb h4 {
    clear:both;
    color:#234090;
    float:left;
    margin-bottom:10px;
    margin-top:10px;
    font-size:14px;
}

#wk #content #warenkorb p, #index #content #warenkorb p {
    float:left;
    margin:10px 0px 10px 0px;
    padding:0;
    clear:both;
    color:#666;
    font-weight:bold;
}


#wk #content table .statusB, .statusB {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -379px transparent;
}

#wk #content table .statusK, .statusK {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -438px transparent;
}

        
#wk #content table .statusW, .statusW {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -418px transparent;
}
        
#wk #content table .statusF, .statusF {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -401px transparent;
}

#kundendaten #content table .statusB, .statusB {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -379px transparent;
}

#kundendaten #content table .statusK, .statusK {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -438px transparent;
}
        
#kundendaten #content table .statusW, .statusW {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -418px transparent;
}
        
#kundendaten #content table .statusF, .statusF {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -401px transparent;
}

#kundendaten label.allesok {
  width:690px;
  float:right;
  margin-bottom:20px;
}

#kundendaten input.allesok {
  float:left;
  width:20px;
  margin: 10px 0 20px 0;
}

#kundendaten #choose_login label {
    
    float: left;
    font-weight: bold;
    padding: 0;
    text-align: left;
    width: 85px;
}

#kundendaten span.back a, #amapay span.back a {
    float:left;
    background:#fff;
    color:#000;
    padding:5px;
    text-decoration:none;
    font-size:12px;
    margin: 5px 0;
    line-height:13px;
    font-weight:bold;
}

#kundendaten input.bestab {
  cursor: pointer;
    float:right;
    font-family: Verdana, Geneva, sans-serif;
    background:#272c30 url(/shop/everpics/arr_white_2.gif) no-repeat 10px 11px;
    color:white;
    padding:5px;
    text-decoration:none;
    border:none;
    font-size:1em;
    margin:5px;
    clear:both;
    font-weight:bold;
    width: 178px;
}

#kundendaten input.bestabbuy {
  cursor: pointer;
    float:right;
    font-family: Verdana, Geneva, sans-serif;
    background:#294a80;
    color:white;
    padding:5px;
    text-decoration:none;
    border:none;
    font-size:1em;
    margin:0px 5px 5px 5px;
    clear:both;
    font-weight:bold;
    
}

#kundendaten #content #bewertung  {
    border:1px solid #ddd;
    height:25px;
    padding:3px;
    float:left;
    clear:right;

}

#kundendaten #content label.online  {
    
    float:left;
    clear:both;

}

#kundendaten label {
    clear: left;
    float: left;
    padding: 7px 6px 0 5px;
    text-align: left;
    width: 150px;
}

#kundendaten #content .inputtext, #kundendaten #content #email, #kundendaten #content #telefon  {
    
    border:1px solid #ddd;
    height:20px;
    padding:3px;
    float:left;

}

#kundendaten #content #bewertung {
    border: 1px solid #DDDDDD;
    clear: right;
    float: left;

    height: 25px;

    padding: 3px;
}

#kundendaten #content #versand {
        border: 1px solid #DDDDDD;
    clear: right;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 158px;
}

#kundendaten #content #gleichwierech {
    float: left;
    margin-top: 15px;
    width: 20px;
    clear: left;
}

#kundendaten #content #altliefer {
    float: left;
    /*margin: 15px 0 15px -195px;*/
    width: 20px;
}

#kundendaten #content #liefversand {
    border: 1px solid #DDDDDD;
    float: left;
    height: 25px;
    margin-bottom: 10px;
    width: 158px;
}

#kundendaten #content h4 {
    
    color:#272c30;
    font-size:14px;

}

#kundendaten #content h4.lieferadresse {
    
    margin:10px;
    color:#333;


}

#kundendaten #content #bemerkung {
    
    border:1px solid #ddd;
    margin-bottom:10px;


}

#kundendaten #content label.lieferanrede {
    
    float:left;
    clear:both;
}
#bestellformular tr.vkosten {
    display: none;
}
#kundendaten #content table tr.vkosten {
    background:#e5e5e5;
    text-align:right;
    font-weight:bold;
}

#kundendaten #content table tr.vkosten td {
white-space: nowrap;
}
#kundendaten #wkinfo {margin:10px;}

#cbaButton1 {
    clear: both;
}
#AmazonAddressWidget, #AmazonWalletWidget {
    float: left;
}


/* Ende Warenkorb */

/* Bestellformular */


#bestellformular #content table {
  /*width: 100%;*/
    margin:10px 0 20px;
    width:100%;
    background:#ccc;
    padding:0;
    
}
#bestellformular table .inputtextwk { 
  width: 2em;
    margin-top:5px;
    margin-right:4px;
    border:1px solid #ddd;
    height:20px;
    width:30px;
    text-align:center;
}

#bestellformular .deleteart {float:left;margin-top:8px;}


#bestellformular #wkinfo {  
    margin:10px;
    color:#333;
    }

#bestellformular #content table td { 
  /*text-align: left;*/
  padding-right:.5em;
  padding-left:.5em;

    
}

#bestellformular #content table td.preissumme { 
 text-align:right;
    
}

#bestellformular #content table td.menge { 
 text-align:center;
    
}

#bestellformular #content table tr { 
  background-color:#f8f8f8;
    
}

#bestellformular #content p {float:left;padding:0;margin:0;margin-bottom:10px;}

#bestellformular #content h3 {margin:10px;}

#bestellformular #content h4 {

    margin:0;
    width:710px;
    float:left;
    color:#333;
    margin-bottom:15px;
    font-size:14px;
}

#bestellformular table td.preis, #wk table td.preissumme {text-align:right;}

#bestellformular table td.status {text-align:center;}


#bestellformular #content table div.status {
        width:20px;
        display:block;
        margin-left:15px;
        margin-top:10px;
        height:20px;
}

#bestellformular #content table td.statusB {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -379px transparent;
}

#bestellformular #content table td.statusK {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -438px transparent;
}
        
#bestellformular #content table td.statusW {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -418px transparent;
}
        
#bestellformular  #content table td.statusF {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -401px transparent;
}

#bestellformular table td.menge img {
        float:right;
        margin-top:3px;
        padding-left:3px;
        width:20px;
        display:block;
        margin-left:15px;
        margin-top:10px;

}
#bestellformular #rechfield {

  float: left;
}

#bestellformular tr.white {background-color:#fff;}
#bestellformular tr.blue {background-color:#F0F0F0;}

#bestellformular table td.name { 
  text-align: left;
  padding-right:1em;
}

 #bestellformular table th { 
  font-size:12px ;
    color:white;
    background-color:#272c30;
    padding:3px;
    text-align:center;
}

#bestellformular #content input.calc {
    background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -118px transparent;
    width:178px;
    height:28px;
    border:none;
    cursor:pointer;
    font-weight:bold;
    color:white;
    font-size:1em;

}

#bestellformular #content #bestellen {
    background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -195px transparent;
    width:178px;
    height:27px;
    border:none;
    cursor:pointer;
    float:right;
    font-weight:bold;
    color:white;
    font-size:1em;
    padding-left:10px;
    text-align:left;

}

#bestellformular #content td.wksumme {
      background-color:#294a80;
      font-weight:bold;
      color:white;
      padding:2px;
      text-align:right;
}

#bestellformular #content #willsms label {
      float:left;
      clear:both;
      margin-right:15px;
}

#content #bemerkung textarera {
    border:1px solid ddd;
}

#bestellformular #content input.bestab {

    background:#272c30 url(/shop/everpics/arr_white_2.gif) no-repeat scroll 10px 12px;
    width:178px;
    height:27px;
    border:none;
    cursor:pointer;
    float:right;
    font-weight:bold;
    color:white;
    font-size:1em;  
    text-align:center;
    clear:both;
    margin:20px 0px 10px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;

}

#bestellformular #content span.fett {float:left;margin-right:10px;}

#bestellformular #content input.kontaktieren {width:auto;margin-right:10px;}

#bestellformular #content input.allesok, 
#bestellformular #content span.tel, 
#bestellformular #content span.fax, 
#bestellformular #content span.email {

    margin-bottom:5px;
    float:left;
    
    }
#bestellformular #content input.allesok {
  width: auto;
    margin-top:20px;
}
#bestellformular #content input.bemail, 
#bestellformular #content #bestnr, 
#bestellformular #content input.inputtext {
    border:1px solid #ddd;
    height:20px;

}

#bestellformular #content #versand, 
#bestellformular #content #bewertung  {
    border:1px solid #ddd;
    height:25px;
    padding:3px;

}

#bestellformular #content span.back {

    background:#fff;
    border:none;
    float:left;
    font-size:1em;
    height:18px;
    padding-top:8px;
    text-align:center;
    width:178px;
    margin-top:20px;

}

#bestellformular #content span.back a {
    color:#333;
    text-decoration:none;
    font-weight:bold;

}
#bestellformular #content span.hinweis {
    float:left;
    margin-bottom:10px;
    margin-left:165px;
    font-size:10px;

}

#bestellformular #content #bemerkung {
    border:1px solid #ddd;

}

#bestellformular #content #willsms label.allesok {
    width:180px;
    color:#333;
    margin-top:20px;
    text-decoration:underline;

}
#bestellformular #content #willsms h4.lieferadresse span,
#bestellformular #content #willsms h4.lieferadresse input {
    float: left;
}

#bestellformular #content #willsms input.altliefer {
    margin: 5px;
    margin-top: 2px;
    width: auto;
    
}
#bestellformular #content #willsms label.lieferadresse {
    width: auto;
    clear: none;
}
/* Ende Bestellformular */


/* Bestabschluss Message*/

#bestabschluss input.katalog, #bestabschluss input.homepage {
  background: #000; 
  border: none;
  cursor: pointer;
  float: right;
  font-weight: bold;
  color: white;
  font-size: 12px;
  text-align: center;
  margin-top: 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding:5px;
  margin-right:0px;
}


#bestabschluss #content div.message {
    font-weight:bold;
      float:left;
      margin:5px 0;
      outline: 1px solid #ddd;
      border-top: 1px solid #fff;
      padding: 10px;
      background: #f0f0f0;
font-size:14px;
}

#bestabschluss #content  div.weitergeleitet {
          float:left;
      font-weight:bold;
      color:#234090;
      clear:both;
          margin-bottom:15px;
          font-size:14px;

}

#bestabschluss #content div.bestaetigung {

    float:left;
    font-weight:bold;
    clear:both;
    margin-bottom:10px;
}

/* Ende Bestabschluss Message*/

#kundendaten table td.menge {text-align:center;}

label.labelforprospect  {
    display:block;
}

label  {
cursor:default;
}


.container {
    width: 775px;
    /*margin: 0 auto;*/
}

#content h1 {
    margin:0;
    padding: 10px 0;
}
h1 span { color: #666; }
h1 small{
    font-size: 0.3em;
    text-transform:uppercase;
    letter-spacing: 0.5em;
    display: block;
    color: #666;
}

h2.acc_trigger {
    padding: 0; margin: 0 0 5px 0;
    background:#184c8e;
    height: 22px;   line-height: 20px;
    width: 790px;
    font-size: 1em;
    font-weight: bold;
    float: left;
}
h2.acc_trigger a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
}
h2.acc_trigger a:hover {
    color: #8997BD;
}
h2.active {background-position: left bottom;}

.acc_container {
    margin: 0 0 5px; padding: 0;
    overflow: hidden;
    font-size: 1em;
    width: 788px;
    clear: both;
    background: #DBDCDD;
    border: 1px solid #f0f0f0;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px; 
}
.acc_container .block {
    padding: 20px;
}
.acc_container .block p {
    padding: 5px 0;
    margin: 5px 0;
}
.acc_container h3 {
    fon-sizet: 1.5em;
    margin: 0 0 10px;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed #ccc;
    color:#333333;
}
.acc_container img {
    float: left;
    margin: 10px 15px 15px 0;
    padding: 5px;

    background: #ddd;
    border: 1px solid #ccc;
}

img.shadow {
    background:url(../pic/shadow-1000x1000.gif) no-repeat scroll right bottom transparent;
    padding:5px 10px 10px 5px;
}

.open {background:red;}

/* tabs */

#my-dropdown5 {
    margin-top: 7px;
    margin-left: 7px;
    width: 180px;
        border:1px solid #ddd;
        height:25px;    
}
.pd_container {
    
    width: 700px; 
    margin: 10px auto;

}

#tab_container_liste {
    border-bottom:0px solid #DDDDDD;
    float:left;
    height:100%;
    margin-top:0px;
    width:720px;
    margin-left:0px;
}


#tab_container_liste ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 0px solid #999;
    border-left: 0px solid #999;
    width: 735px;
    width: 100%;
    background:transparent;
    margin-left:0px;
}
#tab_container_liste ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border-left: none;
    margin-bottom: -1px;
    background-color:#f8f8f8;
    overflow: hidden;
    position: relative;
}
#tab_container_liste ul.tabs li a {
    text-decoration: none;
    display: block;
    font-size: 1em;
    padding: 0 20px;
    border-right: 1px solid #fff;
    outline: none;
    
}
#tab_container_liste ul.tabs li a:hover {
    color: #8997bd;
    
}   

#tab_container_liste ul.tabs li.active  {
    background: #efefef;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom:1px solid #efefef;
    font-weight:bold;
    font-size: 1.2em;
}

#tab_container_liste ul.tabs li.active a:hover  {

    border-bottom: 1px solid #fff;
}
 
#tab_container_liste .tab_container {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    border-top:1px solid #eee;
    
    clear: both;
    float: left; 
    width: 735px;
    width: 100%;
    background: #efefef;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    margin-bottom:15px;
  height: 1px;
  overflow: hidden;
}

#tab_container_liste .tab_content {
    padding: 20px;
    /*font-size: 1.2em;*/
}
#tab_container_liste .tab_content h2 {
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.2em;
}
#tab_container_liste .tab_content h3 a{
    color: #254588;
}
#tab_container_liste .tab_content img {
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid #ddd;
    padding: 5px;
}

#tab_container_liste .tab_content img.pdf {
    /*float: left;
    margin: 0 20px 20px 0;*/
    border: none;
    padding: 5px;

}

.pd_pd_mored_head  {
    font-weight:bold;
    margin-bottom:5px;
    width:700px;
    float:left;
}


/* Tabs für's Menu */

.box_left_menu {
    float:left;
      position:relative;
      width:200px;
      margin-left:0px;
      margin-top:0px;
      height:100%;
    /*padding-bottom: 500px; */
    
}

ul.menutabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 0px solid #999;
    border-left: 0px solid #999;
    width: 200px;
    text-align:center;
}

ul.menutabs li {
      float: left;
      margin: 0;
      padding: 0;
      height: 31px;
      line-height: 31px;
      border: 0px solid #999;
      border-left: none;
      margin-bottom: -1px;
      /*background: #FFF;*/
      overflow: hidden;
      position: relative;
      width:100px;
      text-align:center;
      background:#aaa;
      z-index: 3;
}

ul.menutabs li a {
      text-decoration: none;
      color: #fff;
      /*display: block;*/
      font-size: 1em;
      font-weight:bold;
      padding: 0 10px;
      border: 0px solid #fff;
      outline: none;
}

ul.menutabs li a:hover {
      color:#fff;
}   



ul.menutabs li.active {color:#fff;    z-index: 4;}

ul.menutabs li.active, ul.menutabs li.active a:hover  {
      background: #184c8e;
      border-bottom: 1px solid #184c8e;
    text-align:center;
}
.menu_tab_container {
      border: 0px solid #ddd;
      border-top: none;
      clear: both;
      float: left; 
      width: 100%;  
      color:#fff;
}

.menu_tab_content {
      padding: 0px;
      font-size: 1.2em;
}

h1.menu {
      color:#999999;
      font-size:15px;
      font-weight:bold;
      margin:0;
      padding:5px;
      text-align:left;
      margin-top:0px;
}

/*#dhtmlgoodies_menu_xx {overflow: hidden;}*/
/*#tab2 { overflow: hidden; }*/
/*.menu_container {float:left; width:200px; } /* fixe H?he n?tig ?*/
/*.menu_container2 {float:left;width:200px; } /* fixe H?he n?tig ?*/

/* CSS Menu Konfiguration # Achtung!: "!important" nicht entfernen # */

#dhtmlgoodies_menu_xx {
    min-height: 500px;
        max-width:199px;
        
}

#dhtmlgoodies_menu_xx table#dm0m0tbl {background: white !important;}

#dhtmlgoodies_menu_xx table {border: 0px solid #ddd !important;}

#dhtmlgoodies_menu_xx table#dm0m0tbl table td {

         border-color:0px solid #3a3d41 !important;
         color:#fff !important;
         white-space:normal; 
}


#dhtmlgoodies_menu_xx table table td { 
        white-space:normal;     
}

#dhtmlgoodies_menu_xx table table td { 
    color: #fff !important; 
            white-space:normal;
}

/* ENDE CSS Menu Konfiguration */



#weiterid {text-align:center;}

/* Detailansicht */

#produktdetails {
    border:0px solid black;
      float:left;
      clear:both;
      width:100%;
}

#details #content #pd_images {
      margin-right:10px;
min-height:240px;
}

#details #content #pd_images img {
      margin-right:10px;
width:300px;
max-width:300px !important;
margin-bottom:1em;
}


#details #content #pd_artname {
      color:#333333;
      font-size:1.3em;
      font-weight:bold;
      margin-bottom:2em;
      margin-top:20px;
      width:730px;
      margin-left:10px;
display:block;
}

#details #content #pd_name {
      float:left;
      color:#333;
      border:0px solid #ddd;
      line-height:24px;
          position:relative;margin-left:10px;
}

#details #content #pd_name h2 {
    margin-bottom:5px;
      color:#184c8e;
}

#details #content #pd_artnr, #pd_hsartnr, #pd_eannr {
      float:left;
      clear:both;
}

#pd_hs, #pd_wg, #pd_abmes, #pd_gewicht, #pd_statusabholung, #pd_status, #pd_bestand, #pd_status2 {
      float:left;
      clear:both;
}

#pd_status, #pd_statusabholung {
    height:20px;
    min-width:350px;
}

#pd_status2 {
    height:20px;
    min-width:300px;
}

#details .statusN {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -441px transparent;

}

div#pd_status strong,
div#pd_status2 strong  {padding-left:5px;}

div.verftexte {

        
        float:left;

}

div.verfbestand {

        float:left;

}

#pd_hs img {vertical-align:middle;}

#details #content #pd_status img.status {

    vertical-align:middle;
}


#details #content #pd_bonus {

    float:right;
    font-weight:bold;
    color:#90134a;
    font-size:14px;
    margin-left:10px;
    }

#details #content #pd_preis {
    position:absolute;
    float:left;
    clear:left;
    font-weight:bold;
    color:#294a80;
margin-left: 350px;
  margin-top: -200px;
    font-size:22px;
}

#details #content #pd_preis span.preis{

    font-weight:normal;
    font-size:10px;
    color:#333;
    display:block
}

#details #content #quantity {

    width:175px;
    height:80px;
    margin-right:10px;
margin-left: 340px;
  margin-top: -13em !important;
    padding:10px;
    position:absolute;
}

#details #content #stk {

    font-weight:bold;
    padding-right:10px;
    color:#333;
    float:left;
    width:65px;}


#details #content #add_more  {
    float:left;
    border:1px solid #ddd;
    font-size:13px;
    text-align:center;
    width:40px;
    margin: 0 10px 10px 5px;
    
    
    }

#details #content .pd_add_wk, #details #content .pd_add_mz, #details #content .pd_add_more {

float:left;
clear:both;

}

#details #content #addwk {
    background:#000;
        padding:5px;    
        font-weight:bold;
        font-size:13px;
    border:none;
    cursor:pointer;
    color:#fff;
}

#details #content #addmz {
    background:#536d99; 
        color:#fff;
    width:183px;
    padding:5px;;
    border:none;
    cursor:pointer;
font-size:12px;
font-weight:bold;
margin-top:10px;
  display: none;
}

#details #content input.pd_add_mz {}

#details #content .pd_hinweis {

    float:left;
    width:700px;
    padding:5px;
    color:#666;
    font-size:9px;

}

#details #content .pd_api {float:left;}

#details #content .pd_mored {float:left;clear:both;}

#details #content  #tabcontent {

    float:left;
    height:100%;
    border-bottom:1px solid #ddd;
    width:700px;
    margin-top:15px;
    margin-left:15px;
}

div.backtolist {

    float:right;
    margin-right:10px;
    font-weight:bold;
}

div.backtolist a {

    color:#272c30;
}


/* tabs */

#details #content .pd_container {

    width: 700px; 
    margin: 10px auto;

}

#details #content  ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 0px solid #999;
    border-left: 0px solid #999;
    width: 100%;
    background:transparent;
}

#details #content ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 31px;
    line-height: 31px;
    border-left: none;
    margin-bottom: -1px;    
    background-color:#f8f8f8;
    overflow: hidden;
    position: relative;
}

#details #content ul.tabs li a {
    text-decoration: none;
    display: block;
    font-size: 1em;
    padding: 0 20px;
    border-right: 1px solid #fff;
    outline: none;
    color:#111;
    
}

#details #content ul.tabs li a:hover {
    color: #272c30;
}   

#details #content ul.tabs li.active  {
    background: #efefef;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom:1px solid #efefef;
    font-weight:bold;
    font-size: 1.2em;

}

#details #content ul.tabs li.active a:hover {
    background: #efefef;
    border-bottom: 1px solid #fff;
}

#details #content .tab_container {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #eee;
    border-top:1px solid #eee;
    clear: both;
    float: left; 
    width: 720px;
    background: #efefef;
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    margin-bottom:15px;
}

#details #content .tab_content {
    padding: 20px;
    /*font-size: 1.2em;*/
}

#details #content .tab_content h2 {
    font-weight: normal;
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.2em;
}

#details #content .tab_content h3 a{
    color: #254588;
}

#details #content .tab_content img {
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 5px;
background:#fff;
}


#details #content #prodi img {
width:100%;
}

#details #content .tab_content img.pdf {
    /*float: left;
    margin: 0 20px 20px 0;*/
    border: none;
    padding: 5px;
}

#details #content .pd_pd_mored_head  {
    font-weight:bold;
    margin-bottom:5px;
    width:700px;
    float:left;
}


#details #content input.zubwk {
    background:url(/shop/everpics/addshopcart.png);
    width:178px;
    height: 27px;
    border:none;
    cursor:pointer;
    text-indent: -99999em;

}


#details #content #zubehoer, #details #content table.desc  {

    width:700px;
    padding:0;
    margin:0;
    margin-left:-10px;
}

#details #content #zubehoer td.preisd {

    color:#184c8e;
    font-weight:bold;
}


#details #content #zubehoer input.addstkwk {

    width:20px;
    height:20px;
    text-align:center;
    border:1px solid #ddd;
}

#details #content #zubehoer td.artnd {
        width:300px;
}

#details #content #zubehoer td.stkd {
      width:25px;
}

#details #content td.header {
      font-weight:bold;
      color:#333; 
      padding:5px;
      padding-left:0px;
}

#details #content td.key {
      width:250px;
      text-align:left;
      color:#666;
      padding-right:5px;
      vertical-align:top;
}

#searchrib {
      
      float:left;
      width:210px;
      height:42px;
      margin-left:-17px;
      margin-top:-4px;
}

#searchribhs {
     
    float:left;
    width:210px;
    height:44px;
    margin-top:-4px;

}
#tabaktion {
    width: 100%;
}
#tabaktion a {
    width: 210px;
    display: block;
    float: left;
    margin-right: 20px;
    padding-right: 10px;
}
#tabaktion img {
    width: 180px;
}


div#AWMEL0.AWMSTCBG0  {
    top: 254px;
    left: 130px;
}

select#sort {
    width: 150px;
}

select#count {
    width: 50px;
}

ul#sortauswahl {
    margin: 2px;
    display: none;
}

ul#sortauswahl li a {
    float :left;
        display: block;
}
ul#sortauswahl li {
      padding-right:10px;
      padding-left:10px;
      float:left;
}
ul#sortauswahl li.sortup, li.sortup {
      padding-right:10px;
      background: transparent url(/shop/everpics/nachOben.gif) no-repeat right;
}

ul#sortauswahl li.sortup a, ul#sortauswahl li.sortdown a, li.sortdown a {
    color:#666;
    font-size:12px;
}

ul#sortauswahl li.sortup a:hover, ul#sortauswahl li.sortdown a:hover {
      color:#000;
      font-size:12px;
      text-decoration:none;
}

ul#sortauswahl li.sortdown, li.sortdown {
      padding-right:10px;
      background: transparent url(/shop/everpics/nachUnten.gif) no-repeat right;
}


#sortby, #sortbyview {
      float:left;
      font-weight:bold;
      border-left:0px solid #aaa;
      /*margin-left:195px;*/
      margin-right:5px;
      clear:both;
      margin-top:2px;
}
#sortby {
      clear:none;
}

#liste #content #sortauswahlview {
    float:left;margin:0px; 
    width: 60px; /* IE7 braucht es, der Rest leidet darunter... */
}

#sortauswahlview li {
      vertical-align:text-bottom;
      display:inline;
}


li#galeriansicht  {
    /*background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -16px transparent;*/
    width:14px;
    height:12px;
}

li#listenansicht  {

/*  background:url(/shop/everpics/sprite3.png) no-repeat scroll 0 -28px transparent;*/
    width:14px;
    height:12px;
}

#liste #content #listesearchresults a {
    color: black;
    margin-right: 5px;
}

ul#wgliste, ul#hsliste {
    
    width:700px;
    display:block;
    float:left;
    margin-bottom:10px;

}

#hsliste li, #wgliste li { float :left;display:inline-block;vertical-align:top;width:33%/*175px*/; white-space: nowrap;}

#hsliste li a, #wgliste li a {color:#000;}

#hsliste li input, #wgliste li input {
    width: auto;
    margin-right: 3px;
}
#liste #content ul.tabs li a {
      text-decoration: none;
      display: block;
      font-size: 1em;
      padding: 0 20px;
      border-right: 1px solid #fff;
      outline: none;
      color:#111;
}

#liste #content input.sortbystatus {
      height: 15px;
      margin: 0 5px 0 0;
      width: 15px;
      float: left;
}

#liste label.verf {float:left;color:#333;width:650px;margin-bottom:10px;}

#liste #content input.sort {

    background:#272c30; 
    border:medium none;
    color:white;
    cursor:pointer;
    font-size:1em;
    font-weight:bold;
    height:27px;
    margin-top:15px;
    padding:0 1em;

}

#liste #content #listesearchresults {
    float:left;
    width:99%;
    width: 722px;
    font-weight:bold;
    margin-bottom:5px;
    padding:3px;
    padding-left:5px;
    color:#272c30;

}
div.artcontent {

    float:left;
    width:460px;
    margin-right:10px;
        position:relative;
}

#liste li.Suba {
      background:#e5e5e5;
      border-right:1px solid #ddd;
      border-bottom:1px solid #ddd;
}

#liste li.Suba a {
      color:#000;
}

.statusB, .statusW, .statusK {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -381px transparent; /* blau */
}

.statusF {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -401px transparent; /* gruen */
}
.statusW {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -421px transparent; /* gelb */
}
.statusK {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -441px transparent; /* rot */
}

.statusD {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -400px transparent; /* fast gruen...jetzt ganz gruen */
}

.statusN {
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -441px transparent; /* vorher weiss, jetzt rot */
        margin-left:0px;
}

ul#prodlist .wghead #pagination {
    color: black;
    display: block;
    text-align: center;
}
ul#prodlist .wghead #pagination a {
    float: none;
    margin-top: auto;
    display: inline;
}
ul#prodlist .wghead #pagination a.top {
    float: right;
}
ul#prodlist .wghead #pagination img {
    width: auto; 
        height: auto;
        margin-left:10px;
        margin-right:10px;
        vertical-align:text-top;
}

#details .statusB {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -379px transparent !important;
        float:left;
        height:20px;
        width:20px;
    
        
}

#details .statusK {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -438px transparent;
        height:20px;
    width: 20px !important;
        float:left;
        
        }
        
#details .statusW {
    border: 0px solid green;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -418px transparent;
        height:20px;
    width: 20px !important;
        float:left;
        
        }
        
#details .statusN, #details .statusA {
    border: 0px solid green;
    height:20px;
    width: 20px !important;
    float:left;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -436px transparent !important;
}

#details .statusD, #details .statusA {
    border: 0px solid green;
    height:20px;    
    width: 20px !important;
    float:left;
    background:url("/shop/everpics/sprite3.png") no-repeat scroll 0px -397px transparent !important;
}

#pd_status strong {
    /*margin-left: 20px;*/
}

#kontakt label.contactme {
        float:left;
        width:120px;
        margin-bottom:10px;
        clear:left;

}

#kontakt input {

        border:1px solid #aaa;
        margin-bottom:10px;
        clear:left;

}

#kontakt input.savechanges {

      background: none repeat scroll 0 0 #294A80;
    border: medium none;
    color: white;
    float: left;
    font-size: 1em;
    font-weight: bold;
    margin:10px 5px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
        cursor:pointer;

}

.forxrate_widget_order_type9 {

   margin-left: 10px;
}

/* Beginn PC-Konfigurator */

#pcwahl input { float: left; clear: left; margin-top: 15px;margin-left:20px; width: auto; }
#pcwahl input[type="radio"] {float: left; clear: left; margin-top: 13px; margin-left: 38px; width: 20px;}

#pcwahl label { float: left; margin-top: 10px; margin-bottom: 3px; padding-left: 10px; font-weight: bold; font-size: 12px; width: auto; }
#setup_form { float: left; }
#flowpanes { height: 100%; }
#setup_slider {
  height: 100%;
 min-height:690px;
 border:0;
  margin-left: 52px;
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  width: 619px;
/*  width: 700px;*/
}

#setup_slider .items {
  position: absolute;
  width: 20000em;
}

#setup_slider .cat_subhead { width: 698px !important; height: 100%; background: #bbc4ca  !important; border: 0px solid #999; color: #151515 !important; }
#setup_slider .items div { float: left; width: 700px; background: transparent !important; color:#000; font-size: 1em; line-height: 18px;}
#setup_slider .items img { border: 0px dotted #AAA; margin: 10px 0; }

#setup_slideractions {
  border-bottom: 0px solid #CDD7E4;
  margin: 0 0 10px 0;
  width: 700px;bottom:0;position:absolute;
}

#setup_slideractions a {
  font-size: 22px;   
  cursor: pointer;
  color: #fe6d4c;
}

#setup_slideractions a:hover { color: #666; }
#setup_slideractions .next { float: right;position:relative;font-size:17px;color:#000;margin-right:97px;margin-top:37px; }
#setup_slideractions .prev { float: left;position:relative;font-size:17px;color:#000;margin-left:40px; margin-top:37px;}
#setup_slider div.vbreak, div.vbreak { height: 1px; background: #999; width: 98%; margin: 10px; }
#flowpanes h3 { padding: 5px; color:#fff; text-shadow: 1px 1px #111; }
#flowpanes h4 { padding: 5px 5px 5px 41px; background: transparent; color:#000;border-bottom:1px solid; text-shadow: 0px 0px #000; text-transform: none; font-size: 1.5em; }

#contactform label { float: left; clear: left; width: 200px; font-weight: bold; margin-top: 15px; }
#contactform input { float: left; width: 250px; margin-top: 15px; }
#contactform #pcwahlsubmit{ float: left; width: 250px; margin-top: 15px;background: #A6D24A;}
#pcwahlsubmit{background: #A6D24A;}

#pcwahl {margin-top:10px;}
#pcwahl .cat_subhead img { float: right; margin: 81px 138px 0 0; }
h2.pcwahl {margin:20px 0 37px 25px;}
a.pcwahl {clear:both;float:left;line-height:60px;margin-left:45px;}
p.pcwahl {color:#234090;font-size:15px;margin: 20px 10px 10px 20px;text-decoration:underline;}
p.pcwahlge {margin-left:20px;border-bottom:1px solid #ddd;}
div.pcwahlover {background:#ebebeb;padding:5px;border:1px solid #ddd;font-size:14px;}

#dhtmlgoodies_menu_xx table#dm0m0tbl table td {white-space:normal !important;}

.konfigurator-banner {margin-right: 1%; !important} 

.pcwahl {
  color: #234090;
  font-size: 20px;
  font-weight: bold;
  margin: 15px !important;
}       

#pcwahlcontent { 
    background: none repeat scroll 0 0 #F0F0F0;
    border-style: solid;
    border-width: 0px;
    width:735px;
    float:left;
    margin-left:-1px;
    margin-top: 20px;
    padding-bottom: 90px;   
}

#pcwahlcontent h3 {
color: #000000;
    font-size: 1em;
    left: 0;
    margin-bottom: 25px;
}

#pcwahlcontent #sortby {margin-left:10px;}

/* Ende PC-Konfigurator*/


/**
 * kdmenu class specifications
 * 0    ->  1. Ebene ohne Untermenü
 * 1    ->  1. Ebene ohne Untermenü : hover
 * 2    ->  1. Ebene mit Untermenü
 * 3    ->  1. Ebene mit Untermenü : hover
 * 
 * 4    ->  2. Ebene ohne Untermenü
 * 5    ->  2. Ebene ohne Untermenü : hover
 * 6    ->  2. Ebene mit Untermenü
 * 7    ->  2. Ebene mit Untermenü : hover
 * 
 * 8    ->  3. Ebene ohne Untermenü
 * 9    ->  3. Ebene ohne Untermenü : hover
 */
.KdMenuItem0, .KdMenuItem0Over,
.KdMenuItem1, .KdMenuItem1Over,
.KdMenuItem2, .KdMenuItem2Over,
.KdMenuItem3, .KdMenuItem3Over,
.KdMenuItem4, .KdMenuItem4Over,
.KdMenuItem5, .KdMenuItem5Over,
.KdMenuItem6, .KdMenuItem6Over,
.KdMenuItem7, .KdMenuItem7Over,
.KdMenuItem8, .KdMenuItem8Over,
.KdMenuItem9, .KdMenuItem9Over {
    background: #294A80;
    color: #FFF;
    cursor: pointer;
    font: 12px Verdana;
    margin-left: -3px;
    padding: 5px;
    width: 200px;
}

.KdMenuItem0, .KdMenuItem1, .KdMenuItem2, .KdMenuItem3 { background:#294A80; } /* 1. Ebene */
.KdMenuItem0Over, .KdMenuItem1Over, .KdMenuItem2Over, .KdMenuItem3Over { color: #fff;background: #333; } /* 1. Ebene : hover */

.KdMenuItem4, .KdMenuItem5, .KdMenuItem6, .KdMenuItem7 { background: #294A80 } /* 2. Ebene */
.KdMenuItem4Over, .KdMenuItem5Over, .KdMenuItem6Over, .KdMenuItem7Over { color: #fff;background: #333; } /* 2. Ebene : hover */

.KdMenuItem8, .KdMenuItem9 { background: #294A80; } /* 3. Ebene */
.KdMenuItem8Over, .KdMenuItem9Over { color: #fff;background: #333; } /* 3. Ebene : hover */  

div.wkbanner {

    margin-top:20px;
    width:100%;
    text-align:center;
    float:left;
    
    }

#janolaw-body {
    padding-top: 25px; 
    }

#trustedshops {float:left;width:720px;padding:10px 5px;background:#f0f0f0;border-top:1px solid #fff;outline:1px solid #ddd;}

#trustedshops #formTShops {margin-top:20px;}

#bestabschluss #printmail {margin-left:0px;}

#overview {
    float: left;
    margin-bottom: 10px;
}
#overview li {
    background: none repeat scroll 0 0 #F1F2F4;
    border: 1px solid #EEEEEE;
    box-shadow: 5px 5px 5px #DDDDDD;
    float: left;
    height: 220px;
    margin: 5px;
    text-align: center;
    width: 230px;
}
#overview li h3 {
    float: left;
    margin: 10px 0;
    text-align: center;
    width: 230px;
}
#overview li a span.bigfettpreis {
    color: #000000;
    float: left;
    font-size: 14px;
    font-weight: bold;
    vertical-align: bottom;
    width: 230px;
}
#pckonfig-start table.tab {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 2px 5px #999999;
    margin: 10px 0;
}
#pckonfig-start table.tab tr.head {
    color: #333333;
    display: block;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
}
#pckonfig-start span.submit {
    background: none repeat scroll 0 0 #506EAA;
    border: 1px solid #506EAA;
    border-radius: 10px 10px 10px 10px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
}
#pckonfig-start table.tab td.desc {
    font-size: 11px;
    line-height: 20px;
    vertical-align: top;
    width: 700px;
}
#pckonfigurator #konfig, #pckonfigurator2 #konfig {
    border-bottom: 1px solid #aaa;
    padding-bottom:10px;
}
#pckonfigurator #konfig table, #pcfurator2 #konfig table {
    padding-left: 5px;
    width: 650px;
}
#pckonfigurator #konfig table td.head, #pckonfigurator2 #konfig table td.head {
    background-color: #FFFFFF;
    color: #333333;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
}
#pckonfigurator #konfig table div.mini, #pckonfigurator2 #konfig table div.mini {
    line-height: 24px;
}
#pckonfigurator #konfig h3, #pckonfigurator2 #konfig h3 {
    margin-left: 0;
}
#pckonfigurator #konfig table span#preis_total, #pckonfigurator2 #konfig table span#preis_total {
    color: #333333;
    float: left;
    font-size: 18px;
    font-weight: bold;
    margin-top: 10px;
}
#pckonfigurator #kompoliste table, #pckonfigurator2 #kompoliste table {
    margin: 0 0 0 5px;
    padding: 0;
}
#pckonfigurator #kompoliste, #pckonfigurator2 #kompoliste {
    margin: 0 0 0 5px;
    padding: 0;
}
#pckonfigurator #kompoliste table td.head, #pckonfigurator2 #kompoliste table td.head {
    display: block;
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0;
}
#pckonfigurator #kompoliste table.tab, #pckonfigurator2 #kompoliste table.tab {
    background: none repeat scroll 0 0 #F1F2F4;
    border: 1px solid #F1F2F4;
    border-radius: 5px 5px 5px 5px;
    margin: 0;
    padding: 10px;
}
#pckonfigurator #kompoliste table.tab input, #pckonfigurator2 #kompoliste table.tab input {
    margin-right: 10px;
    width: auto;
}

#pckonfigurator2 #kompoliste table.tab input {
    
    box-shadow:0 1px 5px rgba(0, 0, 0, 0.1) inset;
    border:1px solid #d2d2d2;
    padding:3px;
}

#pckonfigurator2 #kompoliste table.tab select {
    
    margin-right:10px;
    
}
#pckonfigurator #kompoliste table td.headcat a, #pckonfigurator2 #kompoliste table td.headcat a {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    text-decoration: none;
}
#pckonfigurator td.benennung, #pckonfigurator2 td.benennung {
    padding-bottom: 12px;
    width: 500px;
}
#pckonfigurator #content table#addwk, #pckonfigurator2 #content table#addwk {
    width: 720px;
}
#pckonfigurator #content input.submit, #pckonfigurator2 #content input.submit {
    background: none repeat scroll 0 0 #294A80;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
    padding: 5px;
    border:0;
}
#pckonfigurator td.preis, #pckonfigurator2 td.preis {
    text-align: right;
}
#pckonfigurator #kompoliste table td.headcat a.view, #pckonfigurator2 #kompoliste table td.headcat a.view {
    color: #8997BD;
    cursor: pointer;
    display: inline;
    font-size: 12px;
    margin-left: 5px;
}
.konfigwarnheadtext {
    float: left;
    width: 100%;
    font-weight:normal;
    color:#294A80;
    margin:10px 0;
}

/* Warenkorb Overlay */

#wkabfrage {
    background-color: #fff;
    border: 5px solid #194d8e;
}

#wkabfrage h2 {
    color: #555;

}
#wkabfrage a {
    background: none repeat scroll 0 0 #294a80;
    color: #fff;
}

#passwvergessen h2 {
margin:10px 0;
}

#passwvergessen #content fieldset {
border:1px solid #ddd;
padding:10px;
background:#efefef;
}

#passwvergessen #content label {
float:left;
clear:left;
padding:10px 0;
}

#passwvergessen #content input {
float:left;
clear:left;
}

#overlay{
        display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /*opacity: 0.8;*/
    z-index:1008;
}

#overlay-content{ 
    position: relative;
    display: none;
    width:495px;
    height: 700px;
    padding: 16px;
    background-color: white;
    z-index:1009;
        text-align:center;
font-weight:bold;
}

#kundenkonto #content {width:98%;}

#kundenkonto #content h1 {margin:-20px 0 5px !important;}

#kundenkonto #content h2 {float:left;width:100%;}

#kundenkonto #content table {width:735px;}

#kundenkonto #content #merkzettel {width:735px;}

#kundenkonto .panes input[type="submit"], #kundenkonto .panes input[type="button"] {float:left;clear:left;}
  
#details #picliste img {margin:5px !important;}

#skyscraper {width:150px;}

#details #content #pd_energy {position:relative;left: 500px;
  top: -315px;}

body#widerrufsmail form.validate {line-height: 2;}
body#widerrufsmail form.validate label {display:block;margin-top: 1em;}
body#widerrufsmail form.validate input {min-width:200px}
body#widerrufsmail p {display: inline-block;
  width: 100%;
  margin: 10px 0;}

/* dein bisheriger letzter CSS-Code */

body#widerrufsmail p {
  display: inline-block;
  width: 100%;
  margin: 10px 0;
}



/* ===== MOBILE OPTIMIERUNG ===== */

/* =====================================================
   MOBILE MENÜ – SCROLL ZURÜCK, SPALTEN BLEIBEN SEITLICH
   ===================================================== */

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

    #dhtmlgoodies_menu_xx {
        min-height: 0 !important;
        max-height: 350px !important;
        overflow-y: auto !important;
    }

}

/* ===== MOBILE OPTIMIERUNG – ZUSAMMENGEFASST ===== */
@media screen and (max-width: 768px) {

  html, body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  #nonFooter,
  #footer,
  #bildoben,
  #inFooter {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }


  /* ===== HEADER / LOGO ===== */

  #bildoben {
    background-size: contain;
    background-position: left center;
  }


  /* ===== MENÜ ===== */

  #banner,
  #menu,
  .box_left,
  .box_left_menu {
    width: 100%;
    float: none;
    box-sizing: border-box;
  }




  /* ===== HAUPTINHALT ===== */

  #content {
    width: 96% !important;
    max-width: 96% !important;
    margin: 5px 2% !important;
    float: none !important;
    clear: both;
    overflow-x: hidden;
    box-sizing: border-box;
  }


  /* ===== PRODUKTGALERIE ===== */

  ul#prodlist {
    width: 100% !important;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
  }

  ul#prodlist li {
    width: 94% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 3% 15px 3% !important;
    padding: 10px !important;
    float: none !important;
    box-sizing: border-box;
  }

  ul#prodlist span.produktname {
    width: 100% !important;
    height: auto !important;
    min-height: 40px;
    float: none !important;
    display: block !important;
  }

  ul#prodlist span.produktname a {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box;
  }

  ul#prodlist span.produktbild {
    width: 100% !important;
    height: auto !important;
    margin: 5px 0 !important;
    float: none !important;
    display: block !important;
  }

  ul#prodlist div.prodbild {
    width: 100% !important;
    height: auto !important;
  }

  ul#prodlist a.produktbild img {
    width: 120px;
    max-width: 100%;
    height: auto;
  }

  div.artcontent {
    width: 100% !important;
    height: auto !important;
    float: none !important;
  }

  div.prodshortinfo {
    width: 100% !important;
    height: auto !important;
    min-height: 86px;
    float: none !important;
  }

  #liste #content div.preis {
    width: 100% !important;
    float: none !important;
    text-align: center;
  }

  #liste #content div.getinfos,
  #liste #content div.add2wk {
    display: inline-block !important;
    float: none !important;
    margin: 7px 3px !important;
  }


  /* ===== PRODUKTDETAILS ===== */

  #details #content {
    overflow-x: hidden;
  }

  #details #content #pd_artname {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  #details #content #pd_preis {
    position: static !important;
    float: none !important;
    clear: both !important;
    margin: 10px 0 !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  #details #content #quantity {
    position: static !important;
    float: none !important;
    clear: both !important;
    margin: 10px 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 10px 0 !important;
    box-sizing: border-box;
  }

  #pd_status,
  #pd_statusabholung,
  #pd_status2 {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #details #content #addwk {
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #details #content .pd_hinweis,
  #details #content .pd_pd_mored_head {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  #details #content #tabcontent,
  #details #content .pd_container,
  #details #content #zubehoer,
  #details #content table.desc {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    box-sizing: border-box;
    overflow-x: auto !important;
  }

  #details #content td.key {
    width: auto !important;
  }


  /* ===== TABS MOBIL SAUBER UMBRECHEN ===== */

  #details #content ul.tabs {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    float: none !important;
    gap: 2px;
    margin: 0 0 6px 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
  }

  #details #content ul.tabs li {
    float: none !important;
    width: auto !important;
    height: auto !important;
    line-height: normal !important;
    margin: 0 !important;
    flex: 1 1 auto;
    box-sizing: border-box;
    text-align: center;
  }

  #details #content ul.tabs li a {
    display: block !important;
    padding: 10px 12px !important;
    white-space: nowrap;
    box-sizing: border-box;
  }


  /* ===== PRODUKTDETAILS-TABINHALT ===== */

  #details #tab_container_liste,
  #details #content .pd_container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
  }

  #details #tab_container_liste .tab_container,
  #details #content .tab_container {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    float: none !important;
    clear: both !important;
    margin-bottom: 15px !important;
    box-sizing: border-box;
  }

  #details #tab_container_liste .tab_content,
  #details #content .tab_content {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 10px !important;
    box-sizing: border-box;
    overflow-x: auto !important;
  }

  #details #content .pd_container:after,
  #details #content .tab_container:after,
  #details #content .tab_content:after {
    content: "";
    display: block;
    clear: both;
  }


  /* ===== BILDER / ENERGIELABEL / PRODUKTSICHERHEIT ===== */

  #details #content #pd_energy {
    position: static !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 15px 0 !important;
    box-sizing: border-box;
  }

  #details #content #pd_images {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 10px 0 !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
  }

  #details #content #pd_images img {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 5px 0 !important;
  }

  #details #picliste {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    float: none !important;
    clear: both !important;
    box-sizing: border-box;
  }

  #details #picliste img {
    max-width: 100% !important;
    height: auto !important;
  }

  #details #content #prodi,
  #details #content #prodi img {
    max-width: 100% !important;
    height: auto !important;
    box-sizing: border-box;
  }

  #details #content .pd_mored,
  #details #content .pd_api {
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* ===== WARENKORB / KASSE KOMPAKT ===== */

  #wk #content,
  #index #content,
  #bestellformular #content,
  #kundendaten #content {
    width: 98% !important;
    max-width: 98% !important;
    margin-left: 1% !important;
    margin-right: 1% !important;
    box-sizing: border-box;
  }

  #wk #content #warenkorb,
  #index #content #warenkorb,
  #kundendaten #content #warenkorb {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  #wk #content table,
  #index #content table,
  #bestellformular #content table,
  #kundendaten #content table {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 10px !important;
    border-collapse: collapse !important;
    box-sizing: border-box;
  }

  #wk #content table td,
  #wk #content table th,
  #index #content table td,
  #index #content table th,
  #bestellformular #content table td,
  #bestellformular #content table th,
  #kundendaten #content table td,
  #kundendaten #content table th {
    padding: 2px 1px !important;
    font-size: 10px !important;
    box-sizing: border-box;
  }

  #wk table td.name,
  #index table td.name,
  #bestellformular table td.name {
    white-space: normal !important;
    overflow-wrap: break-word;
    padding-right: 2px !important;
  }

  #wk table td.menge,
  #index table td.menge,
  #bestellformular table td.menge {
    width: 38px !important;
    min-width: 38px !important;
    padding: 1px !important;
  }

  #wk table input.inputtextwk,
  #bestellformular table input.inputtextwk {
    width: 30px !important;
    height: 26px !important;
    min-height: 26px !important;
    line-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    box-sizing: border-box;
  }

  #wk table td.preis,
  #wk table td.preissumme,
  #index table td.preis,
  #index table td.preissumme,
  #bestellformular table td.preis,
  #bestellformular table td.preissumme {
    white-space: nowrap !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
  }

  #wk table th.status,
  #index table th.status,
  #bestellformular table th.status {
    width: 28px !important;
    min-width: 28px !important;
    padding: 1px !important;
  }

  #wk table div.status,
  #index table .status,
  #bestellformular table div.status,
  #kundendaten table div.status {
    margin: 0 auto !important;
  }


  /* ===== KUNDENDATEN / CHECKOUT ===== */

  #kundendaten #loginfield,
  #kundendaten #rechfield,
  #altlieferfield,
  #altlieferadressen {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  #kundendaten #content p {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #kundendaten label,
  #kundendaten label.lieferadresse,
  #kundendaten label.allesok {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    box-sizing: border-box;
  }

  #kundendaten #content .inputtext,
  #kundendaten #content #email,
  #kundendaten #content #telefon,
  #kundendaten #content #mail,
  #kundendaten #content #passwort2 {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 30px;
    float: none !important;
    box-sizing: border-box;
  }

  #kundendaten #content #versand,
  #kundendaten #content #liefversand,
  #kundendaten #content #bewertung {
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* ===== BESTELLFORMULAR / VARIANTEN ===== */

  #bestellformular #content .vart,
  #bestellformular #content .vart ul,
  #bestellformular #content .vart li {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #bestellformular #content h4 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box;
  }

  #bestellformular #content span.hinweis {
    margin-left: 0 !important;
    float: none !important;
    display: block;
    width: 100% !important;
    box-sizing: border-box;
  }

  #bestellformular #content #willsms label.error {
    position: static !important;
    margin: 5px 0 !important;
    width: 100% !important;
  }

  textarea#anmerk,
  #bestellformular textarea,
  #kundendaten textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* ===== FEHLERMELDUNGEN MOBIL ===== */

  #error,
  #kundendaten #error {
    position: static !important;
    margin: 10px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* ===== POPUP / OVERLAY ===== */

  #overlay-content {
    width: 92% !important;
    max-width: 92% !important;
    height: auto !important;
    max-height: 85vh !important;
    padding: 10px !important;
    margin: 0 auto !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    box-sizing: border-box;
  }

  #wkabfrage {
    max-width: 100% !important;
    box-sizing: border-box;
  }


  /* ===== ACCORDION / AUFKLAPPBEREICHE ===== */

  .container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  h2.acc_trigger {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 30px;
    float: none !important;
    box-sizing: border-box;
  }

  h2.acc_trigger a {
    padding: 6px 10px !important;
    box-sizing: border-box;
  }

  .acc_container {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  .acc_container .block {
    padding: 10px !important;
    box-sizing: border-box;
  }

  .acc_container img {
    max-width: 100% !important;
    height: auto !important;
  }


  /* ===== KUNDENKONTO ===== */

  #kundenkonto #content,
  #kundenkonto #content #merkzettel {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  #kundenkonto #content table {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }


/* ===== OBERE NAVIGATION ===== */

ul#navileiste {
    height: auto;
    overflow: hidden;
}

ul#navileiste a {
    float: none;
    display: inline-block;
    padding: 8px;
}


/* ===== BILDER / TABELLEN ALLGEMEIN ===== */

img {
    max-width: 100%;
    height: auto;
}

table {
    max-width: 100%;
}

/* ===== MOBILE MENÜ – NUR AUSRICHTUNG ===== */

    #banner,
    #menu,
    .box_left,
    .box_left_menu {
        float: none !important;
        clear: both !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: left !important;
    }

    #dhtmlgoodies_menu_xx {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
    }

    #dhtmlgoodies_menu_xx #dm0m0tbl {
        width: 100% !important;
    }

/* ===== MOBILE MENÜ – PFEILE SICHTBAR ===== */

    #dhtmlgoodies_menu_xx td[id$="tdA"] {
        display: table-cell !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #dhtmlgoodies_menu_xx td[id$="tdA"] img {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 7px !important;
        height: 7px !important;
        max-width: none !important;
    }

/* ===== MOBILE MENÜ – SPALTEN SCHMALER ===== */

    /* Hauptmenü etwas schmaler */
    #dhtmlgoodies_menu_xx {
        width: 180px !important;
        max-width: 180px !important;
    }

    #dhtmlgoodies_menu_xx #dm0m0tbl {
        width: 180px !important;
        max-width: 180px !important;
    }

    /* Untermenüs ebenfalls schmaler */
    #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) {
        width: 170px !important;
        max-width: 170px !important;
    }

    /* Untermenütext kompakter */
    #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] {
        font-size: 10px !important;
        line-height: 15px !important;
        padding: 6px 7px !important;
    }

    /* Hauptmenü ebenfalls etwas kompakter */
    #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] {
        font-size: 11px !important;
        line-height: 16px !important;
        padding: 7px 8px !important;
    }

/* ===== MOBILE MENÜ – ZEILEN FLACHER ===== */

    /* Hauptmenü */
    #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] {
        font-size: 10px !important;
        line-height: 13px !important;
        padding: 4px 6px !important;
    }

    /* Untermenüs */
    #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] {
        font-size: 10px !important;
        line-height: 13px !important;
        padding: 4px 6px !important;
    }

    /* Pfeilzellen ebenfalls etwas kompakter */
    #dhtmlgoodies_menu_xx td[id$="tdA"] {
        padding: 4px !important;
    }

/* ===== MOBILE – SUCHE / HERSTELLER SEHR KOMPAKT ===== */

    #banner .box_left {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #banner .box_content {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #banner .box_left h1,
    #banner .box_left h2,
    #banner .box_left h3 {
        margin-top: 0 !important;
        margin-bottom: 1px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    #searchfield {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 21px !important;
    }

    .listchoose {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 20px !important;
    }

/* =====================================================
   CAVUS HARDWARE – MOBILE KOPFBEREICH KOMPAKT
   ===================================================== */

    /* ===== LOGO / HEADER FLACHER ===== */

#bildoben {
    height: 105px !important;
    min-height: 105px !important;
    background-size: contain !important;
    background-position: left center !important;
    background-repeat: no-repeat !important;
}

#bildoben a {
    height: 105px !important;
}


/* ===== LOGIN-BEREICH KOMPAKTER ===== */

#login {
    height: 105px !important;
    min-height: 105px !important;
    font-size: 9px !important;
}

#login fieldset {
    top: 7px !important;
}

#login fieldset input {
    margin-bottom: 2px !important;
    font-size: 9px !important;
}

#login div#express {
    top: 68px !important;
    margin-top: 0 !important;
    line-height: 13px !important;
}


    /* ===== KONTAKTLEISTE FLACHER ===== */

    ul#navileiste {
        height: auto !important;
        min-height: 0 !important;
        padding: 2px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    ul#navileiste li {
        padding: 0 !important;
    }

    ul#navileiste a {
        padding: 4px 7px !important;
        font-size: 10px !important;
        line-height: 15px !important;
    }


    /* ===== BEREICH SUCHE KOMPAKTER ===== */

    #banner {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    #banner .box_left {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    #banner .box_content {
        margin-top: 0 !important;
        margin-bottom: 2px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }

    #banner .box_left h1,
    #banner .box_left h2,
    #banner .box_left h3 {
        margin-top: 2px !important;
        margin-bottom: 2px !important;
        padding-top: 1px !important;
        padding-bottom: 1px !important;
    }


    /* Suchfeld */
    #searchfield {
        height: 21px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }


    /* ===== HERSTELLER-AUSWAHL ===== */

    #searchribhs {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        height: auto !important;
    }

    #my-dropdown5 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        height: 24px !important;
    }


    /* Menü etwas näher an Hersteller-Auswahl */
    #menu,
    .box_left_menu {
        margin-top: 3px !important;
    }

}

/* ===== PRODUKTBILDER EINHEITLICH BEGRENZEN ===== */

ul#prodlist div.prodbild {
    height: 135px !important;
    overflow: visible !important;
}

ul#prodlist img[id^="llpic_"] {
    width: auto !important;
    height: auto !important;
    max-width: 120px !important;
    max-height: 125px !important;
}

/* ===== WARENKORB MOBIL – KOPFBEREICH KOMPAKT ===== */

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

    #wk form#korb > h2 {
        position: static !important;
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin: 8px 0 !important;
        padding: 0 !important;
        text-align: left !important;
        box-sizing: border-box !important;
    }

    #wk #wkinfo {
        position: static !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 5px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #wk #printwk {
        position: static !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    #wk table#warenkorb {
        clear: both !important;
        margin-top: 8px !important;
    }
}

/* ===== CHECKOUT-FORTSCHRITT MOBIL ===== */

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

    body#kundendaten #fortschritt,
    body#bestellformular #fortschritt {
        position: static !important;
        float: none !important;
        clear: both !important;

        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 4px !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

        margin: 8px 0 10px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body#kundendaten #fortschritt a,
    body#bestellformular #fortschritt a {
        position: static !important;
        float: none !important;
        display: block !important;

        width: auto !important;
        height: auto !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 5px 4px !important;

        text-align: center !important;
        line-height: 16px !important;
        box-sizing: border-box !important;
    }

    body#kundendaten #fortschritt a:last-child,
    body#bestellformular #fortschritt a:last-child {
        grid-column: 1 / -1 !important;
        width: 50% !important;
        justify-self: center !important;
    }
}
/* ===== BESTELLABSCHLUSS MOBIL – SAUBER ===== */

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

    /* Graue Zusammenfassung */
    body#kundendaten .zusammenfassung1 {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: hidden !important;
        margin: 10px 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    body#kundendaten .zusammenfassung1 > div {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body#kundendaten .zusammenfassung1 h1 {
        width: 100% !important;
        height: auto !important;
        margin: 5px 0 8px 0 !important;
        padding: 0 !important;
    }

    body#kundendaten .zusammenfassung1 label {
        float: none !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        line-height: 1.35 !important;
        margin: 0 !important;
        padding: 0 !important;
        white-space: normal !important;
    }


    /* ===== AGB / DATENSCHUTZ ===== */

    body#kundendaten form#willsms {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 10px 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
    }

    body#kundendaten form#willsms label.allesok {
        position: static !important;
        float: none !important;
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 5px 0 !important;
        padding: 0 !important;

        line-height: 1.4 !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;

        box-sizing: border-box !important;
    }

    body#kundendaten form#willsms input#allesok {
        position: static !important;
        float: none !important;
        display: inline-block !important;

        width: auto !important;
        height: auto !important;

        margin: 8px 6px 8px 0 !important;
    }

    body#kundendaten form#willsms .zusammenfassung {
        position: static !important;
        float: none !important;
        clear: both !important;

        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;

        margin: 10px 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    body#kundendaten form#willsms input.bestabuy {
        position: static !important;
        float: right !important;
        width: auto !important;
        height: auto !important;
        margin: 10px 0 !important;
    }
}
/* =====================================================
   HÄNDLERBUND-RECHTSTEXTE
   ===================================================== */

#content [style*="font-family: Times"] {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}
/* =====================================================
   DESKTOP-ERWEITERUNG CAVUS HARDWARE
   1200 PX – BEREINIGTE VERSION
   ===================================================== */

@media screen and (min-width: 769px) {


    /* =================================================
       GEMEINSAME SHOPBREITE
       ================================================= */

    body#liste #nonFooter,
    body#details #nonFooter,
    body#wk #nonFooter,
    body#bestellformular #nonFooter,
    body#kundendaten #nonFooter {
        width: 1200px !important;
    }

    body#liste #footer,
    body#details #footer,
    body#wk #footer,
    body#bestellformular #footer,
    body#kundendaten #footer {
        width: 1200px !important;
    }

    body#liste #inFooter,
    body#details #inFooter,
    body#wk #inFooter,
    body#bestellformular #inFooter,
    body#kundendaten #inFooter {
        width: 1196px !important;
    }

    body#liste #bildoben,
    body#details #bildoben,
    body#wk #bildoben,
    body#bestellformular #bildoben,
    body#kundendaten #bildoben {
        width: 1196px !important;
    }

    body#liste #content,
    body#details #content,
    body#wk #content,
    body#bestellformular #content,
    body#kundendaten #content {
        width: 980px !important;
    }


    /* =================================================
       ARTIKELLISTE – 4 PRODUKTE
       ================================================= */

    body#liste ul#prodlist {
        width: 100% !important;
    }

    body#liste ul#prodlist li {
        width: 210px !important;
        margin-right: 15px !important;
    }

    body#liste ul#prodlist span.produktname {
        width: 200px !important;
    }

    body#liste ul#prodlist div.prodbild {
        width: 220px !important;
    }

    body#liste div.artcontent {
        width: 220px !important;
    }

    body#liste div.prodshortinfo {
        width: 220px !important;
    }

    body#liste #content div.preis {
        width: 220px !important;
    }

    body#liste ul#prodlist li.wghead {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
        clear: both !important;
        height: 30px !important;
        min-height: 30px !important;
        display: block !important;
        box-sizing: border-box !important;
    }


    /* =================================================
       PRODUKTDETAILSEITE
       ================================================= */

    body#details #produktdetails {
        width: 950px !important;
        position: relative !important;
    }

    body#details #pd_artname {
        width: 100% !important;
    }

    body#details #pd_images {
        width: 330px !important;
        min-height: 260px !important;
    }

    body#details #pd_images img {
        width: auto !important;
        max-width: 280px !important;
        height: auto !important;
    }

    body#details #pd_preis {
        margin-left: 330px !important;
        margin-top: -205px !important;
    }

    body#details #pd_name,
    body#details #arthinzu {
        margin-left: 330px !important;
    }

    body#details .backtolist {
        float: right !important;
        margin-right: 10px !important;
    }

    body#details .pd_container,
    body#details #tabcontent,
    body#details .tab_container,
    body#details .tab_content,
    body#details #techdata,
    body#details #produktinfo,
    body#details #zubehoer,
    body#details #produktsicherheit,
    body#details #bilder,
    body#details #energielabel {
        width: 940px !important;
        box-sizing: border-box !important;
    }

    body#details table.desc {
        width: 100% !important;
    }


    /* =================================================
       WARENKORB
       ================================================= */

    body#wk form#korb {
        width: 950px !important;
    }

    body#wk table#warenkorb {
        width: 100% !important;
    }


    /* =================================================
       CHECKOUT
       ================================================= */

    body#bestellformular form#willisms {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body#bestellformular table#warenkorb {
        width: 100% !important;
    }

    body#bestellformular #content .vart,
    body#bestellformular #content .vart > li,
    body#bestellformular #content .vart ul {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }

    body#bestellformular #content .vart {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    body#bestellformular form#willisms .bestab {
        float: right !important;
    }

    body#bestellformular form#willisms .back {
        float: left !important;
    }


    /* =================================================
       KUNDENDATEN
       ================================================= */

    body#kundendaten #content form#willisms {
        width: 950px !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }

    body#kundendaten #content h3 {
        float: none !important;
        clear: both !important;
        width: 100% !important;
        margin-left: 0 !important;
    }


    /* Warenkorb oben */

    body#kundendaten table#warenkorb {
        width: 930px !important;
    }


    /* Rechnungsadresse */

    body#kundendaten #rechfield {
        width: 930px !important;
        max-width: 930px !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
    }


    /* =================================================
       ALTERNATIVE LIEFERADRESSE
       ================================================= */

    body#kundendaten #content fieldset#altlieferfield {
        float: none !important;
        clear: both !important;
        width: 700px !important;
        margin: 15px 0 0 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }


    /* DIE ÜBERSCHRIFT DIREKT NACH UNTEN SCHIEBEN */

    body#kundendaten #content fieldset#altlieferfield h4.lieferadresse {
        margin: 30px 0 18px 0 !important;
        padding: 0 !important;
        float: none !important;
        clear: both !important;
    }


    /* Radio */

    body#kundendaten #content #altliefer {
        float: left !important;
        clear: both !important;
        margin: 8px 8px 15px 0 !important;
    }

    body#kundendaten #content label[for="altliefer"] {
        float: left !important;
        width: auto !important;
        margin: 7px 0 15px 0 !important;
    }


    /* Formular */

    body#kundendaten #content fieldset#altlieferfield > div {
        float: none !important;
        clear: both !important;
        width: 500px !important;
        margin-left: 0 !important;
    }

    body#kundendaten #content fieldset#altlieferfield > div label {
        float: left !important;
        clear: left !important;
        width: 140px !important;
        margin-left: 0 !important;
    }

    body#kundendaten #content fieldset#altlieferfield > div input,
    body#kundendaten #content fieldset#altlieferfield > div select {
        float: left !important;
        margin-left: 0 !important;
    }


    /* =================================================
       UNTERE NAVIGATION
       ================================================= */

    body#kundendaten input.bestab {
        float: right !important;
    }

    body#kundendaten span.back {
        float: left !important;
    }

}
/* =====================================================
   BESTCHECK – FINAL SAUBER
   ===================================================== */

@media screen and (min-width: 769px) {

    /* Überschrift */
    body#kundendaten #content > div#kundendaten > h1 {
        width: 950px !important;
        max-width: 950px !important;
        float: none !important;
        clear: both !important;
        margin: 0 0 20px 0 !important;
        white-space: nowrap !important;
    }

    /* Grauer Kunden-/Lieferblock */
    body#kundendaten #content > div#kundendaten .zusammenfassung1 {
        width: 950px !important;
        max-width: 950px !important;
        box-sizing: border-box !important;
    }

    /* Bestellformular */
    body#kundendaten #content > div#kundendaten form#willsms {
        width: 950px !important;
        max-width: 950px !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* Warenkorb volle gemeinsame Breite */
    body#kundendaten #content > div#kundendaten table#warenkorb {
        width: 950px !important;
        max-width: 950px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

   /* Kaufen-Button nach rechts an Tabellenkante */
body#kundendaten #content > div#kundendaten input.bestabuy {
    position: relative !important;
    float: right !important;
    clear: both !important;

    margin: 12px 0 0 0 !important;

    left: 20px !important;
    right: auto !important;
    transform: none !important;
}

}
/* =====================================================
   BESTELLABSCHLUSS / DANKE-SEITE – DESKTOP BREIT
   ===================================================== */

@media screen and (min-width: 769px) {

    body#bestabschluss #nonFooter {
        width: 1200px !important;
    }

    body#bestabschluss #footer {
        width: 1200px !important;
    }

    body#bestabschluss #inFooter {
        width: 1196px !important;
    }

    body#bestabschluss #bildoben {
        width: 1196px !important;
    }

    body#bestabschluss #content {
        width: 980px !important;
    }

}
/* =====================================================
   BESTELLABSCHLUSS – FEINSCHLIFF
   ===================================================== */

@media screen and (min-width: 769px) {

    /* Überschrift */
    body#bestabschluss #content .weitergeleitet {
        font-size: 17px !important;
        font-weight: bold !important;
        line-height: 1.4 !important;
        margin: 0 0 15px 0 !important;
    }

    /* Grauer Dankes-Kasten */
    body#bestabschluss #content .message {
        width: 950px !important;
        max-width: 950px !important;
        box-sizing: border-box !important;

        padding: 15px 18px !important;
        margin: 0 0 20px 0 !important;

        font-size: 14px !important;
        font-weight: normal !important;
        line-height: 1.5 !important;
    }

    /* Falls im Kasten einzelne Stellen fett markiert sind */
    body#bestabschluss #content .message b,
    body#bestabschluss #content .message strong {
        font-weight: bold !important;
    }

    /* E-Mail drucken */
    body#bestabschluss #content form {
        margin-top: 5px !important;
    }

    /* Zurück-zur-Startseite-Button */
    body#bestabschluss #content #printmail {
        margin-top: 5px !important;
    }

}
/* =====================================================
   INFoseiten / AGB / DATENSCHUTZ / IMPRESSUM ETC.
   DESKTOP 1200 PX
   ===================================================== */

@media screen and (min-width: 769px) {

    body#page #nonFooter {
        width: 1200px !important;
    }

    body#page #footer {
        width: 1200px !important;
    }

    body#page #inFooter {
        width: 1196px !important;
    }

    body#page #bildoben {
        width: 1196px !important;
    }

    body#page #content {
        width: 980px !important;
    }

}
/* =====================================================
   INFOS / RECHTSTEXTE – EINHEITLICHE TYPOGRAFIE
   ===================================================== */

body#page #content,
body#page #content p,
body#page #content div,
body#page #content span,
body#page #content li,
body#page #content td {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Zwischenüberschriften dürfen weiterhin hervorstechen */
body#page #content h1 {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.35 !important;
}

body#page #content h2 {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

body#page #content h3,
body#page #content h4,
body#page #content h5,
body#page #content h6 {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Vom Rechtstext vorgesehene Hervorhebungen behalten */
body#page #content strong,
body#page #content b {
    font-weight: bold !important;
}

body#page #content em,
body#page #content i {
    font-style: italic !important;
}
/* =====================================================
   KONTAKTFORMULAR – DESKTOP BREIT
   ===================================================== */

@media screen and (min-width: 769px) {

    body#kontakt #nonFooter {
        width: 1200px !important;
    }

    body#kontakt #footer {
        width: 1200px !important;
    }

    body#kontakt #inFooter {
        width: 1196px !important;
    }

    body#kontakt #bildoben {
        width: 1196px !important;
    }

    body#kontakt #content {
        width: 980px !important;
    }

    body#kontakt #content form {
        width: 950px !important;
        max-width: 950px !important;
        box-sizing: border-box !important;
    }

    body#kontakt #content textarea {
        width: 700px !important;
        max-width: 700px !important;
        box-sizing: border-box !important;
    }

}
/* =====================================================
   MEIN KONTO – DESKTOP 1200 PX
   ===================================================== */

@media screen and (min-width: 769px) {

    body#kundenkonto #nonFooter {
        width: 1200px !important;
    }

    body#kundenkonto #footer {
        width: 1200px !important;
    }

    body#kundenkonto #inFooter {
        width: 1196px !important;
    }

    body#kundenkonto #bildoben {
        width: 1196px !important;
    }

    body#kundenkonto #content {
        width: 980px !important;
        max-width: 980px !important;
    }

    /* Konto-Inhalt */
    body#kundenkonto #content #merkzettel,
    body#kundenkonto #content table {
        width: 950px !important;
        max-width: 950px !important;
        box-sizing: border-box !important;
    }

}
/* =====================================================
   DESKTOP – HEADER HÖHER
   ===================================================== */

@media screen and (min-width: 769px) {

    #bildoben {
        height: 150px !important;
        min-height: 150px !important;
    }

    #bildoben a {
        height: 150px !important;
    }

    #login {
        height: 150px !important;
        min-height: 150px !important;
    }

}
/* =====================================================
   DESKTOP – LOGIN / KONTO MODERNER
   ===================================================== */

@media screen and (min-width: 769px) {

    /* Gesamter Bereich oben rechts */
    #login {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: normal !important;
    }

    /* Normaler Text */
    #login fieldset,
    #login div#express {
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: normal !important;
    }

    /* Links: Mein Konto / Zum Shop / Ausloggen */
    #login a {
        font-family: Arial, Helvetica, sans-serif !important;
        font-size: 12px !important;
        line-height: 17px !important;
        font-weight: normal !important;
    }

    /* Warenkorb-Überschrift nicht so extrem fett */
    #login strong,
    #login b {
        font-weight: 600 !important;
    }

}
/* =====================================================
   HEADER – Abstand zwischen Benutzername und Warenkorb
   ===================================================== */

@media screen and (min-width: 769px) {

    #login_wk {
        margin-top: 15px !important;
    }

}
/* =====================================================
   STARTSEITE / LISTE – BANNER + SORTIERUNG SAUBER
   ===================================================== */

@media screen and (min-width: 769px) {

    /* Banner darf nichts mehr rechts daneben lassen */
    body#liste #einstiegswerbung_oben {
        float: none !important;
        clear: both !important;
        display: block !important;
        margin: 0 0 15px 0 !important;
    }

    /* Tabs ebenfalls aus altem Float-System lösen */
    body#liste #tab_container_liste {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
    }

    /* Sortierung definitiv darunter */
    body#liste #sortrow {
        float: none !important;
        clear: both !important;
        display: block !important;
        width: 100% !important;
        margin: 10px 0 !important;
    }
}
/* =====================================================
   KEINE ARTIKEL GEFUNDEN
   ===================================================== */

@media screen and (min-width: 769px) {

    body#liste #content #listesearchresults + h1 {
        float: none !important;
        clear: both !important;

        width: 650px !important;
        max-width: 650px !important;
        box-sizing: border-box !important;

        margin: 25px auto 0 auto !important;
        padding: 20px 25px !important;

        background: #f3f7fc !important;
        border-left: 4px solid #0875D1 !important;

        color: #021B4A !important;
        font-size: 22px !important;
        line-height: 1.3 !important;
        font-weight: 600 !important;

        text-align: center !important;
    }

}
#listesearchresults {
    font-weight: normal !important;
}

#listesearchresults * {
    font-weight: normal !important;
}
/* Kontakt / Über uns */
ul#navileiste a {
    font-weight: normal !important;
}

/* Suchergebnisse für: Apple - iMac */
#listesearchresults,
#listesearchresults * {
    font-weight: normal !important;
}
/* =====================================================================
   CAVUS HARDWARE – DESKTOP MASTER V1
   LIVE: START/LISTE + PRODUKTDETAIL
   DESKTOP ONLY >= 769px
   MOBILE <= 768px UNVERÄNDERT

   Stand: 04.10.2026
   ===================================================================== */

@media screen and (min-width:769px) {

    /* =================================================================
       GEMEINSAME BASIS – LISTE + PRODUKTDETAIL
       ================================================================= */

    body#liste,
    body#details {
        --ch-blue:#294a80;
        --ch-dark:#183b67;
        --ch-text:#17263d;
        --ch-muted:#718096;
        --ch-border:#dfe6ee;
        --ch-soft:#f5f7fa;

        background:#f3f5f8 !important;
        background-image:none !important;

        color:var(--ch-text) !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;
    }

    body#liste #nonFooter,
    body#details #nonFooter {
        width:calc(100vw - 32px) !important;
        max-width:1600px !important;
        min-width:0 !important;

        margin:16px auto 0 auto !important;
        padding:0 !important;

        background:#fff !important;
        background-image:none !important;

        border:0 !important;
        border-radius:12px !important;

        box-shadow:0 8px 30px rgba(25,45,75,.07) !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       HEADER
       ================================================================= */

    body#liste #bildoben,
    body#details #bildoben {
        float:none !important;

        width:100% !important;
        height:105px !important;
        min-height:105px !important;

        margin:0 !important;

        background-color:#fff !important;
        background-position:24px center !important;
        background-size:auto 83px !important;
        background-repeat:no-repeat !important;

        border:0 !important;

        box-sizing:border-box !important;
    }

    body#liste #bildoben a,
    body#details #bildoben a {
        display:block !important;

        width:100% !important;
        height:105px !important;
    }


    /* =================================================================
       TOP-NAVIGATION
       ================================================================= */

    body#liste ul#navileiste,
    body#details ul#navileiste {
        display:flex !important;
        align-items:center !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        height:44px !important;

        margin:0 !important;
        padding:0 18px !important;

        background:var(--ch-dark) !important;
        background-image:none !important;

        border:0 !important;

        list-style:none !important;

        box-sizing:border-box !important;
    }

    body#liste ul#navileiste li,
    body#details ul#navileiste li {
        float:none !important;

        margin:0 !important;
        padding:0 !important;

        background:none !important;

        border:0 !important;
    }

    body#liste ul#navileiste a,
    body#details ul#navileiste a {
        display:flex !important;
        align-items:center !important;

        float:none !important;

        height:44px !important;

        padding:0 15px !important;

        color:#fff !important;

        background:none !important;
        background-image:none !important;

        border:0 !important;

        font-size:13px !important;
        font-weight:500 !important;

        text-decoration:none !important;
    }

    body#liste ul#navileiste a:hover,
    body#details ul#navileiste a:hover {
        background:rgba(255,255,255,.10) !important;
    }


    /* =================================================================
       SIDEBAR + CONTENT
       ================================================================= */

    body#liste #banner,
    body#details #banner {
        display:block !important;

        float:left !important;
        clear:none !important;

        width:220px !important;

        margin:0 !important;
        padding:18px 0 28px 0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    body#liste #content,
    body#details #content {
        display:block !important;

        float:left !important;
        clear:none !important;

        width:calc(100% - 242px) !important;

        margin:0 0 0 22px !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    body#liste #content {
        padding:18px 18px 30px 0 !important;
    }

    body#details #content {
        padding:22px 24px 35px 0 !important;
    }

    body#liste #banner .box_left,
    body#liste #banner .box_left_menu,
    body#details #banner .box_left,
    body#details #banner .box_left_menu {
        float:none !important;
        clear:both !important;

        width:220px !important;

        margin:0 !important;
        padding:0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       SUCHE
       ================================================================= */

    body#liste #banner .box_content,
    body#details #banner .box_content {
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;

        float:none !important;
        position:relative !important;

        width:190px !important;
        height:auto !important;

        margin:0 auto 14px auto !important;
        padding:0 !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    body#liste #searchrib,
    body#liste #searchribhs,
    body#details #searchrib,
    body#details #searchribhs {
        display:block !important;
        visibility:visible !important;
        opacity:1 !important;

        float:none !important;
        clear:both !important;

        position:relative !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body#liste #searchrib,
    body#details #searchrib {
        margin-bottom:9px !important;
    }

    body#liste #searchribhs,
    body#details #searchribhs {
        margin-bottom:10px !important;
    }

    body#liste #searchrib form,
    body#details #searchrib form {
        position:relative !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

    body#liste #searchrib label,
    body#details #searchrib label {
        display:block !important;

        width:100% !important;

        margin:0 0 6px 0 !important;
        padding:0 !important;

        color:var(--ch-text) !important;

        font-size:13px !important;
        line-height:18px !important;
        font-weight:650 !important;
    }

    body#liste #searchfield,
    body#details #searchfield {
        display:block !important;

        width:100% !important;
        height:40px !important;

        margin:0 !important;

        padding:0 44px 0 11px !important;

        background:#fff !important;
        background-image:none !important;

        color:var(--ch-text) !important;

        border:1px solid #ccd5e1 !important;
        border-radius:8px !important;

        outline:0 !important;

        font-size:13px !important;

        box-sizing:border-box !important;
    }

    body#liste #searchfield:focus,
    body#details #searchfield:focus {
        border-color:var(--ch-blue) !important;

        box-shadow:0 0 0 3px rgba(41,74,128,.12) !important;
    }

    body#liste #searchrib input.gosearch,
    body#details #searchrib input.gosearch {
        display:block !important;

        position:absolute !important;

        right:0 !important;
        bottom:0 !important;

        width:40px !important;
        height:40px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:0 8px 8px 0 !important;

        background-color:var(--ch-blue) !important;

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") !important;

        background-position:center !important;
        background-repeat:no-repeat !important;

        text-indent:-9999px !important;

        cursor:pointer !important;
    }


    /* =================================================================
       HERSTELLER
       ================================================================= */

    body#liste #searchribhs select,
    body#liste #searchribhs .listchoose,
    body#liste #my-dropdown5,
    body#details #searchribhs select,
    body#details #searchribhs .listchoose,
    body#details #my-dropdown5 {
        display:block !important;

        width:100% !important;
        height:36px !important;

        margin:0 !important;
        padding:0 9px !important;

        background:#fff !important;

        color:#26364d !important;

        border:1px solid #d3dae4 !important;
        border-radius:7px !important;

        font-size:12px !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       WEISSES KATEGORIENMENÜ
       ================================================================= */

    body#liste #dhtmlgoodies_menu_xx,
    body#details #dhtmlgoodies_menu_xx {
        width:220px !important;
        max-width:220px !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        border-radius:8px !important;

        box-shadow:0 3px 12px rgba(30,50,80,.04) !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    body#liste #dhtmlgoodies_menu_xx table,
    body#details #dhtmlgoodies_menu_xx table {
        border:0 !important;
        outline:0 !important;

        border-collapse:collapse !important;
        border-spacing:0 !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl,
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl {
        width:100% !important;
        max-width:100% !important;

        background:#fff !important;

        border:0 !important;
        outline:0 !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl tr,
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl tr {
        background:#fff !important;

        border:0 !important;
        outline:0 !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"],
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] {
        background:#fff !important;

        color:#26364d !important;

        padding:10px 12px !important;

        border:0 !important;
        border-bottom:0 !important;

        outline:0 !important;

        font-size:12px !important;
        line-height:17px !important;
        font-weight:550 !important;

        border-radius:0 !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] *,
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] * {
        color:#26364d !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdA"],
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdA"] {
        width:26px !important;

        padding:6px !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:0 !important;

        outline:0 !important;
    }

    body#liste #dhtmlgoodies_menu_xx #dm0m0tbl tr:hover td,
    body#details #dhtmlgoodies_menu_xx #dm0m0tbl tr:hover td {
        background:#edf4fc !important;
    }


    /* =================================================================
       UNTERMENÜS
       ================================================================= */

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl),
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) {
        width:240px !important;
        max-width:240px !important;

        background:#fff !important;

        border:1px solid #d8e0ea !important;
        border-radius:8px !important;

        border-collapse:separate !important;
        border-spacing:0 !important;

        box-shadow:0 12px 30px rgba(20,40,70,.18) !important;

        overflow:hidden !important;
    }

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr,
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr {
        background:#fff !important;
    }

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"],
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] {
        padding:9px 12px !important;

        background:#fff !important;

        color:#25364f !important;

        border:0 !important;
        border-bottom:1px solid #edf0f4 !important;

        font-size:12px !important;
        line-height:17px !important;
        font-weight:500 !important;

        white-space:normal !important;
    }

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] *,
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] * {
        color:#25364f !important;
    }

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdA"],
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdA"] {
        width:28px !important;

        padding:6px !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:1px solid #edf0f4 !important;
    }

    body#liste #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:hover td,
    body#details #dhtmlgoodies_menu_xx table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:hover td {
        background:#edf4fc !important;
    }


    /* =================================================================
       LISTE / STARTSEITE
       ================================================================= */

    body#liste #scrollablehor {
        display:none !important;
    }

    body#liste #einstiegswerbung_oben {
        display:block !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;
        height:auto !important;

        margin:0 0 25px 0 !important;

        border:0 !important;
        border-radius:13px !important;

        box-shadow:0 5px 20px rgba(20,40,70,.08) !important;
    }

    body#liste #listesearchresults {
        color:#69778b !important;

        font-size:13px !important;
    }

    body#liste #tab_container_liste {
        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:0 0 10px 0 !important;
    }

    body#liste #sortrow {
        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:0 0 14px 0 !important;
    }


    /* =================================================================
       PRODUKTGRID
       ================================================================= */

    body#liste ul#prodlist {
        display:grid !important;

        grid-template-columns:repeat(4,minmax(0,1fr)) !important;

        gap:18px !important;

        float:none !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        list-style:none !important;

        box-sizing:border-box !important;
    }

    body#liste ul#prodlist > li:not(.wghead) {
        display:grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;

        grid-template-rows:
            auto auto 1fr auto !important;

        column-gap:8px !important;

        float:none !important;

        width:auto !important;
        height:auto !important;
        min-height:455px !important;

        margin:0 !important;
        padding:18px !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        outline:0 !important;

        border-radius:14px !important;

        box-shadow:0 3px 12px rgba(20,35,60,.045) !important;

        box-sizing:border-box !important;

        text-align:left !important;

        transition:
            transform .15s ease,
            box-shadow .15s ease,
            border-color .15s ease !important;
    }

    body#liste ul#prodlist > li:not(.wghead):hover {
        transform:translateY(-3px) !important;

        border-color:#cbd6e5 !important;

        box-shadow:0 10px 26px rgba(25,45,75,.10) !important;
    }

    body#liste ul#prodlist div.artcontent {
        grid-column:1/-1 !important;

        display:flex !important;
        flex-direction:column !important;

        float:none !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
    }

    body#liste ul#prodlist span.produktname {
        display:block !important;

        float:none !important;

        width:100% !important;
        height:auto !important;
        min-height:52px !important;

        margin:0 0 10px 0 !important;

        text-align:left !important;
    }

    body#liste ul#prodlist span.produktname a {
        display:block !important;

        color:#20324d !important;

        font-size:14px !important;
        line-height:1.38 !important;
        font-weight:650 !important;

        text-decoration:none !important;
    }

    body#liste ul#prodlist span.produktname a:hover {
        color:var(--ch-blue) !important;
    }

    body#liste ul#prodlist div.prodbild {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:195px !important;

        margin:0 0 10px 0 !important;

        overflow:hidden !important;
    }

    body#liste ul#prodlist span.produktbild {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        float:none !important;

        width:100% !important;
        height:100% !important;

        margin:0 !important;
    }

    body#liste ul#prodlist img[id^="llpic_"] {
        width:auto !important;
        height:auto !important;

        max-width:190px !important;
        max-height:190px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        object-fit:contain !important;
    }


    /* =================================================================
       PREIS LISTE
       ================================================================= */

    body#liste ul#prodlist div.preis {
        grid-column:1/-1 !important;

        float:none !important;

        width:100% !important;

        margin:4px 0 10px 0 !important;

        color:#142139 !important;

        font-size:18px !important;
        line-height:1.4 !important;
        font-weight:700 !important;

        text-align:left !important;
    }

    body#liste ul#prodlist div.preis span.preis {
        display:block !important;

        float:none !important;

        width:100% !important;

        margin:0 !important;

        color:#142139 !important;

        font-size:18px !important;

        text-align:left !important;
    }

    body#liste ul#prodlist div.preis a {
        color:#718096 !important;

        font-size:10px !important;
        font-weight:400 !important;
    }


    /* =================================================================
       PRODUKTMETADATEN LISTE
       ================================================================= */

    body#liste ul#prodlist div.prodshortinfo {
        grid-column:1/-1 !important;

        display:grid !important;

        grid-template-columns:
            auto minmax(0,1fr) !important;

        column-gap:7px !important;
        row-gap:3px !important;

        align-content:start !important;

        float:none !important;

        width:100% !important;
        height:auto !important;
        min-height:100px !important;

        margin:0 0 15px 0 !important;
        padding:11px 0 0 0 !important;

        border-top:1px solid #edf0f4 !important;

        position:static !important;

        box-sizing:border-box !important;
    }

    body#liste #content div.prodshortinfo label {
        display:block !important;

        float:none !important;
        clear:none !important;

        width:auto !important;

        margin:0 !important;

        color:#8791a0 !important;

        font-size:10px !important;
        line-height:15px !important;
        font-weight:500 !important;
    }

    body#liste #content div.prodshortinfo span {
        display:block !important;

        float:none !important;
        clear:none !important;

        width:auto !important;

        margin:0 !important;

        color:#455166 !important;

        font-size:10px !important;
        line-height:15px !important;
    }

    body#liste #content div.prodshortinfo label.preis {
        display:none !important;
    }

    body#liste #content span.status {
        min-width:22px !important;

        padding-left:20px !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       PRODUKTKARTEN-BUTTONS
       ================================================================= */

    body#liste #content div.add2wk,
    body#liste #content div.getinfos {
        display:block !important;

        float:none !important;

        width:auto !important;
        height:40px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        outline:0 !important;

        border-radius:8px !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }

    body#liste #content div.add2wk {
        grid-column:1 !important;

        background:var(--ch-blue) !important;
    }

    body#liste #content div.getinfos {
        grid-column:2 !important;

        background:#edf2f8 !important;
    }

    body#liste #content div.add2wk a,
    body#liste #content div.getinfos a {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        float:none !important;

        width:100% !important;
        height:40px !important;

        margin:0 !important;
        padding:0 8px !important;

        font-size:12px !important;
        font-weight:650 !important;

        text-decoration:none !important;

        box-sizing:border-box !important;
    }

    body#liste #content div.add2wk a {
        color:#fff !important;
    }

    body#liste #content div.getinfos a {
        color:#344359 !important;
    }

    body#liste #content div.add2wk:hover {
        background:#203f70 !important;
    }

    body#liste #content div.getinfos:hover {
        background:#dfe7f0 !important;
    }

    body#liste ul#prodlist li.wghead {
        grid-column:1/-1 !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        height:auto !important;
        min-height:44px !important;

        margin:0 !important;
        padding:11px 14px !important;

        background:#edf4fc !important;

        color:var(--ch-dark) !important;

        border:0 !important;
        border-radius:8px !important;

        font-size:14px !important;
        line-height:22px !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       PRODUKTDETAIL
       ================================================================= */

    body#details #produktdetails {
        display:grid !important;

        grid-template-columns:
            minmax(380px,.9fr)
            minmax(440px,1.1fr) !important;

        column-gap:34px !important;
        row-gap:18px !important;

        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body#details #pd_artname {
        grid-column:1/-1 !important;

        display:block !important;

        float:none !important;

        width:100% !important;

        margin:0 !important;
        padding:0 0 16px 0 !important;

        color:#17263d !important;

        border-bottom:1px solid #e5eaf0 !important;

        font-size:25px !important;
        line-height:1.3 !important;
        font-weight:700 !important;

        box-sizing:border-box !important;
    }


    /* =================================================================
       PRODUKTBILD
       ================================================================= */

    body#details #content #pd_images {
        grid-column:1 !important;
        grid-row:2 / span 3 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        float:none !important;

        width:100% !important;
        min-height:400px !important;

        margin:0 !important;
        padding:24px !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        border-radius:14px !important;

        box-sizing:border-box !important;
    }

    body#details #content #pd_images img {
        width:360px !important;
        height:auto !important;

        max-width:90% !important;
        max-height:360px !important;

        margin:0 !important;

        object-fit:contain !important;
    }


    /* =================================================================
       PRODUKTDATEN
       ================================================================= */

    body#details #content #pd_name {
        grid-column:2 !important;
        grid-row:2 !important;

        position:static !important;

        float:none !important;
        clear:none !important;

        width:100% !important;

        margin:0 !important;
        margin-left:0 !important;

        padding:20px 22px !important;

        background:var(--ch-soft) !important;

        border:1px solid var(--ch-border) !important;
        border-radius:12px !important;

        color:#435169 !important;

        font-size:13px !important;
        line-height:1.65 !important;

        box-sizing:border-box !important;
    }

    body#details #content #pd_name > div {
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        margin:0 0 5px 0 !important;

        box-sizing:border-box !important;
    }

    body#details #content #pd_name b,
    body#details #content #pd_name strong {
        color:#1c2d45 !important;
    }

    body#details #content #pd_name a {
        color:var(--ch-blue) !important;

        text-decoration:none !important;
    }

    body#details #content #pd_status,
    body#details #content #pd_statusabholung,
    body#details #content #pd_status2 {
        min-width:0 !important;

        width:100% !important;
        max-width:100% !important;
    }


    /* =================================================================
       DETAILPREIS
       ================================================================= */

    body#details #content #pd_preis {
        grid-column:2 !important;
        grid-row:3 !important;

        position:static !important;

        float:none !important;
        clear:none !important;

        width:100% !important;

        margin:0 !important;
        margin-left:0 !important;
        margin-top:0 !important;

        padding:20px 22px !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        border-radius:12px !important;

        box-sizing:border-box !important;
    }

    body#details #content #pd_preis span.preis {
        display:block !important;

        float:none !important;

        width:100% !important;

        color:#13213a !important;

        font-size:27px !important;
        line-height:1.3 !important;
        font-weight:750 !important;

        text-align:left !important;
    }

    body#details #content #pd_preis a {
        color:#718096 !important;

        font-size:11px !important;
        font-weight:400 !important;
    }


    /* =================================================================
       KAUFBEREICH
       ================================================================= */

    body#details #content form#arthinzu {
        grid-column:2 !important;
        grid-row:4 !important;

        display:block !important;

        position:static !important;

        float:none !important;
        clear:none !important;

        width:100% !important;

        margin:0 !important;
        padding:20px 22px !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        border-radius:12px !important;

        box-sizing:border-box !important;
    }

    body#details #content #pd_add {
        position:static !important;

        float:none !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;
    }

    body#details #content #quantity {
        position:static !important;

        display:grid !important;

        grid-template-columns:
            105px minmax(0,1fr) !important;

        gap:12px !important;

        align-items:end !important;

        float:none !important;
        clear:none !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        margin-left:0 !important;
        margin-top:0 !important;
        margin-right:0 !important;

        padding:0 !important;

        box-sizing:border-box !important;
    }

    body#details #content .pd_add_more,
    body#details #content .pd_add_wk,
    body#details #content .pd_add_mz {
        float:none !important;
        clear:none !important;

        width:auto !important;

        margin:0 !important;
    }

    body#details #content .pd_add_more {
        grid-column:1 !important;
    }

    body#details #content .pd_add_wk {
        grid-column:2 !important;
    }

    body#details #content .pd_add_mz {
        grid-column:2 !important;
    }

    body#details #content #add_more {
        width:100% !important;
        height:44px !important;

        margin:0 !important;
        padding:0 10px !important;

        background:#fff !important;

        border:1px solid #ccd5e1 !important;
        border-radius:8px !important;

        box-sizing:border-box !important;
    }

    body#details #content #addwk {
        display:block !important;

        width:100% !important;
        max-width:100% !important;
        height:44px !important;

        margin:0 !important;
        padding:0 15px !important;

        background:var(--ch-blue) !important;
        background-image:none !important;

        color:#fff !important;

        border:0 !important;
        border-radius:8px !important;

        font-size:13px !important;
        font-weight:650 !important;

        cursor:pointer !important;

        box-sizing:border-box !important;
    }

    body#details #content #addwk:hover {
        background:#203f70 !important;
    }

    body#details #content #eu_gew {
        grid-column:1/-1 !important;

        display:block !important;

        float:none !important;

        margin:12px 0 0 0 !important;
    }


    /* =================================================================
       DETAIL – ZURÜCK
       ================================================================= */

    body#details #content .backtolist {
        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:4px 0 10px 0 !important;

        text-align:right !important;
    }

    body#details #content .backtolist a {
        color:var(--ch-blue) !important;

        font-size:13px !important;
        font-weight:600 !important;

        text-decoration:none !important;
    }


    /* =================================================================
       DETAIL – TABS / TECHNISCHE DATEN
       ================================================================= */

    body#details #content #tabcontent,
    body#details #content .pd_container,
    body#details #content .tab_container,
    body#details #content .tab_content,
    body#details #content #techdata,
    body#details #content #produktinfo,
    body#details #content #zubehoer,
    body#details #content #produktsicherheit,
    body#details #content #bilder,
    body#details #content #energielabel {
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }

    body#details #content #tabcontent {
        grid-column:1/-1 !important;

        margin-top:18px !important;
    }

    body#details #content ul.tabs {
        display:flex !important;
        flex-wrap:wrap !important;

        float:none !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;

        border-bottom:1px solid #dfe6ee !important;

        list-style:none !important;
    }

    body#details #content ul.tabs li {
        float:none !important;

        margin:0 4px 0 0 !important;
        padding:0 !important;

        background:none !important;

        border:0 !important;
    }

    body#details #content ul.tabs li a {
        display:block !important;

        padding:11px 16px !important;

        background:#f1f4f8 !important;

        color:#35455d !important;

        border:0 !important;
        border-radius:8px 8px 0 0 !important;

        font-size:12px !important;
        font-weight:600 !important;

        text-decoration:none !important;
    }

    body#details #content ul.tabs li a:hover {
        background:#e5edf7 !important;

        color:var(--ch-blue) !important;
    }

    body#details #content table.desc {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;

        border-collapse:collapse !important;

        font-size:12px !important;
    }

    body#details #content table.desc td {
        padding:10px 12px !important;

        border-bottom:1px solid #edf0f4 !important;

        line-height:1.4 !important;
    }

    body#details #content table.desc td.key {
        width:38% !important;

        color:#647086 !important;

        font-weight:600 !important;
    }

    body#details #content table.desc td.header {
        background:#edf4fc !important;

        color:#17375f !important;

        font-weight:700 !important;
    }


    /* =================================================================
       FOOTER
       ================================================================= */

    body#liste #footer,
    body#details #footer {
        width:calc(100vw - 32px) !important;
        max-width:1600px !important;

        margin:22px auto 30px auto !important;

        background:transparent !important;
    }

    body#liste #inFooter,
    body#details #inFooter {
        width:100% !important;

        min-height:60px !important;

        padding:17px 20px !important;

        background:var(--ch-dark) !important;
        background-image:none !important;

        border:0 !important;
        border-radius:10px !important;

        color:#fff !important;

        box-sizing:border-box !important;
    }

    body#liste #inFooter a,
    body#details #inFooter a {
        color:#fff !important;
    }

}

/* =====================================================================
   CAVUS HARDWARE – DESKTOP MASTER V1 END
   ===================================================================== */

/* =====================================================================
   CAVUS HARDWARE – DESKTOP GLOBAL SHELL V1.1
   GEMEINSAMER LOOK FÜR ALLE DESKTOP-SHOPSEITEN
   KEINE CHECKOUT-/PAYMENT-LOGIK
   ===================================================================== */

@media screen and (min-width:769px) {

    body#liste,
    body#details,
    body#wk,
    body#bestellformular,
    body#kundendaten,
    body#bestabschluss,
    body#page,
    body#kontakt,
    body#kundenkonto,
    body#shop,
    body#registrieren {
        --ch-blue:#294a80;
        --ch-dark:#183b67;
        --ch-text:#17263d;
        --ch-muted:#718096;
        --ch-border:#dfe6ee;
        --ch-soft:#f5f7fa;

        background:#f3f5f8 !important;
        background-image:none !important;

        color:var(--ch-text) !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;
    }


    /* =========================================================
       GESAMTBREITE
       ========================================================= */

    body#liste #nonFooter,
    body#details #nonFooter,
    body#wk #nonFooter,
    body#bestellformular #nonFooter,
    body#kundendaten #nonFooter,
    body#bestabschluss #nonFooter,
    body#page #nonFooter,
    body#kontakt #nonFooter,
    body#kundenkonto #nonFooter,
    body#shop #nonFooter,
    body#registrieren #nonFooter {
        width:calc(100vw - 32px) !important;
        max-width:1600px !important;
        min-width:0 !important;

        margin:16px auto 0 auto !important;
        padding:0 !important;

        background:#fff !important;
        background-image:none !important;

        border:0 !important;
        border-radius:12px !important;

        box-shadow:0 8px 30px rgba(25,45,75,.07) !important;

        box-sizing:border-box !important;
    }


/* =========================================================
   HEADER – LOGO + GLOBALER KUNDENLOGIN
   DESKTOP FINAL
   ========================================================= */

@media screen and (min-width:769px) {

    body#liste #bildoben,
    body#details #bildoben,
    body#wk #bildoben,
    body#bestellformular #bildoben,
    body#kundendaten #bildoben,
    body#bestabschluss #bildoben,
    body#page #bildoben,
    body#kontakt #bildoben,
    body#kundenkonto #bildoben,
    body#shop #bildoben,
    body#registrieren #bildoben {

        position:relative !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:none !important;

        height:105px !important;
        min-height:105px !important;

        margin:0 !important;

        background-color:#fff !important;
        background-position:24px center !important;
        background-size:auto 83px !important;
        background-repeat:no-repeat !important;

        border:0 !important;

        box-sizing:border-box !important;
    }


    body#liste #bildoben > a,
    body#details #bildoben > a,
    body#wk #bildoben > a,
    body#bestellformular #bildoben > a,
    body#kundendaten #bildoben > a,
    body#bestabschluss #bildoben > a,
    body#page #bildoben > a,
    body#kontakt #bildoben > a,
    body#kundenkonto #bildoben > a,
    body#shop #bildoben > a,
    body#registrieren #bildoben > a {

        display:block !important;

        width:100% !important;
        height:105px !important;
    }


    /*
     * Alter nativer Login wird nicht mehr für das
     * Desktop-Layout reserviert.
     *
     * Der globale Kundenbereich kommt über
     * #cavus-global-login-header V113.
     */
    body #login {
        display:none !important;
    }

}

    /* =========================================================
       OBERE NAVIGATION
       ========================================================= */

    body#liste ul#navileiste,
    body#details ul#navileiste,
    body#wk ul#navileiste,
    body#bestellformular ul#navileiste,
    body#kundendaten ul#navileiste,
    body#bestabschluss ul#navileiste,
    body#page ul#navileiste,
    body#kontakt ul#navileiste,
    body#kundenkonto ul#navileiste,
    body#shop ul#navileiste,
    body#registrieren ul#navileiste {
        display:flex !important;
        align-items:center !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        height:44px !important;

        margin:0 !important;
        padding:0 18px !important;

        background:var(--ch-dark) !important;
        background-image:none !important;

        border:0 !important;

        box-sizing:border-box !important;
    }

    body ul#navileiste li {
        float:none !important;

        margin:0 !important;
        padding:0 !important;

        background:none !important;
    }

    body ul#navileiste a {
        display:flex !important;
        align-items:center !important;

        float:none !important;

        height:44px !important;

        padding:0 15px !important;

        background:none !important;
        background-image:none !important;

        color:#fff !important;

        border:0 !important;

        font-size:13px !important;
        font-weight:500 !important;

        text-decoration:none !important;
    }

    body ul#navileiste a:hover {
        background:rgba(255,255,255,.10) !important;
    }


    /* =========================================================
       SIDEBAR
       ========================================================= */

    body#liste #banner,
    body#details #banner,
    body#wk #banner,
    body#bestellformular #banner,
    body#kundendaten #banner,
    body#bestabschluss #banner,
    body#page #banner,
    body#kontakt #banner,
    body#kundenkonto #banner,
    body#shop #banner,
    body#registrieren #banner {
        float:left !important;
        clear:none !important;

        width:220px !important;

        margin:0 !important;
        padding:18px 0 28px 0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    /* =========================================================
       CONTENT – GEMEINSAME BREITE
       ========================================================= */

    body#liste #content,
    body#details #content,
    body#wk #content,
    body#bestellformular #content,
    body#kundendaten #content,
    body#bestabschluss #content,
    body#page #content,
    body#kontakt #content,
    body#kundenkonto #content,
    body#shop #content,
    body#registrieren #content {
        float:left !important;
        clear:none !important;

        width:calc(100% - 242px) !important;
        max-width:none !important;

        margin:0 0 0 22px !important;
        padding:22px 24px 35px 0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    /* =========================================================
       SUCHE
       ========================================================= */

    body #banner .box_left,
    body #banner .box_left_menu {
        float:none !important;

        width:220px !important;

        margin:0 !important;
        padding:0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }

    body #banner .box_content {
        float:none !important;

        width:190px !important;
        height:auto !important;

        margin:0 auto 14px auto !important;
        padding:0 !important;

        position:relative !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    body #searchrib,
    body #searchribhs {
        float:none !important;
        clear:both !important;

        position:relative !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }

    body #searchrib {
        margin-bottom:9px !important;
    }

    body #searchribhs {
        margin-bottom:10px !important;
    }

    body #searchrib form {
        position:relative !important;

        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

    body #searchfield {
        width:100% !important;
        height:40px !important;

        margin:0 !important;
        padding:0 44px 0 11px !important;

        background:#fff !important;
        background-image:none !important;

        border:1px solid #ccd5e1 !important;
        border-radius:8px !important;

        box-sizing:border-box !important;
    }

    body #searchrib input.gosearch {
        position:absolute !important;

        right:0 !important;
        bottom:0 !important;

        width:40px !important;
        height:40px !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;
        border-radius:0 8px 8px 0 !important;

        background-color:var(--ch-blue) !important;
    }

    body #searchribhs select,
    body #searchribhs .listchoose,
    body #my-dropdown5 {
        width:100% !important;
        height:36px !important;

        margin:0 !important;
        padding:0 9px !important;

        background:#fff !important;

        border:1px solid #d3dae4 !important;
        border-radius:7px !important;

        box-sizing:border-box !important;
    }


    /* =========================================================
       WEISSES KATEGORIENMENÜ
       ========================================================= */

    body #dhtmlgoodies_menu_xx {
        width:220px !important;
        max-width:220px !important;

        margin:0 !important;

        background:#fff !important;

        border:1px solid var(--ch-border) !important;
        border-radius:8px !important;

        box-shadow:0 3px 12px rgba(30,50,80,.04) !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }

    body #dhtmlgoodies_menu_xx #dm0m0tbl {
        width:100% !important;

        background:#fff !important;

        border-collapse:collapse !important;
    }

    body
    #dhtmlgoodies_menu_xx
    #dm0m0tbl
    td[id$="tdT"] {
        background:#fff !important;

        color:#26364d !important;

        padding:10px 12px !important;

        border:0 !important;
        border-bottom:1px solid #e7ebf0 !important;

        font-size:12px !important;
        line-height:17px !important;
        font-weight:550 !important;
    }

    body
    #dhtmlgoodies_menu_xx
    #dm0m0tbl
    td[id$="tdT"] * {
        color:#26364d !important;
    }

    body
    #dhtmlgoodies_menu_xx
    #dm0m0tbl
    td[id$="tdA"] {
        width:26px !important;

        background:#fff !important;

        border-bottom:1px solid #e7ebf0 !important;
    }

    body
    #dhtmlgoodies_menu_xx
    #dm0m0tbl
    tr:hover td {
        background:#edf4fc !important;
    }


    /* =========================================================
       FOOTER
       ========================================================= */

    body#liste #footer,
    body#details #footer,
    body#wk #footer,
    body#bestellformular #footer,
    body#kundendaten #footer,
    body#bestabschluss #footer,
    body#page #footer,
    body#kontakt #footer,
    body#kundenkonto #footer,
    body#shop #footer,
    body#registrieren #footer {
        width:calc(100vw - 32px) !important;
        max-width:1600px !important;

        margin:22px auto 30px auto !important;

        background:transparent !important;
    }

    body#liste #inFooter,
    body#details #inFooter,
    body#wk #inFooter,
    body#bestellformular #inFooter,
    body#kundendaten #inFooter,
    body#bestabschluss #inFooter,
    body#page #inFooter,
    body#kontakt #inFooter,
    body#kundenkonto #inFooter,
    body#shop #inFooter,
    body#registrieren #inFooter {
        width:100% !important;

        min-height:60px !important;

        padding:17px 20px !important;

        background:var(--ch-dark) !important;
        background-image:none !important;

        border:0 !important;
        border-radius:10px !important;

        color:#fff !important;

        box-sizing:border-box !important;
    }


    /* CAVUS REGISTRIERUNG DESKTOP 20261005 */
    body#registrieren #registry {
        float:none !important;
        width:100% !important;
        max-width:760px !important;
        margin:0 !important;
        padding:24px !important;
        border:1px solid var(--ch-border) !important;
        border-radius:10px !important;
        background:#fff !important;
        box-sizing:border-box !important;
    }
    body#registrieren #registry > h4 {
        margin:0 0 24px !important;
        font-size:24px !important;
        line-height:1.3 !important;
        color:var(--ch-text) !important;
    }
    body#registrieren #registryform {
        display:grid !important;
        grid-template-columns:minmax(140px,190px) minmax(0,1fr) !important;
        gap:16px 22px !important;
        align-items:center !important;
        float:none !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        box-sizing:border-box !important;
    }
    body#registrieren #registryform label {
        float:none !important;
        clear:none !important;
        width:auto !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
        font-size:14px !important;
        line-height:1.45 !important;
        color:var(--ch-text) !important;
    }
    body#registrieren #registryform label span {
        display:block !important;
        margin-top:4px !important;
        font-size:12px !important;
        font-weight:400 !important;
        color:#596779 !important;
    }
    body#registrieren #registryform > input:not([type="hidden"]):not([type="submit"]),
    body#registrieren #registryform > select {
        float:none !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;
        height:44px !important;
        margin:0 !important;
        padding:9px 12px !important;
        border:1px solid #b9c5d3 !important;
        border-radius:6px !important;
        background:#fff !important;
        color:#17263d !important;
        font:inherit !important;
        font-size:15px !important;
        box-sizing:border-box !important;
    }
    body#registrieren #registryform input:focus-visible,
    body#registrieren #registryform select:focus-visible {
        outline:2px solid #294a80 !important;
        outline-offset:2px !important;
    }
    body#registrieren #registryform > label:empty { display:none !important; }
    body#registrieren #registryform > label:has(img) { grid-column:2 !important; }
    body#registrieren #registryform label img { max-width:100% !important; height:auto !important; }
    body#registrieren #registryform > div:has(#dseok) {
        grid-column:1 / -1 !important;
        display:flex !important;
        align-items:center !important;
        gap:12px !important;
        margin:8px 0 !important;
    }
    body#registrieren #registryform #dseok {
        order:-1 !important;
        flex:0 0 18px !important;
        width:18px !important;
        height:18px !important;
        margin:0 !important;
    }
    body#registrieren #registryform > label[for="registry"] { font-size:12px !important; }
    body#registrieren #registryform > input[type="submit"] {
        grid-column:2 !important;
        justify-self:start !important;
        width:auto !important;
        height:auto !important;
        min-height:44px !important;
        margin:0 !important;
        padding:11px 24px !important;
        border:0 !important;
        border-radius:6px !important;
        background:#294a80 !important;
        color:#fff !important;
        font-size:15px !important;
        font-weight:600 !important;
        cursor:pointer !important;
    }
    @media screen and (max-width:1050px) {
        body#registrieren #registry { padding:18px !important; }
        body#registrieren #registryform { grid-template-columns:minmax(0,1fr) !important; gap:8px !important; }
        body#registrieren #registryform > label { margin-top:8px !important; }
        body#registrieren #registryform > label:has(img),
        body#registrieren #registryform > input[type="submit"] { grid-column:1 !important; }
    }
}
/* =====================================================================
   CAVUS HARDWARE – DESKTOP CHECKOUT MASTER V2
   Warenkorb + Zahlarten + Kundendaten + Bestellprüfung
   DESKTOP ONLY >= 769px
   KEINE PAYMENT-LOGIK
   ===================================================================== */

@media screen and (min-width:769px) {

    /* =========================================================
       CHECKOUT-SEITEN – GRUNDTEXT
       ========================================================= */

    body#wk #content,
    body#bestellformular #content,
    body#kundendaten #content {
        color:#24334a !important;
        font-size:13px !important;
        line-height:1.45 !important;
    }

    body#wk #content h1,
    body#bestellformular #content h1,
    body#kundendaten #content h1 {
        color:#17263d !important;

        font-size:23px !important;
        line-height:1.3 !important;
        font-weight:700 !important;

        margin-top:0 !important;
    }


    /* =========================================================
       CHECKOUT-FORTSCHRITT
       ========================================================= */

    body#bestellformular #fortschritt,
    body#kundendaten #fortschritt {
        display:flex !important;
        align-items:stretch !important;

        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;
        height:auto !important;

        margin:0 0 22px 0 !important;
        padding:0 !important;

        background:#f3f5f8 !important;

        border:1px solid #e0e6ee !important;
        border-radius:9px !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }

    body#bestellformular #fortschritt a,
    body#kundendaten #fortschritt a {
        position:static !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        float:none !important;

        flex:1 1 0 !important;

        width:auto !important;
        height:40px !important;

        margin:0 !important;
        padding:0 12px !important;

        background:#f3f5f8 !important;

        color:#637086 !important;

        border:0 !important;
        border-right:1px solid #e0e6ee !important;

        font-size:12px !important;
        line-height:1.2 !important;
        font-weight:600 !important;

        text-align:center !important;
        text-decoration:none !important;

        box-sizing:border-box !important;
    }

    body#bestellformular #fortschritt a:last-child,
    body#kundendaten #fortschritt a:last-child {
        border-right:0 !important;
    }


    /* =========================================================
       WARENKORB-TABELLEN – GEMEINSAM
       ========================================================= */

    body#wk form#korb,
    body#wk table#warenkorb,
    body#bestellformular table#warenkorb,
    body#kundendaten table#warenkorb,
    body#kundendaten #content > div#kundendaten table#warenkorb {
        width:100% !important;
        max-width:100% !important;

        float:none !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }

    body#wk table#warenkorb,
    body#bestellformular table#warenkorb,
    body#kundendaten table#warenkorb {
        border-collapse:separate !important;
        border-spacing:0 !important;

        background:#fff !important;

        border:1px solid #dfe5ed !important;
        border-radius:10px !important;

        overflow:hidden !important;
    }

    body#wk table#warenkorb th,
    body#bestellformular table#warenkorb th,
    body#kundendaten table#warenkorb th {
        padding:9px 8px !important;

        background:#26313a !important;

        color:#fff !important;

        border:0 !important;

        font-size:11px !important;
        font-weight:650 !important;
    }

    body#wk table#warenkorb td,
    body#bestellformular table#warenkorb td,
    body#kundendaten table#warenkorb td {
        padding:8px 8px !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:1px solid #e8edf2 !important;

        color:#314056 !important;

        font-size:11px !important;
        line-height:1.35 !important;

        vertical-align:middle !important;
    }

    body#wk table#warenkorb tr:hover td,
    body#bestellformular table#warenkorb tr:hover td,
    body#kundendaten table#warenkorb tr:hover td {
        background:#f8fafc !important;
    }

    body#wk table#warenkorb img,
    body#bestellformular table#warenkorb img,
    body#kundendaten table#warenkorb img {
        max-width:54px !important;
        max-height:54px !important;

        object-fit:contain !important;
    }

    body#wk table input.inputtextwk,
    body#bestellformular table input.inputtextwk {
        width:42px !important;
        height:32px !important;

        margin:0 !important;
        padding:0 5px !important;

        background:#fff !important;

        border:1px solid #cfd7e2 !important;
        border-radius:6px !important;

        text-align:center !important;

        box-sizing:border-box !important;
    }


    /* =========================================================
       WARENKORB
       ========================================================= */

    body#wk #wkinfo {
        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:8px 0 16px 0 !important;
        padding:0 !important;

        color:#58677d !important;

        box-sizing:border-box !important;
    }

    body#wk #printwk {
        float:right !important;

        margin:0 0 8px 0 !important;
    }

    body#wk #content input[type="submit"],
    body#wk #content input[type="button"],
    body#wk #content .button {
        min-height:38px !important;

        padding:0 16px !important;

        background:#294a80 !important;
        background-image:none !important;

        color:#fff !important;

        border:0 !important;
        border-radius:7px !important;

        font-weight:600 !important;
    }

/* =========================================================
   ZAHLARTEN / VERSANDARTEN – FINAL SAFE
   NUR DARSTELLUNG – VERSTECKTE ZAHLARTEN BLEIBEN VERSTECKT
   ========================================================= */

body#bestellformular #content {
    margin-left:42px !important;
    width:calc(100% - 262px) !important;
    padding-right:24px !important;
    box-sizing:border-box !important;
}


body#bestellformular form#willisms {
    width:100% !important;
    max-width:100% !important;

    margin:0 !important;
    padding:0 !important;

    box-sizing:border-box !important;
}


body#bestellformular #content .vart {
    float:none !important;
    clear:both !important;

    width:100% !important;
    max-width:100% !important;

    margin:18px 0 22px 0 !important;

    box-sizing:border-box !important;
}


body#bestellformular #content .vart > ul {
    width:100% !important;
    max-width:100% !important;

    margin:8px 0 0 0 !important;
    padding:8px !important;

    background:#f5f7fa !important;

    border:1px solid #dfe6ee !important;
    border-radius:10px !important;

    box-shadow:none !important;

    box-sizing:border-box !important;
}


/* =========================================================
   WICHTIGER PAYMENT-SCHUTZ
   technische / versteckte Shop2Go-Zeilen NIEMALS einblenden
   ========================================================= */

body#bestellformular #content .vart .versteckt,
body#bestellformular #content .vart li.versteckt,
body#bestellformular #content .vart [hidden] {
    display:none !important;
}


/*
 * KEIN display:flex / display:block auf allen li!
 * Dadurch bleiben auch per JavaScript versteckte
 * Vorkasse-/Carrier-Zeilen wirklich unsichtbar.
 */

body#bestellformular #content .vart li {
    width:100% !important;
    max-width:100% !important;

    box-sizing:border-box !important;
}


body#bestellformular #content .vart li li {
    position:relative !important;

    width:100% !important;

    min-height:58px !important;

    margin:0 0 8px 0 !important;

    padding:13px 58px 13px 14px !important;

    background:#fff !important;

    border:1px solid #e2e7ee !important;
    border-radius:8px !important;

    font-size:14px !important;
    line-height:20px !important;
    font-weight:600 !important;

    box-sizing:border-box !important;
}


body#bestellformular #content .vart li li:last-child {
    margin-bottom:0 !important;
}


body#bestellformular #content .vart li li:hover {
    border-color:#bdcbe0 !important;
    background:#fbfcfe !important;
}


/* Radio nur positionieren – NICHT Sichtbarkeit verändern */
body#bestellformular #content .vart li li input[type="radio"] {
    position:absolute !important;

    right:18px !important;
    top:50% !important;

    transform:translateY(-50%) !important;

    width:18px !important;
    height:18px !important;

    margin:0 !important;

    cursor:pointer !important;
}


/*
 * Bilder NICHT float:none setzen.
 * Shop2Go/Stripe dürfen ihre vorhandene Logo-Anordnung behalten.
 */

body#bestellformular #content .vart li li img {
    max-height:34px !important;
    vertical-align:middle !important;
}


/* Stripe/Klarna-Untertext */
body#bestellformular #content .vart li li div {
    color:#69778b !important;

    font-size:12px !important;
    line-height:18px !important;
    font-weight:400 !important;
}


/* Weiter */
body#bestellformular form#willisms .bestab {
    float:right !important;

    min-height:44px !important;

    padding:0 22px !important;

    background:#294a80 !important;
    background-image:none !important;

    color:#fff !important;

    border:0 !important;
    border-radius:7px !important;

    font-size:14px !important;
    font-weight:650 !important;
}

 /* =========================================================
   KUNDENDATEN – FORMULAR FINAL V6
   DESKTOP – ABSTAND / FORMULAR / V114 ACCOUNT
   ========================================================= */

    /* =====================================================
       SIDEBAR -> INHALT
       ===================================================== */

    body#kundendaten #content {
        float:left !important;
        clear:none !important;

        width:calc(100% - 262px) !important;
        max-width:none !important;

        margin:0 0 0 42px !important;
        padding:24px 28px 55px 0 !important;

        background:#fff !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       FORMULAR
       ===================================================== */

    body#kundendaten #content form#willisms {
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * V114 Account-Auswahl ->
     * deutlich Luft zu "Angaben zu Ihrer Bestellung"
     */
    body#kundendaten
    #cavus-checkout-account
    + form#willisms {
        margin-top:34px !important;
    }


    /* =====================================================
       "ANGABEN ZU IHRER BESTELLUNG"
       ===================================================== */

    body#kundendaten #content h3 {
        float:none !important;
        clear:both !important;

        width:100% !important;

        margin:0 0 20px 0 !important;
        padding:0 !important;

        color:#17263d !important;

        font-size:17px !important;
        line-height:1.4 !important;
        font-weight:700 !important;
    }


    body#kundendaten
    #cavus-checkout-account
    + form#willisms > h3:first-child {
        margin-top:0 !important;
        margin-bottom:26px !important;
    }


    /* =====================================================
       RECHNUNGSADRESSE
       ===================================================== */

    body#kundendaten #rechfield {
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin:0 0 26px 0 !important;
        padding:24px 26px 28px 26px !important;

        background:#f6f8fb !important;

        border:1px solid #e0e6ee !important;
        border-radius:10px !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }


    body#kundendaten #rechfield input[type="text"],
    body#kundendaten #rechfield input[type="email"],
    body#kundendaten #rechfield input[type="tel"],
    body#kundendaten #rechfield input[type="password"],
    body#kundendaten #rechfield select {
        height:40px !important;

        padding:0 10px !important;

        background:#fff !important;

        border:1px solid #ccd5e1 !important;
        border-radius:6px !important;

        box-sizing:border-box !important;
    }


    body#kundendaten #rechfield input:focus,
    body#kundendaten #rechfield select:focus {
        border-color:#294a80 !important;

        outline:0 !important;

        box-shadow:
            0 0 0 3px
            rgba(41,74,128,.10) !important;
    }


    /* =====================================================
       ANMERKUNGEN
       ===================================================== */

    body#kundendaten #bemerkung,
    body#kundendaten textarea#anmerk {
        min-height:120px !important;

        padding:10px !important;

        background:#fff !important;

        border:1px solid #ccd5e1 !important;
        border-radius:6px !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       ALTERNATIVE LIEFERADRESSE
       ===================================================== */

    body#kundendaten #content fieldset#altlieferfield {
        float:none !important;
        clear:both !important;

        width:100% !important;
        max-width:100% !important;

        margin:30px 0 0 0 !important;
        padding:0 !important;

        border:0 !important;

        box-sizing:border-box !important;
    }


    body#kundendaten
    #content
    fieldset#altlieferfield
    h4.lieferadresse {
        float:none !important;
        clear:both !important;

        margin:24px 0 16px 0 !important;
        padding:0 !important;

        color:#17263d !important;

        font-size:16px !important;
        line-height:1.4 !important;
        font-weight:700 !important;
    }


    body#kundendaten #content #altliefer {
        margin-top:7px !important;
    }


    /* =====================================================
       ALTER LOGINFIELD – FALLBACK
       V114 benutzt #cavus-checkout-account
       ===================================================== */

    body#kundendaten #loginfield {
        width:100% !important;
        max-width:100% !important;

        margin:16px 0 24px 0 !important;
        padding:14px !important;

        background:#f6f8fb !important;

        border:1px solid #e0e6ee !important;
        border-radius:10px !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }


    /* =====================================================
       V114 ACCOUNT-BEREICH
       ===================================================== */

    body#kundendaten #cavus-checkout-account {
        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        box-sizing:border-box !important;
    }

    /* =========================================================
       BESTELLPRÜFUNG
       Shop2Go nutzt hier ebenfalls body#kundendaten
       ========================================================= */

    body#kundendaten #content > div#kundendaten {
        width:100% !important;
        max-width:100% !important;

        box-sizing:border-box !important;
    }

    body#kundendaten #content > div#kundendaten > h1 {
        width:100% !important;
        max-width:100% !important;

        margin:0 0 18px 0 !important;

        white-space:normal !important;
    }

    body#kundendaten #content > div#kundendaten .zusammenfassung1 {
        width:100% !important;
        max-width:100% !important;

        margin:0 0 18px 0 !important;
        padding:20px 22px !important;

        background:#f6f8fb !important;

        border:1px solid #e0e6ee !important;
        border-radius:10px !important;

        box-shadow:none !important;

        box-sizing:border-box !important;
    }

    body#kundendaten #content > div#kundendaten input.bestabuy {
        position:static !important;

        float:right !important;
        clear:both !important;

        min-height:42px !important;

        margin:16px 0 0 0 !important;
        padding:0 22px !important;

        left:auto !important;
        right:auto !important;

        transform:none !important;

        background:#294a80 !important;
        background-image:none !important;

        color:#fff !important;

        border:0 !important;
        border-radius:7px !important;

        font-weight:650 !important;
    }


    /* =========================================================
       ALLGEMEINE CHECKOUT-LINKS
       ========================================================= */

    body#wk #content a,
    body#bestellformular #content a,
    body#kundendaten #content a {
        color:#294a80 !important;
    }

}

/* =====================================================================
   CAVUS HARDWARE – DESKTOP CHECKOUT MASTER V2 END
   ===================================================================== */


/* =========================================================
   CAVUS DESKTOP – TYPOGRAFIE FEINSCHLIFF V2.3
   ========================================================= */

@media screen and (min-width:769px) {

    /* Produktdaten rechts */
    body#details #content #pd_name,
    body#details #content #pd_name div {
        font-size:13px !important;
        line-height:1.65 !important;
    }

    /* Tabs */
    body#details #content ul.tabs li a {
        font-size:12.5px !important;
    }

    /* Beschreibung / Infotexte */
    body#details #content .tab_content,
    body#details #content .pd_container,
    body#details #content table.desc {
        font-size:12.5px !important;
        line-height:1.55 !important;
    }

    body#details #content table.desc td {
        font-size:12.5px !important;
    }

    /* allgemeine kleine Texte im Detailbereich */
    body#details #content p {
        font-size:12.5px !important;
        line-height:1.55 !important;
    }

}
/* =========================================================
   CAVUS DESKTOP – INFOSEITEN FINAL V2.6
   Mehr Abstand + vernünftige Leseschrift
   ========================================================= */

@media screen and (min-width:769px) {

    body#page #content {
        float:left !important;

        width:calc(100% - 285px) !important;
        max-width:none !important;

        margin-left:45px !important;
        margin-right:0 !important;

        padding:28px 35px 60px 0 !important;

        color:#26364d !important;

        font-size:15px !important;
        line-height:1.7 !important;

        box-sizing:border-box !important;
    }


    /* normale Texte */
    body#page #content p,
    body#page #content li,
    body#page #content td,
    body#page #content div {
        font-size:15px !important;
        line-height:1.7 !important;
    }


    /* Überschriften */
    body#page #content h1 {
        margin:0 0 22px 0 !important;

        color:#17263d !important;

        font-size:24px !important;
        line-height:1.3 !important;
        font-weight:700 !important;
    }

    body#page #content h2 {
        margin:22px 0 14px 0 !important;

        color:#17263d !important;

        font-size:20px !important;
        line-height:1.35 !important;
    }

    body#page #content h3,
    body#page #content h4 {
        margin:18px 0 10px 0 !important;

        color:#17263d !important;

        font-size:17px !important;
        line-height:1.4 !important;
    }


    /* Absätze */
    body#page #content p {
        margin:0 0 16px 0 !important;
        padding:0 !important;
    }


    /* Listen */
    body#page #content ul,
    body#page #content ol {
        margin:10px 0 18px 24px !important;
        padding:0 !important;
    }


    /* Links */
    body#page #content a {
        color:#294a80 !important;

        text-decoration:underline !important;
        text-underline-offset:2px !important;
    }

}
/* =========================================================
   CAVUS DESKTOP – WARENKORB LESBARKEIT V2.7
   ========================================================= */

@media screen and (min-width:769px) {

    body#wk #content {
        font-size:15px !important;
        line-height:1.5 !important;
    }

    body#wk #content #warenkorb {
        float:none !important;
        width:100% !important;
        max-width:100% !important;
    }

    body#wk #content table#warenkorb {
        width:100% !important;
        font-size:14px !important;
    }

    body#wk #content table#warenkorb th {
        font-size:13px !important;
        line-height:18px !important;
        padding:11px 10px !important;
    }

    body#wk #content table#warenkorb td {
        font-size:13.5px !important;
        line-height:20px !important;
        padding:11px 10px !important;
    }

    body#wk #content table#warenkorb td.name,
    body#wk #content table#warenkorb td.name a {
        font-size:13.5px !important;
        line-height:20px !important;
    }

    body#wk #content table#warenkorb img {
        max-width:62px !important;
        max-height:62px !important;
    }

    body#wk table input.inputtextwk {
        width:46px !important;
        height:36px !important;
        padding:0 6px !important;
        font-size:14px !important;
        line-height:34px !important;
    }

    body#wk table td.menge {
        width:80px !important;
    }

    body#wk #wkinfo,
    body#wk #wkinfo p {
        font-size:14px !important;
        line-height:1.5 !important;
    }

    body#wk #printwk,
    body#wk #printwk a {
        font-size:13px !important;
    }

    body#wk #content input.calc,
    body#wk #content #bestellen,
    body#wk #content input[type="submit"],
    body#wk #content input[type="button"] {
        font-size:14px !important;
        min-height:42px !important;
        padding:0 18px !important;
    }

}
/* =========================================================
   CAVUS DESKTOP – WARENKORB FINAL V2.8
   KORREKTE SHOP2GO-STRUKTUR
   ========================================================= */

@media screen and (min-width:769px) {

    /* mehr Abstand Sidebar -> Inhalt */
    body#wk #content {
        width:calc(100% - 275px) !important;
        margin-left:42px !important;
        padding-right:25px !important;

        font-size:15px !important;
        line-height:1.5 !important;
    }

    /* Warenkorb-Wrapper */
    body#wk #content #warenkorb {
        float:none !important;
        width:100% !important;
        max-width:100% !important;
    }

    /* DIE echte Tabelle */
    body#wk #content #warenkorb table,
    body#wk #content table {
        width:100% !important;

        font-size:14px !important;

        border-collapse:separate !important;
        border-spacing:0 !important;
    }

    /* Kopf */
    body#wk #content #warenkorb table th,
    body#wk #content table th {
        padding:12px 11px !important;

        font-size:13px !important;
        line-height:18px !important;
        font-weight:650 !important;
    }

    /* Produktzeilen */
    body#wk #content #warenkorb table td,
    body#wk #content table td {
        padding:13px 11px !important;

        font-size:14px !important;
        line-height:21px !important;

        vertical-align:middle !important;
    }

    /* Produktname */
    body#wk #content table td.name,
    body#wk #content table td.name a {
        font-size:14px !important;
        line-height:21px !important;
    }

    /* Produktbilder */
    body#wk #content #warenkorb table td.bild img,
    body#wk #content #warenkorb table img {
        width:auto !important;
        height:auto !important;

        max-width:65px !important;
        max-height:58px !important;
    }

    /* Menge */
    body#wk #content table td.menge {
        width:90px !important;
    }

    body#wk #content table input.inputtextwk,
    body#wk #content table .inputtextwk {
        width:46px !important;
        height:36px !important;

        padding:0 6px !important;

        font-size:14px !important;
        line-height:34px !important;

        border:1px solid #ccd5e1 !important;
        border-radius:6px !important;
    }

    /* Titel + Erklärung */
    body#wk #content #warenkorb h4 {
        font-size:18px !important;
        line-height:24px !important;

        margin:8px 0 10px 0 !important;
    }

    body#wk #content #warenkorb p,
    body#wk #content #wkinfo {
        font-size:14px !important;
        line-height:21px !important;
    }

    /* Summe */
    body#wk #content td.gessumme,
    body#wk #content td.wksumme {
        font-size:15px !important;
        line-height:22px !important;
        padding:9px 12px !important;
    }

    /* Buttons */
    body#wk #content input.calc,
    body#wk #content #bestellen,
    body#wk #content input[type="submit"],
    body#wk #content input[type="button"] {
        height:42px !important;
        min-height:42px !important;

        padding:0 20px !important;

        font-size:14px !important;
        line-height:42px !important;

        border-radius:7px !important;
    }


    /* =====================================================
       SIDEBAR-TEXT WIRKLICH VERGRÖSSERN
       Kind-Elemente hatten eigene alte Schriftgrößen
       ===================================================== */

    #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"],
    #dhtmlgoodies_menu_xx #dm0m0tbl td[id$="tdT"] * {
        font-size:14px !important;
        line-height:19px !important;
    }

    #dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl)
    td[id$="tdT"],
    #dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl)
    td[id$="tdT"] * {
        font-size:13.5px !important;
        line-height:19px !important;
    }

}

/* =========================================================
   CAVUS DESKTOP – WARENKORB TYPO FINAL V2.9
   nur Größe / Lesbarkeit
   ========================================================= */

@media screen and (min-width:769px) {

    body#wk #content #warenkorb h4 {
        font-size:20px !important;
        line-height:26px !important;
        font-weight:700 !important;
    }

    body#wk #content #warenkorb p {
        font-size:15px !important;
        line-height:22px !important;
    }

    body#wk #content #warenkorb table {
        font-size:15px !important;
    }

    body#wk #content #warenkorb table th {
        font-size:14px !important;
        line-height:20px !important;
        padding:12px 12px !important;
        font-weight:650 !important;
    }

    body#wk #content #warenkorb table td {
        font-size:15px !important;
        line-height:22px !important;
        padding:13px 12px !important;
    }

    body#wk #content #warenkorb table td.name,
    body#wk #content #warenkorb table td.name a {
        font-size:15px !important;
        line-height:22px !important;
        font-weight:500 !important;
    }

    body#wk #content #warenkorb table td.preis,
    body#wk #content #warenkorb table td.preissumme,
    body#wk #content #warenkorb table td.menge {
        font-size:15px !important;
    }

    body#wk #content #warenkorb table img {
        max-width:68px !important;
        max-height:62px !important;
    }

    body#wk #content #warenkorb table input.inputtextwk {
        width:48px !important;
        height:38px !important;
        font-size:15px !important;
        line-height:36px !important;
    }

    body#wk #content #warenkorb td.wksumme,
    body#wk #content #warenkorb td.gessumme {
        font-size:16px !important;
        font-weight:700 !important;
    }

    body#wk #content input.calc,
    body#wk #content #bestellen {
        font-size:15px !important;
        height:44px !important;
        min-height:44px !important;
        padding:0 22px !important;
    }

}
/* =====================================================================
   CAVUS HARDWARE – WARENKORB + MENÜ FINAL V3.0
   Desktop only
   ===================================================================== */

@media screen and (min-width:769px) {

    /* =========================================================
       1. WARENKORB – MEHR PRÄSENZ
       ========================================================= */

    body#wk #content {
        font-size:15px !important;
        line-height:1.55 !important;
    }

    body#wk #content #warenkorb {
        width:100% !important;
        max-width:100% !important;

        margin-top:10px !important;
    }

    body#wk #content #warenkorb h4 {
        font-size:21px !important;
        line-height:28px !important;
        font-weight:700 !important;

        color:#17263d !important;

        margin:8px 0 8px 0 !important;
    }

    body#wk #content #warenkorb p {
        font-size:15px !important;
        line-height:22px !important;

        margin:0 0 18px 0 !important;

        color:#66758a !important;
    }


    /* =========================================================
       2. TABELLE
       ========================================================= */

    body#wk #content #warenkorb table {
        width:100% !important;

        border-collapse:separate !important;
        border-spacing:0 !important;

        background:#fff !important;

        border:1px solid #dce4ed !important;
        border-radius:12px !important;

        overflow:hidden !important;

        box-shadow:0 4px 16px rgba(25,45,75,.055) !important;
    }


    /* Tabellenkopf */

    body#wk #content #warenkorb table th {
        padding:13px 13px !important;

        background:#26323d !important;

        color:#fff !important;

        font-size:14px !important;
        line-height:20px !important;
        font-weight:650 !important;

        border:0 !important;
    }


    /* Produktzeilen deutlich höher */

    body#wk #content #warenkorb table td {
        padding:17px 13px !important;

        font-size:14.5px !important;
        line-height:22px !important;

        vertical-align:middle !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:1px solid #e8edf2 !important;
    }

    body#wk #content #warenkorb table tr:last-child td {
        border-bottom:0 !important;
    }

    body#wk #content #warenkorb table tr:hover td {
        background:#fafcff !important;
    }


    /* =========================================================
       3. PRODUKTBILDER – NICHT MEHR MINI
       ========================================================= */

    body#wk #content #warenkorb table td.bild {
        width:115px !important;
        min-width:115px !important;

        text-align:center !important;
    }

    body#wk #content #warenkorb table td.bild img {
        width:auto !important;
        height:auto !important;

        max-width:86px !important;
        max-height:78px !important;

        margin:0 auto !important;

        object-fit:contain !important;
    }


    /* =========================================================
       4. ARTIKELNUMMER / PRODUKTNAME
       ========================================================= */

    body#wk #content #warenkorb table td.artnr {
        width:95px !important;

        font-size:14px !important;

        color:#58677c !important;
    }

    body#wk #content #warenkorb table td.name {
        padding-left:18px !important;
        padding-right:20px !important;

        text-align:left !important;
    }

    body#wk #content #warenkorb table td.name,
    body#wk #content #warenkorb table td.name a {
        font-size:15.5px !important;
        line-height:22px !important;
        font-weight:550 !important;

        color:#294a80 !important;
    }

    body#wk #content #warenkorb table td.name a:hover {
        color:#183b67 !important;

        text-decoration:underline !important;
    }


    /* =========================================================
       5. STATUS / PREIS / MENGE / SUMME
       ========================================================= */

    body#wk #content #warenkorb table th.status,
    body#wk #content #warenkorb table td.status {
        width:70px !important;
    }

    body#wk #content #warenkorb table td.preis,
    body#wk #content #warenkorb table td.preissumme {
        font-size:15px !important;
        font-weight:600 !important;

        white-space:nowrap !important;
    }

    body#wk #content #warenkorb table td.menge {
        width:100px !important;
        min-width:100px !important;

        text-align:center !important;
    }

    body#wk #content #warenkorb table input.inputtextwk {
        width:50px !important;
        height:40px !important;

        padding:0 6px !important;

        font-size:15px !important;
        line-height:38px !important;

        text-align:center !important;

        background:#fff !important;

        border:1px solid #cbd5e1 !important;
        border-radius:7px !important;

        box-sizing:border-box !important;
    }


    /* =========================================================
       6. SUMMENZEILE
       ========================================================= */

    body#wk #content #warenkorb td.wksumme,
    body#wk #content #warenkorb td.gessumme {
        padding:12px 14px !important;

        font-size:16px !important;
        line-height:22px !important;
        font-weight:700 !important;
    }


    /* =========================================================
       7. BUTTONS
       ========================================================= */

    body#wk #content input.calc,
    body#wk #content #bestellen,
    body#wk #content input[type="submit"],
    body#wk #content input[type="button"] {
        height:46px !important;
        min-height:46px !important;

        padding:0 22px !important;

        background:#294a80 !important;
        background-image:none !important;

        color:#fff !important;

        border:0 !important;
        border-radius:8px !important;

        font-size:15px !important;
        line-height:46px !important;
        font-weight:650 !important;
    }

    body#wk #content input.calc:hover,
    body#wk #content #bestellen:hover {
        background:#203f70 !important;
    }



}

/* =====================================================================
   CAVUS HARDWARE – WARENKORB BIG DESKTOP V3.2
   sichtbar größere Bilder + Zeilen + Texte
   ===================================================================== */

@media screen and (min-width:769px) {

    /* Überschrift */
    body#wk #content #warenkorb h4 {
        font-size:21px !important;
        line-height:28px !important;
        margin-bottom:10px !important;
    }

    body#wk #content #warenkorb p {
        font-size:15px !important;
        line-height:22px !important;
        margin-bottom:20px !important;
    }


    /* Tabelle insgesamt */
    body#wk #content #warenkorb table {
        width:100% !important;
        font-size:15px !important;
    }


    /* Kopfzeile */
    body#wk #content #warenkorb table th {
        padding:14px 14px !important;

        font-size:14px !important;
        line-height:20px !important;
        font-weight:650 !important;
    }


    /* Produktzeilen */
    body#wk #content #warenkorb table td {
        height:88px !important;

        padding:10px 14px !important;

        font-size:15px !important;
        line-height:22px !important;

        vertical-align:middle !important;
    }


    /* Artikelnummer */
    body#wk #content #warenkorb table td:nth-child(1) {
        width:90px !important;

        font-size:14px !important;

        color:#536176 !important;
    }


    /* PRODUKTBILD – jetzt wirklich groß */
    body#wk #content #warenkorb table td:nth-child(2) {
        width:115px !important;
        min-width:115px !important;

        text-align:center !important;
    }

    body#wk #content #warenkorb table td:nth-child(2) img {
        width:82px !important;
        height:72px !important;

        max-width:none !important;
        max-height:none !important;

        object-fit:contain !important;

        display:block !important;
        margin:0 auto !important;
    }


    /* Produktname */
    body#wk #content #warenkorb table td:nth-child(3),
    body#wk #content #warenkorb table td:nth-child(3) a {
        font-size:16px !important;
        line-height:23px !important;
        font-weight:550 !important;
    }

    body#wk #content #warenkorb table td:nth-child(3) {
        padding-left:20px !important;
        padding-right:20px !important;
    }


    /* Status */
    body#wk #content #warenkorb table td:nth-child(4) {
        width:75px !important;
        text-align:center !important;
    }


    /* Preis + Summe */
    body#wk #content #warenkorb table td:nth-child(5),
    body#wk #content #warenkorb table td:nth-child(7) {
        font-size:16px !important;
        font-weight:600 !important;

        white-space:nowrap !important;
    }


    /* Menge */
    body#wk #content #warenkorb table td:nth-child(6) {
        width:105px !important;
        text-align:center !important;
    }

    body#wk #content #warenkorb table input.inputtextwk {
        width:52px !important;
        height:40px !important;

        font-size:15px !important;
        line-height:38px !important;

        text-align:center !important;

        border:1px solid #cbd5e1 !important;
        border-radius:7px !important;
    }


    /* Summenzeile unten */
    body#wk #content #warenkorb table tr:last-child td {
        height:auto !important;
        padding:13px 14px !important;

        font-size:16px !important;
        line-height:22px !important;
        font-weight:700 !important;
    }


    /* Buttons unten passend größer */
    body#wk #content input.calc,
    body#wk #content #bestellen,
    body#wk #content input[type="submit"],
    body#wk #content input[type="button"] {
        min-height:46px !important;

        padding:0 24px !important;

        font-size:15px !important;
        font-weight:650 !important;

        border-radius:8px !important;
    }

}
/* =====================================================================
   CAVUS HARDWARE – CHECKOUT WARENKORB GLOBAL V3.3
   bestellformular + kundendaten + bestcheck
   DESKTOP ONLY
   ===================================================================== */

@media screen and (min-width:769px) {

    body#bestellformular table#warenkorb,
    body#kundendaten table#warenkorb {
        width:100% !important;
        max-width:100% !important;

        border-collapse:separate !important;
        border-spacing:0 !important;

        background:#fff !important;

        border:1px solid #dce4ed !important;
        border-radius:12px !important;

        overflow:hidden !important;

        box-shadow:0 4px 16px rgba(25,45,75,.05) !important;

        font-size:15px !important;
    }

    body#bestellformular table#warenkorb th,
    body#kundendaten table#warenkorb th {
        padding:13px 12px !important;

        background:#26323d !important;
        color:#fff !important;

        font-size:14px !important;
        line-height:20px !important;
        font-weight:650 !important;

        border:0 !important;
    }

    body#bestellformular table#warenkorb td,
    body#kundendaten table#warenkorb td {
        min-height:72px !important;

        padding:12px 12px !important;

        font-size:14.5px !important;
        line-height:21px !important;

        vertical-align:middle !important;

        background:#fff !important;

        border:0 !important;
        border-bottom:1px solid #e8edf2 !important;
    }

    body#bestellformular table#warenkorb tr:last-child td,
    body#kundendaten table#warenkorb tr:last-child td {
        border-bottom:0 !important;
    }

    /* Bilder */
    body#bestellformular table#warenkorb td:nth-child(2),
    body#kundendaten table#warenkorb td:nth-child(2) {
        width:105px !important;
        min-width:105px !important;

        text-align:center !important;
    }

    body#bestellformular table#warenkorb td:nth-child(2) img,
    body#kundendaten table#warenkorb td:nth-child(2) img {
        width:auto !important;
        height:auto !important;

        max-width:75px !important;
        max-height:65px !important;

        display:block !important;
        margin:0 auto !important;

        object-fit:contain !important;
    }

    /* Produktname */
    body#bestellformular table#warenkorb td:nth-child(3),
    body#kundendaten table#warenkorb td:nth-child(3),
    body#bestellformular table#warenkorb td:nth-child(3) a,
    body#kundendaten table#warenkorb td:nth-child(3) a {
        font-size:15px !important;
        line-height:22px !important;
        font-weight:550 !important;

        color:#294a80 !important;
    }

    /* Preise / Summe */
    body#bestellformular table#warenkorb td.preis,
    body#bestellformular table#warenkorb td.preissumme,
    body#kundendaten table#warenkorb td.preis,
    body#kundendaten table#warenkorb td.preissumme {
        font-size:15px !important;
        font-weight:600 !important;

        white-space:nowrap !important;
    }

    /* Menge */
    body#bestellformular table#warenkorb td.menge,
    body#kundendaten table#warenkorb td.menge {
        width:90px !important;
        min-width:90px !important;

        text-align:center !important;
    }

    body#bestellformular table#warenkorb input.inputtextwk,
    body#kundendaten table#warenkorb input.inputtextwk {
        width:46px !important;
        height:38px !important;

        padding:0 6px !important;

        font-size:15px !important;
        line-height:36px !important;

        text-align:center !important;

        border:1px solid #cbd5e1 !important;
        border-radius:7px !important;

        box-sizing:border-box !important;
    }

    /* Summenzeilen */
    body#bestellformular table#warenkorb td.wksumme,
    body#bestellformular table#warenkorb td.gessumme,
    body#kundendaten table#warenkorb td.wksumme,
    body#kundendaten table#warenkorb td.gessumme {
        padding:11px 13px !important;

        font-size:15px !important;
        line-height:22px !important;
        font-weight:700 !important;
    }

}

/* =====================================================================
   CAVUS HARDWARE – DESKTOP SIDEBAR MASTER FINAL V4.0
   EIN MENÜSTIL FÜR ALLE DESKTOP-SEITEN
   MOBILE <= 768px UNVERÄNDERT
   ===================================================================== */

@media screen and (min-width:769px) {

    /* ---------------------------------------------------------
       CONTAINER
       Die doppelte ID ist absichtlich: sie hebt alte
       Shop2Go-/seitenbezogene !important-Regeln zuverlässig auf.
       --------------------------------------------------------- */

    html body #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx {
        width:220px !important;
        max-width:220px !important;
        min-height:0 !important;

        margin:0 !important;
        padding:4px !important;

        background:#f5f7fa !important;
        background-image:none !important;

        border:1px solid #dfe6ee !important;
        border-radius:9px !important;

        box-shadow:0 3px 12px rgba(30,50,80,.04) !important;

        overflow:visible !important;

        box-sizing:border-box !important;
    }


    /* ---------------------------------------------------------
       HAUPTMENÜ – GRUNDZUSTAND
       --------------------------------------------------------- */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;

        background:transparent !important;
        background-image:none !important;

        border:0 !important;
        border-collapse:separate !important;
        border-spacing:0 4px !important;

        outline:0 !important;
        box-shadow:none !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr {
        background:transparent !important;
        background-image:none !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl td {
        background:#fff !important;
        background-image:none !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;

        vertical-align:middle !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl td[id$="tdT"] {
        height:auto !important;
        min-height:0 !important;

        padding:11px 12px !important;

        color:#26364d !important;

        border-bottom:0 !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;

        font-size:14px !important;
        line-height:20px !important;
        font-weight:550 !important;

        text-align:left !important;
        white-space:normal !important;

        box-sizing:border-box !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl td[id$="tdT"] * {
        background:transparent !important;
        background-image:none !important;

        color:#26364d !important;

        font:inherit !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl td[id$="tdA"] {
        width:28px !important;
        min-width:28px !important;

        padding:6px !important;

        background-color:#fff !important;

        border:0 !important;
        border-bottom:0 !important;

        box-sizing:border-box !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr td:first-child {
        border-radius:7px 0 0 7px !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr td:last-child {
        border-radius:0 7px 7px 0 !important;
    }


    /* Alte KdMenuItem-Basiswerte neutralisieren.
       Padding kommt ausschließlich aus tdT/tdA oben. */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem0,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem1,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem2,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem3,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem0Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem1Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem2Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem3Over {
        width:auto !important;
        max-width:none !important;

        margin:0 !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;

        font-size:14px !important;
        line-height:20px !important;
        font-weight:550 !important;

        box-sizing:border-box !important;
    }


    /* ---------------------------------------------------------
       HAUPTMENÜ – HOVER + GEÖFFNETE AUSWAHL
       komplette Karte blau, kein "Kasten im Kasten"
       --------------------------------------------------------- */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:hover td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem0Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem1Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem2Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem3Over) td {
        background-color:#294a80 !important;
        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:hover td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem0Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem1Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem2Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    #dm0m0tbl tr:has(.KdMenuItem3Over) td * {
        background:transparent !important;
        background-image:none !important;

        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem0Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem1Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem2Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem3Over {
        background-color:#294a80 !important;

        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem0Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem1Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem2Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem3Over * {
        background:transparent !important;
        background-image:none !important;

        color:#fff !important;
    }


    /* ---------------------------------------------------------
       UNTERMENÜS – WEISS WIE STARTSEITE
       --------------------------------------------------------- */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) {
        width:240px !important;
        max-width:240px !important;

        margin:0 !important;

        background:#fff !important;
        background-image:none !important;

        border:1px solid #d8e0ea !important;
        border-radius:8px !important;

        border-collapse:separate !important;
        border-spacing:0 !important;

        box-shadow:0 12px 30px rgba(20,40,70,.18) !important;

        overflow:hidden !important;

        box-sizing:border-box !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr {
        background:#fff !important;
        background-image:none !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td {
        background:#fff !important;
        background-image:none !important;

        color:#26364d !important;

        border:0 !important;
        border-bottom:0 !important;

        outline:0 !important;
        box-shadow:none !important;

        vertical-align:middle !important;

        box-sizing:border-box !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] {
        padding:10px 12px !important;

        color:#26364d !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;

        font-size:13.5px !important;
        line-height:19px !important;
        font-weight:500 !important;

        text-align:left !important;
        white-space:normal !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdT"] * {
        background:transparent !important;
        background-image:none !important;

        color:#26364d !important;

        font:inherit !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) td[id$="tdA"] {
        width:28px !important;
        min-width:28px !important;

        padding:6px !important;

        background-color:#fff !important;

        box-sizing:border-box !important;
    }


    /* Alte KdMenuItem-Werte in Untermenüs neutralisieren */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem4,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem5,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem6,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem7,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem8,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem9,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem4Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem5Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem6Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem7Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem8Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem9Over {
        width:auto !important;
        max-width:none !important;

        margin:0 !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;

        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            Roboto,
            Helvetica,
            Arial,
            sans-serif !important;

        font-size:13.5px !important;
        line-height:19px !important;
        font-weight:500 !important;

        box-sizing:border-box !important;
    }


    /* ---------------------------------------------------------
       UNTERMENÜ – HOVER + AKTIVE AUSWAHL
       --------------------------------------------------------- */

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:hover td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem4Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem5Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem6Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem7Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem8Over) td,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem9Over) td {
        background-color:#294a80 !important;

        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:hover td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem4Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem5Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem6Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem7Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem8Over) td *,

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl) tr:has(.KdMenuItem9Over) td * {
        background:transparent !important;
        background-image:none !important;

        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem4Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem5Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem6Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem7Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem8Over,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem9Over {
        background-color:#294a80 !important;

        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem4Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem5Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem6Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem7Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem8Over *,
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    .KdMenuItem9Over * {
        background:transparent !important;
        background-image:none !important;

        color:#fff !important;
    }


    /* Innere Eintragstabellen sind keine Untermenü-Container. */
    html body #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx table[id^="dm0m"][id$="it"],
    html body #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx table[id^="dm0m"][id$="it"] tr,
    html body #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx table[id^="dm0m"][id$="it"] td {
        background:transparent !important;
        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;
    }
    html body #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx table[id^="dm0m"][id$="it"] {
        width:100% !important;
        max-width:none !important;
        padding:0 !important;
        margin:0 !important;
        border-spacing:0 !important;
        border-radius:0 !important;
    }
}
/* Geöffnete Menüeinträge in allen Spalten blau halten */
@media screen and (min-width:769px) {
    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    td[id$="td"]:has(> table[class*="KdMenuItem"][class*="Over"]) {
        background:#294a80 !important;
        color:#fff !important;
    }

    html body
    #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
    table[class*="KdMenuItem"][class*="Over"] td {
        background:transparent !important;
        color:#fff !important;
    }
}
/* Bestellweg: größere Schrift, eindeutige Auswahl */
@media screen and (min-width:769px) {
    html body#kundendaten #cavus-checkout-account
    .cavus-v115-choice,
    html body#kundendaten #cavus-checkout-account
    .cavus-v115-choice .cavus-v115-text {
        font-size:17px !important;
        line-height:1.4 !important;
    }

    html body#kundendaten #cavus-checkout-account
    .cavus-v115-choice .cavus-v115-arrow {
        display:none !important;
    }
}
/* Checkout: Beträge ausrichten und Endsumme hervorheben */
@media screen and (min-width:769px) {
    html body:is(#bestellformular, #kundendaten)
    table#warenkorb :is(th.preis, td.preis,
                         th.preissumme, td.preissumme,
                         td.wksumme, tr.vkosten > td:last-child) {
        text-align:right !important;
        padding-right:18px !important;
        font-variant-numeric:tabular-nums !important;
        white-space:nowrap !important;
    }

    html body:is(#bestellformular, #kundendaten)
    table#warenkorb td.preissumme::after {
        content:"€";
    }

    html body:is(#bestellformular, #kundendaten)
    table#warenkorb th.name {
        text-align:left !important;
    }

    html body:is(#bestellformular, #kundendaten)
    table#warenkorb td.wksumme {
        white-space:normal !important;
    }

    html body:is(#bestellformular, #kundendaten)
    table#warenkorb tr.vkosten:last-child > td {
        background:#f3f7fc !important;
        color:#183b67 !important;
        font-weight:700 !important;
        border-top:2px solid #dbe4ef !important;
        padding-top:16px !important;
        padding-bottom:16px !important;
    }
}
/* Bestellübersicht: Adressen und Warenkorb sauber ausrichten */
@media screen and (min-width:769px) {

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 {
    position:relative !important;
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:20px !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
    margin:0 0 24px !important;
    background:transparent !important;
    border:0 !important;
  }

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 > div {
    float:none !important;
    clear:none !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    padding:22px !important;
    background:#f6f8fb !important;
    border:1px solid #e0e6ee !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
  }

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 h1 {
    width:auto !important;
    margin:0 28px 16px 0 !important;
    font-size:20px !important;
    line-height:1.3 !important;
  }

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 label {
    display:block !important;
    float:none !important;
    width:auto !important;
    max-width:none !important;
    margin:0 0 5px !important;
    padding:0 !important;
    font-size:15px !important;
    line-height:1.5 !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
  }

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 br {
    display:none !important;
  }

  html body#kundendaten #content > div#kundendaten
  .zusammenfassung1 > a.bearbeiten {
    position:absolute !important;
    top:14px !important;
    right:14px !important;
  }

  html body#kundendaten #content > div#kundendaten form#willsms,
  html body#kundendaten #content > div#kundendaten
  form#willsms .zusammenfassung,
  html body#kundendaten #content > div#kundendaten
  form#willsms table#warenkorb {
    float:none !important;
    clear:both !important;
    width:100% !important;
    max-width:100% !important;
    margin-left:0 !important;
    margin-right:0 !important;
    box-sizing:border-box !important;
  }

  html body#kundendaten #content > div#kundendaten
  form#willsms .zusammenfassung {
    padding:0 !important;
    margin-top:28px !important;
  }

  html body#kundendaten #content > div#kundendaten
  form#willsms > input[type="checkbox"] {
    float:left !important;
    width:18px !important;
    height:18px !important;
    margin:3px 10px 0 0 !important;
  }

  html body#kundendaten #content > div#kundendaten
  form#willsms > label.allesok {
    display:block !important;
    float:none !important;
    clear:none !important;
    width:calc(100% - 32px) !important;
    max-width:none !important;
    margin:0 0 14px 32px !important;
    padding:0 0 12px !important;
    font-size:14px !important;
    line-height:1.6 !important;
    box-sizing:border-box !important;
  }

  html body#kundendaten #content > div#kundendaten
  form#willsms > label.allesok a {
    display:inline !important;
    float:none !important;
    width:auto !important;
  }
}
/* CAVUS SHOP OPTIMIERUNG 20261006 START */
@media screen and (min-width:769px) {
  html body #bildoben { position:relative !important; }
  html body #bildoben form#cavus-opt-search {
    position:absolute !important; top:34px !important; left:260px !important;
    right:490px !important; display:flex !important; gap:0 !important;
    margin:0 !important; padding:0 !important; width:auto !important;
    height:44px !important; background:#fff !important; z-index:2;
  }
  html body #cavus-opt-search input {
    min-width:0 !important; flex:1 !important; width:100% !important;
    height:44px !important; margin:0 !important; padding:0 12px !important;
    border:1px solid #aebdd0 !important; border-radius:8px 0 0 8px !important;
    background:#fff !important; color:#17263d !important; font-size:15px !important;
    box-sizing:border-box !important;
  }
  html body #cavus-opt-search button {
    width:auto !important; height:44px !important; padding:0 16px !important;
    margin:0 !important; border:0 !important; border-radius:0 8px 8px 0 !important;
    background:#294a80 !important; color:#fff !important; font-size:14px !important;
    cursor:pointer;
  }
  html body #banner form.cavus-opt-old-search { display:none !important; }
  html body ul#navileiste { display:flex !important; align-items:center !important; }
  html body ul#navileiste > .cavus-opt-cart,
  html body ul#navileiste > li.cavus-opt-cart-item { margin-left:auto !important; float:none !important; }
  html body ul#navileiste a.cavus-opt-cart {
    display:flex !important; gap:8px !important; align-items:center !important;
    font-size:14px !important; font-weight:700 !important; white-space:nowrap;
  }
  html body ul#navileiste .cavus-opt-count {
    display:inline-block; min-width:22px; padding:2px 6px; border-radius:12px;
    background:#fff; color:#193b67; text-align:center; line-height:20px;
  }
  html body#details #content #pd_preis { font-size:32px !important; font-weight:750 !important; line-height:1.3 !important; color:#193b67 !important; }
  html body#details #content #pd_preis span.preis,
  html body#details #content #pd_preis span.preis a {
    font-size:14px !important; font-weight:400 !important; line-height:1.6 !important; color:#435169 !important;
  }
  html body#details #content #pd_preis span.preis { margin-top:7px !important; }
  html body#details #content #pd_preis span.preis a { text-decoration:underline !important; }
  html body#details #content #produktdetails { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) !important; }
  html body#details #content #produktdetails > * { min-width:0 !important; max-width:100% !important; box-sizing:border-box !important; }
  html body#details #content #pd_energy,
  html body#details #content .pd_hinweis { grid-column:1/-1 !important; width:100% !important; margin-left:0 !important; overflow-wrap:anywhere; }
  html body#details #content #pd_energy:empty { display:none !important; }
  html body#details #content #pd_name { display:flex !important; flex-direction:column !important; }
  html body#details #content #pd_status,
  html body#details #content #pd_statusabholung,
  html body#details #content #pd_status2 { order:-1 !important; font-size:15px !important; }
  html body#details #content #pd_status2 { margin-bottom:14px !important; }
  html body#details #content #pd_status2 strong { margin-left:5px; }
  html body#details #content #add_more { color:#17263d !important; font-size:16px !important; }
  html body#details #content #addwk { font-size:16px !important; min-height:48px !important; }
  html body#wk #content input[name="calc"],
  html body#wk #content input[name="delwk"] {
    background:#fff !important; color:#435169 !important; border:1px solid #ccd5e1 !important;
    box-shadow:none !important; font-size:13px !important; font-weight:400 !important;
  }
  html body#wk #content input#bestellen { background:#294a80 !important; color:#fff !important; min-height:48px !important; font-size:17px !important; font-weight:700 !important; }
  html body#wk #content td.wksumme { text-align:right !important; font-size:14px !important; white-space:normal !important; }
  html body#wk #content td.gessumme { font-size:20px !important; color:#193b67 !important; white-space:nowrap !important; }
  html body#wk #content .cavus-opt-shipping-note { font-size:14px; color:#526176; text-align:right; margin:10px 0 18px; }
  html body#bestellformular #content .cavus-opt-shipping {
    display:block !important; margin:8px 0 12px !important; padding:10px 14px !important;
    background:#edf4fc !important; color:#193b67 !important; font-size:16px !important; font-weight:700 !important;
  }
  html body#bestellformular #content .cavus-opt-hidden-price { display:none !important; }
  html body.cavus-opt-home #content #tab_container_liste { display:none !important; }
  html body.cavus-opt-home #content #listesearchresults { font-size:25px !important; font-weight:700 !important; color:#193b67 !important; margin:26px 0 18px !important; }
  html body.cavus-opt-home #content #einstiegswerbung_oben {
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
}
  html body #content .cavus-opt-categories { display:flex; flex-wrap:wrap; gap:12px; margin:18px 0 24px; }
  html body #content .cavus-opt-categories a { padding:12px 18px; border:1px solid #dce4ef; border-radius:8px; background:#f5f8fc; color:#193b67; font-size:16px; font-weight:600; text-decoration:none; }
  html body #content .cavus-opt-about { max-width:800px; font-size:17px; line-height:1.75; color:#34445a; }
  html body #content .cavus-opt-about p { margin:0 0 20px; }
  html body #content .cavus-opt-about h1 { font-size:30px; color:#193b67; }
  html body #cavus-opt-search :focus-visible,
  html body #content .cavus-opt-categories a:focus-visible { outline:3px solid #619cdd; outline-offset:3px; }
}
@media screen and (min-width:769px) and (max-width:1199px) {
  html body #bildoben { min-height:164px !important; }
  html body #bildoben form#cavus-opt-search { top:110px !important; left:24px !important; right:24px !important; }
  html body#details #content #produktdetails { column-gap:18px !important; }
}
@media screen and (min-width:769px) and (max-width:1000px) {
  html body#details #content #produktdetails { display:flex !important; flex-direction:column !important; }
  html body#details #content #pd_images { min-height:280px !important; }
}
@media screen and (max-width:768px) {
  #cavus-opt-search, .cavus-opt-count { display:none !important; }
}
/* CAVUS SHOP OPTIMIERUNG 20261006 END */

/* =====================================================================
   CAVUS HARDWARE – DESKTOP SIDEBAR MASTER FINAL V4.0 END
   ===================================================================== */

/* =====================================================================
   CAVUS AUDIT 2026-10-06 – MEHRFACHKLICKSCHUTZ, SICHTBARER BUSY-STATUS
   JS verhindert den zweiten Submit. Die Controls werden NICHT disabled,
   damit native Shop2Go name/value-Paare beim ersten Submit erhalten bleiben.
   ===================================================================== */

form[data-cavus-submitting="1"] {
    cursor:wait !important;
}

form[data-cavus-submitting="1"] input[type="submit"],
form[data-cavus-submitting="1"] button[type="submit"] {
    opacity:.62 !important;
    cursor:wait !important;
    pointer-events:none !important;
}

/* CAVUS – STUECKZAHL DESKTOP KORREKTUR */
@media screen and (min-width:769px) {

  html body#details #content #quantity {
    grid-template-columns: 210px minmax(0,1fr) !important;
  }

  html body#details #content #quantity .pd_add_more {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  html body#details #content #stk {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
    flex: 0 0 auto !important;
  }

  html body#details #content #add_more {
    float: none !important;
    width: 86px !important;
    min-width: 86px !important;
    max-width: 86px !important;
    flex: 0 0 86px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    font-size: 17px !important;
    color: #17263d !important;
  }
}
/* =========================================================
   CAVUS – WARENKORB BUTTONS BESSER SICHTBAR
   ========================================================= */

body#wk form#korb input[type="submit"],
body#wk form#korb input[type="button"],
body#wk form#korb .button {
    min-height: 44px !important;
    padding: 0 18px !important;

    border-radius: 8px !important;
    border: 2px solid #294a80 !important;
    background: #ffffff !important;
    background-image: none !important;

    color: #294a80 !important;
    -webkit-text-fill-color: #294a80 !important;

    font-weight: 700 !important;
    cursor: pointer !important;

    box-sizing: border-box !important;
    transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

/* Hover / Fokus */
body#wk form#korb input[type="submit"]:hover,
body#wk form#korb input[type="submit"]:focus,
body#wk form#korb input[type="button"]:hover,
body#wk form#korb input[type="button"]:focus,
body#wk form#korb .button:hover,
body#wk form#korb .button:focus {
    background: #294a80 !important;
    background-image: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    border-color: #294a80 !important;
    box-shadow: 0 0 0 3px rgba(41, 74, 128, 0.18) !important;
    outline: none !important;
}

/* Aktiv gedrückt */
body#wk form#korb input[type="submit"]:active,
body#wk form#korb input[type="button"]:active,
body#wk form#korb .button:active {
    background: #203f70 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #203f70 !important;
}

/* "Zur Kasse" darf standardmäßig direkt blau bleiben */
body#wk form#korb input.checkout,
body#wk form#korb input[name="bestellformular"],
body#wk form#korb .checkout {
    background: #294a80 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #294a80 !important;
}

body#wk form#korb input.checkout:hover,
body#wk form#korb input[name="bestellformular"]:hover,
body#wk form#korb .checkout:hover {
    background: #203f70 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border-color: #203f70 !important;
}

/* CAVUS – ZUR KASSE: WEISSE SCHRIFT */

html body#wk #content input#bestellen,
html body#wk #content input#bestellen:hover,
html body#wk #content input#bestellen:focus,
html body#wk #content input#bestellen:active {
    background: #294a80 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

html body#wk #content input#bestellen:hover {
    background: #203f70 !important;
}


/* CAVUS – UNTERMENUE-PFEILE IMMER ERKENNBAR */
@media screen and (min-width:769px) {

  /* Vorhandene Shop2Go-Pfeile blau anzeigen */
  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl)
  td[id$="tdA"] img {
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;

    filter:brightness(0) saturate(100%)
      invert(26%) sepia(32%) saturate(1120%)
      hue-rotate(178deg) brightness(90%)
      contrast(95%) !important;
  }

  /* Bei Hover: Pfeile weiss */
  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl)
  tr:hover td[id$="tdA"] img,

  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[class*="KdMenuItem"][class*="Over"]
  td[id$="tdA"] img {
    filter:brightness(0) invert(1) !important;
  }
}


/* CAVUS – MENUEWECHSEL OHNE DOPPELTE BLAUE MARKIERUNG */
@media screen and (min-width:769px) {

  /* Wird innerhalb einer Untermenue-Spalte ein
     anderer Eintrag beruehrt, alte Markierung entfernen. */

  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl):has(> tbody > tr:hover)
  > tbody > tr:not(:hover) td,

  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl):has(> tbody > tr:hover)
  > tbody > tr:not(:hover) td * {

    background-color:#ffffff !important;
    color:#26364d !important;
  }

  /* Alter Pfeil wieder blau statt weiss */

  html body
  #dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx#dhtmlgoodies_menu_xx
  table[id^="dm0m"][id$="tbl"]:not(#dm0m0tbl):has(> tbody > tr:hover)
  > tbody > tr:not(:hover) td[id$="tdA"] img {

    filter:brightness(0) saturate(100%)
      invert(26%) sepia(32%) saturate(1120%)
      hue-rotate(178deg) brightness(90%)
      contrast(95%) !important;
  }

}
/* CAVUS – Mengenfeld im Warenkorb verbreitern */
@media screen and (min-width:769px) {
    html body#wk #content #warenkorb input.inputtextwk,
    html body#wk #content form#korb td.menge input.inputtextwk,
    html body#wk #content form#korb td.menge input[type="number"] {
        width:110px !important;
        min-width:110px !important;
        max-width:110px !important;
        padding:0 8px !important;
        box-sizing:border-box !important;
    }
}