:root {
    --vq-header-fade-start: oklch(from var(--bulma-primary) l c h / 0.65);
    --vq-header-fade-end: oklch(from var(--bulma-secondary) l c h / 0.75);
}

.vq-site {
    padding-top: var(--bulma-navbar-height);
}

.column>.section {
    padding-inline: 0;
}

@media(max-width: 768px) {
    .section {
        hyphens: auto;
        padding-block: 1rem;
    }
}

.vq-block-headline+.vq-block-text, .vq-block-text+.vq-block-text-media {
    margin-top: 2rem;
}
.vq-block-headline {
    padding-block: 3rem;
}

.vq-hero {
    position: relative;
    color: #fff;
    overflow: hidden;
}
.vq-hero .hero-body {
    position: relative;
    z-index: 2;
    padding-top: 4rem;
    padding-bottom: 4rem;
    min-height: 420px;
}
.vq-hero.vq-hero--center .hero-body {
    text-align: center;
}
.vq-hero .title {
    color: var(--col-white);
    text-shadow: none;
}
.vq-hero-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    filter: saturate(1.1);
    transform: scale(1.02);
    z-index: 1;
}
.vq-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}
.vq-hero-badge {
    background: rgba(15, 23, 42, .35);
    border-radius: 999px;
    border: 1px solid rgba(191, 219, 254, .7);
    color: #e5edff;
    font-weight: 600;
}
.vq-block-html .vq-container-narrow {
    max-width: 720px;
}
.vq-block-html>.container, .vq-block-html.section>.container.is-fluid {
    line-height: 1.7;
    color: #0f172a;
}
.vq-block-html>.container h1, .vq-block-html>.container h2, .vq-block-html>.container h3, .vq-block-html>.container h4, .vq-block-html>.container h5, .vq-block-html>.container h6, .vq-block-html.section>.container.is-fluid h1, .vq-block-html.section>.container.is-fluid h2, .vq-block-html.section>.container.is-fluid h3, .vq-block-html.section>.container.is-fluid h4, .vq-block-html.section>.container.is-fluid h5, .vq-block-html.section>.container.is-fluid h6 {
    font-weight: 700;
}
.vq-block-html>.container p+p, .vq-block-html.section>.container.is-fluid p+p {
    margin-top: 1rem;
}
.vq-news-list .vq-news-card {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--box-shadow-big);
    display: flex;
    flex-direction: column;
}
@media (prefers-color-scheme: dark) {
    .vq-news-list .vq-news-card {
        background-color: var(--bulma-scheme-main-bis);
    }
}
.vq-news-list .vq-news-card .card-image .image img {
    object-fit: cover;
}
.vq-news-list .vq-news-card .card-content {
    flex-grow: 1;
    padding: 1.25rem 1.5rem;
}
.vq-news-list .vq-news-card .title a {
    color: var(--bulma-text-strong);
}
.vq-news-list .vq-news-card .title a:hover,
.vq-news-list .vq-news-card .title a:focus {
    color: var(--bulma-secondary);
}
.vq-news-list .vq-news-card .card-footer {
    border-top: 1px solid rgba(148, 163, 184, .3);
}
.vq-news-list .vq-news-card .card-footer a {
    font-weight: 600;
}
.vq-news-list .vq-news-card .card-footer a:hover, 
.vq-news-list .vq-news-card .card-footer a:focus {
    background-color: var(--col-blue);
    color: var(--col-white);
}

.vq-container-narrow {
    max-width: 720px;
    margin-inline: auto;
    flex-grow: 1;
    position: relative;
    width: 100%;
}

.vq-news-detail {
    margin-inline: auto;
    max-width: 960px;
}

.vq-news-detail-header {
    text-align: center;
}
.vq-news-detail-published {
    margin-block-end: 1em;
}
.vq-news-detail-header .title {
    margin-block-end: 1em;
}
.vq-news-detail-image {
    border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}
.vq-news-detail-teaser {
    font-weight: bold;
}
.vq-news-detail-body {
    line-height: 1.5;
}
.vq-block-text-media .vq-text-media-media {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 15px 50px rgba(15, 23, 42, .18);
}
.vq-block-text-media .vq-text-media-media img, .vq-block-text-media .vq-text-media-media video {
    display: block;
    width: 100%;
    height: auto;
}
.vq-block-text-media .vq-text-media-body {
    max-width: 48rem;
    margin-top: 1.5rem;
}
.vq-block-text-media.vq-block-text-media-align-center .vq-text-media-body {
    margin-left: auto;
    margin-right: auto;
}
.vq-block-text .vq-container-narrow {
    max-width: 720px;
}
.vq-block-text .vq-block-text-body {
    line-height: 1.7;
}
.vq-block-text .vq-block-text-body--center {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.icon i {
    font-size: 1rem;
}
@media screen and (max-width: 768px) {
    footer .column.is-12-mobile.is-4-tablet {
    text-align: center;
    margin-top: 1rem;
}
footer .column.is-12-mobile.is-4-tablet .buttons {
    justify-content: center;
    flex-wrap: wrap;
    gap: .5rem;
}
footer .column.is-12-mobile.is-4-tablet .button.is-small {
    margin: 0;
}
}.vq-form {
    max-width: 640px;
    margin: 0 auto;
}/*
.vq-form .field+.field {
    margin-top: 1.25rem;
}
.vq-form .label {
    font-weight: 600;
}
.vq-form .input, .vq-form .textarea, .vq-form .select select {
    border-radius: 12px;
    border-color: rgba(148, 163, 184, .7);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .02);
    transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}
.vq-form .input:focus, .vq-form .textarea:focus, .vq-form .select select:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 1px rgba(99, 102, 241, .25);
}
.vq-form .help {
    color: #64748b;
}
.vq-form .checkbox, .vq-form .radio {
    font-size: .95rem;
    color: #0f172a;
}
.vq-form-submit {
    font-weight: 700;
    padding-inline: 1.75rem;
    box-shadow: 0 10px 25px rgba(37, 99, 235, .32);
}
.vq-form-submit .icon {
    padding-left: 1rem;
}*/
.vq-lightbox-thumb {
    display: block;
    cursor: zoom-in;
}
.vq-lightbox-thumb img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 16px;
    box-shadow: var(--box-shadow-big);
}
.vq-lightbox {
    display: none;
    position: fixed;
    z-index: 60;
    inset: 0;
    padding: 1.5rem;
    background: rgba(15, 23, 42, .85);
}
.vq-lightbox:target {
    display: flex;
    align-items: center;
    justify-content: center;
}
.vq-lightbox-content {
    position: relative;
    max-width: min(90vw, 1200px);
    max-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vq-lightbox-content img, .vq-lightbox-content video {
    max-width: 100%;
    max-height: 100%;
    border-radius: 16px;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
}
.vq-lightbox-close {
    position: absolute;
    top: -0.75rem;
    right: -0.75rem;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 999px;
    border: none;
    background: rgba(15, 23, 42, .9);
    color: #e5e7eb;
    font-size: 1.5rem;
    line-height: 1;
    cursor: pointer;
}/*
.vq-accordion__item {
    border: 1px solid #f3f4f6;
    border-radius: 12px;
    transition: all .2s ease-in-out;
}
.vq-accordion__item+.vq-accordion__item {
    margin-top: .25rem;
}
.vq-accordion__item:hover {
    background-color: #f3f4f6;
}
.vq-accordion__title {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 600;
    list-style-type: none;
}
.vq-accordion__title::marker, .vq-accordion__title::-webkit-details-marker {
    display: none;
}
.vq-accordion__title {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http: //www.w3.org/2000/svg'%3e%3cpath d='M23.024 11.263l-7.024 7.023-7.022-7.023-3.091 3.090 8.569 8.569c0.413 0.413 0.961 0.64 1.545 0.64s1.133-0.228 1.545-0.64l8.569-8.569-3.091-3.090z' fill='%23555555'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem top .625rem;
    background-size: 1.5rem;
    padding: .75rem 2.5rem .75rem .875rem;
}
.vq-accordion__content {
    padding: 0 1rem 1rem 1rem;
}
.vq-accordion__content p {
    margin: 0;
}
.vq-accordion__content p+p {
    margin-top: .5em;
}
.vq-accordion__item[open] {
    background-color: #f3f4f6;
    border-color: #f3f4f6;
}
.vq-accordion__item[open] .vq-accordion__title {
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http: //www.w3.org/2000/svg'%3e%3cpath d='M8.976 22.025l7.024-7.023 7.022 7.023 3.091-3.090-8.568-8.568c-0.413-0.412-0.961-0.64-1.545-0.64s-1.133 0.228-1.545 0.64l-8.569 8.569 3.091 3.090z' fill='%23555555'/%3e%3c/svg%3e");
}*/
.vq-block-gallery .vq-gallery-thumb-wrapper {
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    background: #f5f5f5;
}
.vq-block-gallery .vq-gallery-thumb-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease, filter .25s ease;
}
.vq-block-gallery .vq-gallery-thumb-link:hover .vq-gallery-thumb-image {
    transform: scale(1.03);
    filter: brightness(1.05);
}
.vq-block-gallery .vq-gallery-caption {
    text-align: center;
}
.vq-lightbox {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, .85);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    text-decoration: none;
    z-index: 999;
    transition: opacity .2s ease;
}
.vq-lightbox:target {
    opacity: 1;
    pointer-events: auto;
}
.vq-lightbox-content {
    max-width: 90vw;
    max-height: 90vh;
    position: relative;
}
.vq-lightbox-content img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    border-radius: .5rem;
}
.vq-lightbox-close {
    position: absolute;
    top: .5rem;
    right: .75rem;
    border: none;
    background: none;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1;
    cursor: pointer;
}
/* Card styles → see theme.css */


.vq-tariff-card__badge {
    position: absolute;
    top: .9rem;
    right: .9rem;
}

.vq-tariff-card__price {
    margin-top: .5rem;
    display: flex;
    align-items: baseline;
    gap: .35rem;
}
.vq-tariff-card__price-main {
    font-size: 1.6em;
    font-weight: var(--bulma-strong-weight);
}
.vq-tariff-card__price-suffix {
    font-size: .9em;
}
.vq-tariff-card__hint {
    font-size: .8em;
}
.vq-tariff-card__actions {
    margin-top: .75rem;
    text-align: right;
}
