/*
 * Quark 2 — user customizations
 *
 * This file is safe to edit. It is loaded last so anything here overrides
 * theme.css without having to mark rules !important.

#footer { color: #4f0500; padding: 1rem 1rem 0; text-align: center; }
#header a { color: #4f0500; }
#header { width: 100%; height: 4rem; border-bottom: 1px solid rgba(172, 179, 194, 0.2); font-size: 0.7rem; font-weight: 700; background: #F8F9FA; color: #783a02;}
#header .logo svg, #header .logo img { height: 50px; }
.grid-lg { padding-left: 0px;}
.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active { color: #956839 !important; }
.overlay { background: #fff; opacity: 0; }
.overlay .mobile-logo { background: #fff; opacity: 0; }
.overlay.open { opacity: 1; }
.overlay.open .mobile-logo { opacity: 1; margin-left: -6px; padding-top:0px;}
.treemenu li { padding: 21px 0; background: rgba(128, 128, 128, 0.1); }
.treemenu li a { color: #4f0500; font-size: 1.2rem; }
.treemenu li a:hover, .treemenu li a:focus, .treemenu li a.active { color: #956839 !important; }
.treemenu li.tree-empty > .toggler { opacity: 0; }
.mobile-logo svg, .mobile-logo img { height: 50px; margin-top: 7px; margin-left: 1.4rem;}
#header .logo svg, #header .logo img { height: 50px; display: inherit; }
.mobile-menu .button_container span { background: #4f0500; }
.mobile-menu .button_container.active .top { background: #4f0500; }
.mobile-menu .button_container.active .middle { opacity: 0; background: #4f0500; }
.mobile-menu .button_container.active .bottom { background: #4f0500; }
.mobile-menu .button_container span { background: #4f0500; }
#footer { width:100%; color: #956839; padding: 1rem 1rem 0; text-align: center; font-size: .8rem; }
@media screen and (max-width: 768px){ #footer { width:100%; color: #956839; padding: 1rem 1rem 0; text-align: center; font-size: .5rem; } }
@media (max-width: 1240px) { .mobile-menu { display: block; } }
@media (max-width: 1240px) { #header .navbar-section { margin-right: 2rem; } }
@media (max-width: 1240px) { #header .navbar-section.desktop-menu { display: none; } }
@media (max-width: 1240px) { .dropmenu { display: none; } }
.container {padding-left:0px}
h4 {color: #956839;}

 */
 
 /*
:root {
    --pico-content-width: 100%;
}
*/
 
:root {
    --pico-typography-spacing-vertical: 1.5rem;
    
    /* Ändert die maximale Breite des Hauptcontainers (z.B. auf 1400px oder 95%) */
    --pico-content-width: 1400px; 
}