@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

@import url('layout.css');
@import url('components.css');
@import url('forms.css');
@import url('news.css');
@import url('admin.css');
@import url('events.css');
@import url('event-details.css');
@import url('kacheln.css');

:root {
    --municipal-bg: #1F4D3A;
    --municipal-text: #FFFFFF;
    --primary: #2F4A5C;
    --primary-light: #1b6ec2;
    --success-bg: #d4edda;
    --success-text: #155724;
    --danger-bg: #f8d7da;
    --danger-text: #721c24;
    --border-color: #ddd;
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 4px rgba(0,0,0,0.1);
    --shadow-md: 0 4px 10px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 30px rgba(0,0,0,0.12);
}

html,
body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}

.text-left {
    text-align: left !important;
}

.search-box .mud-input-control {
    border-radius: 14px;
}

* {
    box-sizing: border-box;
}

html {
    overflow-x: hidden;
}

/* Fix für Bootstrap Offcanvas */
.offcanvas {
    position: fixed !important;
    top: 0;
    bottom: 0;
    z-index: 1050 !important;
    visibility: hidden;
    background-color: #1F4D3A;
}

    .offcanvas.show {
        visibility: visible;
    }

.offcanvas-backdrop {
    z-index: 1040 !important;
}

.search-box-bootstrap {
    height: 48px;
}

    .search-box-bootstrap .input-group-text {
        background: white;
        border-right: 0;
        color: #1976d2;
        border-radius: 12px 0 0 12px;
    }

    .search-box-bootstrap .form-control {
        border-left: 0;
        border-radius: 0;
        color: #2F4A5C;
        font-size: 1rem;
    }

        .search-box-bootstrap .form-control:focus {
            box-shadow: none;
            border-color: #1976d2;
        }

    .search-box-bootstrap .btn {
        border-radius: 0 12px 12px 0;
    }

.search-box-bootstrap {
    border-radius: 12px;
}