/**
 * The following styles get applied both on the front of your site and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.zitat-headline {
    margin-top: clamp(1.5rem,1.0714rem + 2.1429vw,3rem);
    margin-bottom: clamp(.75rem,.5357rem + 1.0714vw,1.5rem);
    font-family: ZType-Cn Bold;
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgb(39 22 111/var(--tw-text-opacity,1));
    font-size: clamp(1.25rem,1rem + 1.25vw,1.225rem);
}

.stimmen-video-media{
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
}

@media (min-width: 768px){
    .stimmen-video-media{
        flex: 0 0 320px;
        max-width: 320px;
    }
    .stimmen-video-content{
        flex: 1 1 0%;
        max-width: 720px;
    }
}

.stimmen-video-media iframe,
.stimmen-video-media video{
    width: 100% !important;
    height: 100% !important;
    display: block;
}

.stimmen-video-media .aspect-video{
    aspect-ratio: 16 / 9;
}

.video-embed-wrapper {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.video-embed-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
}

.subpage-tile {
    position: relative;
}

.subpage-tile.has-bg .subpage-tile__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.38);
    pointer-events: none;
}

.subpage-tile.has-bg .subpage-tile__content,
.subpage-tile.has-bg .subpage-tile__icon {
    position: relative;
    z-index: 1;
}

.subpage-tile.has-bg:hover .subpage-tile__overlay {
    background: rgba(0,0,0,0.48);
}

.subpage-tile.has-bg .subpage-tile__content p {
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}

.pb-p40{
    padding-bottom: 2.5rem !important;
}

@media (min-width:768px){
    .subpage-tiles-col {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width:767px){
    .subpage-tiles-col {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}