#unterwegs {
    background-color:var(--color-beige-light);           
}



.head_unterwegs {
    background-color:var(--color-beige-creme);
    padding: 0.5rem 2rem 0rem 3rem;
    margin-bottom: 0.5rem;
    
}



.h1_unterwegs {
    text-decoration: underline;
    font-weight: 700;
    font-size: var(--fs-h1);
}

.h4_unterwegs {
    font-size: var(--fs-h4);
    font-weight: 500;
    padding-top: 0.5rem;
    padding-bottom: 1.5rem;
}





.h2_fehmarn {
    text-decoration: underline;
    padding-bottom: 1rem;
}



.p-fehmarn {
    text-align: justify;
    line-height: 115%;
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}



.full-width-hr {
    margin-top: 2rem;
}






.img_unterwegs {
    padding-top: 1.5rem;
    width: 40rem;
    height: 22rem;
    margin: auto;
    display: block;
}



.figcaption_unterwegs {
    text-align: center;
    padding-top: 1rem;
}



.div_fehmarn {
    display: block;
    overflow: hidden; 
}

.h2_fehmarn{
    padding: 0.5rem 2rem 2rem 3rem;
}


.seitenbild {
    width: 30%;
    float: inline-start;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
    margin-bottom: 1rem;
    object-fit: cover;
    border-radius: 8px;
}






.angeln_am_meer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 2rem 1rem 1rem 1rem;
}



.img_angeln_am_meer {
    width: 31%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}



.figcaption_danke {
    text-align: center;
    padding-top: 1rem;
    font-size: calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));
}






@media screen and (max-width: 1200px) {
    .img_unterwegs {
        width: 96%;
        height: auto;
    }

    .seitenbild {
        width: 40%;
        height: auto;
    }

    .p-fehmarn {
        text-align: justify;
        line-height: 115%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}



@media screen and (max-width: 540px) {
    .seitenbild {
        width: 30%;
        height: auto;
        margin-left: 1rem;
    }
    
    .p-fehmarn {
        text-align: justify;
        line-height: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}





.clearfix::after {
    content: "";
    display: table;
    clear: both;
}



.clear-both {
    clear: both;
}