#bbofc2result.flexcontainer {
    display:flex;
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap:1%;
    justify-content: center;    
    max-width:1130px;
    min-width:80%;
}

#bbofc2result #changelocationbutton {
    display:none;
}

#bbofc2result.flexcontainer div.mainitem {
    display:none;
}

#bbofc2result.flexcontainer div #bbofcmpostnr-label {
    font-size:3rem;
    color:#5e5b5c;
}

#bbofc2result.flexcontainer div.itemrow {    
    display:flex;
    flex-wrap: wrap;
    align-items:flex-end;
    background:#eee;
}

#bbofc2result.flexcontainer div.itemcol {
    margin:0;
    padding:0.4em 0;
    flex-basis:22%;
    font-size:1.4rem;
    font-weight: normal;
    line-height: normal;
    text-align:center;
}


#bbofc2result.flexcontainer div.wide50 {
    flex-basis: 50%;
}
#bbofc2result.flexcontainer div.itemcol.wide50 span {
    font-size:1rem;
    color:rgb(179, 177, 177);
}

#bbofc2result.flexcontainer div.itemcol.wide50 span.adr {
    font-size:0.7rem;
    display:block;
}

#bbofc2result.flexcontainer div.itemcol.left {
    text-align: left;
    padding-left:1em;
}

#bbofc2form h2 {
    margin:0.4em 0 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:1.3rem;
    font-weight: 600;
}

#bbofc2form input[type="text"], #bbofc2form input[type="submit"]  {
    padding:0.5em 0.8em;
    font-size:1.5rem;
    border-color:#959499;
}

#bbofc2form input[type="text"] {
    max-width:170px;
}

#bbofc2form input[type="submit"] {
    background-color: #d93361;
    border: 2px solid #d93361;
    color: #fff;
    width:auto;
    margin-left:0.5em;
}

#bbofc2form input[type="submit"]:hover {
    cursor:pointer;
    background:#fff;
    color:#d93361;
}

#bbofc2form select {
    position:relative;
    max-width:100%;
    padding:0.5rem;
    margin-top:1em;
    display: block;
    width: 100%;    
    font-size: 1.3rem;
    line-height: normal;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#bbofc2form input:focus, #bbofc2form select:focus {
    border-color:#3f9ae4;
    box-shadow: #3f9ae4;
}


#bbofc2form a {
    padding-left:1em;
    text-decoration: none;
}

#bbofc2form .submit {
    clear:both;
}

#bbofc2result {
    padding:0.5rem 0.1rem;
}

#bbofc2result h3 {
    margin:0.4em 0 0;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size:0.8rem;
    font-weight:normal;
}

#bbofc2form {
    position:relative;
    margin: 0 auto;
    display: table;
}

/* Mobile stuff */
@media (max-width: 1024px) {
    #bbofc2form input[type="submit"] {
        margin-left:0;
        margin-top:0.5em;
    }

    #bbofc2form #bbofcmpostnr-label {
        display:block;
    }

    #bbofc2result div.mainitem {
        margin-top:1em;
    }
    #bbofc2result.flexcontainer {
        min-width:auto;
    }
    #bbofc2form {
        border-right:none;
    }

    #bbofc2result.flexcontainer div.itemcol.wide50, .flexcontainer div.itemrow {
        min-width:100%;
    }

    #bbofc2result.flexcontainer div.itemcol.left {
        text-align: center;
        padding-left:0;
    }

    #bbofc2form a { 
        display:block;
        padding-left:0;
    }

}

@media (max-width: 570px) {
    #bbofc2result.flexcontainer div.itemcol.header {
        display:none;
    }
    #bbofc2result.flexcontainer div.itemcol {
        flex-basis:100%;
    }    

    #bbofc2form select {
        max-width:95%;
    }    
}

@media (max-width: 400px) {
    #bbofc2form h2 {
        font-size:1.2em;
    }    
}