#main-header, #main-header a {
    background-color: #ffffff;
    color: var(--awsh-blue-dark);
}

.header-row {
    align-items: center;
    justify-content: space-between;
}

div.title {
    font-size: 2em;
    text-align: center;
}

div.title a {
  color: inherit;
}

div.logo {
  text-align: right;
}

button.search-btn:hover {
  background-color: #ffffff !important;
  color: #333 !important;
}
button.search-btn:focus {
  background-color: #ffffff !important;
  color: #333 !important;
  box-shadow:none;
}

#indexedsearch input:first-of-type {
    padding: .2rem .4rem;
    border: 1px solid lightgrey;
    border-radius: .2rem;
    width:70%;
}
header .stoerung, header .kontakt, header .termine, header .portal {
    text-align:center;
}
header .stoerung span:before {
    font-family:"FontAwesome Solid";
    content:"\f06a";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header .termine span:before {
    font-family:"FontAwesome Solid";
    content:"\f073";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header .kontakt span:before {
    font-family:"FontAwesome Solid";
    content:"\f2a0";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header .suche span:before {
    font-family:"FontAwesome Solid";
    content:"\f002";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header .portal span:before {
    font-family:"FontAwesome Solid";
    content:"\f2f6";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header .sprache span:before {
    font-family:"FontAwesome Solid";
    content:"\f5da";
    color:var(--awsh-blue-dark);
    padding-right:.2rem;
}
header a:hover span:before {
    color:#333;
}
header span div {
    display:inline;
}
header .col {
    padding:0 10px !important;
}
@media (max-width:991px) {
    .termine {
        padding-left:0px;
    }
    .form-inline {
        width: inherit;
        margin: .5rem 1rem .5rem 0;
    }
    #indexedsearch input:first-of-type {
        margin-right: 30px;
        width: 85%;
        float: right;
    }
    #indexedsearch .search-button {
        position: absolute;
        right: 20px;
        padding: 0px;
        bottom: 10px;
    }
}
@media (max-width:767px) {
    #indexedsearch input:first-of-type {
        width: 80% !important;
        float: right;
        margin-right: 30px;
    }
    header .stoerung, header .kontakt, header .termine, header .portal {
        text-align:left;
    }
    header .kontakt {
        padding-left:0px;
    }
}
@media (min-width:576px) {
    header .d-sm-block {
        display: flex !important;
}
}
@media (max-width:575px) {
    #indexedsearch .search-button {
        bottom: 0px;
    }
    #indexedsearch input:first-of-type {
        margin-right: 30px;
        width: 100%!important;
        float: none;
    }
    header a span:before {
        font-size:1.5rem;
    }
    header span div {
        display: none;
    }
    header .col {
        text-align:center;
    }
    header .logo img {
        display:none;
    }
    header .logo a{
        display:block;
        height:85px;
        background:url('../Img/AWSH_Signet_RGB.svg') top left no-repeat white;
        margin-left: -15px;
    }
    header .kontakt {
        padding-left:15px;
    }
    header .col {
        padding-left:5px !important;
        padding-right:5px !important;
    }
}