.about_p-feed--row > * {grid-column: 1/-1;}
@media only screen and (min-width: 768px) {
    .about_p-feed .about_p-feed--row[columns="2"] > * {grid-column: span 6;}
}

.about_p-feed--row:not(:first-of-type) .about_p-feed--section {
    display: block;
    margin-top: 12rem;
}
@media only screen and (min-width: 768px) {
    .about_p-feed--row:not(:first-of-type) .about_p-feed--section {margin-top: 18rem;}
}

.about_p-feed--headline {margin-bottom: 8rem;}
@media only screen and (min-width: 768px) {
    .about_p-feed--headline {margin-bottom: 14rem;}
}

.about_p-feed--article {margin-top: 4rem;}
.about_p-feed--article h3 {margin-bottom: 2rem;}
.about_p-feed--article p {margin-bottom: 1rem;}
@media only screen and (min-width: 768px) {
    .about_p-feed--row[columns="1"] .about_p-feed--article p {columns: 2;}
}

.about_p-feed--image {
    display: flex;
    flex-direction: column;
}
.about_p-feed--image img {
    aspect-ratio: 4/3;
    object-fit: cover;
}
/* .about_p-feed--image img.--vert {aspect-ratio: 3/4;}
.about_p-feed--image img.--hor {aspect-ratio: 4/3;}
.about_p-feed--image img.--square {aspect-ratio: 1/1;} */

.about_p-feed--image_video {
    position: relative;
    width: 100%;
}

.video-controls {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
}
@media only screen and (min-width: 768px) {
    .video-controls {padding: 2rem;}
}
.video-controls[data-state="hidden"] {visibility: hidden;}
.video-controls[data-state="visible"] {visibility: visible;}

.video-controls .video-controls-icon {
    height: 2rem;
    width: auto;
    aspect-ratio: unset !important;
}
@media only screen and (min-width: 768px) {
    .video-controls .video-controls-icon {height: 3rem;}
}

#video-playpause[data-state="pause"] #video-playpause-pause {display: none;}
#video-playpause[data-state="play"] #video-playpause-play {display: none;}

#video-progress {
    position: relative;
    width: calc(100% - 1rem);
    margin-left: 1rem;
}

#video-progress progress[value] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    border: none;
    width: 100%;
    height: .4rem;
    margin: auto 0;
}
#video-progress progress[value]::-webkit-progress-bar,
#video-progress progress[value]::-webkit-progress-value {background: white;}
#video-progress #video-progress_bar img {
    position: absolute;
    top: -.4rem;
    left: 0;
}
@media only screen and (min-width: 768px) {
    #video-progress #video-progress_bar img {top: -.75rem;}
}

.about_p-feed--image p {padding: .2rem .75rem;}




.about_p-feed--video {display: flex;}
.about_p-feed--video iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border: 0 !important;
}




.about_p-faq {margin-top: 12rem;}
@media only screen and (min-width: 768px) {
    .about_p-faq {
        margin-top: 18rem;
    }
}

.about_p-faq h2 {margin-bottom: 4rem;}
.about_p-faq ul {border-bottom: 1px solid black;}

.about_p-faq--entry {
    border-top: 1px solid black;
    padding: 1.5rem 0;
}

.about_p-faq--entry > button {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.about_p-faq--entry[data-status='close'] .--article {height: 0;}
.about_p-faq--entry .--article {transition: 1000ms ease-in-out;}
.about_p-faq--entry .--article * {margin-top: 1em;}

#about_p-faq-img {
    margin: 4rem -.75rem 0;
    min-width: 100vw;
    max-width: 100vw;
    aspect-ratio: 4/5;
    object-fit: cover;
}
@media only screen and (min-width: 1024px) {
    #about_p-faq-img {
        margin: 4rem -1.1rem 0rem;
        aspect-ratio: unset;
    }
}


.about_p-press {margin-top: 12rem;}
@media only screen and (min-width: 768px) {
    .about_p-press {margin-top: 18rem;}
}

.about_p-press h2 {margin-bottom: 4rem;}
.about_p-press ul {border-bottom: 1px solid black;}
.about_p-press li {
    border-top: 1px solid black;
    padding: 1.5rem 0;
}
.about_p-press li > * {grid-column: 1/-1;}
.about_p-press li > p {margin-bottom: 1em;}
@media only screen and (min-width: 768px) {

    .about_p-press li > p {margin-bottom: 0;}
    .about_p-press li > p:nth-child(1) {grid-column: 1/4;}
    .about_p-press li > p:nth-child(2) {grid-column: 4/-3;}
    .about_p-press li > a {
        text-align: right;
        grid-column: -3/-1;
    }
}

.about_p-section {
    display: block;
    position: relative;
    top: calc(var(--margin_t-desktop) * -1);
    visibility: hidden;
}