/***** /resources/sass/_layout.scss *****/

@media only screen and (min-width: 992px) {
    body.noscroll {
	left: -8px;
    }
}


/***** /resources/sass/organisms/_data.scss *****/

.data__row {
    flex-direction: column;
}

.data__label {
    padding-bottom: .625rem;
}

.data__row--left .data__value {
    padding-left: 0;
}

.data__value {
    width: 100%;
}

.data__value--description {
    display: none;
}

@media only screen and (max-width: 991px) {
    .data__row--right .data__value {
	padding-left: 0;
    }
}

@media only screen and (min-width: 992px) {
    .data__datas,
    .data__related {
        width: 33%;
    }
    .data__summary {
        width: 66%;
    }
}

/***** /resources/sass/molecules/_gallery.scss  *****/

.gallery__image {
    background-size: cover;
}

.gallery--frontpage .gallery__image {
    background-size: contain;
    background-position: 50% top;
}

.gallery--show .gallery__items {
    width: 100%;
    margin-left: 0;
}

.gallery__credit {
    display: flex;
    font-size: 0.85rem;
}

@media only screen and (max-width: 991px) {
    .gallery__nav {
	display: none;
	visibility: hidden;
	opacity: 0;
	height: 0;
	top: unset;
	width: 0;
	left: 0;
	text-align: left;
	bottom: unset;
	z-index: -1;
    }
    .gallery__meta {
	top: unset;
	margin-top: 0.5rem;
    }
}

@media only screen and (min-width: 992px) {
    .gallery--show .gallery__nav {
	top: unset;
    }
    .gallery__nav {
	display: none;
	visibility: hidden;
	opacity: 0;
	height: 0;
	bottom: unset;
	right: unset;
	transform: translateX(25%);
	width: 0;
    }
    .gallery__meta {
	top: unset;
	right: unset;
	transform: unset;
        width: 33.3%;
	left: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8);
	color: white;
    }
}



/***** /resources/sass/organisms/_footer.scss  *****/

.info__row {
    flex-direction: column;
}

.info__label {
    padding-bottom: .625rem;
    width: 66.66%;
}

.info__value {
    width: 100%;
}

.info__row--left .info__value {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 992px) {
    .footer__logo {
	width: 33.33%;
    }
    .footer__column {
        width: 33.33%;
    }
}

/***** /resources/sass/templates/_info.scss *****/

@media only screen and (min-width: 992px) {
    .info__about,
    .info__impressum {
	width: 66%;
    }
    .info__datas,
    .info__placeholder {
	width: 33%
    }
}


/***** /resources/sass/templates/_events.scss *****/

@media only screen and (max-width: 991px) {
    .eventhead__dates {
	width: 100%;
    }
    .eventhead__dates:before {
	width: calc(100% + 10vw);
	margin-right: -5vw;
	margin-left: -5vw;
    }
}


/*++++++++++++++++++++++++++++++++++++++++++++++++ */

.gallery__np {
    position: absolute;
    top: calc(50% - 0.75rem);
    padding-inline: 0.5rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.gallery__nav--n,
.gallery__nav--p {
    width: 1.5rem;
    aspect-ratio: 1;
    cursor: pointer;
    border-radius: .75rem;
    border: 5px solid #000;
    background-color: white;
}

.gallery__nav--n {
    justify-self: end;
}

.gallery__np .nav__hidden {
    background-color: transparent;
    opacity: 0.2;
}

.gallery--frontpage .gallery__np {
    display: none;
}


@media only screen and (max-width: 991px) {
    .gallery__np {
	width: 90vw;
    }
    .container:after {
	content: "";
	width: 5vw;
	height: 100%;
	display: block;
	position: absolute;
	background-color: white;
	right: 0;
    }
}

@media only screen and (min-width: 992px) {
    .gallery__np {
	width: calc(100% - 0.625rem);
    }
}