/*
Theme Name: Burg Ziesar Theme
Theme URI: https://systemhaus-brandenburg.de
Description: Theme for Burg Ziesar
Version: 1.0.1
Author: Systemhaus Brandenburg GmbH
Author URI: mailto:info@systemhaus-brandenburg.de
Text Domain: burg-ziesar-theme
*/

body,
#wrap {
    background-color: white;
}

.btn,
.form-control,
.alert {
    border-radius: 0px !important;
}

/* .nav > .menu-item.active {
    border-bottom: 1px solid black;
} */

html,
body {
    height: 100%;
}

body {
    background-color: white;
    position: relative;
}

#wrap {
    min-height: 100%;
    margin-bottom: -50px;
}

#footer {
    width: 100%;
    /* padding-left: 50px;
    padding-right: 50px; */
    padding-top: 15px;
    /* border-top: 1px solid white; */
    /* background-color: #eef0f2 !important; */
    /* background-color: #1c1c1c !important; */
    /* color: white; */
}
#footer a {
    color: black !important;
    text-decoration: none;
}

.dropdown-menu

.dropdown-menu {
    border-radius: 0 !important;
    /* top: calc(100% - 3px) !important; */
    /* left: -1px !important; */
    background-color: white !important;
}

.offcanvas:not(.show):not(.showing):not(.hiding) .navbar-nav > li:hover > .dropdown-menu {
    display: block;
}

.navbar-nav > li > .dropdown-menu a:hover {
    background-color: #e4e4e4;
}

.brz-rich-text {
    white-space: normal !important;
}

.collapse {
    visibility: visible !important;
}

.offcanvas .nav-link {
    font-family: var(--brz-paragraphfontfamily, initial) !important;
    text-transform: uppercase;
    color: black;
    font-size: 1rem;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.offcanvas .dropdown-menu {
    /* width: 100%; */
    /* text-transform: uppercase; */
    font-family: var(--brz-paragraphfontfamily, initial) !important;
    border: none !important;
    border-radius: 0px !important;
}

.offcanvas .dropdown-active .nav-link {
    border-top: 1px solid #06308b22;
}

.offcanvas .offcanvas-body:not(.dropdown-active) .dropdown-menu {
    /* slight box shadow */
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    /* border-radius: var(--bs-border-radius) !important; */
    background-color: white !important;
}

.offcanvas .dropdown-item {
    padding: 10px;
    padding-left: 16px;
    padding-right: 16px;
}

.offcanvas .dropdown-active .dropdown-item {
    padding: 10px;
    padding-left: 32px !important;
}

/* #header {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
} */

.offcanvas .navbar-nav > .menu-item.active {
    /* background: #06308b !important; */
    /* color: black !important;
    text-decoration: underline; */
}

.offcanvas:not(.show):not(.showing):not(.hiding) .navbar-nav > .menu-item.active {
    border-radius: 100px;
}

.offcanvas .navbar-nav > .menu-item.active > a {
    color: #FF9900 !important;
    /* text-decoration: underline; */
}

.offcanvas .dropdown-active .navbar-nav > .menu-item > .nav-link,
.offcanvas .dropdown-active .navbar-nav > .menu-item > .dropdown-menu {
    display: block;
}


.kreis-hover .brz-bg-image {
    transition: transform 100ms ease-in-out !important;
    transform: scale(1.0) !important;
}
.kreis-hover:hover .brz-bg-image {
    transform: scale(0.95) !important;
}

:root {
    --bs-dropdown-link-active-bg: #06308b !important;
}

@media (min-width: 1536px) {
    .container {
        max-width: 1536px !important;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}

@media (min-width: 640px) {
    .container {
        max-width: 640px;
    }
}

.container {
    max-width: 1170px !important;
    padding: 0 !important;
}

.brizy-paragraph-family {
    font-family: var(--brz-paragraphfontfamily, initial) !important;
}

/* .menu-primary .nav-item {
    font-family: var(--brz-paragraphfontfamily, initial) !important;
} */

.bz-banner {
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.bz-banner-tri-left {
    /* border-width: 0 38px 38px 0; */
    border-width: 0 38px 38px 0;
    border-color: transparent var(--bz-banner-color) transparent transparent;

    position: relative;
        float: left;
        width: 0;
        height: 0;
        border-style: solid;
}

.bz-banner-tri-right {
    border-width: 0 0 38px 38px;
    border-color: transparent transparent transparent var(--bz-banner-color);

    position: relative;
        float: left;
        width: 0;
        height: 0;
        border-style: solid;
}

.veranstaltungen-container {
    display: flex;
    flex-direction: row;
}
.veranstaltungen-item-left {
    width: 33.3333%;
}
.veranstaltungen-item-right {
    width: 66.6667%;
}

@media (max-width: 768px) {

    .bz-banner-tri-left,
    .bz-banner-tri-right {
        display: none !important;
    }

    .bz-banner {
        width: 100% !important;
        padding: 0 !important;
    }

    .veranstaltungen-container {
        flex-direction: column !important;
        gap: 3rem !important;
    }
    .veranstaltungen-item-left,
    .veranstaltungen-item-right {
        width: 100% !important;
        align-items: start !important;
        padding-left: 5px !important;
        padding-right: 5px !important;	
    }
    .veranstaltungen-item-left img {
        margin-bottom: 1rem !important;
    }
}

/* FOUNDRY FONT */
:root {
    /* --brz-override-fontfamily: 'Red Hat Text'; */
    --brz-override-fontfamily: 'FoundrySans';

    --brz-paragraphfontfamily: var(--brz-override-fontfamily) !important;
    --brz-subtitlefontfamily: var(--brz-override-fontfamily) !important;
    --brz-abovetitlefontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading1fontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading2fontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading3fontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading4fontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading5fontfamily: var(--brz-override-fontfamily) !important;
    --brz-heading6fontfamily: var(--brz-override-fontfamily) !important;
    --brz-buttonfontfamily: var(--brz-override-fontfamily) !important;

}

/* FoundrySans */
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-300-Light.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-400-Normal.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: italic;
    font-weight: 400;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-400-Italic.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-500-Medium.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-600-Demi.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-700-Bold.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySans';
    font-style: normal;
    font-weight: 800;
    font-stretch: 100%;
    src: url('./fonts/Foundry/FoundrySans-800-ExtraBold.ttf') format('truetype');
}

/* FoundrySansExpert */
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/Foundry/FoundrySansExpert-300-Light.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/Foundry/FoundrySansExpert-400-Normal.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/Foundry/FoundrySansExpert-400-Italic.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 500;
    src: url('./fonts/Foundry/FoundrySansExpert-500-Medium.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/Foundry/FoundrySansExpert-600-Demi.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/Foundry/FoundrySansExpert-700-Bold.ttf') format('truetype');
}
@font-face {
    font-display: swap;
    font-family: 'FoundrySansExpert';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/Foundry/FoundrySansExpert-800-ExtraBold.ttf') format('truetype');
}