/* Solardachboerse neu - Anpassung fuer schmale Bildschirme (Tablet/Handy), 13.11.2026.
   Ab 1000 px Breite gilt unveraendert das Original-Layout (feste 1000 px). */
@media (max-width: 1000px) {
  html{overflow-y:auto}
  body{-webkit-text-size-adjust:100%}
  img{max-width:100%;height:auto}

  /* Kopf: Grafik (960x183) mitskalieren statt abschneiden */
  header{width:auto;margin:0;background-position:10px 10px;background-size:calc(100% - 20px) auto;
         height:calc((100vw - 20px) * 0.1906 + 16px)}

  /* Navigation: umbrechen, Untermenue (nur per Maus) aus */
  nav{width:auto;height:auto;background:#f6b40d url(../fileadmin/templates/_img/nav_bg.png) 0 0 repeat-y;background-size:cover}
  nav ul.level1{height:auto;padding:0;display:flex;flex-wrap:wrap}
  nav ul.level1 li{display:block;height:auto}
  nav ul.level1 li a{padding:0 12px;height:38px;line-height:38px}
  nav div.megadd,nav ul.level1 li:hover div.megadd{display:none !important}

  div#breadcrumbs{width:auto;height:auto;padding:8px 10px;font-size:13px;background-size:100% 15px}

  div#content{width:auto;background-size:1px 526px}
  div#content article{float:none;width:auto;padding:0 10px;min-height:0}
  div#content article section{width:auto}
  div#content aside{float:none;width:auto;padding:0 10px}
  div#content aside section{background:linear-gradient(90deg,#fdda4f,#f8c227);padding:15px 12px 5px;margin-bottom:15px}
  div#content aside section .csc-textpic-imagewrap{max-width:none}

  /* feste Breiten des Original-CSS (Listen, News, Formulare) aufheben */
  div#content article section ul.listlist,div#content article section ul.listlist li,
  div#content article section ul.listlist h2,div#content article section ul.listlist h2 a,
  div#content article section ul.sublistlist,div#content article section ul.sublistlist li,
  div#content article section ul.sublistlist li p,div#content article section ul.marktplatzlist,
  div#content article section ul.newslist,div#content article section ul.newslist li,
  div#content article section ul.newslist ul.sublistlist li,div#content article section ul.newslist ul.sublistlist li p{width:auto}
  div#content article section .cformblock input.submit,div#content article section .addform input.submit,
  div#content article section .filterform input.submit{margin-left:0}
  div#content footer{width:auto;height:auto;margin:10px;padding:20px 0;background-size:1px 100%}
  div#content footer #servicenav{position:static;text-align:center}
  div#content footer #servicenav a{padding:0 8px;display:inline-block;line-height:28px}

  /* Bilder in den Inhaltsseiten nicht mehr neben den Text zwingen */
  div.csc-textpic .csc-textpic-imagewrap{max-width:45%}
  div.csc-textpic .csc-textpic-imagewrap figure,div.csc-textpic .csc-textpic-imagewrap img{max-width:100%;height:auto}
}

@media (max-width: 660px) {
  /* Angebote-/Gesuche-Kaesten: Grafik-Hintergrund (619 px) durch gezeichneten Kasten ersetzen */
  div#content .marktplatz_linkbox{width:auto;height:auto;margin:0 0 12px;padding:12px 14px 4px;border-radius:8px;
    background:linear-gradient(180deg,#ffe066,#f6b40d)}
  div#content .marktplatz_linkbox h3{position:static;margin:0 0 4px}
  div#content .marktplatz_linkbox .subhead{position:static;margin:0 0 6px}
  div#content .marktplatz_linkbox .linklist{position:static;width:auto;height:auto;margin:0}
  div#content .marktplatz_linkbox .linklist li{height:auto;line-height:1.3;padding:0;border-top:1px solid rgba(0,0,0,.15)}
  div#content .marktplatz_linkbox .linklist li a{display:block;width:auto;padding:10px 30px 10px 0;
    background:url(../fileadmin/templates/_img/button_on_yellow.png) right center no-repeat}

  /* Aktuelle Angebote/Gesuche: Reiter untereinander, Hoehe nach Inhalt */
  div#content .marktplatz_latestangebote,div#content .marktplatz_latestgesuche{width:auto;height:auto;padding:10px 12px 48px;background:#fff}
  div#content .marktplatz_latestboth h2,div#content .marktplatz_latestboth .tablink,div#content .marktplatz_latestboth .list{position:static}
  div#content .marktplatz_latestboth .tablink{margin:0 0 6px;font-size:13px}
  div#content .marktplatz_latestangebote ul li,div#content .marktplatz_latestgesuche ul li{width:auto;line-height:1.3}
  div#content .alle{right:12px}

  /* Bilder neben Text: untereinander */
  div.csc-textpic .csc-textpic-imagewrap{float:none !important;max-width:100%;margin:8px 0 !important}
  div.csc-textpic .csc-textpic-imagewrap figure{display:block}

  .daten{grid-template-columns:1fr}
  .daten dt{margin-top:6px;font-weight:bold}
  .fz{grid-template-columns:1fr}
  .filterbox input,.filterbox select{width:100%}
  .filterbox form span{flex:1 1 45%}
  div#content article section .details h2{font-size:20px;line-height:26px}
}