@charset "utf-8";

@import "global/settings.css";
@import "global/typography.css";
@import "global/form.css";
@import "global/vendor.css";

@import "module/cookies.css";
@import "module/subpages.css";
@import "module/faq.css";

@import "theme/layout.css";
@import "theme/animations.css";
@import "theme/buttons.css";
@import "theme/header.css";
@import "theme/cms.css";
@import "theme/main.css";
@import "theme/footer.css";
@import "theme/dialogs.css";
@import "theme/helpers.css";

@import "global/print.css";



#to-do {}


/* Photogallery */
.photogallery { display: grid; gap: .5rem; grid-template-columns: repeat(2, 1fr); }
.photogallery figure { position: relative; }
.photogallery a { backface-visibility: hidden; background: var(--color-blue); display: block; height: 0; overflow: hidden; padding-top: 75.5%; position: relative; width: 100%; z-index: 1; }
.photogallery a:active, .photogallery a:focus, .photogallery a:hover { box-shadow: 0 0 1.5rem rgba(var(--color-rgb-brown),.5); }
.photogallery img { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; transition: all .3s var(--transition); width: 100%; }
.photogallery a:active img, .photogallery a:focus img, .photogallery a:hover img { filter: brightness(1.25); -webkit-filter: brightness(1.25); }

@media only screen and (min-width: 48rem) {
	.photogallery { gap: 2rem; grid-template-columns: repeat(3, 1fr); }
}

@media only screen and (min-width: 80rem) {
	.photogallery { gap: 4rem; }
}



/* Files */
.download { margin: 0 auto 3rem; max-width: 68rem; }
.download__file + .download__file { margin-top: 1rem; }
.download__file a { align-items: center; background: var(--color-brown); border-radius: var(--radius); color: var(--color-white); display: flex; flex-wrap: wrap; justify-content: space-between; padding: .75rem 1.5rem; position: relative; text-align: center; text-decoration: none; }
.download__file a:active, .download__file a:focus, .download__file a:hover { background: var(--color-brown-medium); box-shadow: 0 0 2rem rgba(var(--color-rgb-red),.25); }
.download__file__name { line-height: 1.7; width: 100%; }
.download__file__name--title { font-weight: 400; margin: 0; text-transform: uppercase; }
.download__file__name--size { margin: .75rem 0 0 0; text-transform: uppercase; }
.download__file__button { margin-top: 1rem; text-align: center; width: 100%; }
.download__file__button .button { vertical-align: top; }

@media only screen and (min-width: 32rem) {
	.download__file a { text-align: left; }
	.download__file__name { align-items: center; display: flex; }
	.download__file__name--title { margin-right: 1.25rem; }
	.download__file__name--size { margin: 0 0 0 auto; text-align: right; }
}

@media only screen and (min-width: 48rem) {
	.download__file a { flex-wrap: nowrap; }
	.download__file__name { flex-grow: 1; justify-content: space-between; width: auto; }
	.download__file__name--title { margin-right: 2rem; }
	.download__file__button { margin: 0 0 0 3rem; text-align: right; width: auto; }
}

/* [ WYSIWYG templates ] */
.image-left, .image-right { margin-bottom: 3rem; text-align: center; }
.image-left + .image-left, .image-left + .image-right, .image-right + .image-left, .image-right + .image-right { border-top: 1px solid var(--color-gray); padding-top: 3rem; }
.image-left img, .image-right img { display: block; margin: 0 auto; }

@media only screen and (min-width: 60rem) {
	.image-left, .image-right { align-items: center; display: flex; justify-content: space-between; text-align: left; }
	.image-left__image, .image-left__text, .image-right__image, .image-right__text { width: 48%; }
	.image-right__image { order: 2; }
}