.personaer_heading_top{
    display: none;
}

.persona_læsMere_txt_heading{
    display: none;
}

.persona_læsMere_txt_container{
    background-color: #567A86;
    padding: 15px;
}

.personaer_txt_container{
    margin-top: 1em;
    max-width: 737px;
    height: 100%;
    padding-top: 10px;
    padding: 10px;
    background-color: #567A86;
    margin: 15px;
}

.persona_topTitel_container{
    max-width: 1066px;
    background-color: #567A86;
    padding-top: 15px;
    margin-bottom: 1em;
}

.persona_topTitel{
    text-align: center;
    font-size: 20px;
    max-width: 856px;
    padding-bottom: 1em;
    font-weight: 400; 
}

.persona_picture img{
    max-width: 100%;
    display: flex;
    padding-bottom: 29px;
}

.persona_header{
    font-size: 20px;
    font-weight: 400;
}

.personaer_heading{
    padding-bottom: 15px;
}

.personaer_heading_top{
    display: none;
}

.personaer_læsMere{
    color: white;
    text-decoration: none;
    padding-top: 15px;
}

.persona_list_item{
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1.2em;
}


.persona{
    padding: 1em;
    margin-top: 4px;
    margin-bottom: 22px;
    max-width: 100%;
}

.personaer_skipper, .personaer_linda{
    display: flex;
    flex-direction: row-reverse;
    margin: 1em;
}

.personaer_karen, .personaer_sille{
    display: flex;
    margin: 1em;
}

.personaer_img{
    margin: 1em;
    padding-left: 2em;
    padding-right: 2em;
}

.personaer{
    max-width: 1200px;
}

.persona_læsMere, .personaer_læsMere{
    display: none;
}


@media only screen and (max-width: 1024px) {
    .personaer_img{
        display: flex;
    }

    .personaer_skipper, .personaer_linda, .personaer_karen, .personaer_sille{
        display: unset;
    }

    .personaer_karen_læsMere, .personaer_skipper_læsMere, .personaer_linda_læsMere, .personaer_sille_læsMere{
        display: none;
    }

    .persona_læsMere_txt{
        display: none;
    }

    .personaer_txt_container{
        max-width: unset;
        padding-left: 1em;
        padding-right: 1em;
        background-color: #567A86;
        margin-bottom: 1em;
    }

    .persona_topTitel_container{
        max-width: 500px;
        margin-bottom: 0;
    }

    .persona_topTitel{
        max-width: 300px;
    }
    
    .persona_header{
        font-size: 20px;
        font-weight: 400;
    }

    .personaer_heading{
        padding-bottom: 15px;
    }
    
    .persona_læsMere{
        color: white;
        display: flex;
        text-decoration: none;
    }
    
    .personaer_heading_top{
        display: none;
    }

    .personaer_læsMere, .persona_læsMere{
        display: block;
    }
    .persona_list_item{
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 1.2em;
    }

    .persona{
        padding: 1em;
        margin-top: 4px;
        margin-bottom: 22px;
        max-width: 100%;
    }
}
@media only screen and (max-width: 515px) {
    .personaer_mobile_div{
        background-color: #567A86;
        max-width: 94%;
        max-height: 100%;
        margin-bottom: 92px;
        padding-bottom: 3em;
    }

    .personaer_img img{
        max-width: 100%;
    }
    
    .personaer_txt{ 
        max-width: 300px;
    }

    .personaer_heading{
        max-width: 300px;
    }

    .persona_topTitel{
        max-width: 289px;
    }
    
    .persona_header{
        max-width: 340px;
        font-size: 20px;
        font-weight: 400;
    }
    
    .persona_læsMere{
        max-width: 340px;
    }
    
    .personaer_læsMere{
        max-width: 300px;
        color: white;
        text-decoration: none;
        display: flex;
    }

    .persona_list_item{
        max-width: 300px;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .personaer_karen_læsMere, .personaer_skipper_læsMere, .personaer_linda_læsMere, .personaer_sille_læsMere{
        max-width: 300px;
    }

    .persona{
        padding: 1em;
        margin-top: 4px;
        margin-bottom: 22px;
        background-color: #567A86;
        max-width: 100%;
    }
}