@import url('https://fonts.googleapis.com/css?family=Barlow');

h1, h2, h3, h4, .h1, .h2, .h3 {
    font-family: 'Barlow', sans-serif !important;
    letter-spacing: normal !important;
    /*font-size: 18pt !important;*/
    color: #C9D22C; !important;
}

h1,.h1{
    font-size: 36px !important;
    font-weight: bold;
}
h2,.h2{
    font-size: 24px !important;
    font-weight: bold;
}
h3,.h3{
    font-size: 20.8px !important;
    font-weight: bold;
}
h4,.h4{
    font-size: 16px !important;
    font-weight: bold;
}
h5,.h4{
    font-size: 12.8px !important;
    font-weight: bold;
}
h6,.h6{
    font-size: 11.2px !important;
    font-weight: bold;
}



body {
    font-family: 'Barlow', sans-serif !important;
    font-size: 12pt !important;
    letter-spacing: normal !important;
    color: #424142;
}

a{
    font-family: 'Barlow', sans-serif !important;
    font-style: italic;
    font-size: 12pt !important;
}
.btn-link {
    font-family: 'Barlow', sans-serif !important;
    font-style: italic;
    font-size: 12pt !important;
    color: #0788C5 !important;
}


/** Color Styling **/
a.btn:hover {
    color: white;
}

a.btn {
    color: white;
}
.btn{
    border-radius: 10px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.btn-primary {
    background-color: #C9D22C;
    border-bottom: none;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #C9D22C !important;
    filter: brightness(0.9);
    border: none;
    box-shadow: none;
}
.btn-primary:hover, .btn-primary:active {
    background-color: #C9D22C !important;
    filter: brightness(0.9);
    border: none;
    box-shadow: none;
}

.btn-primary:disabled {
    background-color: #C9D22C;
    border-bottom: none;
    opacity: .65;
}
.btn-primary:disabled:hover {
    background-color: #C9D22C;
    border-bottom: none;
    opacity: .65;
    filter: brightness(1);
}

input[type="submit"] {
    background-color: #C9D22C;
}

.btn-secondary.dropdown-toggle {
    border-color: #C9D22C;
}
.btn-secondary.dropdown-toggle:hover {
    border-color: #C9D22C;
}

.progress {
    background-color: #E8EAEA;
}
.progress-bar {
    background-color: #C9D22C;
}

.btn.btn-primary.disabled, .btn.btn-primary.disabled:hover {
    background-color: #C9D22C;
    border-bottom: none;
    padding-bottom: 4px;
}

/* Tooltips */
.tooltip, .el-tooltip__popper {
    opacity: 1 !important;
    border-radius: 5px;
}
.tooltip-inner, .el-tooltip__popper, .el-tooltip__popper.is-dark {
    background: #C9D22C;
    background-color: #C9D22C;
    color: #FFFFFF;
    font-size: 1rem;
    border-radius: 5px;
}
.bs-tooltip-top .arrow::before,
.el-tooltip__popper[x-placement^="top"] .popper__arrow::after,
.el-tooltip__popper[x-placement^="top"] .popper__arrow {
    border-top-color: #C9D22C;
}
.bs-tooltip-bottom .arrow::before,
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow::after,
.el-tooltip__popper[x-placement^="bottom"] .popper__arrow  {
    border-bottom-color: #C9D22C;
}
.bs-tooltip-left .arrow::before,
.el-tooltip__popper[x-placement^="left"] .popper__arrow::after,
.el-tooltip__popper[x-placement^="left"] .popper__arrow {
    border-right-color: #C9D22C;
}
.bs-tooltip-right .arrow::before,
.el-tooltip__popper[x-placement^="right"] .popper__arrow::after,
.el-tooltip__popper[x-placement^="right"] .popper__arrow {
    border-right-color: #C9D22C;
}

/* Footer Bigger Language Select */
.footer{
    min-height: 50px;
}

@media all and (min-width: 576px) {
    .big-language-select{
        font-size: 1.4em;
    }
}
@media all and (max-width: 576px) {
    .lang_select{
        width: 100%;
    }
    .imprint-text{
        white-space: nowrap;
    }
}

.popover.confirmation {
    max-width: min-content;
}