﻿.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.icon-list {
    padding-left: 0;
    list-style: none;
}

    .icon-list li {
        display: flex;
        align-items: flex-start;
        margin-bottom: .25rem;
    }

        .icon-list li::before {
            display: block;
            flex-shrink: 0;
            width: 1.5em;
            height: 1.5em;
            margin-right: .5rem;
            content: "";
            background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
        }


        
/*overlay*/
#overlay {
    background: #ffffff;
    color: #C60219;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .90;
}

.spinner {
    margin: 0 auto;
    height: 64px;
    width: 64px;
    animation: rotate 0.8s infinite linear;
    border: 0px solid #C60219;
    border-right-color: transparent;
    border-radius: 50%;
}

@keyframes rotate {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(360deg);
    }
}




/* autocompleter */
.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
}


.autocomplete-selected {
    background: #F0F0F0;
    outline: none;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #C60219;
    outline: none;
}

.autocomplete-group {
    padding: 2px 5px;
}

    .autocomplete-group strong {
        display: block;
        border-bottom: 1px solid #000;
    }



a:link {
    color: #79775F;
    text-decoration: none;
    background-color: transparent;
}

/* visited link */
a:visited {
    color: #79775F;
    text-decoration: none;
    background-color: transparent;
}

/* mouse over link */
a:hover {
    color: #3c3c3c;
    text-decoration: none;
    background-color: transparent;
}

/* selected link */
a:active {
    color: #79775F;
    text-decoration: none;
    background-color: transparent;
}

@font-face {
    font-family: "CircularGraubuendenWeb";
    src: url("/CirculargraubuendenWeb-Book.woff2") format("woff2"),url("/CirculargraubuendenWeb-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "CircularGraubuendenWeb";
    src: url("/CirculargraubuendenWeb-Bold.woff2") format("woff2"),url("/CirculargraubuendenWeb-Bold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TheMix";
    src: url("/TheMix_500_.woff2") format("woff2"),url("/TheMix_500_.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TheMix";
    src: url("/TheMix_700_.woff2") format("woff2"),url("/TheMix_700_.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

body {
    font-size: 100%;
    font-family: "CircularGraubuendenWeb","Circular",BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
    line-height: normal;
}


h1 {
    font-family: 'TheMix';
}


body {
    font-family: 'CircularGraubuendenWeb';
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

*:focus {
    outline: none;
}

textarea:focus,
textarea.form-control:focus,
input.form-control:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
[type=text].form-control:focus,
[type=password].form-control:focus,
[type=email].form-control:focus,
[type=tel].form-control:focus,
[contenteditable].form-control:focus {
    box-shadow: inset 0 -1px 0 #ddd;
}