/* Ergänzungen zum Original-Theme (theme.css = Stylesheets der alten Drupal-Seite, unverändert).
   Nur was es dort per JavaScript/Drupal-Bildern gab: Akkordeon-Optik mit <details>, Filter ohne Formular, Fusszeile, schmale Bildschirme. */
/* Akkordeon: <summary> übernimmt die Optik des jQuery-UI-Kopfes (Schrift wie im Original: Georgia 1.1em) */
.view-suppen .ui-accordion{font-family:Georgia,"Times New Roman",Times,serif;font-size:1.1em}
.view-suppen .ui-accordion .ui-accordion-header,.view-suppen .ui-accordion .ui-accordion-content{font-family:inherit;font-size:1em}
details.suppe>summary{display:block;list-style:none;cursor:pointer;margin-top:2px}
details.suppe>summary::-webkit-details-marker{display:none}
details.suppe>summary strong{font-weight:bold}
details.suppe[open]>summary{border:1px solid #aaa;background:#fff url(theme-img/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;color:#212121;border-bottom-left-radius:0;border-bottom-right-radius:0}
details.suppe[open]>summary .ui-icon{background-image:url(theme-img/ui-icons_454545_256x240.png);background-position:-64px -16px}
details.suppe>.ui-accordion-content{margin-bottom:2px}
details.suppe[hidden]{display:none}
/* Filter ohne Formular (Original: Drupal-Formular mit Bildern) */
input.form-submit{border:1px solid #cdcdcd;border-radius:20px;background:linear-gradient(#fff,#e6e6e6);padding:.2em 1.3em;color:#333;font-size:.85em;cursor:pointer}
input.form-submit:hover,input.form-submit:focus{background:linear-gradient(#fff,#d8d8d8)}
/* Fusszeile wie im Original (rechtsbündig, schwarz) */
p.fusszeile{text-align:right;float:right}
p.fusszeile a{color:#000}
/* Schmale Bildschirme: das Original hatte feste 960 px; hier einspaltig, damit nichts abgeschnitten wird */
@media (max-width:800px){
 #page-wrapper{min-width:0}
 #header div.section,#main,#footer-wrapper .section,#footer{width:auto;min-width:0}
 #content,.one-sidebar #content,.two-sidebars #content,#sidebar-first,#sidebar-second{float:none;width:auto;display:block}
 #sidebar-first{margin:0 0 1em}
 #logo{float:none}
}
@media (max-width:800px){#header{height:auto}#name-and-slogan{margin-left:0}}
