@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
:root {
    --yellow: #bc8d37;
    --darkblue: #16656a;
    --grey: #FFFAF6;
    --default: #464646;
    --darkbluelight: rgba(22, 101, 106, 0.58);
    --yellowlight: rgba(188, 141, 55, 0.30);
}

* {
    outline: none;
}

body {
    font-family: 'Segoe UI','Helvetica Neue',sans-serif;
}

h1 {
    font-size: 1.8rem;

}

h2 {
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

h3 {
    font-size: 1.2rem;
}

a {
    text-decoration: none;
    color: var(--darkblue);
}

a:hover {
    text-decoration: none;
    color: var(--darkblue);
}

.bggrey, .bg-light {
    background-color: var(--grey) !important;
}

.bgdarkblue {
    background-color: var(--darkblue);
    color: #FFF;
}

.bgdarkbluelight {
    background-color: var(--darkbluelight);
}

.bgyellowlight {
    background-color: var(--yellowlight);
}

.bgdarkblue h3 {
    color: var(--yellow);
}

.header.subpage {
    border-bottom:5px solid var(--darkblue);
}

ul {
    padding-left:1.5rem;
}

footer a {
    color:#FFF;
}

footer a:hover {
    color:#FFF;
    text-decoration: underline;
}

footer h3 {
    margin-bottom:0;
    font-size:1.2rem;
}

.card.chart {
    border:0;
}

.infobtn, .infobtn2 {
    cursor: pointer;
}

.infobox {
    display: none;
    margin: 1rem 0;
    border: var(--darkbluelight) solid 1px;
    border-radius: 4px;
    padding: 1rem 1rem 30px 1rem;
    position: relative;
    font-weight: normal;

}

.infobox2 {
    display: none;
    margin: 1rem 0;
    border: var(--darkbluelight) solid 1px;
    border-radius: 4px;
    padding: 1rem 1rem 30px 1rem;
    position: relative;
    font-weight: normal;

}

.error {
    color: red;
    font-weight: bold;
}

.infobox-einheiten {
    font-size: 0.9rem;
    border: 1px solid var(--darkblue);
    padding: 1rem 0.5rem;
    margin-top: 3rem;
}

.fs-small {
    font-size: 0.9rem;
}

th.infobox2, td.infobox2 {
    border:0;
    background-color: #FFF;
    --bs-table-accent-bg: #FFF !important;
}

.infobox .btn-close, .infobox2 .btn-close {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

div.banner {
    height: 40vh;
background-image: url("/fileadmin/templates/img/banner4.jpg");
    background-size: cover;
    background-position: center;
    opacity: 0.7;
}

.btn:hover {
    text-decoration: none;
}

.btn-primary, .btn.btn-outline-primary:hover {
    background-color: var(--darkblue);
    color: #FFF;
    border-color: var(--yellow);
}

.btn.btn-primary:hover, .btn-outline-primary {
    background-color: var(--yellow);
    color: var(--darkblue);
    border-color: var(--darkblue);
}


.btn-outline-primary {
    background-color: #fff;
    color: var(--darkblue);
    border-color: var(--darkblue);
}

.btn.btn-outline-primary:hover {
    background-color: var(--darkblue);
    color: #FFF;
    border-color: var(--yellow);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
    background-color: var(--darkblue);
    color: #FFF;
    border-color: var(--yellow);
    opacity: var(--bs-btn-disabled-opacity);
}

.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: var(--darkblue);
    color: #FFF;
    border-color: var(--yellow);
}

.navbar-collapse {
    padding-bottom: 0.8rem;
}

.nav-item {
    margin-right: 3rem;
    font-size: 1.2rem;
}

.nav-item:last-child {
    margin-right: 0;
}

input.small { width:50%;}

.sektorline:nth-child(even) {
    background-color: var(--darkbluelight);
}

.sektorline:nth-child(odd) {
    background-color: var(--yellowlight);
}

.sektorteil {
    border: 1px solid var(--default);
    margin-left: 12px;
}

.form-check-input:checked {
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}
.form-control, .input-group-text {
    padding: 0.2rem 0.3rem;
    font-size: 0.9rem;
}

.form-control-big {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
}

#addsektorbtn {
    margin-top:2.5rem;
}

table.table-period {
    width: auto;
}

table.table-period tr > *:first-child {
    border-right: 1px solid var(--darkblue);
}
table.table-period tr > * {
   /* border-right: 1px dashed var(--darkbluelight);*/
}

table.table-period tr > *:last-child {
    border-right: 1px solid var(--darkblue);
    border-left: 1px solid var(--darkblue);
}

table.italic tr > * {
    font-style: italic;
}

tr.underline {
    border-bottom-color: var(--darkblue);
    border-bottom-width: 2px;

}

ul.typo3-messages {
    list-style: none;
    padding-left: 0;
}

.frame {
    margin-bottom:2rem;
}

.border-top {
    border-top: 1px solid var(--darkblue) !important;
}
.select-region {
    border-top: 1px solid var(--darkblue);
    border-bottom: 1px solid var(--darkblue);
    padding: 1rem 0;
    margin-bottom: 2rem;
    margin-left: 0px;
}

.bl-list {
    padding: 0 10px;
}

.bl-list .row:nth-child(odd) {
    background-color: var(--yellowlight);
}

.select-region > * {
    padding-left: 0rem;
}

.page-link {
    color: var(--darkblue);
    background-color: white;
    border-color: var(--darkblue);
}
.page-link:focus {
    color: var(--default);
    background-color: var(--darkbluelight);
    box-shadow: 0 0 0 0.25rem rgba(22, 101, 106, 0.25);
}

.disabled>.page-link, .page-link.disabled {
    color: var(--darkbluelight);
    background-color: white;
    border-color: var(--darkblue);
}


.active>.page-link, .page-link.active {
    color: white;
    background-color: var(--darkblue);
    border-color: var(--darkblue);
}

h2.regionalheader {
    width: 100%;
    background-color: var(--darkblue);
    padding: 1rem 2rem;
    color: white;
}

.areaddbl {
    border-radius: 25px;
    border: 1px solid var(--darkblue);
}

@page {
    size: A4;
    margin: 2cm 1.5cm 2cm 1.5cm;
    background-color: white;
}

.print-first-page, .print-only {
    display: none;
}


.printarea {
    background-color: #fff;
    padding: 2rem;
    width: 21.7cm
}

@media print {
    body, html {
        background-color: white;
    }

    .row {
        display: block;
    }

    table, .table-container, .card, .no-break-between {page-break-inside: avoid;}
    .table.no100 {
        width: auto;
    }

    h1:not(.nobreakbefore), .pagebreakbefore,.frame-space-before-pagebreakbefore {
        page-break-before: always;
    }

    .print-first-page h1 {
        page-break-before: auto !important;
    }

    h2:not(.nobreakbefore), h3:not(.nobreakbefore) {
        /*page-break-before: always;*/
    }

    .header-nopagebreak h2, .header-nopagebreak h3 {
        page-break-before: auto !important;
    }

    .printarea {
        padding: 0;
        padding-bottom: 2cm;

    }

    .print-first-page {
        display: block;
        page-break-after: always;

    }

    .print-only {
        display: block;
        page-break-after: always;
    }

    .showinput, .showinput * {
        font-size: 0.7rem;
    }

    .print-first-page .headerblock {
        background-color: var(--grey);
        height: 18cm;
        padding: 6cm 3cm 0 3cm;
        border-bottom:1px solid var(--darkblue);
    }

    .print-first-page .headerblock h1, .print-first-page .headerblock h2, .print-first-page .headerblock h3 {
        font-size: 36pt;
        margin-bottom: 0.3cm
    }

    .print-first-page .headerblock h1, .print-first-page .headerblock h3 {
        text-transform: uppercase;
        font-weight: lighter;

    }
    .print-first-page .headerblock h2 {

    }

    .printlogo {
        width: 6cm;
        height: auto;
        margin-bottom: 1cm;
    }



    .printbottom {
        display: block;
        position: absolute;
        bottom: 0;
        border-top: 3px solid var(--darkblue);
        padding-top: 10px;
        width: calc(100%);
        text-align: right;
    }

    .col-print-6 {
        width: 50% !important;
    }

    .h-100 {
        height: inherit !important;
    }
    .float-lg-end {
        float: right!important;
    }

    .container-fluid {
        display: none;
    }

}