/* Bylinelista - Standardinställningar  */
    
    .byline-list .list-headline {
        margin-bottom: 1em;
    }
    
    .byline-list .list-item {
        padding-right: 20px;
        margin-bottom: 20px;
    }
    
    .byline-list .list-image {
        margin-right: 15px;
    }
    
    .byline-list .list-image img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }
    
    .byline-list .list-content {
        flex-grow: 1;
        font-family: var(--font-family-frank);
        font-size: 100%;
        font-weight: 300;
    }
    
    .byline-list .list-content .list-name {
        font-size: 100%;
        font-weight: 400;
    }
    
    .byline-list .list-content .list-titel {
        color: var(--color-grey);
    }
    
    .byline-list .list-content .list-info {
        font-family: var(--font-family-inter);
        font-size: 75%;
        line-height: 140%;
    }
    
    .byline-list .list-buttons {
        padding-left: 20px;
    }
    /* Flex eller inte? */
    
    .byline-list .flex .list-holder {
        display: flex;
        flex-wrap: wrap;
    }
    /* Inställningar för mellanstor */
    
    .byline-list .medium .list-image {
        margin-right: 20px;
    }
    
    .byline-list .medium .list-image img {
        width: 100px;
        height: 100px;
    }
    
    .byline-list .medium .list-content {
        font-size: 110%;
    }
    
    .byline-list .medium .list-content .list-name {
        font-size: 120%;
        font-weight: 400;
    }
    /* Inställninagr för stor */
    
    
  
    
    .byline-list .big .list-image {
        margin-right: 30px;
    }
    
    .byline-list .big .list-image img {
        width: 100px;
        height: 100px;
    }
    
    .byline-list .big .list-content {
        font-size: 120%;
    }
    
    .byline-list .big .list-content .list-name {
        font-size: 120%;
        font-weight: 400;
    }
    /* Ändring bakgrund */
    
    .byline-list .bg .list-item {
        background-color: var(--color-grey-10);
    }
    
    .byline-list .bg .list-item:hover {
        box-shadow: var(--env-box-shadow-large);
    }
    
    .byline-list .bg .list-item {
        padding: 20px;
    }


    .byline-list .env-button--icon.mail, .byline-list .env-button--icon.phone{
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        background-image: url('/webdav/images/Mallar/Ikoner/email.svg');
    }
    .byline-list .env-button--icon.phone{
        background-image: url('/webdav/images/Mallar/Ikoner/phone.svg');
    }



    @media (min-width: 1px) and (max-width: 660px){

        .byline-list .list-buttons{
            padding-left: 0px;
        }
    
        .byline-list .big .list-wrapper{
            flex-wrap: wrap;
        }

    }