/* peerfact.at additions to bootstrap_package (from the old theme.scss) */
#nav-item-4 { font-size: 1.5em; }
/* the old site had no logo/brand; the first menu item "Alexander Peer" (#nav-item-4) acts as the site title */
.navbar-brand { display: none; }
#nav-item-4::before { display: none; }
/* as on the old site (Bootstrap 4 look): links without underline */
a { text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
/* the menu has its own hover/active bar (bootstrap_package .nav-link-main::before) - no second underline */
.navbar-mainnavigation a:hover, .navbar-mainnavigation a:focus { text-decoration: none; }
/* heading sizes of Bootstrap 4 / bootstrap_package 11 (relative to the 1.1rem base font) */
h1, .h1 { font-size: 2.75rem; }
h2, .h2 { font-size: 2.2rem; }
h3, .h3 { font-size: 1.925rem; }
h4, .h4 { font-size: 1.65rem; }
h5, .h5 { font-size: 1.375rem; }

/* open submenus on hover / keyboard focus on desktop, as on the old site (bootstrap_package 11 "dropdown-hover");
   bootstrap_package 16 only opens them by clicking the arrow button */
@media (min-width: 992px) {
    /* only items with a submenu (they have the arrow button); bootstrap_package also renders an empty .dropdown-menu for the others */
    .navbar-mainnavigation .nav-item:has(> .nav-link-toggle):hover > .dropdown-menu,
    .navbar-mainnavigation .nav-item:has(> .nav-link-toggle):focus-within > .dropdown-menu {
        display: block;
    }
    /* simple submenus directly below their item; "Bücher" (nav-style-mega) keeps its full-width flyout */
    .navbar-mainnavigation .nav-item.nav-style-simple { position: relative; }
    .navbar-mainnavigation .nav-item > .dropdown-menu { top: 100%; margin-top: 0; }
}

/* cookie banner: "Ablehnen" and "Cookies zulassen" equally prominent (same colour, size and weight) */
.cc-window .cc-compliance { display: flex; gap: .75rem; flex-wrap: wrap; }
.cc-window .cc-btn.cc-deny,
.cc-window .cc-btn.cc-allow {
    flex: 1 1 0;
    min-width: 11rem;
    white-space: nowrap;
    padding: .5rem 1rem;
    color: rgb(245, 237, 201);
    background-color: #611417;
    border: 1px solid rgb(245, 237, 201);
    font-weight: 400;
    text-decoration: none;
}
.cc-window .cc-btn.cc-deny:hover, .cc-window .cc-btn.cc-deny:focus,
.cc-window .cc-btn.cc-allow:hover, .cc-window .cc-btn.cc-allow:focus {
    color: #611417;
    background-color: rgb(245, 237, 201);
}

/* mobile menu: the submenu of the current section is expanded (other sections open via their arrow) */
@media (max-width: 991.98px) {
    .navbar-mainnavigation .nav-item:has(> .nav-link-main.active):has(> .nav-link-toggle) > .dropdown-menu {
        display: block;
        position: static;
    }
    .navbar-mainnavigation .nav-item:has(> .nav-link-main.active) > .nav-link-toggle .nav-link-indicator {
        transform: rotate(180deg);
    }
}