/* Öffentliche Schafkopf-Seiten innerhalb des ORIGINALEN MSF-Rahmens. */
#content .schafkopf-portal{font:15px/1.5 Arial,Helvetica,sans-serif;color:#222;padding:14px;max-width:100%;box-sizing:border-box}
#content .schafkopf-portal *{box-sizing:border-box}
#content .schafkopf-portal .page{max-width:100%;margin:0;padding:0}
#content .schafkopf-portal img{max-width:100%;height:auto}
#content .schafkopf-portal :is(input,select,textarea,button){max-width:100%}
#content .schafkopf-portal :is(table,pre){max-width:100%}
#content .schafkopf-portal table{display:block;overflow-x:auto}
#content .schafkopf-portal h1{font-size:clamp(22px,3vw,30px)}
/* Altes Schafkopf-Stylesheet wird nur für Inhalte genutzt: eigene Kopf-/Footer-Regeln neutralisieren. */
#content .schafkopf-portal .msf-header,#content .schafkopf-portal .msf-footer{display:none}

@media(max-width:1100px){html,body{min-width:0!important;width:auto!important}body{margin:0!important;background-image:none!important;background-color:#d0d2d5!important}#background{width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;background-image:none!important}#homepage{position:relative!important;width:100%!important;height:auto!important;min-height:100vh!important;margin:0!important;display:grid!important;grid-template-columns:110px minmax(0,1fr) 180px;gap:0}#logo_gruppe,#logo_msf,#logo_adac,#hauptmenue,#untermenue,#adac,#content{position:static!important;margin:0!important;min-width:0;height:auto!important;box-sizing:border-box}#logo_gruppe{grid-column:1;grid-row:1;width:auto!important;padding:12px}#logo_gruppe img{width:85px!important;height:auto!important;max-width:100%}#logo_msf{grid-column:2;grid-row:1;width:auto!important;align-self:center;padding:12px}#logo_msf img{width:100%!important;max-width:570px;height:auto!important}#logo_adac{grid-column:3;grid-row:1;width:auto!important;align-self:center;padding:12px}#logo_adac img{width:100%!important;max-width:190px;height:auto!important}#hauptmenue{grid-column:2/4;grid-row:2;width:auto!important;line-height:2;padding:5px 8px;overflow-wrap:anywhere}#untermenue{grid-column:1;grid-row:3;width:auto!important;padding:12px 8px;overflow-wrap:anywhere}#content{grid-column:2/4;grid-row:3/5;width:auto!important;max-width:100%;background:#dfdfdf!important}#adac{grid-column:1;grid-row:4;width:auto!important;padding:8px}#content>div{max-width:100%;box-sizing:border-box}#content img{max-width:100%;height:auto}}
@media(max-width:700px){#homepage{grid-template-columns:70px minmax(0,1fr) 105px}#logo_gruppe{padding:8px}#logo_msf,#logo_adac{padding:8px}#hauptmenue{grid-column:1/4;padding:7px 10px}#untermenue{grid-column:1/4;grid-row:3;padding:10px;border-bottom:1px solid #aebccc}#untermenue br{display:none}#untermenue a{display:inline-block;margin:3px 8px 3px 0}#content{grid-column:1/4;grid-row:4}#adac{display:none}.schafkopf-portal{padding:14px 10px}.schafkopf-portal .grid,.schafkopf-portal .cards{grid-template-columns:1fr}.schafkopf-portal .contact-links{display:block}.schafkopf-portal .contact-links span{display:block;margin:7px 0}.schafkopf-portal .trip-name{flex-basis:100%;padding-left:32px}.schafkopf-portal .bus-trip-info{padding-left:14px}.schafkopf-portal .inline{display:block}.schafkopf-portal h1{font-size:23px}}
@media(max-width:400px){#homepage{grid-template-columns:65px minmax(0,1fr)}#logo_gruppe{grid-row:1/3}#logo_msf{grid-column:2;grid-row:1}#logo_adac{grid-column:2;grid-row:2;justify-self:end;width:115px!important}#hauptmenue{grid-column:1/3;grid-row:3}#untermenue{grid-column:1/3;grid-row:4}#content{grid-column:1/3;grid-row:5}}
@media print{.schafkopf-portal nav,.schafkopf-portal button,.schafkopf-portal .portal-admin-link{display:none}.schafkopf-portal article{break-inside:avoid}}

/* V9: Smartphone-Kopf blau, Originalmenüs erst nach bewusstem Öffnen. */
.schafkopf-mobile-menu-toggle{display:none}
@media(max-width:700px){
 #background,#homepage{background-color:#2065a3!important}
 #logo_gruppe,#logo_msf,#logo_adac{background-color:#2065a3!important}
 #homepage.schafkopf-menu-ready>.schafkopf-mobile-menu-toggle{display:block;grid-column:1/-1;grid-row:3;justify-self:start;margin:8px 12px;padding:9px 14px;border:1px solid #e6eef7;border-radius:3px;background:#174d83;color:#fff;font:inherit;cursor:pointer}
 #homepage.schafkopf-menu-ready>#hauptmenue,#homepage.schafkopf-menu-ready>#untermenue{display:none!important}
 #homepage.schafkopf-menu-ready.schafkopf-menu-open>#hauptmenue,#homepage.schafkopf-menu-ready.schafkopf-menu-open>#untermenue{display:block!important}
 #homepage.schafkopf-menu-ready>#hauptmenue{grid-column:1/-1;grid-row:4;background:#174d83!important;color:#fff}
 #homepage.schafkopf-menu-ready>#untermenue{grid-column:1/-1;grid-row:5;background:#2065a3!important;color:#fff}
 #homepage.schafkopf-menu-ready>#content{grid-column:1/-1;grid-row:6}
 #homepage.schafkopf-menu-ready>#hauptmenue a,#homepage.schafkopf-menu-ready>#untermenue a{color:#fff!important}
 #homepage.schafkopf-menu-ready>#hauptmenue a[style]{color:#ffcf00!important}
 .schafkopf-mobile-menu-toggle:focus-visible{outline:3px solid #ffcf00;outline-offset:2px}
}

/* V10: Auch die Zwischenansicht verwendet den blauen Kopf, sobald der
   feste Desktop-Hintergrund zugunsten des flexiblen Rahmens entfällt. */
@media(min-width:701px) and (max-width:1100px){
 body,#background,#homepage{background-color:#2065a3!important}
 #logo_gruppe,#logo_msf,#logo_adac{background-color:#2065a3!important}
 #hauptmenue{background:#174d83!important;color:#fff}
 #hauptmenue a{color:#fff!important}
 #hauptmenue a[style]{color:#ffcf00!important}
 #untermenue{background:#2065a3!important;color:#fff}
 #untermenue a{color:#fff!important}
 #content{background-color:#dfdfdf!important}
}

/* Original-Hintergrund auf Desktop trotz Schafkopf-Inhaltsstylesheet erhalten. */
@media(min-width:1101px){body{background-image:url(https://www.msf-olching.de/bilder/background_body2.png);background-repeat:repeat-y;background-color:transparent}}
@media(max-width:700px){#content .schafkopf-portal{padding:10px}#content .schafkopf-portal :is(input,select,textarea){font-size:16px}}

/* Öffentliche Schafkopf-Seite: Flyer, Vorschau und Rückblick. */
.schafkopf-portal .schafkopf-next-preview,
.schafkopf-portal .schafkopf-archive {margin-top:24px;padding:14px;background:#edf3fb;border:1px solid #c8d8e9;border-radius:8px;}
.schafkopf-portal .schafkopf-next-preview h2,
.schafkopf-portal .schafkopf-archive h2 {font-size:1.15rem;margin:0 0 8px;}
.schafkopf-portal .schafkopf-next-preview img {display:block;width:100%;height:auto;max-width:310px;margin:auto;}
.schafkopf-portal .schafkopf-next-preview p {margin:8px 0;}
.schafkopf-portal .schafkopf-results-list {text-align:left;margin:10px 0 0;padding-left:20px;}
.schafkopf-portal .schafkopf-results-list li {margin:0 0 9px;overflow-wrap:anywhere;}

/* Rückblick unterhalb der beiden Spalten über die gesamte Inhaltsbreite. */
#content .schafkopf-portal .schafkopf-archive{width:100%;margin-top:22px;padding:18px 20px}
#content .schafkopf-portal .schafkopf-results-list{list-style:disc;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:6px 22px;padding-left:22px}
#content .schafkopf-portal .schafkopf-results-list li[hidden]{display:none!important}
#content .schafkopf-portal .schafkopf-archive-more{margin-top:12px;padding:9px 15px;border:0;border-radius:5px;background:#005aa9;color:#fff;cursor:pointer}
#content .schafkopf-portal .schafkopf-next-preview p{white-space:normal}

/* Mobile Reihenfolge: Anmeldung vor Flyer/Vorschau; Archiv danach.
   Ueberschreibt die alte Regel .public-event-flyer { order:-1 } in style.css. */
@media (max-width: 800px) {
  #content .schafkopf-portal .public-event-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  #content .schafkopf-portal .public-event-main {
    order: 0;
  }
  #content .schafkopf-portal .public-event-flyer {
    order: 1;
  }
}
