/* Magdeburger Antiquariat: typografischer Header-Entwurf */
/* Footer: Menülinks in Creme und zusätzliche Zeile unter dem Menü ausblenden */
#footer .footermenu a, #footer2 .footermenu a, #footer .footermenu a:visited, #footer2 .footermenu a:visited {color:#faf9f6!important;}
#footer .footermenu a:hover, #footer2 .footermenu a:hover {color:#ffffff!important;}
#footer #site-copyright, #footer2 #site-copyright {display:none!important;}

/* Einheitlicher warmer Cremeton für Hauptinhalt und Seitenleisten */
#main, #forbottom, #container, #content, #primary, #secondary {background-color:#faf9f6!important; background-image:none!important;}
#primary, #secondary {border-left:0!important; border-right:0!important; box-shadow:none!important;}
#main {display:flow-root;}

#header #branding {height:auto!important; min-height:0!important; background:#faf9f6!important; background-image:none!important; padding:22px 34px!important; box-sizing:border-box;}
#header #branding .ma-branding {display:flex; align-items:flex-end; gap:24px; max-width:1040px; margin:0 auto; min-height:130px;}
#header .ma-logo {flex:0 0 68px; width:68px;}
#header .ma-logo img {display:block; width:100%; height:auto; max-height:132px; object-fit:contain;}
#header .ma-brand-copy {display:flex; flex-direction:column; gap:8px; min-width:0;}
#header .ma-brand-title {font-family:'Cinzel',Georgia,serif!important; font-weight:normal!important; font-size:clamp(27px,3.3vw,45px)!important; line-height:1.15!important; letter-spacing:.01em; color:#9a2530!important; text-decoration:none!important; text-shadow:none!important;}
#header .ma-brand-title:hover {color:#76202a!important;}
#header .ma-brand-subtitle {font-family:Arial,sans-serif; font-size:12px; line-height:1.5; letter-spacing:.13em; text-transform:uppercase; color:#554f4a;}
#header #access {background:#9a2530!important; background-image:none!important; box-shadow:none!important; border:0!important; min-height:45px;}
#header #access a {text-shadow:none!important;}
/* Menütabs bis an die Unterkante der roten Navigationsleiste */
#header #access ul, #header #access .menu {margin-bottom:0!important; padding-bottom:0!important;}
#header #access ul li {margin-bottom:0!important; padding-bottom:0!important;}
#header #access ul li > a {box-sizing:border-box; min-height:45px; display:flex; align-items:center; padding-top:3px!important; padding-bottom:0!important;}
#header #access {padding:20px 0 0!important; margin-top:0!important; min-height:0!important; display:flow-root!important;}
#header #access > div {margin-bottom:0!important; padding-bottom:0!important;}
#header #access ul li > a {height:45px!important; min-height:45px!important; line-height:1.2!important;}
#header #access ul li {height:45px!important;}
#header #access ul ul li, #header #access ul ul li > a {height:auto!important; min-height:0!important;}
@media(max-width:700px) {#header #branding {padding:16px 18px!important;} #header #branding .ma-branding {min-height:92px; gap:15px;} #header .ma-logo {flex-basis:48px;width:48px;} #header .ma-brand-title {font-size:clamp(23px,5vw,32px)!important;} #header .ma-brand-subtitle {font-size:10px;letter-spacing:.05em;}}
/* Mobile Darstellung: Navigation und Lesereihenfolge */
@media (max-width:800px) {
  #header #nav-toggle {display:block!important; box-sizing:border-box; float:none!important; width:100%!important; padding:10px 20px!important; margin:0!important; background:#9a2530!important; color:#fff!important; font-size:15px; line-height:30px; text-align:left;}
  #header #nav-toggle span {color:#fff!important;}
  #header #access {padding:0!important; margin:0!important; min-height:0!important; width:100%!important; clear:both;}
  #header #access .menu, #header #access .menu > ul {width:100%!important; margin:0!important; padding:0!important;}
  #header #access ul li, #header #access ul li > a {height:auto!important; min-height:0!important; width:100%!important; float:none!important; box-sizing:border-box;}
  #header #access ul li > a {display:block!important; padding:12px 20px!important; line-height:1.4!important; border-bottom:1px solid rgba(255,255,255,.18);}
  #header #access ul ul {position:static!important; width:100%!important; left:auto!important; box-shadow:none!important;}
  #header #access ul ul li > a {padding-left:34px!important;}
  #container {display:flex!important; flex-direction:column!important; width:100%!important; box-sizing:border-box;}
  #container > #content {order:1!important; float:none!important; width:100%!important; max-width:100%!important; margin:0!important; box-sizing:border-box; padding:22px 20px!important;}
  #container > #primary, #container > #secondary {order:2!important; float:none!important; clear:both!important; width:100%!important; max-width:100%!important; margin:0!important; box-sizing:border-box; padding:16px 20px!important;}
  #container > #secondary {order:3!important;}
  #container .widget-area .xoxo {margin:0!important; padding:0!important;}
  #container .widget-area .widget-container {box-sizing:border-box; max-width:100%;}
  #content img, #content iframe, #primary img {max-width:100%; height:auto;}
}
@media (max-width:480px) {
  #header #branding .ma-branding {align-items:center; gap:12px;}
  #header .ma-brand-title {font-size:clamp(21px,5.6vw,27px)!important;}
  #header .ma-brand-subtitle {font-size:9px; letter-spacing:0!important;}
}