/* README
- Header height (--nav-height) is calculated dynamically
*/
/* [id^="title_"]{
scroll-margin-top: calc(var(--nav-height) + 2rem);
}*/
/* Headline + Body Content */
.content>div:first-child {
position: relative;
}
.content>div:first-child h1 {
font-size: 3em;
line-height: 5rem;
}
.content>div:first-child h1,
.content>div:first-child h3 {
text-align: center;
}
@media (min-width: 992px) {
.content {
display: grid;
grid-template-columns: 35% 60%;
grid-column-gap: 5%;
}
.content>* {
grid-column-start: 1;
grid-column-end: 3;
width: 100%;
}
.content>div:first-child {
grid-column-end: 2;
padding-top: 10rem;
}
.content>div:first-child+* {
grid-column-start: 2;
}
.content>div:first-child+* iframe[src*="background=1"] {
z-index: -5;
}
.content>div:first-child:before {
width: 70vw;
top: 0;
right: 0;
_transform: translate(13%, 33%) rotate(60deg) skewX(20deg);
transform: translate(6%, 21%) rotate(38.5deg) skewX(28.6deg);
transform-origin: top right;
}
.content>div:first-child h1 {
font-size: 3.5em;
}
.content>div:first-child h1,
.content>div:first-child h3 {
text-align: left;
}
}