/* Altinhalte im neuen /v2-Rahmen lesbar halten */
.legacy{
  font-size:15px;
  line-height:1.65;
  color:#2c2c2c;
  min-width:0;
  overflow-wrap:break-word;
}
.legacy .row,
.legacy .row_728,
.legacy .row_545,
.legacy .row_454,
.legacy .row_368,
.legacy .row_254,
.legacy .row_180,
.legacy .row_154{
  width:auto!important;
  max-width:100%!important;
  float:none!important;
  margin-left:0!important;
  margin-right:0!important;
  font-weight:400!important;
  font-size:15px!important;
}
.legacy .inhalt{
  width:auto!important;
  max-width:100%!important;
  float:none!important;
  min-height:0!important;
}
.legacy .content{
  width:auto!important;
  max-width:100%!important;
  margin-top:0!important;
}
.legacy .werbebanner_text{
  display:block;
  margin:0 0 6px;
  color:var(--muted);
  font-size:11px;
}
.legacy .werbebanner_inhalt{
  display:block;
  width:auto!important;
  max-width:728px;
  height:auto!important;
  background:none!important;
  margin:0 0 18px!important;
}
.legacy .werbebanner_inhalt img{
  display:block;
  max-width:100%;
  height:auto;
}
.legacy h1,
.legacy h2{
  font-size:clamp(1.35rem,2.2vw,1.75rem);
  font-weight:800;
  letter-spacing:-.03em;
  margin:0 0 12px;
  color:var(--red)!important;
}
.legacy .inhalt_titel{color:var(--ink)!important}
.legacy .row a{color:inherit}
.legacy h3{
  font-size:1.12rem;
  font-weight:700;
  letter-spacing:-.01em;
  margin:0 0 8px;
}
.legacy hr{
  border:0;
  border-top:1px solid var(--line);
  margin:14px 0;
  clear:both;
}
.legacy .inhalt_titel{
  font-size:1.12rem;
  font-weight:750;
  line-height:1.35;
  margin:0 0 8px;
  color:var(--ink);
}
.legacy .inhalt_text{
  font-size:14px;
  line-height:1.65;
  color:#484848;
  margin-bottom:10px;
}
.legacy .inhalt_ansehen,
.legacy .change_button{
  display:inline-block;
  padding:8px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  margin:4px 6px 4px 0;
}
.legacy .change_button:hover{background:var(--soft);color:var(--red)}
.legacy img{max-width:100%;height:auto}
.legacy table{max-width:100%;border-collapse:collapse;font-size:13px}
.legacy td,.legacy th{padding:5px 7px;vertical-align:top}
.legacy input[type="text"],
.legacy input[type="email"],
.legacy input[type="tel"],
.legacy input[type="date"],
.legacy input[type="password"],
.legacy select,
.legacy textarea{
  max-width:100%;
  box-sizing:border-box;
}
.legacy .input_text,
.legacy .input_email,
.legacy .input_call,
.legacy .input_date,
.legacy .select_category,
.legacy .text_field{
  padding:8px 10px;
  border:1px solid var(--input-border);
  border-radius:8px;
  font-size:14px;
  font-weight:400;
  color:var(--ink);
  background:#fff;
}
.legacy .text_field{width:100%;min-height:90px}
.legacy .label_left{display:inline-block;min-width:150px;font-size:13px;color:#555;vertical-align:middle}
.legacy .input_submit,
.legacy input[type="submit"]{
  background:var(--red);
  color:#fff;
  border:0;
  border-radius:8px;
  padding:10px 16px;
  font-size:14px;
  font-weight:600;
  cursor:pointer;
}
.legacy input[type="submit"]:hover{background:var(--red-dark)}
.legacy .previewtext{font-size:13px;color:#555}
.legacy .basket,
.legacy .download,
.legacy .listview_row,
.legacy .item{max-width:100%}
.legacy .basket_row,
.legacy .download_row{
  border-top:1px solid var(--line);
  padding:10px 0;
}
.legacy .alphabet_buttons{
  display:inline-block;
  padding:4px 7px;
  margin:2px;
  border:1px solid var(--line);
  border-radius:6px;
  font-size:12px;
}
.legacy a{color:var(--red)}
.legacy a:hover{text-decoration:underline}
.legacy .ad-container{margin:16px 0}
.legacy .ad-container img{max-width:100%;height:auto}

@media (max-width:760px){
  .legacy{overflow-x:hidden}
  .legacy .label_left{display:block;min-width:0;margin-top:8px}
  .legacy .row{width:100%!important}
  .legacy .listview_row{
    height:auto!important;
    min-height:80px;
    display:grid;
    grid-template-columns:60px minmax(0,1fr);
    gap:2px 10px;
    padding:10px 0;
  }
  .legacy .listview_row .image{
    grid-row:1 / span 3;
    position:static!important;
    width:50px;
    margin:0!important;
  }
  .legacy .listview_row .titel,
  .legacy .listview_row .preis,
  .legacy .listview_row .angebote,
  .legacy .listview_row .untertitel{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:auto!important;
    max-width:100%!important;
  }
  .legacy .listview_row .preis,
  .legacy .listview_row .angebote{margin-top:2px!important}
}

/* Produktseite: Bild links, Artikeldetails mittig, Bestellung rechts */
.legacy .product-hero{
  display:flex!important;
  flex-wrap:wrap!important;
  float:none!important;
  width:100%!important;
  column-gap:20px!important;
  row-gap:16px!important;
  align-items:flex-start!important;
  margin-left:0!important;
}
.legacy .product-hero .row_180{
  flex:0 0 190px!important;
  width:190px!important;
  margin-left:0!important;
  margin-bottom:0!important;
}
.legacy .product-hero .row_354{
  flex:1 1 300px!important;
  width:auto!important;
  margin-left:0!important;
}
.legacy .product-hero .row_154{
  flex:0 0 210px!important;
  width:210px!important;
  margin-left:0!important;
}
@media (max-width:760px){
  .legacy .product-hero .row_180,
  .legacy .product-hero .row_354,
  .legacy .product-hero .row_154{
    flex:1 1 100%!important;
    width:100%!important;
  }
}

/* Legacy-Inhalte fluid statt fixer Breiten */
.legacy .inhalt{
  width:auto!important;
  max-width:100%!important;
  float:none!important;
}
.legacy .row_728{
  width:auto!important;
  max-width:728px;
}
.legacy .row_545{
  width:auto!important;
  max-width:728px;
}

/* Formular-Buttons einheitlich */
.legacy .input_submit,
.legacy input[type="submit"],
.legacy button.button,
.legacy .change_button{
  width:auto!important;
  min-width:110px;
  height:auto!important;
  padding:10px 16px!important;
  border:0!important;
  border-radius:8px!important;
  background:var(--red)!important;
  color:#fff!important;
  font:600 13px/1.2 var(--sans)!important;
  text-align:center;
  cursor:pointer;
}
.legacy .input_submit:hover,
.legacy input[type="submit"]:hover,
.legacy button.button:hover,
.legacy .change_button:hover{
  background:var(--red-dark)!important;
}

/* Alphabet-Auswahl */
.legacy .alphabet_buttons{
  float:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  padding:0;
  margin:0 4px 6px 0;
  border:1px solid var(--line);
  border-radius:6px;
  background:#fff;
  color:var(--ink);
}
.legacy a:hover .alphabet_buttons{
  border-color:var(--red);
  color:var(--red);
}

/* Preview: Untermenü oben, PDF darunter */
.legacy .submenue{
  float:none;
  width:auto;
  min-height:0;
  max-height:320px;
  overflow:auto;
  background:#f7f7f7;
  border:1px solid var(--line);
  border-radius:8px;
  padding:10px 12px;
  margin:0 0 18px;
  font-size:14px;
}
.legacy .preview{
  position:static;
  width:100%;
  height:80vh;
  min-height:600px;
  border:0;
  display:block;
}

/* Legacy-Inhaltstitel in CI-Rot */
.legacy .inhalt_titel{
  color:var(--red)!important;
}