@import url(font-awesome.min.css);
@import url(local-fonts.css);
/*
	Slate by Pixelarity
	pixelarity.com | hello@pixelarity.com
	License: pixelarity.com/license
*/

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}

	.container.\37 5\25 {
		width: 60em;
	}

	.container.\35 0\25 {
		width: 40em;
	}

	.container.\32 5\25 {
		width: 20em;
	}

	.container {
		width: 80em;
	}

	@media screen and (max-width: 1680px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 100em;
			min-width: 80em;
		}

		.container.\37 5\25 {
			width: 60em;
		}

		.container.\35 0\25 {
			width: 40em;
		}

		.container.\32 5\25 {
			width: 20em;
		}

		.container {
			width: 80em;
		}

	}

	@media screen and (max-width: 1280px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25em;
			min-width: 65em;
		}

		.container.\37 5\25 {
			width: 48.75em;
		}

		.container.\35 0\25 {
			width: 32.5em;
		}

		.container.\32 5\25 {
			width: 16.25em;
		}

		.container {
			width: 65em;
		}

	}

	@media screen and (max-width: 980px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

	@media screen and (max-width: 480px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform > * > :first-child {
		margin-top: 0;
	}

	.row.uniform > * > :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 > * {
		padding: 0 0 0 0em;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0em;
	}

	.row.uniform.\30 \25 > * {
		padding: 0em 0 0 0em;
	}

	.row.uniform.\30 \25 {
		margin: 0em 0 -1px 0em;
	}

	.row > * {
		padding: 0 0 0 2em;
	}

	.row {
		margin: 0 0 -1px -2em;
	}

	.row.uniform > * {
		padding: 2em 0 0 2em;
	}

	.row.uniform {
		margin: -2em 0 -1px -2em;
	}

	.row.\32 00\25 > * {
		padding: 0 0 0 4em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}

	.row.uniform.\32 00\25 > * {
		padding: 4em 0 0 4em;
	}

	.row.uniform.\32 00\25 {
		margin: -4em 0 -1px -4em;
	}

	.row.\31 50\25 > * {
		padding: 0 0 0 3em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\31 50\25 > * {
		padding: 3em 0 0 3em;
	}

	.row.uniform.\31 50\25 {
		margin: -3em 0 -1px -3em;
	}

	.row.\35 0\25 > * {
		padding: 0 0 0 1em;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -1em;
	}

	.row.uniform.\35 0\25 > * {
		padding: 1em 0 0 1em;
	}

	.row.uniform.\35 0\25 {
		margin: -1em 0 -1px -1em;
	}

	.row.\32 5\25 > * {
		padding: 0 0 0 0.5em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}

	.row.uniform.\32 5\25 > * {
		padding: 0.5em 0 0 0.5em;
	}

	.row.uniform.\32 5\25 {
		margin: -0.5em 0 -1px -0.5em;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}

	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

	@media screen and (max-width: 1680px) {

		.row > * {
			padding: 0 0 0 2em;
		}

		.row {
			margin: 0 0 -1px -2em;
		}

		.row.uniform > * {
			padding: 2em 0 0 2em;
		}

		.row.uniform {
			margin: -2em 0 -1px -2em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 4em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -4em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 4em 0 0 4em;
		}

		.row.uniform.\32 00\25 {
			margin: -4em 0 -1px -4em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\31 50\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 1em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -1em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 1em 0 0 1em;
		}

		.row.uniform.\35 0\25 {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.5em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 1280px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 980px) {

		.row > * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform > * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 736px) {

		.row > * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform > * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}

	@media screen and (max-width: 480px) {

		.row > * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform > * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 > * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 > * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 > * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 > * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 > * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 > * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 > * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 > * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #fff;
		color: #444;
	}

	body, input, select, textarea {
		font-family: "Open Sans", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.65em;
	}

		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 11pt;
			}

		}

	a {
		-moz-transition: border-bottom-color 0.2s ease-in-out;
		-webkit-transition: border-bottom-color 0.2s ease-in-out;
		-ms-transition: border-bottom-color 0.2s ease-in-out;
		transition: border-bottom-color 0.2s ease-in-out;
		border-bottom: dotted 1px;
		text-decoration: none;
	}

		a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1.5em 0;
		padding-bottom: 1.25em;
		position: relative;
		text-transform: uppercase;
	}

		h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
			border-bottom: solid 1px;
			bottom: 0;
			content: '';
			display: inline-block;
			left: 0;
			position: absolute;
			width: 3rem;
		}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			border-bottom: 0;
			color: inherit;
			text-decoration: none;
		}

		h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
			margin: 0 0 1em 0;
			padding-bottom: 0;
		}

			h1.alt:after, h2.alt:after, h3.alt:after, h4.alt:after, h5.alt:after, h6.alt:after {
				display: none;
			}

	h2 {
		font-size: 1.25em;
		line-height: 1.25em;
	}

	h3 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	@media screen and (max-width: 736px) {

		h2 {
			line-height: 1.5em;
		}

	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		color: #444;
	}

	a {
		color: #444;
	}

	strong, b {
		color: #444;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #444;
	}

	blockquote {
		border-left-color: #e6e6e6;
	}

	code {
		background: #f6f6f6;
		border-color: #e6e6e6;
	}

	hr {
		border-bottom-color: #e6e6e6;
	}

/* Box */

	.box {
		border: solid 1px;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			padding: 0;
		}

	.box {
		border-color: #e6e6e6;
	}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		border: 0;
		border-radius: 0;
		cursor: pointer;
		display: inline-block;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
		height: 2.75em;
		line-height: 2.75em;
		padding: 0 1.5em;
		text-align: center;
		text-decoration: none;
		text-transform: uppercase;
		white-space: nowrap;
	}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: transparent;
		color: #444 !important;
		box-shadow: inset 0 0 0 1px #444;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #f6f6f6;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #e2e2e2;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			box-shadow: none;
			background-color: #444;
			color: #fff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				background-color: #515151;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #373737;
			}

/* Features */

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;
	}

		.features > section {
			width: calc(33.33333333% - 5em);
		}

			.features > section:before {
				content: '';
				display: block;
				height: 100%;
				margin-left: -3.75em;
				position: absolute;
				top: 0;
				width: 1px;
			}

			.features > section:first-child {
				border-left: 0;
			}

				.features > section:first-child:before {
					display: none;
				}

		@media screen and (max-width: 1280px) {

			.features > section {
				width: calc(33.33333333% - 2.5em);
			}

				.features > section:before {
					margin-left: -2em;
				}

		}

		@media screen and (max-width: 980px) {

			.features {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.features > section {
					width: 100%;
				}

					.features > section:before {
						width: 100%;
						height: 1px;
						margin-left: 0;
						position: relative;
						top: -3em;
					}

					.features > section:first-child:before {
						display: none;
					}

		}

		@media screen and (max-width: 736px) {

			.features > section:before {
				top: -2.5em;
			}

		}

	.features > section:before {
		background-color: #e6e6e6;
	}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		display: block;
		margin: 0 0 0.5em 0;
		text-transform: uppercase;
		font-size: 0.9em;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border: none;
		border: solid 1px;
		border-radius: 0;
		background-color: transparent;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="number"]:invalid,
		input[type="date"]:invalid,
		input[type="time"]:invalid,
		input[type="tel"]:invalid,
		input[type="search"]:invalid,
		input[type="url"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f107';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
			font-size: 1em;
			font-family: "Open Sans", Helvetica, sans-serif;
			font-weight: 400;
			text-transform: none;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			content: '\f00c';
		}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	.formerize-placeholder {
		opacity: 1.0;
	}

	label {
		color: #444;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	input[type="date"],
	input[type="time"],
	input[type="tel"],
	input[type="search"],
	input[type="url"],
	select,
	textarea {
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		border-color: #e6e6e6;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="number"]:focus,
		input[type="date"]:focus,
		input[type="time"]:focus,
		input[type="tel"]:focus,
		input[type="search"]:focus,
		input[type="url"]:focus,
		select:focus,
		textarea:focus {
			border-color: #444;
		}

	.select-wrapper:before {
		color: #bbb;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #444;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			-moz-transition: border-color 0.2s ease-in-out;
			-webkit-transition: border-color 0.2s ease-in-out;
			-ms-transition: border-color 0.2s ease-in-out;
			transition: border-color 0.2s ease-in-out;
			background: #f6f6f6;
			border-color: #e6e6e6;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #444;
		border-color: #444;
		color: #fff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #444;
	}

	::-webkit-input-placeholder {
		color: #bbb !important;
	}

	:-moz-placeholder {
		color: #bbb !important;
	}

	::-moz-placeholder {
		color: #bbb !important;
	}

	:-ms-input-placeholder {
		color: #bbb !important;
	}

	.formerize-placeholder {
		color: #bbb !important;
	}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

		.icon:before {
			cursor: inherit;
		}

	.icon-wrapper {
		width: 4em;
		height: 2em;
		line-height: 2em;
		display: inline-block;
		text-align: center;
		position: relative;
		margin: 1.235em 0;
	}

		.icon-wrapper:before, .icon-wrapper:after {
			content: '';
			width: 0;
			height: 0;
			border-left: solid 2em transparent;
			border-right: solid 2em transparent;
			position: absolute;
			left: 0;
		}

		.icon-wrapper:before {
			border-bottom: solid 1.235em;
			top: -1.235em;
		}

		.icon-wrapper:after {
			border-top: solid 1.235em;
			bottom: -1.235em;
		}

		.icon-wrapper .icon {
			cursor: default;
		}

			.icon-wrapper .icon:before {
				font-size: 1.5rem;
			}

		.icon-wrapper.major {
			display: block;
			margin: 1.235em 0 3.235em 0;
		}

		.icon-wrapper.small {
			font-size: 0.75em;
		}

			.icon-wrapper.small .icon:before {
				font-size: 1.25rem;
			}

	.icon-wrapper {
		background-color: #f6f6f6;
		box-shadow: 0 -1px 0 0 #f6f6f6, 0 1px 0 0 #f6f6f6;
	}

		.icon-wrapper:before {
			border-bottom-color: #f6f6f6;
		}

		.icon-wrapper:after {
			border-top-color: #f6f6f6;
		}

/* Image */

	.image {
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			display: block;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.icons {
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2em;
				}

		ul.bulleted-icons {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 0;
		}

			ul.bulleted-icons li {
				margin: 2em 0 0 0;
				overflow: hidden;
				padding-left: 4.5em;
				position: relative;
				width: 50%;
			}

				ul.bulleted-icons li .icon-wrapper {
					font-size: 0.65em;
					left: 0;
					position: absolute;
					top: 0;
				}

					ul.bulleted-icons li .icon-wrapper .icon:before {
						font-size: 1rem;
					}

				ul.bulleted-icons li h3 {
					font-size: 0.9em;
					margin-bottom: 0.5em;
					padding-bottom: 0;
				}

					ul.bulleted-icons li h3:after {
						display: none;
					}

			@media screen and (max-width: 1280px) {

				ul.bulleted-icons li {
					width: 100%;
					margin: 1em 0 0 0;
				}

			}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

			@media screen and (max-width: 480px) {

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

						ul.actions li:first-child {
							padding-top: 0;
						}

						ul.actions li > * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li > *.icon:before {
								margin-left: -2em;
							}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

		ul.menu {
			padding: 0;
			list-style: none;
		}

			ul.menu li {
				padding: 0;
				display: inline-block;
				margin-left: 0.75em;
				padding-left: 0.75em;
				border-left: solid 1px;
				line-height: 1em;
			}

				ul.menu li:first-child {
					margin-left: 0;
					padding-left: 0;
					border-left: 0;
				}

		ul.pagination {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.pagination li {
				display: inline-block;
				padding-left: 0;
				vertical-align: middle;
			}

				ul.pagination li > .page {
					-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
					border-bottom: 0;
					display: inline-block;
					height: 1.5em;
					line-height: 1.5em;
					margin: 0 0.125em;
					min-width: 1.5em;
					padding: 0 0.5em;
					text-align: center;
				}

				ul.pagination li:first-child {
					padding-right: 0.75em;
				}

				ul.pagination li:last-child {
					padding-left: 0.75em;
				}

			@media screen and (max-width: 480px) {

				ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
					display: none;
				}

				ul.pagination li:first-child {
					padding-right: 0;
				}

			}

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 600;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

	ul.alt li {
		border-top-color: #e6e6e6;
	}

	ul.menu li {
		border-left-color: #e6e6e6;
	}

	ul.pagination li > .page.active {
		background-color: #444;
		color: #fff !important;
	}

		ul.pagination li > .page.active:hover {
			background-color: #515151;
		}

		ul.pagination li > .page.active:active {
			background-color: #373737;
		}

/* Post */

	.post {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
		margin-bottom: 2em;
	}

		.post .image {
			display: block;
			margin-bottom: 1em;
			width: 100%;
			-ms-flex: 0 0 auto;
		}

			.post .image img {
				width: 100%;
			}

		.post .content {
			padding: 2.5em 2.5em 0.5em 2.5em ;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
		}

		@media screen and (max-width: 1280px) {

			.post .content {
				padding: 2em 2em 0.1em 2em ;
			}

		}

		@media screen and (max-width: 736px) {

			.post {
				display: block;
			}

				.post .content {
					padding: 2em 1.5em 0.1em 1.5em ;
				}

		}

	.post .content {
		background-color: transparent;
		border: solid 1px #e6e6e6;
	}

/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
	}

		.posts .post {
			width: calc(33.33333333% - 1.25em);
		}

		@media screen and (max-width: 1280px) {

			.posts .post {
				width: calc(50% - 1em);
			}

		}

		@media screen and (max-width: 736px) {

			.posts {
				display: block;
			}

				.posts .post {
					width: 100%;
				}

		}

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header.major {
		margin: 0 0 4em 0;
	}

		header.major > :last-child {
			margin-bottom: 0;
		}

		header.major h2 {
			font-size: 2.25em;
			font-weight: 800;
			margin: 0 0 0.7em 0;
			padding-bottom: 0.75em;
		}

		@media screen and (max-width: 1280px) {

			header.major h2 {
				font-size: 1.25em;
			}

		}

/* Spotlight */

	.spotlight {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

		.spotlight .content {
			width: calc(33.3333333% - 1.25em);
		}

		.spotlight h2 {
			font-size: 2.25em;
			font-weight: 800;
			margin: 0 0 0.7em 0;
			padding-bottom: 0.75em;
		}

		.spotlight .image {
			width: calc(66.6666666% - 2.5em);
			margin: 0 0 2em 0;
		}

			.spotlight .image img {
				width: 100%;
			}

		@media screen and (max-width: 1280px) {

			.spotlight h2 {
				font-size: 1.25em;
			}

			.spotlight .image {
				width: calc(66.6666666% - 1.25em);
			}

		}

		@media screen and (max-width: 980px) {

			.spotlight {
				display: block;
			}

				.spotlight .content {
					width: 100%;
				}

				.spotlight .image {
					width: 100%;
					margin: 0 0 2em 0;
				}

		}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px;
			border-left: 0;
			border-right: 0;
		}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
			text-transform: uppercase;
			font-size: 0.9em;
			font-family: "Raleway", Helvetica, sans-serif;
			font-weight: 700;
		}

		table thead {
			border-bottom: solid 2px;
		}

		table tfoot {
			border-top: solid 2px;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

	table tbody tr {
		border-color: #e6e6e6;
	}

		table tbody tr:nth-child(2n + 1) {
			background-color: #f6f6f6;
		}

	table th {
		color: #444;
	}

	table thead {
		border-bottom-color: #e6e6e6;
	}

	table tfoot {
		border-top-color: #e6e6e6;
	}

	table.alt tbody tr td {
		border-color: #e6e6e6;
	}

/* Wrapper */

	.wrapper {
		padding: 4em 0 2em 0 ;
		position: relative;
	}

		.wrapper > .inner {
			margin: 0 auto;
			max-width: 90em;
			width: 90%;
		}

		.wrapper + .wrapper {
			border-top: solid 1px #e6e6e6;
		}

		.wrapper.major-pad {
			padding: 6em 0 4em 0 ;
		}

		.wrapper.content-pad {
			padding: 0;
		}

			.wrapper.content-pad .content {
				padding: 4em 0 2em 0 ;
			}

		.wrapper.split > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
		}

			.wrapper.split > .inner > * {
				width: calc(50% - 3.75em);
			}

				.wrapper.split > .inner > *:before {
					content: '';
					display: block;
					width: 1px;
					height: 100%;
					position: absolute;
					top: 0;
					margin-left: -3.75em;
					background-color: #e6e6e6;
				}

				.wrapper.split > .inner > *:first-child {
					border: 0;
				}

					.wrapper.split > .inner > *:first-child:before {
						display: none;
					}

		.wrapper.style1 {
			background-color: #444;
			color: #fff;
			border-top: 0;
		}

			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
				color: #fff;
			}

			.wrapper.style1 a {
				color: #fff;
			}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #fff;
			}

			.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #fff;
			}

			.wrapper.style1 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				background-color: transparent;
				color: #fff !important;
				box-shadow: inset 0 0 0 1px #fff;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				.wrapper.style1 input[type="submit"].special,
				.wrapper.style1 input[type="reset"].special,
				.wrapper.style1 input[type="button"].special,
				.wrapper.style1 button.special,
				.wrapper.style1 .button.special {
					box-shadow: none;
					background-color: #fff;
					color: #444 !important;
				}

			.wrapper.style1 .features > section:before {
				background-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 label {
				color: #fff;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 input[type="tel"],
			.wrapper.style1 input[type="search"],
			.wrapper.style1 input[type="url"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				-moz-transition: border-color 0.2s ease-in-out;
				-webkit-transition: border-color 0.2s ease-in-out;
				-ms-transition: border-color 0.2s ease-in-out;
				transition: border-color 0.2s ease-in-out;
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 input[type="text"]:focus,
				.wrapper.style1 input[type="password"]:focus,
				.wrapper.style1 input[type="email"]:focus,
				.wrapper.style1 input[type="tel"]:focus,
				.wrapper.style1 input[type="search"]:focus,
				.wrapper.style1 input[type="url"]:focus,
				.wrapper.style1 select:focus,
				.wrapper.style1 textarea:focus {
					border-color: #fff;
				}

			.wrapper.style1 .select-wrapper:before {
				color: #888;
			}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #fff;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					-moz-transition: border-color 0.2s ease-in-out;
					-webkit-transition: border-color 0.2s ease-in-out;
					-ms-transition: border-color 0.2s ease-in-out;
					transition: border-color 0.2s ease-in-out;
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background-color: #fff;
				border-color: #fff;
				color: #444;
			}

			.wrapper.style1 input[type="checkbox"]:focus + label:before,
			.wrapper.style1 input[type="radio"]:focus + label:before {
				border-color: #fff;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 .icon-wrapper {
				background-color: #fff;
				box-shadow: 0 -1px 0 0 #fff, 0 1px 0 0 #fff;
			}

				.wrapper.style1 .icon-wrapper:before {
					border-bottom-color: #fff;
				}

				.wrapper.style1 .icon-wrapper:after {
					border-top-color: #fff;
				}

				.wrapper.style1 .icon-wrapper .icon {
					color: #444;
				}

			.wrapper.style1 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 ul.menu li {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 ul.pagination li > .page.active {
				background-color: #444;
				color: #fff !important;
			}

				.wrapper.style1 ul.pagination li > .page.active:hover {
					background-color: #515151;
				}

				.wrapper.style1 ul.pagination li > .page.active:active {
					background-color: #373737;
				}

			.wrapper.style1 .post .content {
				background-color: transparent;
				border: solid 1px #e6e6e6;
			}

			.wrapper.style1 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style1 table th {
				color: #fff;
			}

			.wrapper.style1 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 + .wrapper {
				border-top: 0;
			}

			.wrapper.style1.split > .inner > *:before {
				background-color: rgba(255, 255, 255, 0.25);
			}

		.wrapper.style2 {
			background-color: #f6f6f6;
			color: #444;
			border-top: 0;
		}

			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
				color: #444;
			}

			.wrapper.style2 a {
				color: #444;
			}

			.wrapper.style2 strong, .wrapper.style2 b {
				color: #444;
			}

			.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
				color: #444;
			}

			.wrapper.style2 blockquote {
				border-left-color: #e6e6e6;
			}

			.wrapper.style2 code {
				background: rgba(144, 144, 144, 0.075);
				border-color: #e6e6e6;
			}

			.wrapper.style2 hr {
				border-bottom-color: #e6e6e6;
			}

			.wrapper.style2 .box {
				border-color: #e6e6e6;
			}

			.wrapper.style2 input[type="submit"],
			.wrapper.style2 input[type="reset"],
			.wrapper.style2 input[type="button"],
			.wrapper.style2 button,
			.wrapper.style2 .button {
				background-color: transparent;
				color: #444 !important;
				box-shadow: inset 0 0 0 1px #444;
			}

				.wrapper.style2 input[type="submit"]:hover,
				.wrapper.style2 input[type="reset"]:hover,
				.wrapper.style2 input[type="button"]:hover,
				.wrapper.style2 button:hover,
				.wrapper.style2 .button:hover {
					background-color: rgba(144, 144, 144, 0.075);
				}

				.wrapper.style2 input[type="submit"]:active,
				.wrapper.style2 input[type="reset"]:active,
				.wrapper.style2 input[type="button"]:active,
				.wrapper.style2 button:active,
				.wrapper.style2 .button:active {
					background-color: rgba(144, 144, 144, 0.2);
				}

				.wrapper.style2 input[type="submit"].special,
				.wrapper.style2 input[type="reset"].special,
				.wrapper.style2 input[type="button"].special,
				.wrapper.style2 button.special,
				.wrapper.style2 .button.special {
					box-shadow: none;
					background-color: #444;
					color: #fff !important;
				}

					.wrapper.style2 input[type="submit"].special:hover,
					.wrapper.style2 input[type="reset"].special:hover,
					.wrapper.style2 input[type="button"].special:hover,
					.wrapper.style2 button.special:hover,
					.wrapper.style2 .button.special:hover {
						background-color: #515151;
					}

					.wrapper.style2 input[type="submit"].special:active,
					.wrapper.style2 input[type="reset"].special:active,
					.wrapper.style2 input[type="button"].special:active,
					.wrapper.style2 button.special:active,
					.wrapper.style2 .button.special:active {
						background-color: #373737;
					}

			.wrapper.style2 .features > section:before {
				background-color: #e6e6e6;
			}

			.wrapper.style2 label {
				color: #444;
			}

			.wrapper.style2 input[type="text"],
			.wrapper.style2 input[type="password"],
			.wrapper.style2 input[type="email"],
			.wrapper.style2 input[type="tel"],
			.wrapper.style2 input[type="search"],
			.wrapper.style2 input[type="url"],
			.wrapper.style2 select,
			.wrapper.style2 textarea {
				-moz-transition: border-color 0.2s ease-in-out;
				-webkit-transition: border-color 0.2s ease-in-out;
				-ms-transition: border-color 0.2s ease-in-out;
				transition: border-color 0.2s ease-in-out;
				border-color: #e6e6e6;
			}

				.wrapper.style2 input[type="text"]:focus,
				.wrapper.style2 input[type="password"]:focus,
				.wrapper.style2 input[type="email"]:focus,
				.wrapper.style2 input[type="tel"]:focus,
				.wrapper.style2 input[type="search"]:focus,
				.wrapper.style2 input[type="url"]:focus,
				.wrapper.style2 select:focus,
				.wrapper.style2 textarea:focus {
					border-color: #444;
				}

			.wrapper.style2 .select-wrapper:before {
				color: #bbb;
			}

			.wrapper.style2 input[type="checkbox"] + label,
			.wrapper.style2 input[type="radio"] + label {
				color: #444;
			}

				.wrapper.style2 input[type="checkbox"] + label:before,
				.wrapper.style2 input[type="radio"] + label:before {
					-moz-transition: border-color 0.2s ease-in-out;
					-webkit-transition: border-color 0.2s ease-in-out;
					-ms-transition: border-color 0.2s ease-in-out;
					transition: border-color 0.2s ease-in-out;
					background: rgba(144, 144, 144, 0.075);
					border-color: #e6e6e6;
				}

			.wrapper.style2 input[type="checkbox"]:checked + label:before,
			.wrapper.style2 input[type="radio"]:checked + label:before {
				background-color: #444;
				border-color: #444;
				color: #fff;
			}

			.wrapper.style2 input[type="checkbox"]:focus + label:before,
			.wrapper.style2 input[type="radio"]:focus + label:before {
				border-color: #444;
			}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 .formerize-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 .icon-wrapper {
				background-color: rgba(144, 144, 144, 0.075);
				box-shadow: 0 -1px 0 0 rgba(144, 144, 144, 0.075), 0 1px 0 0 rgba(144, 144, 144, 0.075);
			}

				.wrapper.style2 .icon-wrapper:before {
					border-bottom-color: rgba(144, 144, 144, 0.075);
				}

				.wrapper.style2 .icon-wrapper:after {
					border-top-color: rgba(144, 144, 144, 0.075);
				}

			.wrapper.style2 ul.alt li {
				border-top-color: #e6e6e6;
			}

			.wrapper.style2 ul.menu li {
				border-left-color: #e6e6e6;
			}

			.wrapper.style2 ul.pagination li > .page.active {
				background-color: #444;
				color: #fff !important;
			}

				.wrapper.style2 ul.pagination li > .page.active:hover {
					background-color: #515151;
				}

				.wrapper.style2 ul.pagination li > .page.active:active {
					background-color: #373737;
				}

			.wrapper.style2 .post .content {
				background-color: #fff;
				border: 0;
			}

			.wrapper.style2 table tbody tr {
				border-color: #e6e6e6;
			}

				.wrapper.style2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(144, 144, 144, 0.075);
				}

			.wrapper.style2 table th {
				color: #444;
			}

			.wrapper.style2 table thead {
				border-bottom-color: #e6e6e6;
			}

			.wrapper.style2 table tfoot {
				border-top-color: #e6e6e6;
			}

			.wrapper.style2 table.alt tbody tr td {
				border-color: #e6e6e6;
			}

			.wrapper.style2 + .wrapper {
				border-top: 0;
			}

			.wrapper.style2.split > .inner > *:before {
				background-color: #e6e6e6;
			}

		.wrapper.sidebar > .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			.wrapper.sidebar > .inner > header {
				width: 100%;
			}

			.wrapper.sidebar > .inner > .content {
				width: 75%;
				padding: 0 4em 0 0;
			}

			.wrapper.sidebar > .inner > .sidebar {
				width: 25%;
			}

		.wrapper.sidebar.left > .inner {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

			.wrapper.sidebar.left > .inner > .content {
				padding: 0 0 0 4em;
			}

		@media screen and (max-width: 980px) {

			.wrapper.sidebar > .inner {
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
			}

				.wrapper.sidebar > .inner > .content {
					width: 100%;
					padding: 0;
				}

				.wrapper.sidebar > .inner > .sidebar {
					border-top: solid 2px #e6e6e6;
					margin: 2em 0 0 0;
					padding: 4em 0 0 0;
					width: 100%;
				}

			.wrapper.sidebar.style1 > .inner > .sidebar {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.sidebar.style2 > .inner > .sidebar {
				border-top-color: #e6e6e6;
			}

		}

		@media screen and (max-width: 1280px) {

			.wrapper {
				padding: 3em 0 1em 0 ;
			}

				.wrapper > .inner {
					width: 100%;
					padding: 0 3em;
				}

				.wrapper.major-pad {
					padding: 4em 0 2em 0 ;
				}

				.wrapper.content-pad .content {
					padding: 3em 0 1em 0 ;
				}

				.wrapper.split > .inner > * {
					width: calc(50% - 2em);
				}

					.wrapper.split > .inner > *:before {
						margin-left: -2em;
					}

		}

		@media screen and (max-width: 980px) {

			.wrapper > .inner > * {
				width: 100%;
				padding-left: 0 !important;
			}

			.wrapper.split > .inner {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.wrapper.split > .inner > * {
					width: 100%;
					padding-top: 3em;
					margin-top: 1em;
				}

					.wrapper.split > .inner > *:before {
						margin-left: 0;
						position: relative;
						height: 1px;
						width: 100%;
						top: -3em;
					}

					.wrapper.split > .inner > *:first-child {
						padding-top: 0;
						margin-top: 0;
					}

						.wrapper.split > .inner > *:first-child:before {
							display: none;
						}

		}

		@media screen and (max-width: 736px) {

			.wrapper {
				padding: 2.5em 0 0.5em 0 ;
			}

				.wrapper > .inner {
					padding: 0 1.5em;
				}

				.wrapper.major-pad {
					padding: 2.5em 0 0.5em 0 ;
				}

				.wrapper.content-pad .content {
					padding: 2.5em 0 0.5em 0 ;
				}

		}

/* Header */

	body {
		padding-top: 3.5em;
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	#header {
		background-color: #fff;
		box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 500;
		height: 3.5em;
		left: 0;
		line-height: 3.5em;
		position: fixed;
		text-transform: uppercase;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

		#header h1 {
			height: inherit;
			left: 1.5em;
			line-height: inherit;
			margin: 0;
			padding-bottom: 0;
			position: relative;
		}

			#header h1:after {
				display: none;
			}

			#header h1 a {
				color: inherit;
			}

				#header h1 a span {
					font-weight: 500;
				}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 1.5em;
			top: 0;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#header nav > ul > li {
					display: inline-block;
					margin-left: 2em;
					padding: 0;
				}

					#header nav > ul > li > ul {
						display: none;
					}

					#header nav > ul > li a {
						text-decoration: none;
						border-bottom: 0;
					}

						#header nav > ul > li a:before {
							-moz-osx-font-smoothing: grayscale;
							-webkit-font-smoothing: antialiased;
							font-family: FontAwesome;
							font-style: normal;
							font-weight: normal;
							text-transform: none !important;
						}

						#header nav > ul > li a:before {
							margin-right: 0.75em;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

		#header .navPanelToggle {
			text-decoration: none;
			border: 0;
			height: 4em;
			position: absolute;
			right: 0;
			top: 0;
			width: 5em;
			display: none;
		}

			#header .navPanelToggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#header .navPanelToggle:before {
				content: '\f0c9';
				width: 3em;
				height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

		#header.reveal {
			-moz-animation: reveal-header 0.5s ease;
			-webkit-animation: reveal-header 0.5s ease;
			-ms-animation: reveal-header 0.5s ease;
			animation: reveal-header 0.5s ease;
		}

		#header.alt {
			background-color: #444;
			color: #fff;
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background-color: transparent;
			box-shadow: none;
			overflow: hidden;
			position: absolute;
			top: 1.5em;
		}

			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt button,
			#header.alt .button {
				background-color: transparent;
				color: #fff !important;
				box-shadow: inset 0 0 0 1px #fff;
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt button:hover,
				#header.alt .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				#header.alt input[type="submit"]:active,
				#header.alt input[type="reset"]:active,
				#header.alt input[type="button"]:active,
				#header.alt button:active,
				#header.alt .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#header.alt input[type="submit"].special,
				#header.alt input[type="reset"].special,
				#header.alt input[type="button"].special,
				#header.alt button.special,
				#header.alt .button.special {
					box-shadow: none;
					background-color: #fff;
					color: #444 !important;
				}

			#header.alt input, #header.alt select, #header.alt textarea {
				color: #fff;
			}

			#header.alt a {
				color: #fff;
			}

			#header.alt strong, #header.alt b {
				color: #fff;
			}

			#header.alt h1, #header.alt h2, #header.alt h3, #header.alt h4, #header.alt h5, #header.alt h6 {
				color: #fff;
			}

			#header.alt blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt h1 {
				left: 2.5em;
			}

			#header.alt nav {
				right: 2.5em;
			}

		@media screen and (max-width: 1280px) {

			#header.alt {
				top: 0.75em;
			}

				#header.alt h1 {
					left: 1.5em;
				}

				#header.alt nav {
					right: 1.5em;
				}

		}

		@media screen and (max-width: 980px) {

			#header.alt {
				top: 0;
			}

			#header nav {
				display: none;
			}

			#header .navPanelToggle {
				display: block;
			}

		}

		@media screen and (max-width: 736px) {

			#header {
				height: 3em;
				line-height: 3em;
			}

				#header h1 {
					left: 1em !important;
				}

					#header h1 a {
						font-size: 0.9em;
					}

		}

	.dropotron {
		list-style: none;
		padding: 0;
		background: #fff;
		color: #444;
		min-width: 13em;
		padding: 0.75em;
		margin-top: -0.5em;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
	}

		.dropotron li {
			box-shadow: inset 0 1px 0 0 #e6e6e6;
		}

			.dropotron li:first-child {
				box-shadow: none;
			}

		.dropotron a {
			color: inherit;
			text-decoration: none;
			letter-spacing: 0.05em;
			font-size: 0.8em;
			display: block;
			line-height: 3em;
			border: 0;
		}

		.dropotron.level-0 {
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				border-bottom: solid 0.5em #fff;
				display: block;
				position: absolute;
				top: -0.45em;
				left: 50%;
				margin-left: -0.25em;
			}

	
/* Main */

	#main {
		padding: 6em 0 4em 0 ;
	}

		#main > .inner > header.major:first-child {
			margin-bottom: 6em;
		}

		@media screen and (max-width: 1280px) {

			#main {
				padding: 4em 0 2em 0 ;
			}

				#main > .inner > header.major:first-child {
					margin-bottom: 4em;
				}

		}

		@media screen and (max-width: 736px) {

			#main {
				padding: 2.5em 0 0.5em 0 ;
			}

				#main > .inner > header.major:first-child {
					margin-bottom: 2.5em;
				}

		}

/* Footer */

	#footer {
		padding: 4em 0 2em 0 ;
		border-top: solid 1px #e6e6e6;
		position: relative;
	}

		#footer > .inner {
			margin: 0 auto;
			max-width: 90em;
			position: relative;
			width: 90%;
		}

		#footer .copyright {
			color: #bbb;
			font-size: 0.9em;
		}

		#footer .menu {
			color: #bbb;
			font-size: 0.9em;
			position: absolute;
			right: 0;
			top: 0;
		}

			#footer .menu a {
				color: inherit;
			}

		@media screen and (max-width: 1280px) {

			#footer {
				padding: 3em 0 1em 0 ;
				text-align: center;
			}

				#footer .copyright {
					margin: 0 0 1em 0;
				}

				#footer .menu {
					position: relative;
				}

		}

		@media screen and (max-width: 480px) {

			#footer .menu li a span {
				display: none;
			}

		}

/* Navigation Panel */

	#navPanel {
		-moz-transform: translateX(20em);
		-webkit-transform: translateX(20em);
		-ms-transform: translateX(20em);
		transform: translateX(20em);
		-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-overflow-scrolling: touch;
		background-color: #fff;
		box-shadow: none;
		display: none;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		visibility: hidden;
		width: 20em;
		z-index: 10002;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
	}

		#navPanel nav {
			padding: 3em 2em;
		}

		#navPanel .link {
			border: 0;
			border-top: solid 1px #e6e6e6;
			color: inherit !important;
			display: block;
			font-size: 0.9em;
			padding: 0.75em 0;
		}

			#navPanel .link:first-child {
				border-top: 0;
			}

			#navPanel .link.depth-0 {
				font-weight: 700;
				color: inherit !important;
			}

			#navPanel .link .indent-1 {
				display: inline-block;
				width: 1.25em;
			}

			#navPanel .link .indent-2 {
				display: inline-block;
				width: 2.5em;
			}

			#navPanel .link .indent-3 {
				display: inline-block;
				width: 3.75em;
			}

			#navPanel .link .indent-4 {
				display: inline-block;
				width: 5em;
			}

			#navPanel .link .indent-5 {
				display: inline-block;
				width: 6.25em;
			}

		#navPanel .close {
			text-decoration: none;
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			-webkit-tap-highlight-color: transparent;
			border: 0;
			color: #444;
			cursor: pointer;
			display: block;
			height: 4em;
			padding-right: 1.25em;
			position: absolute;
			right: 0;
			text-align: right;
			top: 0;
			vertical-align: middle;
			width: 5em;
		}

			#navPanel .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#navPanel .close:before {
				content: '\f00d';
				width: 3em;
				height: 3em;
				line-height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

			#navPanel .close:hover {
				color: inherit;
			}

			@media screen and (max-width: 736px) {

				#navPanel .close {
					height: 4em;
					line-height: 4em;
				}

			}

		#navPanel.visible {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
			visibility: visible;
		}

		@media screen and (max-width: 980px) {

			#navPanel {
				display: block;
			}

		}

		@media screen and (max-width: 736px) {

			#navPanel {
				display: block;
			}

				#navPanel nav {
					padding: 2.25em 1.25em;
				}

		}
		
		
/* =========================================================
   TÜRMLE – INDIVIDUELLES DESIGN
   Dieser Block muss am Ende der CSS-Datei stehen.
   ========================================================= */

/* Grundfarben */

:root {
	--tuermle-creme: #f3eee3;
	--tuermle-creme-dunkel: #ded2bf;
	--tuermle-gruen: #26382f;
	--tuermle-gruen-hell: #354a3f;
	--tuermle-holz: #765034;
	--tuermle-weinrot: #853c36;
	--tuermle-gold: #b28a55;
	--tuermle-text: #302d29;
	--tuermle-weiss: #fffdf8;
}

/* Helle Startseite 2026 */
:root { --cream:#fffaf0; --paper:#fffdf8; --sun:#f2b632; --apricot:#ef7f5a; --sage:#819b69; --forest:#294b3b; --ink:#25362e; --berry:#a94f56; }
body.home-bright { background:var(--paper); color:var(--ink); font-family:"DM Sans",sans-serif; }
.home-bright h1,.home-bright h2,.home-bright h3 { color:var(--forest); font-family:"Lora",serif; letter-spacing:-.025em; text-transform:none; }
.home-bright h1:after,.home-bright h2:after,.home-bright h3:after { display:none; }
.home-nav { align-items:center; background:rgba(255,253,248,.96); display:flex; height:94px; justify-content:space-between; padding:12px clamp(24px,5vw,76px); position:relative; z-index:10; }
.home-logo,.home-logo:hover,.home-logo:focus { border:0; box-shadow:none; text-decoration:none; }
.home-logo img { border:0; display:block; max-height:70px; text-decoration:none; width:auto; }
.home-nav nav { display:flex; gap:clamp(16px,2.4vw,38px); }
.home-nav nav a,.home-phone { border:0; color:var(--forest); font-size:.85rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.home-phone { background:var(--sun); border-radius:999px; padding:12px 18px; }
.new-hero { background:var(--cream); display:grid; grid-template-columns:58% 42%; min-height:calc(100vh - 94px); position:relative; }
.new-hero-photo { background:linear-gradient(90deg,transparent 72%,var(--cream) 100%),url('/data/uploads/bilder/restaurant.jpg') center/cover; min-height:620px; }
.new-hero-copy { align-self:center; padding:60px clamp(28px,6vw,100px) 80px clamp(30px,5vw,78px); position:relative; z-index:2; }
.eyebrow { color:var(--apricot); font-size:.78rem; font-weight:800; letter-spacing:.17em; margin:0 0 18px; text-transform:uppercase; }
.new-hero h1 { font-size:clamp(3.3rem,5.7vw,6.8rem); line-height:.94; margin:0 0 30px; }
.new-hero h1 em { color:var(--apricot); font-style:italic; font-weight:500; }
.hero-intro { font-family:"Lora",serif; font-size:1.2rem; line-height:1.65; max-width:520px; }
.hero-buttons { align-items:center; display:flex; flex-wrap:wrap; gap:25px; margin-top:32px; }
.sun-button,.light-button { background:var(--sun); border:0; border-radius:999px; color:var(--forest)!important; display:inline-block; font-size:.82rem; font-weight:800; letter-spacing:.06em; padding:15px 24px; text-transform:uppercase; }
.text-link { border:0; color:var(--forest)!important; font-weight:800; }
.hero-badge { align-items:center; background:var(--berry); border-radius:50%; bottom:32px; color:white; display:flex; flex-direction:column; height:150px; justify-content:center; left:calc(58% - 75px); position:absolute; text-align:center; transform:rotate(-7deg); width:150px; z-index:3; }
.hero-badge strong { color:#fff!important; font-family:"Patrick Hand",cursive; font-size:1.35rem; }.hero-badge span { color:#fff!important; font-size:.67rem; letter-spacing:.08em; text-transform:uppercase; }
.news-strip { align-items:stretch; background:var(--sun); display:grid; grid-template-columns:240px 1fr 260px; margin:0; min-height:170px; }
.news-label { background:var(--forest); color:white; padding:30px 38px; }.news-label span { font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }.news-label h2 { color:white; font-size:2rem; margin:8px 0 0; }.news-dot { background:var(--apricot); border-radius:50%; display:inline-block; height:9px; margin-right:7px; width:9px; }
.news-content { align-self:center; padding:28px 5vw; }.news-content h3 { font-size:1.35rem; margin:0 0 7px; }.news-content p { margin:0; }.news-content a { color:var(--forest); font-weight:800; }
.news-contact { align-self:center; border:0; border-left:1px solid rgba(41,75,59,.22); color:var(--forest); line-height:1.7; padding:25px 35px; }
.warm-section,.menu-section,.video-section,.reviews-section,.visit-section { padding:clamp(75px,9vw,135px) clamp(25px,7vw,110px); }
.family-section { align-items:center; background:var(--cream); display:grid; gap:8vw; grid-template-columns:1fr 1fr; }.section-copy { max-width:630px; }.section-copy h2,.section-heading h2,.terrace-copy h2,.video-section h2,.reviews-intro h2,.visit-copy h2 { font-size:clamp(2.5rem,4vw,4.7rem); line-height:1.08; margin:0 0 28px; }.section-copy .lead { color:var(--forest); font-family:"Lora",serif; font-size:1.25rem; line-height:1.65; }.section-copy p { line-height:1.8; }.signature { color:var(--apricot); font-family:"Patrick Hand",cursive; font-size:2rem; margin-top:28px; }.signature span { color:var(--ink); display:block; font-family:"DM Sans",sans-serif; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.family-collage { min-height:600px; position:relative; }.family-collage img { box-shadow:0 18px 55px rgba(41,75,59,.16); object-fit:cover; }.family-main { height:520px; width:80%; }.family-detail { border:10px solid var(--paper); bottom:0; height:240px; position:absolute; right:0; transform:rotate(3deg); width:47%; }.round-note { align-items:center; background:var(--sun); border-radius:50%; box-sizing:border-box; display:flex; font-family:"Patrick Hand",cursive; font-size:1.45rem; height:150px; justify-content:center; left:auto; line-height:1.15; padding:20px; position:absolute; right:-38px; text-align:center; top:60px; transform:rotate(-10deg); width:150px; }
.menu-section { background:var(--paper); }.section-heading.centered { margin:0 auto 48px; max-width:760px; text-align:center; }.section-heading.centered > p:last-child { font-size:1.1rem; }.menu-grid { display:grid; gap:16px; grid-template-columns:repeat(5,1fr); }.menu-tile { background-position:center; background-size:cover; border:0; color:white!important; display:flex; flex-direction:column; justify-content:flex-end; min-height:430px; overflow:hidden; padding:28px 24px; position:relative; }.menu-tile:before { background:linear-gradient(0deg,rgba(20,35,28,.92),rgba(20,35,28,.03)); content:""; inset:0; position:absolute; }.menu-tile>* { position:relative; }.menu-tile>span { color:var(--sun); font-weight:800; }.menu-tile h3 { color:white; font-size:1.55rem; line-height:1.15; margin:8px 0 20px; }.menu-tile b { font-size:.73rem; letter-spacing:.07em; text-transform:uppercase; }.tile-soup { background-image:url('/data/uploads/bilder/kuerbsignocchi.jpg'); }.tile-classics { background-image:url('/data/uploads/bilder/tuermle-12.jpg'); }.tile-gourmet { background-image:url('/data/uploads/bilder/wildschweinruecken.jpg'); }.tile-dessert { background-image:url('/data/uploads/bilder/tuermle-31.jpg'); }.tile-kids { background-image:url('/data/uploads/bilder/selbstgebackene-burger-buns.jpg'); }.homemade-note { color:var(--forest); font-family:"Lora",serif; font-size:1.05rem; margin:35px auto 0; text-align:center; }.homemade-note .icon { color:var(--apricot); margin-right:8px; }
.tile-dessert { background-image:url('/data/uploads/bilder/tuermle-03.jpg'); }
.terrace-section { display:grid; grid-template-columns:57% 43%; }.terrace-image { background:url('/data/uploads/bilder/terrasse.jpg') center/cover; min-height:650px; }.terrace-copy { align-content:center; background:#dfe9d5; padding:70px 8vw; }.terrace-copy p { line-height:1.8; margin-bottom:30px; }
.video-section { background:var(--cream); display:grid; gap:7vw; grid-template-columns:32% 68%; }.video-frame { position:relative; }.video-frame video { background:#111; box-shadow:0 24px 70px rgba(41,75,59,.18); display:block; width:100%; }.video-hint { align-items:center; background:var(--sun); border-radius:999px; color:var(--forest); display:flex; gap:8px; left:22px; margin:0; padding:11px 17px; position:absolute; top:22px; z-index:2; }.video-hint .icon { align-items:center; background:var(--forest); border-radius:50%; color:white; display:inline-flex; font-size:.65rem; height:25px; justify-content:center; padding-left:2px; width:25px; }.video-hint strong { font-weight:800; }
.celebrate-section { background:var(--berry); color:white; display:grid; gap:9vw; grid-template-columns:1fr 1fr; padding:80px 9vw; }.celebrate-section h2 { color:white; font-size:clamp(2.5rem,4vw,4.5rem); }.celebrate-section .eyebrow { color:#ffd58a; }.celebrate-section p { font-size:1.08rem; line-height:1.8; }.light-button { background:white; margin-top:20px; }
.reviews-section { align-items:center; background:#fff7e7; display:grid; gap:6vw; grid-template-columns:32% 68%; }.reviews-widget { background:white; border-radius:18px; min-height:300px; padding:20px; }.reviews-intro p { line-height:1.7; }
.visit-section { background:var(--forest); color:white; display:grid; gap:8vw; grid-template-columns:1fr 1fr; }.visit-copy h2,.hours-card h3 { color:white; }.big-phone { border:0; color:var(--sun)!important; display:block; font-family:"Lora",serif; font-size:clamp(1.8rem,3vw,3rem); margin:22px 0; }.visit-copy address { font-style:normal; line-height:1.7; margin:20px 0; }.visit-copy>a:last-child { color:white; }.hours-card { background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); border-radius:16px; padding:38px; }.hours-card h3 { font-size:2rem; }.hours-card .opening-hours-row { border-bottom:1px solid rgba(255,255,255,.15); display:grid; gap:20px; grid-template-columns:1fr 1fr; padding:14px 0; }.hours-card small { color:rgba(255,255,255,.7); display:block; margin-top:20px; }.hours-card .opening-hours-row small { margin:4px 0 0; }.new-footer { background:#193229; color:white; padding:55px 7vw 30px; text-align:center; }.new-footer img { max-height:80px; }.new-footer p { margin:15px 0 25px; }.new-footer div { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; }.new-footer a { color:white; }.new-footer>small { color:rgba(255,255,255,.55); display:block; margin-top:35px; }
/* Das responsive Grundlayout übernimmt das vorhandene SKEL-Raster. */
.skel-align { align-items:center; display:flex; flex-wrap:wrap; }
.visit-section .skel-align { align-items:flex-start; }
.new-hero,.news-strip,.terrace-section { display:flex; flex-wrap:wrap; grid-template-columns:none; }
.new-hero .new-hero-photo,.new-hero .new-hero-copy,.news-strip > * { float:none; }
.new-hero > .new-hero-copy { padding:60px clamp(28px,6vw,100px) 80px clamp(30px,5vw,78px); }
.news-strip > .news-label { padding:30px 38px; }
.news-strip > .news-content { padding:28px 5vw; }
.news-strip > .news-contact { padding:25px 35px; }
.terrace-section > .terrace-copy { padding:60px 5vw; }
.hero-badge { left:calc(58.333% - 75px); }
.family-section,.video-section,.celebrate-section,.reviews-section,.visit-section { display:block; grid-template-columns:none; }
.menu-grid { display:block; grid-template-columns:none; }
.menu-tile { height:100%; }
.celebrate-section { padding-left:0; padding-right:0; }
.family-section .section-copy { padding-right:4vw; }
.family-section .family-collage { padding-left:4vw; }
.video-section .section-heading,.reviews-section .reviews-intro,.visit-section .visit-copy { padding-right:4vw; }
.video-section .video-frame,.reviews-section .reviews-widget { margin-left:4vw; width:calc(66.6666666667% - 4vw); }
.reviews-section .reviews-widget { padding:20px; }
.celebrate-section .row > div:first-child { padding-right:4vw; }
.celebrate-section .row > div:last-child { padding-left:4vw; }
.visit-section .hours-card { margin-left:4vw; padding:38px; width:calc(50% - 4vw); }
body.home-bright .warm-section,body.home-bright .menu-section,body.home-bright .video-section,body.home-bright .reviews-section,body.home-bright .visit-section { padding-bottom:clamp(55px,6vw,90px); padding-top:clamp(55px,6vw,90px); }
body.subpage .visit-section { padding-bottom:clamp(55px,6vw,90px); padding-top:clamp(55px,6vw,90px); }
body.subpage #footer.subpage-footer.new-footer { background:#193229; padding:55px 7vw 30px; text-align:center; }
.career-home-section { background:var(--paper); padding:clamp(55px,6vw,90px) 7vw; }
.career-home-grid { align-items:stretch; display:flex; flex-wrap:wrap; }
.career-home-grid > div { display:flex; }
.career-home-card { border:0; color:var(--ink)!important; display:block; min-height:310px; overflow:hidden; padding:42px; position:relative; transition:transform .2s ease,box-shadow .2s ease; }
.career-home-grid .career-home-card { height:auto; width:100%; }
.career-home-card:hover { box-shadow:0 20px 55px rgba(41,75,59,.14); transform:translateY(-5px); }
.career-home-card h3 { font-size:clamp(1.8rem,3vw,2.8rem); margin:0 0 18px; max-width:480px; }
.career-home-card p:not(.eyebrow) { line-height:1.7; max-width:480px; }
.career-home-card strong { bottom:38px; color:var(--forest); font-size:.76rem; letter-spacing:.06em; position:absolute; text-transform:uppercase; }
.career-training { background:#dfe9d5; }
.career-jobs { background:#f7d787; }
.career-home-number { color:rgba(41,75,59,.12); font-family:"Lora",serif; font-size:8rem; font-weight:700; line-height:1; position:absolute; right:24px; top:18px; }
.photo-gallery-section { background:#edf2e6; padding:clamp(55px,6vw,90px) 7vw; }
.photo-gallery-full { background:var(--paper); padding-top:20px; }
.photo-gallery-grid { display:grid; gap:14px; grid-auto-rows:220px; grid-template-columns:repeat(4,1fr); }
.photo-gallery-item { border:0; display:block; overflow:hidden; position:relative; }
.photo-gallery-item-1,.photo-gallery-item-6 { grid-column:span 2; grid-row:span 2; }
.photo-gallery-item-4 { grid-row:span 2; }
.photo-gallery-item img { height:100%; object-fit:cover; transition:transform .45s ease; width:100%; }
.photo-gallery-item > span { align-items:flex-end; background:linear-gradient(0deg,rgba(25,50,41,.88),transparent 75%); bottom:0; color:white; display:flex; font-size:.82rem; gap:9px; left:0; min-height:45%; opacity:0; padding:25px 20px 17px; position:absolute; right:0; transform:translateY(8px); transition:opacity .25s ease,transform .25s ease; }
.photo-gallery-item:hover img,.photo-gallery-item:focus img { transform:scale(1.045); }
.photo-gallery-item:hover > span,.photo-gallery-item:focus > span { opacity:1; transform:none; }
.photo-gallery-more { margin:35px 0 0; text-align:center; }
.gallery-lightbox[hidden] { display:none; }
.gallery-lightbox { align-items:center; background:rgba(12,23,18,.95); display:flex; inset:0; justify-content:center; padding:70px 90px; position:fixed; z-index:10001; }
.gallery-lightbox figure { margin:0; max-height:calc(100vh - 100px); max-width:1100px; text-align:center; }
.gallery-lightbox img { box-shadow:0 18px 70px rgba(0,0,0,.45); display:block; max-height:calc(100vh - 145px); max-width:100%; object-fit:contain; }
.gallery-lightbox figcaption { color:white; font-size:.9rem; padding-top:12px; }
.gallery-lightbox button { background:transparent; border:0; box-shadow:none; color:white!important; cursor:pointer; font-family:Arial,sans-serif; position:absolute; }
.gallery-lightbox-close { font-size:3rem; right:24px; top:18px; }
.gallery-lightbox-prev,.gallery-lightbox-next { font-size:4rem; top:50%; transform:translateY(-50%); }
.gallery-lightbox-prev { left:25px; }.gallery-lightbox-next { right:25px; }
body.gallery-open { overflow:hidden; }
@media(max-width:980px){.photo-gallery-grid{grid-auto-rows:190px;grid-template-columns:repeat(3,1fr)}.photo-gallery-item-6{grid-column:span 1;grid-row:span 1}}
@media(max-width:736px){.photo-gallery-section{padding-left:24px;padding-right:24px}.photo-gallery-grid{grid-auto-rows:180px;grid-template-columns:repeat(2,1fr)}.photo-gallery-item-1{grid-row:span 2}.photo-gallery-item-4{grid-row:span 1}.gallery-lightbox{padding:60px 15px}.gallery-lightbox-prev,.gallery-lightbox-next{background:rgba(25,50,41,.75);border-radius:50%;bottom:18px;font-size:2.5rem;height:52px;top:auto;transform:none;width:52px}.gallery-lightbox-prev{left:25px}.gallery-lightbox-next{right:25px}}
@media(max-width:480px){.photo-gallery-grid{display:block}.photo-gallery-item{height:235px;margin-bottom:12px}.photo-gallery-item > span{opacity:1;transform:none}}
@media(max-width:1050px){.home-nav nav{display:none}.new-hero-photo{min-height:560px}.hero-badge{left:calc(58.333% - 65px);height:130px;width:130px}.news-contact{display:none}.video-section .section-heading{max-width:700px}}
@media(max-width:980px){.family-section .section-copy,.family-section .family-collage,.video-section .section-heading,.reviews-section .reviews-intro,.visit-section .visit-copy,.celebrate-section .row > div:first-child,.celebrate-section .row > div:last-child{padding-left:0;padding-right:0}.video-section .video-frame,.reviews-section .reviews-widget,.visit-section .hours-card{margin-left:0;width:100%}.family-collage,.video-frame,.reviews-widget,.hours-card{margin-top:45px}}
@media(max-width:736px){.home-nav{height:78px;padding:8px 18px}.home-logo img{max-height:58px}.home-phone{font-size:.7rem;padding:10px 13px}.new-hero{display:flex;flex-direction:column;min-height:0}.new-hero-photo{background-image:linear-gradient(0deg,var(--cream),transparent 30%),url('/data/uploads/bilder/restaurant.jpg');min-height:56vh}.new-hero > .new-hero-copy{padding:28px 24px 70px}.new-hero h1{font-size:3.4rem}.hero-badge{bottom:auto;left:auto;right:20px;top:calc(56vh - 68px)}.news-strip{display:block}.news-strip > .news-label{padding:24px}.news-strip > .news-content{padding:28px 24px}.family-section,.terrace-section,.celebrate-section,.visit-section{grid-template-columns:1fr}.family-section .section-copy,.family-section .family-collage,.video-section .section-heading,.reviews-section .reviews-intro,.visit-section .visit-copy,.celebrate-section .row > div:first-child,.celebrate-section .row > div:last-child{padding-left:0;padding-right:0}.video-section .video-frame,.reviews-section .reviews-widget,.visit-section .hours-card{margin-left:0;width:100%}.family-collage{margin-top:45px;min-height:480px}.family-main{height:420px;width:90%}.menu-grid{grid-template-columns:1fr 1fr}.menu-tile{min-height:340px}.terrace-image{min-height:430px}.terrace-section > .terrace-copy{padding:55px 25px}.video-section{padding-left:24px;padding-right:24px}.video-frame,.reviews-widget,.hours-card{margin-top:38px}.celebrate-section{gap:25px;padding:55px 25px}.reviews-section,.visit-section{padding-left:24px;padding-right:24px}}
@media(max-width:480px){.menu-grid{grid-template-columns:1fr}.menu-tile{min-height:320px}.family-collage{min-height:420px}.family-main{height:350px}.family-detail{height:180px}.round-note{font-size:1.2rem;height:120px;left:auto;padding:16px;right:-12px;width:120px}.video-hint{border-radius:10px;font-size:.78rem;left:10px;right:10px;top:10px}.hours-card{padding:25px}.hours-card .opening-hours-row{grid-template-columns:1fr}}

/* Der Familienbetrieb-Pin ist am Bild statt an der Viewport-Höhe verankert. */
.new-hero-photo { position:relative; }
.new-hero-photo > .hero-badge { bottom:32px; left:auto; right:-75px; top:auto; }
@media(max-width:1050px){.new-hero-photo > .hero-badge{right:-65px}}
@media(max-width:736px){.new-hero > .new-hero-copy{padding-top:80px}.new-hero-photo > .hero-badge{bottom:-55px;left:auto;right:20px;top:auto}}
@media(max-width:736px){.video-frame > .video-hint{border-radius:10px;left:auto;margin:0 0 12px;position:static;right:auto;top:auto;width:100%}}

/* Marken-Relaunch 2026: Schwarz, Dunkelrot und warmes Weiß */
:root {
	--cream:#f5f1ea;
	--paper:#fffdf9;
	--sun:#741723;
	--apricot:#8f1e2b;
	--sage:#d8d1c8;
	--forest:#161616;
	--ink:#282525;
	--berry:#741723;
}
html { scroll-behavior:smooth; }
.home-nav { background:rgba(10,10,10,.97); border-bottom:3px solid var(--berry); }
.home-logo img { max-height:76px; }
.home-nav nav a { color:#fff; }
.home-nav nav a:hover { color:#eabfc4; }
.home-phone { background:var(--berry); color:#fff!important; }
.new-hero-photo { background-image:linear-gradient(90deg,transparent 72%,var(--cream) 100%),url('/data/uploads/bilder/lenz.jpg'); background-position:center 36%; }
.new-hero h1 em,.eyebrow,.signature { color:var(--berry); }
.new-hero .hero-logo-heading { background:transparent; line-height:0; margin:0 0 30px; max-width:620px; }
.hero-logo-heading img { display:block; height:auto; width:100%; }
.sun-button,.light-button { background:var(--berry); color:#fff!important; }
.hero-badge { background:#111; border:2px solid var(--berry); }
.news-strip { background:#e8e1d9; }
.news-label,.visit-section,.new-footer,body.subpage #footer.subpage-footer.new-footer { background:#111; }
.news-dot { background:#d24b59; }
.menu-tile:before { background:linear-gradient(0deg,rgba(8,8,8,.94),rgba(8,8,8,.04)); }
.menu-tile>span,.homemade-note .icon,.big-phone { color:var(--berry)!important; }
.terrace-image { background-image:url('/data/uploads/bilder/terrasse-neu.jpg'); }
.terrace-copy,.career-training { background:#e7e1da; }
.celebrate-section { background:var(--berry); }
.celebrate-section .eyebrow { color:#fff; }
.reviews-section,.photo-gallery-section { background:#f0ebe5; }
.career-jobs { background:#201e1e; color:#fff!important; }
.career-jobs h3,.career-jobs .eyebrow,.career-jobs strong { color:#fff; }
.career-home-number { color:rgba(116,23,35,.13); }
.career-jobs .career-home-number { color:rgba(255,255,255,.09); }
.family-collage img { box-shadow:0 18px 55px rgba(0,0,0,.18); }
.round-note { background:var(--berry); color:#fff; }
.voucher-section { background:#181616; color:#fff; padding:clamp(55px,6vw,90px) 7vw; }
.voucher-inner { align-items:center; display:flex; gap:60px; justify-content:space-between; }
.voucher-inner h2 { color:#fff; font-family:"Lora",serif; font-size:clamp(2.5rem,4vw,4.5rem); margin:0 0 18px; }
.voucher-inner p:last-child { line-height:1.75; margin:0; max-width:720px; }
.voucher-button { background:var(--berry); border-radius:999px; color:#fff; flex:0 0 auto; font-size:.78rem; font-weight:800; letter-spacing:.06em; opacity:.82; padding:16px 24px; text-transform:uppercase; }
.voucher-button .icon { margin-right:8px; }
.voucher-button:hover,.voucher-button:focus { background:#8f1e2b; color:#fff; opacity:1; transform:translateY(-2px); }
.reservation-card { background:#f5f1ea; border-top:5px solid var(--berry); color:var(--ink); margin-left:4vw; padding:34px; width:calc(50% - 4vw); }
.reservation-card h3 { color:#111; font-family:"Lora",serif; font-size:2rem; margin:0 0 20px; }
.reservation-card small { color:#625c5c; display:block; margin-top:14px; }
.reservation-form label { color:#332f2f; font-size:.72rem; font-weight:800; letter-spacing:.04em; margin-bottom:6px; text-transform:uppercase; }
.reservation-form input,.reservation-form textarea { background:#fff; border:1px solid #cfc7bf; color:#222; }
.reservation-form input:focus,.reservation-form textarea:focus { border-color:var(--berry); box-shadow:0 0 0 2px rgba(116,23,35,.12); }
.reservation-form .actions { margin-bottom:0; }
.reservation-form input[type="submit"] { background:var(--berry)!important; border:0; color:#fff!important; }
.reservation-honeypot { height:1px; left:-10000px; overflow:hidden; position:absolute; width:1px; }
.reservation-message { margin:0 0 1.5em; padding:1.15em 1.25em; }
.reservation-message strong { display:block; margin-bottom:.35em; }
.reservation-message p,.reservation-message ul { margin-bottom:0; }
.reservation-success { background:#e5f1e8; border-left:4px solid #356b43; color:#23492d; }
.reservation-error { background:#f7e6e8; border-left:4px solid #741723; color:#5d1420; }
@media(max-width:980px){.reservation-card{margin-left:0;margin-top:45px;width:100%}}
@media(max-width:736px){
	.new-hero-photo{background-image:linear-gradient(0deg,var(--cream),transparent 30%),url('/data/uploads/bilder/lenz.jpg');background-position:center center}
	.new-hero .hero-logo-heading{margin-bottom:24px;max-width:520px}
	.voucher-inner{align-items:flex-start;flex-direction:column;gap:28px}
	.voucher-button{white-space:normal}
	.reservation-card{padding:26px 20px}
}

/* Angepasste Transparenzwerte */
.home-nav { background:rgba(10,10,10,.75); }
.news-label,
.visit-section,
.new-footer,
body.subpage #footer.subpage-footer.new-footer,
.voucher-section,
.career-jobs { background:rgba(10,10,10,.75); }
.home-bright h1,
.home-bright h2,
.home-bright h3,
body.subpage .subpage-content h1,
body.subpage .subpage-content h2,
body.subpage .subpage-content h3 { color:rgba(10,10,10,.5); }

/* Allgemeine Typografie */

body,
input,
select,
textarea {
	font-family: "DM Sans", Arial, Helvetica, sans-serif;
}

body {
	background-color: var(--tuermle-creme);
	color: var(--tuermle-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Lora", Georgia, "Times New Roman", serif;
	text-transform: none;
	letter-spacing: normal;
	color: var(--tuermle-text);
}

a {
	color: inherit;
}

/*
	Die vorhandene Slate-Linie unter Überschriften
	wird in den neuen Türmle-Bereichen abgeschaltet.
*/

.hero-split h1,
.hero-split h2,
.content-section h2,
.content-section h3 {
	padding-bottom: 0;
}

.hero-split h1:after,
.hero-split h2:after,
.content-section h2:after,
.content-section h3:after {
	display: none;
}

/* Kopfzeile */

#header {
	background-color: rgba(255, 253, 248, 0.96);
	color: var(--tuermle-text);
}

#header h1,
#header h1 a,
#header nav a {
	color: var(--tuermle-text);
}

#header.alt {
	top: 0;
	background-color: rgba(25, 31, 27, 0.7);
	color: #fff;
}

#header.alt h1 a,
#header.alt nav a {
	color: #fff;
}

/* Kontaktleiste auf der Startseite */

.contact-bar {
	background-color: var(--tuermle-gruen);
	color: var(--tuermle-weiss);
	font-family: "Raleway", Helvetica, sans-serif;
}

.contact-bar-inner {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 2em;
}

.contact-bar-item {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	gap: 0.75em;
	min-width: 0;
	padding: 1em 1.25em;
	border: 0;
	color: var(--tuermle-weiss);
	font-size: 0.82em;
	line-height: 1.45;
	text-decoration: none;
}

.contact-bar-item + .contact-bar-item {
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}

.contact-bar-item:hover {
	background-color: rgba(255, 255, 255, 0.08);
	color: #fff;
}

.contact-bar-item .icon {
	-moz-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	color: #d5b77d;
	font-size: 1.25em;
}

.contact-bar-item strong {
	display: block;
	margin-bottom: 0.1em;
	color: #d5b77d;
	font-size: 0.78em;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

@media screen and (max-width: 1100px) {
	.contact-bar-inner {
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}

	.contact-bar-item {
		-moz-flex: 1 1 50%;
		-webkit-flex: 1 1 50%;
		-ms-flex: 1 1 50%;
		flex: 1 1 50%;
	}

	.contact-bar-item:nth-child(3) {
		border-left: 0;
	}

	.contact-bar-item:nth-child(n+3) {
		border-top: 1px solid rgba(255, 255, 255, 0.18);
	}
}

@media screen and (max-width: 736px) {
	.contact-bar {
		display: none;
	}

	.contact-bar-item {
		-moz-flex-basis: 100%;
		-webkit-flex-basis: 100%;
		-ms-flex-basis: 100%;
		flex-basis: 100%;
		padding: 0.85em 1.25em;
	}

	.contact-bar-item + .contact-bar-item {
		border-top: 1px solid rgba(255, 255, 255, 0.18);
		border-left: 0;
	}
}

/* Saisonale Öffnungszeiten */
.season-hours-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.25em;
	margin: 1.5em 0;
}

.season-hours-card {
	position: relative;
	padding: 1.6em;
	border: 1px solid rgba(116, 23, 35, 0.2);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 0.8em 2.2em rgba(10, 10, 10, 0.06);
}

.season-hours-card.is-current {
	order: -1;
	border: 2px solid var(--tuermle-weinrot, #741723);
	box-shadow: 0 1em 2.8em rgba(116, 23, 35, 0.14);
}

.season-hours-card.is-current:before {
	content: "Aktuell gültig";
	position: absolute;
	top: -0.85em;
	right: 1.2em;
	padding: 0.4em 0.8em;
	border-radius: 999px;
	background: var(--tuermle-weinrot, #741723);
	color: #fff;
	font-size: 0.68em;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.season-hours-card h3,
.season-hours-card h4 {
	margin: 0 0 0.8em;
	font-size: 1.35em;
}

.season-hours-period {
	margin: 0 0 0.35em;
	color: var(--tuermle-weinrot, #741723);
	font-size: 0.78em;
	font-weight: 800;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.season-hours-row {
	display: grid;
	grid-template-columns: minmax(9em, 1.2fr) minmax(7em, 1fr);
	gap: 0.8em;
	padding: 0.7em 0;
	border-bottom: 1px solid rgba(10, 10, 10, 0.1);
	color: #242020;
	line-height: 1.45;
}

.season-hours-row strong {
	color: #242020;
	font-weight: 800;
}

.season-hours-row span {
	color: #242020;
}

.season-hours-row.is-closed span {
	color: var(--tuermle-weinrot, #741723);
	font-weight: 700;
}

.season-hours-kitchen {
	margin: 1em 0 0;
	font-size: 0.82em;
	line-height: 1.55;
}

.hours-card .season-hours-grid {
	grid-template-columns: 1fr;
}

.hours-card .season-hours-card {
	border-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.07);
	box-shadow: none;
	color: #fff;
}

.hours-card .season-hours-card.is-current {
	border-color: #f0d5a1;
}

.hours-card .season-hours-card.is-current:before {
	background: #f0d5a1;
	color: #111;
}

.hours-card .season-hours-card h4,
.hours-card .season-hours-period,
.hours-card .season-hours-row.is-closed span {
	color: #fff;
}

.hours-card .season-hours-row {
	border-bottom-color: rgba(255, 255, 255, 0.15);
}

.hours-card .season-hours-row strong,
.hours-card .season-hours-row span {
	color: #fff;
}

@media screen and (max-width: 736px) {
	.season-hours-grid {
		grid-template-columns: 1fr;
	}
}

@media screen and (max-width: 480px) {
	.season-hours-card {
		padding: 1.35em;
	}

	.season-hours-row {
		grid-template-columns: 1fr;
		gap: 0.2em;
	}
}

/* =========================================================
   UNTERSEITEN
   ========================================================= */

body.subpage {
	padding-top: 0;
	background: var(--tuermle-creme);
}

body.subpage #header.subpage-header {
	display: block !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 6em;
	line-height: normal;
	background: linear-gradient(to bottom, rgba(13, 19, 15, 0.82), rgba(13, 19, 15, 0));
	box-shadow: none;
	color: #fff;
}

body.subpage #header .container {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 6em);
	max-width: 1400px;
	height: 100%;
	margin: 0 auto;
}

body.subpage #header .logo {
	display: block;
	height: 4.25em;
	border: 0;
}

body.subpage #header .logo img {
	display: block;
	width: auto;
	height: 100%;
	filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.25));
}

body.subpage #header nav {
	display: none !important;
	position: static;
	height: auto;
	line-height: normal;
}

body.subpage #header .navPanelToggle {
	display: block !important;
	position: absolute;
	top: 50%;
	right: 3em;
	width: 3.25em;
	height: 3.25em;
	transform: translateY(-50%);
	border: 1px solid rgba(255, 255, 255, 0.48);
	border-radius: 50%;
	color: #fff;
}

body.subpage #header .navPanelToggle:before {
	top: 50%;
	right: 50%;
	width: 3.25em;
	height: 3.25em;
	line-height: 3.25em;
	transform: translate(50%, -50%);
}

body.subpage #navPanel {
	display: block !important;
	background: var(--tuermle-gruen);
	color: #fff;
}

body.subpage #navPanel .link {
	border-top-color: rgba(255, 255, 255, 0.14);
	color: #fff !important;
}

body.subpage #navPanel .close {
	color: #fff;
}

body.subpage #header nav > ul {
	display: flex;
	align-items: center;
	gap: 1.6em;
}

body.subpage #header nav > ul > li {
	margin: 0;
}

body.subpage #header nav > ul > li a {
	color: #fff;
	font-size: 0.76em;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

.subpage-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 68vh;
	min-height: 68svh;
	background-color: var(--tuermle-gruen);
	background-image: var(--subpage-image);
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.subpage-hero-shade {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(to top, rgba(12, 18, 14, 0.9) 0%, rgba(12, 18, 14, 0.28) 58%, rgba(12, 18, 14, 0.38) 100%),
		linear-gradient(to right, rgba(12, 18, 14, 0.25), transparent 65%);
}

.subpage-hero-inner {
	position: relative;
	z-index: 1;
	width: calc(100% - 6em);
	max-width: 1400px;
	margin: 0 auto;
	padding: 10em 0 5em;
	color: #fff;
}

.subpage-back {
	display: inline-flex;
	align-items: center;
	gap: 0.65em;
	margin-bottom: 2.5em;
	border: 0;
	color: rgba(255, 255, 255, 0.82);
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.subpage-back:hover {
	color: #d5b77d;
}

.subpage-kicker,
.subpage-card-label {
	margin: 0 0 0.75em;
	color: #d5b77d;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 0.76em;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.subpage-hero h1 {
	max-width: 13ch;
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(3.4em, 7vw, 7em);
	font-weight: 400;
	letter-spacing: -0.035em;
	line-height: 0.95;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.28);
}

.subpage-hero h1:after,
.subpage-main h2:after,
.subpage-main h3:after,
.subpage-cta h2:after {
	display: none;
}

.subpage-main {
	position: relative;
	z-index: 2;
	background: var(--tuermle-creme);
}

.subpage-container {
	width: calc(100% - 6em);
	max-width: 1240px;
	margin: 0 auto;
	padding: clamp(5em, 8vw, 8em) 0;
}

.subpage-layout {
	display:block;
	width:100%;
	max-width:none;
	margin:0;
	padding:0;
}

.subpage-layout > .subpage-content {
	padding-right:clamp(2em,5vw,6em);
}

.subpage-layout > .subpage-aside {
	padding-left:clamp(1em,2vw,2em);
}

.subpage-content {
	position: relative;
	min-height: 15em;
	color: var(--tuermle-text);
	font-size: 1.12em;
	line-height: 1.9;
}

.subpage-content-mark {
	width: 4.5em;
	height: 0.22em;
	margin-bottom: 2.5em;
	background: var(--tuermle-weinrot);
}

.subpage-content > p:first-of-type {
	color: var(--tuermle-gruen);
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.35em, 2.2vw, 1.85em);
	line-height: 1.5;
}

.subpage-content h2,
.subpage-content h3,
.subpage-service-card h2,
.subpage-cta h2 {
	padding: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-weight: 400;
	letter-spacing: -0.02em;
}

.subpage-content h2 {
	margin-top: 1.6em;
	font-size: 2.3em;
}

.subpage-content h3 {
	margin-top: 1.8em;
	font-size: 1.65em;
}

.subpage-content img {
	max-width: 100%;
	height: auto;
	margin: 1.5em 0;
	border-radius: 2px;
}

.subpage-content table {
	width: 100% !important;
	height: auto !important;
	margin: 2em 0;
}

.subpage-content td {
	padding: 0.9em 1em;
	border-bottom: 1px solid rgba(37, 52, 43, 0.14);
	vertical-align: top;
}

/* PDF-Listen im CMS werden seitenunabhängig als Kartenraster dargestellt. */
.subpage-content > ul:has(a[href*=".pdf" i]) {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1em;
	margin: 2.5em 0 3em;
	padding: 0;
	list-style: none;
}

.subpage-content > ul:has(a[href*=".pdf" i]) li {
	margin: 0;
	padding: 0;
}

.subpage-content > ul:has(a[href*=".pdf" i]) a {
	position: relative;
	display: flex;
	min-height: 8.5em;
	padding: 1.5em 4.25em 1.5em 1.5em;
	border: 1px solid rgba(37, 52, 43, 0.14);
	background: rgba(255, 255, 255, 0.58);
	box-shadow: 0 0.6em 1.8em rgba(21, 31, 25, 0.06);
	color: var(--tuermle-gruen);
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.18em;
	line-height: 1.35;
	text-decoration: none;
	align-items: center;
	transition: border-color 180ms ease, box-shadow 180ms ease, color 180ms ease, transform 180ms ease;
}

.subpage-content > ul:has(a[href*=".pdf" i]) a::before {
	position: absolute;
	right: 1.35em;
	top: 1.25em;
	color: var(--tuermle-weinrot);
	content: "\f1c1";
	font-family: FontAwesome;
	font-size: 1.45em;
	font-style: normal;
	font-weight: normal;
}

.subpage-content > ul:has(a[href*=".pdf" i]) a::after {
	position: absolute;
	right: 1.6em;
	bottom: 1.25em;
	color: var(--tuermle-weinrot);
	content: "PDF öffnen  \2192";
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.56em;
	font-weight: 700;
	letter-spacing: 0.09em;
	text-transform: uppercase;
}

.subpage-content > ul:has(a[href*=".pdf" i]) a:hover,
.subpage-content > ul:has(a[href*=".pdf" i]) a:focus {
	border-color: var(--tuermle-weinrot);
	box-shadow: 0 1em 2.5em rgba(21, 31, 25, 0.12);
	color: var(--tuermle-weinrot);
	transform: translateY(-3px);
}

@media screen and (max-width: 736px) {
	.subpage-content > ul:has(a[href*=".pdf" i]) {
		grid-template-columns: 1fr;
	}

	.subpage-content > ul:has(a[href*=".pdf" i]) a {
		min-height: 7em;
	}
}

.subpage-aside {
	align-self: start;
	margin-top: -11em;
}

.subpage-service-card {
	padding: 2.75em;
	background: var(--tuermle-gruen);
	box-shadow: 0 1.5em 4em rgba(21, 31, 25, 0.17);
	color: rgba(255, 255, 255, 0.78);
}

.subpage-service-card h2 {
	margin: 0 0 0.7em;
	color: #fff;
	font-size: 2em;
	line-height: 1.15;
}

.subpage-service-link {
	display: flex;
	align-items: center;
	gap: 1em;
	margin: 1.4em 0;
	padding-top: 1.4em;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.16);
	color: #fff;
}

.subpage-service-link:hover {
	color: #d5b77d;
}

.subpage-service-link .icon {
	width: 1.3em;
	color: #d5b77d;
	font-size: 1.2em;
	text-align: center;
}

.subpage-service-link small {
	display: block;
	margin-bottom: 0.15em;
	color: rgba(255, 255, 255, 0.55);
	font-size: 0.68em;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.subpage-service-card .button {
	margin-top: 1.25em;
	background: #d5b77d;
	color: #1d2c23 !important;
}

.subpage-address {
	display: flex;
	gap: 1em;
	padding: 2em 1em;
	color: var(--tuermle-text);
	font-size: 0.9em;
	line-height: 1.7;
}

.subpage-address .icon {
	padding-top: 0.25em;
	color: var(--tuermle-weinrot);
}

.subpage-address p {
	margin: 0;
}

.subpage-cta {
	background: var(--tuermle-weinrot);
	color: #fff;
}

.subpage-cta-inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 3em;
	width: calc(100% - 6em);
	max-width: 1240px;
	margin: 0 auto;
	padding: 4.25em 0;
}

.subpage-cta h2 {
	margin: 0;
	color: #fff;
	font-size: clamp(2em, 4vw, 3.25em);
}

.subpage-cta .subpage-card-label {
	color: #f0d0ac;
}

.subpage-cta .button {
	flex: 0 0 auto;
	color: #fff !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

body.subpage #footer.subpage-footer {
	padding: 2.5em 0;
	background: #18221c;
}

body.subpage #footer .inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 6em);
	max-width: 1240px;
	margin: 0 auto;
}

body.subpage #footer .copyright,
body.subpage #footer .menu {
	margin: 0;
}

body.subpage #footer .menu {
	display: flex;
	gap: 1.5em;
	list-style: none;
}

body.subpage #footer .menu li {
	padding: 0;
	border: 0;
}

@media screen and (max-width: 1100px) {
	.subpage-layout > .subpage-content { padding-right:3em; }
	.subpage-layout > .subpage-aside { padding-left:1em; }
}

@media screen and (max-width: 800px) {
	body.subpage #header .navPanelToggle {
		right: 1.5em;
	}

	body.subpage #header .container,
	.subpage-hero-inner,
	.subpage-container,
	.subpage-cta-inner,
	body.subpage #footer .inner {
		width: calc(100% - 3em);
	}

	.subpage-hero {
		min-height: 58vh;
		min-height: 58svh;
	}

	.subpage-hero-inner {
		padding-bottom: 3.5em;
	}

	.subpage-container {
		padding: 4em 0;
	}

	.subpage-layout { width:100%; padding:0; }

	.subpage-aside {
		margin: 3.5em 0 0;
	}

	.subpage-service-card {
		padding: 2.25em;
	}

	.subpage-cta-inner,
	body.subpage #footer .inner {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media screen and (max-width: 480px) {
	body.subpage #header.subpage-header {
		height: 4.75em;
	}

	body.subpage #header .logo {
		height: 3.4em;
	}

	.subpage-hero {
		min-height: 30em;
		background-position: center;
	}

	.subpage-hero h1 {
		font-size: 3.2em;
	}

	.subpage-content {
		font-size: 1em;
	}

	.subpage-content > p:first-of-type {
		font-size: 1.35em;
	}

	.subpage-service-card {
		margin-right: -0.75em;
		margin-left: -0.75em;
		padding: 2em 1.5em;
	}
}

/* =========================================================
   GETEILTER STARTBEREICH
   ========================================================= */

.first-screen {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100vh;
	height: 100svh;
	min-height: 500px;
	overflow: hidden;
}

.first-screen .contact-bar {
	-moz-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.hero-split {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	width: 100%;
	height: 100vh;
	height: 100svh;
	min-height: 500px;
	max-height: 100vh;
	max-height: 100svh;
	overflow: hidden;
	background-color: var(--tuermle-creme-dunkel);
}

.first-screen .hero-split {
	-moz-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	height: auto;
	min-height: 0;
}

/* Beide Seiten exakt halbieren */

.hero-image,
.hero-board {
	position: relative;
	width: 50%;
	height: 100%;
	min-height: 0;
	max-height: 100%;
	overflow: hidden;
}

/* Linke Bildhälfte */

.hero-image {
	position: relative;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	overflow: hidden;
	background-color: #1a1d1b;
}

.hero-image:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--startseite-bild, url("/data/uploads/titelbilder/lenz.jpg")) center center / cover no-repeat;
	transform: scale(1.08);
	transform-origin: center center;
	animation: kenburnsHero 8s ease-in-out infinite alternate;
	will-change: transform;
}

.hero-image:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(
		to top,
		rgba(18, 22, 19, 0.82) 0%,
		rgba(18, 22, 19, 0.35) 45%,
		rgba(18, 22, 19, 0.05) 75%
	);
	z-index: 1;
}

.hero-image-content {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 48em;
	padding: 4em;
	color: #fff;
}

.hero-image-content h1 {
	margin: 0 0 0.35em 0;
	color: #fff;
	font-size: 4.8em;
	font-weight: 600;
	line-height: 1.02em;
}

.hero-image-content p {
	max-width: 34em;
	margin-bottom: 1.5em;
	font-size: 1.1em;
	line-height: 1.7em;
}

.hero-kicker {
	margin-bottom: 1em !important;
	font-family: "DM Sans", Arial, sans-serif;
	font-size: 0.8em !important;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.hero-actions {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 1em;
	margin-bottom: 0 !important;
}

.hero-image-content .button {
	color: #fff !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85);
}

.hero-image-content .button:hover {
	background-color: rgba(255, 255, 255, 0.12);
}

.hero-image-content .button.special {
	background-color: var(--tuermle-weinrot);
	box-shadow: none;
	color: #fff !important;
}

.hero-image-content .button.special:hover {
	background-color: #984c45;
}

/* Rechte Hälfte */

.hero-board {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	padding: 4em;
	background-color: var(--tuermle-creme-dunkel);
	background-image:
		linear-gradient(
			135deg,
			rgba(255, 255, 255, 0.18),
			rgba(118, 80, 52, 0.12)
		);
}

/* Kreidetafel */

.chalkboard {
	position: relative;
	width: 100%;
	max-width: 39em;
	min-height: 34em;
	padding: 4em;
	color: #f6f0da;
	background-color: var(--tuermle-gruen);
	background-image:
		radial-gradient(
			circle at 20% 25%,
			rgba(255, 255, 255, 0.05),
			transparent 28%
		),
		radial-gradient(
			circle at 80% 70%,
			rgba(255, 255, 255, 0.035),
			transparent 32%
		);
	border: 0.9em solid var(--tuermle-holz);
	box-shadow:
		0 1.5em 3em rgba(33, 28, 23, 0.28),
		inset 0 0 2em rgba(255, 255, 255, 0.035);
}

.chalkboard:before {
	content: "";
	position: absolute;
	top: 0.7em;
	right: 0.7em;
	bottom: 0.7em;
	left: 0.7em;
	border: solid 1px rgba(255, 255, 255, 0.08);
	pointer-events: none;
}

.chalkboard-label {
	position: relative;
	z-index: 1;
	margin-bottom: 0.7em;
	font-family: "DM Sans", Arial, sans-serif;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.chalkboard h2 {
	position: relative;
	z-index: 1;
	margin: 0 0 0.65em 0;
	color: #fff7db;
	font-family: "Patrick Hand", "Comic Sans MS", cursive;
	font-size: 4.2em;
	font-weight: 400;
	line-height: 1em;
}

.chalkboard-content {
	position: relative;
	z-index: 1;
	font-family: "Patrick Hand", "Comic Sans MS", cursive;
	font-size: 1.35em;
	line-height: 1.45em;
}

.chalkboard-content p {
	margin-bottom: 1em;
}

.chalkboard-content ul {
	margin: 0 0 1.5em 0;
	padding: 0;
	list-style: none;
}

.chalkboard-content li {
	position: relative;
	padding: 0.65em 0 0.65em 1.5em;
	border-bottom: dashed 1px rgba(255, 255, 255, 0.2);
}

.chalkboard-content li:before {
	content: "•";
	position: absolute;
	left: 0.25em;
	top: 0.65em;
	color: #e6ce98;
}

.chalkboard-link {
	position: relative;
	z-index: 1;
	display: inline-block;
	color: #fff7db;
	font-family: "DM Sans", Arial, sans-serif;
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	border-bottom-color: rgba(255, 247, 219, 0.5);
}

/* =========================================================
   INHALTSBEREICHE
   ========================================================= */

.content-section {
	padding: 7em 0;
	background-color: var(--tuermle-creme);
}

.content-section > .container {
	position: relative;
}

.section-header {
	margin-bottom: 3.5em;
}

.section-number {
	margin-bottom: 0.75em;
	color: var(--tuermle-weinrot);
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.section-header h2 {
	margin: 0;
	font-size: 3.4em;
	line-height: 1.1em;
}

/* Google-Rezensionen auf der Startseite */

.google-reviews {
	position: relative;
	padding: clamp(4em, 7vw, 7em) 0;
	overflow: hidden;
	background: var(--tuermle-gruen);
	color: rgba(255, 255, 255, 0.82);
}

.google-reviews::before {
	position: absolute;
	top: -8em;
	right: -5em;
	color: rgba(255, 255, 255, 0.035);
	content: "★";
	font-size: 30em;
	line-height: 1;
}

.google-reviews-inner {
	position: relative;
	z-index: 1;
}

.google-reviews-label {
	margin-bottom: 0.7em;
	color: #d8bd83;
	font-size: 0.76em;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.google-reviews-summary h2 {
	margin: 0 0 0.55em;
	color: #fff;
	font-family: "Lora", Georgia, serif;
	font-size: clamp(2em, 3vw, 3em);
	line-height: 1.2;
}

.google-reviews-summary > p:not(.google-reviews-label) {
	max-width: 34em;
	line-height: 1.75;
}

.google-reviews .button {
	background-color: #d5b77d;
	color: var(--tuermle-gruen) !important;
	box-shadow: none;
}

.google-reviews .button:hover {
	background-color: #e3ca98;
	color: var(--tuermle-gruen) !important;
}

.google-reviews-widget {
	min-width: 0;
}

.google-reviews-widget > .elfsight-app-055771e9-a3d7-4cf0-909d-f009b5b7c2fb {
	width: 100%;
	min-width: 0;
}

@media screen and (max-width: 736px) {
	.google-reviews-widget {
		margin-top: 3em;
	}
}

.section-image {
	width: 100%;
	min-height: 32em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.section-image-restaurant {
	background-image: var(--bereich-bild, url("/data/uploads/titelbilder/restaurant.jpg"));
}

.section-image-terrasse {
	background-image: var(--bereich-bild, url("/data/uploads/titelbilder/terrasse.jpg"));
}

.section-text {
	padding: 3.5em 2em;
	font-size: 1.05em;
	line-height: 1.8em;
}

.section-text > :last-child {
	margin-bottom: 0;
}

/* Dunkler Abschnitt */

.content-section-dark {
	background-color: var(--tuermle-gruen);
	color: var(--tuermle-weiss);
}

.content-section-dark h2,
.content-section-dark h3,
.content-section-dark strong,
.content-section-dark a {
	color: var(--tuermle-weiss);
}

.content-section-dark .section-number {
	color: #d5b77d;
}

.content-section-dark .button {
	background-color: #d5b77d;
	color: var(--tuermle-gruen) !important;
	box-shadow: none;
}

.content-section-dark .button:hover {
	background-color: #e3ca98;
	color: var(--tuermle-gruen) !important;
}

/* Speisekarten-Karten */

.menu-cards {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
	-ms-align-items: stretch;
	align-items: stretch;
}

.menu-cards > div {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
}

.menu-card {
	width: 100%;
	padding: 2.5em;
	background-color: var(--tuermle-weiss);
	border-top: solid 0.35em var(--tuermle-weinrot);
	box-shadow: 0 1em 2.5em rgba(54, 45, 35, 0.1);
}

.menu-card h3 {
	margin-bottom: 1em;
	font-size: 1.5em;
	line-height: 1.25em;
}

/* Catering */

.content-section-accent {
	background-color: var(--tuermle-weinrot);
	color: #fff;
	text-align: center;
}

.content-section-accent h2,
.content-section-accent h3,
.content-section-accent a,
.content-section-accent strong {
	color: #fff;
}

.content-section-accent .section-number {
	color: #f0d0ac;
}

.occasion-list {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	gap: 1em;
	margin: 0 0 3em 0;
}

.occasion-list span {
	display: inline-block;
	padding: 0.85em 1.35em;
	border: solid 1px rgba(255, 255, 255, 0.55);
}

/* Kontakt und Karriere */

.contact-panels {
	display: flex;
	flex-wrap: wrap;
}

.contact-panels > div {
	display: flex;
}

.contact-panels .info-panel {
	width: 100%;
}

.info-panel,
.career-card {
	height: 100%;
	padding: 3em;
	background-color: var(--tuermle-weiss);
	box-shadow: 0 1em 2.5em rgba(54, 45, 35, 0.1);
}

.info-panel-dark,
.career-card {
	background-color: var(--tuermle-gruen);
	color: #fff;
}

.info-panel-dark h3,
.info-panel-dark a,
.career-card h3,
.career-card a {
	color: #fff;
}

.info-panel-dark .button,
.career-card .button {
	background-color: #d5b77d;
	color: var(--tuermle-gruen) !important;
	box-shadow: none;
}

.info-panel-dark .button:hover,
.career-card .button:hover {
	background-color: #e3ca98;
	color: var(--tuermle-gruen) !important;
}

.contact-details {
	margin: 1.75em 0;
	font-style: normal;
}

.contact-details p {
	display: flex;
	gap: 1em;
	margin: 0 0 1em;
	line-height: 1.6;
	align-items: flex-start;
}

.contact-details .icon {
	width: 1.2em;
	margin-top: 0.25em;
	color: var(--tuermle-weinrot);
	font-size: 1.1em;
	text-align: center;
}

.contact-details a {
	color: var(--tuermle-gruen);
	text-decoration: none;
}

.contact-details a:hover {
	color: var(--tuermle-weinrot);
}

.contact-socials {
	display: flex;
	gap: 0.75em;
	margin: 1.75em 0;
	flex-wrap: wrap;
}

.contact-socials a {
	display: inline-flex;
	gap: 0.55em;
	padding: 0.7em 1em;
	border: 1px solid rgba(37, 52, 43, 0.2);
	color: var(--tuermle-gruen);
	font-size: 0.82em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
	align-items: center;
}

.contact-socials a:hover {
	border-color: var(--tuermle-weinrot);
	background: var(--tuermle-weinrot);
	color: #fff;
}

.contact-opening-hours {
	margin: 1.75em 0;
	color: #fff;
	line-height: 1.55;
}

.opening-hours-row {
	display: grid;
	grid-template-columns: minmax(9em, 1fr) minmax(10em, 1fr);
	gap: 1.5em;
	padding: 1em 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

.opening-hours-row:first-child {
	padding-top: 0;
}

.opening-hours-row:last-child {
	border-bottom: 0;
}

.opening-hours-row > strong {
	color: #d5b77d;
	font-weight: 700;
}

.opening-hours-row > span {
	color: #fff;
	font-family: "Lora", Georgia, serif;
	font-size: 1.05em;
}

.opening-hours-row small {
	display: block;
	margin-top: 0.25em;
	color: rgba(255, 255, 255, 0.68);
	font-family: "DM Sans", Arial, sans-serif;
	font-size: 0.72em;
}

.opening-hours-closed > span {
	color: #d5b77d;
	font-weight: 700;
}

@media screen and (max-width: 480px) {
	.opening-hours-row {
		grid-template-columns: 1fr;
		gap: 0.35em;
	}
}

.career-label {
	margin-bottom: 1em;
	color: #d5b77d;
	font-size: 0.75em;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
}

/* Karte */

.content-section-map {
	background-color: var(--tuermle-weiss);
}

.map-embed {
	margin: 0;
	background-color: var(--tuermle-creme-dunkel);
	box-shadow: 0 1em 3em rgba(54, 45, 35, 0.12);
}

.map-embed iframe {
	display: block;
	width: 100%;
	height: 32em;
	border: 0;
}

.map-embed figcaption {
	padding: 1em 1.25em;
	text-align: right;
}

.map-embed figcaption a {
	color: var(--tuermle-gruen);
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-decoration: none;
	text-transform: uppercase;
}

.map-embed figcaption a:hover {
	color: var(--tuermle-weinrot);
}

@media screen and (max-width: 736px) {
	.map-embed iframe {
		height: 24em;
	}
}

/* Galerie */

.gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 17em;
	gap: 1em;
}

.gallery-item {
	position: relative;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
	padding: 1.5em;
	overflow: hidden;
	color: #fff;
	background-color: var(--tuermle-gruen);
	background-image: var(--galerie-bild);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-bottom: 0;
}

.gallery-item:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background:
		linear-gradient(
			to top,
			rgba(15, 18, 16, 0.85),
			rgba(15, 18, 16, 0.05) 65%
		);
}

.gallery-item span {
	position: relative;
	z-index: 2;
	font-family: "Lora", Georgia, serif;
	font-size: 1.5em;
	font-weight: 600;
}

.gallery-item-large {
	grid-row: span 2;
}

.gallery-item-wide {
	grid-column: span 2;
}

/* =========================================================
   RESPONSIVE ANPASSUNGEN
   ========================================================= */

@media screen and (max-width: 1280px) {

	.hero-image-content {
		padding: 3em;
	}

	.hero-image-content h1 {
		font-size: 3.8em;
	}

	.hero-board {
		padding: 3em;
	}

	.chalkboard {
		padding: 3em;
	}

	.section-header h2 {
		font-size: 2.8em;
	}

}

/* Finale Markenfarben */
.home-nav,
.news-label,
.visit-section,
.new-footer,
body.subpage #footer.subpage-footer.new-footer,
.voucher-section,
.career-jobs {
	background-color: rgba(10, 10, 10, 0.75);
}

.home-bright h1,
.home-bright h2,
.home-bright h3,
body.subpage .subpage-content h1,
body.subpage .subpage-content h2,
body.subpage .subpage-content h3 {
	color: rgba(10, 10, 10, 0.5);
}

/* Helle Überschriften auf dunklen Flächen */
.news-label h1,
.news-label h2,
.news-label h3,
.visit-section h1,
.visit-section h2,
.visit-section h3,
.voucher-section h1,
.voucher-section h2,
.voucher-section h3,
.career-jobs h1,
.career-jobs h2,
.career-jobs h3,
.new-footer h1,
.new-footer h2,
.new-footer h3 {
	color: rgba(255, 255, 255, 0.85);
}

.voucher-section .eyebrow {
	color: rgba(255, 255, 255, 0.9);
}

/* Kontrastkorrekturen nach Hintergrundtyp */
.menu-tile h3,
.celebrate-section h2,
.visit-copy h2,
.career-jobs h3 {
	color: rgba(255, 255, 255, 0.94);
}

.menu-tile > span,
.celebrate-section .eyebrow,
.visit-copy .eyebrow,
.career-jobs .eyebrow {
	color: rgba(255, 255, 255, 0.88);
}

.visit-section .big-phone {
	color:#f0d5a1!important;
}

.visit-section .big-phone:hover,
.visit-section .big-phone:focus {
	color:#fff3d7!important;
}

.gourmet-feature {
	align-items:stretch;
	background:#741723;
	border:0;
	box-shadow:0 18px 48px rgba(10,10,10,.16);
	color:#fff!important;
	display:grid;
	grid-template-columns:minmax(280px,42%) 1fr;
	margin:0 0 34px;
	min-height:390px;
	overflow:hidden;
}

.gourmet-feature-image {
	background-image:linear-gradient(90deg,transparent 70%,rgba(116,23,35,.3)),url('/data/uploads/bilder/wildschweinruecken.jpg');
	background-position:center;
	background-size:cover;
}

.gourmet-feature-copy {
	align-self:center;
	display:flex;
	flex-direction:column;
	padding:clamp(34px,5vw,72px);
}

.gourmet-feature .eyebrow {
	color:rgba(255,255,255,.86);
}

.home-bright .gourmet-feature h3 {
	color:rgba(255,255,255,.96);
	font-family:"Lora",serif;
	font-size:clamp(2rem,3.5vw,3.7rem);
	font-weight:600;
	letter-spacing:-.025em;
	line-height:1.08;
	margin:0;
}

.gourmet-feature-text {
	font-size:1.02rem;
	line-height:1.75;
	margin:24px 0;
	max-width:660px;
}

.gourmet-feature-button {
	align-self:flex-start;
	margin-top:2px;
}

@media(max-width:736px){
	.gourmet-feature{display:block;min-height:0}
	.gourmet-feature-image{display:block;min-height:270px}
	.gourmet-feature-copy{padding:34px 25px 40px}
}

.celebrate-section .light-button,
.gourmet-feature .light-button {
	background: #f0d5a1 !important;
	box-shadow: 0 10px 28px rgba(10, 10, 10, 0.22);
	color: rgba(10, 10, 10, 0.88) !important;
}

.celebrate-section .light-button:hover,
.celebrate-section .light-button:focus,
.gourmet-feature:hover .light-button,
.gourmet-feature:focus .light-button {
	background: #fff3d7 !important;
	box-shadow: 0 14px 34px rgba(10, 10, 10, 0.3);
	color: #0a0a0a !important;
	transform: translateY(-2px);
}

.reservation-card h3 {
	color: rgba(10, 10, 10, 0.78);
}

.reservation-card .eyebrow {
	color: #741723;
}

.reservation-page-card {
	margin: 2.5em 0 0;
	width: 100%;
}

body.subpage .subpage-content .reservation-page-card h2 {
	color: rgba(10, 10, 10, 0.78);
}

.reservation-link {
	margin-top: 1.5em;
}

.news-content h3 {
	color: rgba(10, 10, 10, 0.72);
}

.video-hint {
	color: rgba(255, 255, 255, 0.94);
}

.video-hint .icon {
	background: rgba(10, 10, 10, 0.75);
	color: #fff;
}

.subpage-service-card h2 {
	color: rgba(255, 255, 255, 0.94);
}

.subpage-service-card .subpage-card-label,
.subpage-kicker {
	color: #f0d5a1;
}

/* Unterseiten im Markenlook der Startseite */
body.subpage {
	--tuermle-creme:#f5f1ea;
	--tuermle-creme-dunkel:#e7e1da;
	--tuermle-gruen:rgba(10,10,10,.82);
	--tuermle-gruen-hell:rgba(10,10,10,.72);
	--tuermle-holz:#4a4141;
	--tuermle-weinrot:#741723;
	--tuermle-gold:#f0d5a1;
	--tuermle-text:#282525;
	--tuermle-weiss:#fffdf9;
	background:#f5f1ea;
	color:#282525;
}

body.subpage #header.subpage-header {
	background:linear-gradient(to bottom,rgba(10,10,10,.88),rgba(10,10,10,.2),transparent);
	border-top:3px solid #741723;
}

body.subpage #navPanel {
	background:rgba(10,10,10,.96);
}

body.subpage #header nav > ul > li a:hover,
body.subpage #navPanel .link:hover {
	color:#f0d5a1!important;
}

.subpage-hero {
	background-color:rgba(10,10,10,.75);
}

.subpage-hero-shade {
	background:
		linear-gradient(to top,rgba(10,10,10,.9) 0%,rgba(10,10,10,.22) 60%,rgba(10,10,10,.38) 100%),
		linear-gradient(to right,rgba(116,23,35,.22),transparent 68%);
}

.subpage-back:hover,
.subpage-back:focus {
	color:#f0d5a1;
}

.subpage-main {
	background:#f5f1ea;
}

.subpage-content {
	color:#282525;
}

.subpage-content-mark {
	background:#741723;
}

.subpage-content > p:first-of-type {
	color:rgba(10,10,10,.72);
}

body.subpage .subpage-content h1,
body.subpage .subpage-content h2,
body.subpage .subpage-content h3 {
	color:rgba(10,10,10,.68);
}

.subpage-content a:not(.button) {
	color:#741723;
}

.subpage-content td {
	border-bottom-color:rgba(10,10,10,.14);
}

.subpage-content > ul:has(a[href*=".pdf" i]) a {
	border-color:rgba(10,10,10,.15);
	background:rgba(255,255,255,.72);
	box-shadow:0 .6em 1.8em rgba(10,10,10,.07);
	color:rgba(10,10,10,.78);
}

.subpage-content > ul:has(a[href*=".pdf" i]) a::before,
.subpage-content > ul:has(a[href*=".pdf" i]) a::after {
	color:#741723;
}

.subpage-content > ul:has(a[href*=".pdf" i]) a:hover,
.subpage-content > ul:has(a[href*=".pdf" i]) a:focus {
	border-color:#741723;
	box-shadow:0 1em 2.5em rgba(10,10,10,.14);
	color:#741723;
}

.subpage-service-card {
	background:rgba(10,10,10,.82);
	box-shadow:0 1.5em 4em rgba(10,10,10,.2);
	color:rgba(255,255,255,.82);
}

.subpage-service-link {
	border-top-color:rgba(255,255,255,.18);
	color:#fff;
}

.subpage-service-link:hover,
.subpage-service-link:focus,
.subpage-service-link .icon {
	color:#f0d5a1;
}

.subpage-service-card .button {
	background:#f0d5a1;
	color:rgba(10,10,10,.88)!important;
}

.subpage-service-card .button:hover,
.subpage-service-card .button:focus {
	background:#fff3d7;
	color:#0a0a0a!important;
}

.subpage-address {
	color:#282525;
}

.subpage-address .icon {
	color:#741723;
}

.subpage-cta {
	background:#741723;
}

.subpage-cta .subpage-card-label {
	color:#f0d5a1;
}

body.subpage #footer.subpage-footer,
body.subpage #footer.subpage-footer.new-footer {
	background-color:rgba(10,10,10,.82);
}

/* Rote Seitenleiste der Unterseiten */
body.subpage .subpage-aside {
	background:#741723;
	color:rgba(255,255,255,.88);
}

body.subpage .subpage-service-card {
	background:transparent;
	box-shadow:none;
	color:rgba(255,255,255,.88);
}

body.subpage .subpage-service-card h2 {
	color:rgba(255,255,255,.96);
}

body.subpage .subpage-service-card .subpage-card-label,
body.subpage .subpage-service-link .icon {
	color:#f0d5a1;
}

body.subpage .subpage-service-link {
	border-top-color:rgba(255,255,255,.24);
	color:#fff;
}

body.subpage .subpage-service-link small {
	color:rgba(255,255,255,.68);
}

body.subpage .subpage-address {
	border-top:1px solid rgba(255,255,255,.24);
	color:rgba(255,255,255,.9);
}

body.subpage .subpage-address .icon {
	color:#f0d5a1;
}

@media screen and (max-width:980px) {
	.subpage-layout > .subpage-content,
	.subpage-layout > .subpage-aside {
		padding-left:0;
		padding-right:0;
	}

	.subpage-layout > .subpage-aside {
		margin-top:3.5em;
	}
}

@media screen and (max-width: 980px) {
	.first-screen {
		height: auto;
		min-height: 0;
		overflow: visible;
	}

	.hero-split {
		display: block;
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	.hero-image,
	.hero-board {
		width: 100%;
		max-height: none;
	}

	/*
		Das Foto füllt höchstens den sichtbaren Bereich unter dem Header.
		Die Kreidetafel folgt darunter und darf nach Inhalt wachsen.
	*/
	.hero-image {
		height: 100vh;
		height: 100svh;
		min-height: 500px;
	}

	.hero-board {
		height: auto;
		min-height: 0;
		overflow: visible;
		padding: 4em 3em;
	}

	.chalkboard {
		max-width: 44em;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	.menu-cards {
		display: block;
	}

	.menu-cards > div {
		display: block;
		margin-bottom: 1.5em;
	}

	.gallery-grid {
		grid-template-columns: repeat(2, 1fr);
	}

}

@media screen and (max-width: 736px) {

	body {
		padding-top: 0;
	}

	.hero-image {
		height: 100vh;
		height: 100svh;
		min-height: 420px;
	}

	.hero-image-content {
		padding: 2em 1.5em;
	}

	.hero-image-content h1 {
		font-size: 2.8em;
	}

	.hero-image-content p {
		font-size: 1em;
	}

	.hero-board {
		padding: 2.5em 1.5em;
	}

	.chalkboard {
		padding: 2.25em 1.75em;
		border-width: 0.65em;
	}

	.chalkboard h2 {
		font-size: 3.2em;
	}

	.chalkboard-content {
		font-size: 1.2em;
	}

	.content-section {
		padding: 4em 0;
	}

	.section-header {
		margin-bottom: 2.5em;
	}

	.section-header h2 {
		font-size: 2.3em;
	}

	.section-image {
		min-height: 22em;
	}

	.section-text {
		padding: 2em 0;
	}

	.info-panel,
	.career-card,
	.menu-card {
		padding: 2em;
	}

	.gallery-grid {
		display: block;
	}

	.gallery-item {
		min-height: 18em;
		margin-bottom: 1em;
	}

}

@media screen and (max-width: 480px) {

	.hero-actions {
		display: block;
	}

	.hero-actions .button {
		display: block;
		width: 100%;
		margin: 0 0 1em 0;
	}

	.hero-image-content h1 {
		font-size: 2.4em;
	}

	.chalkboard {
		padding: 2em 1.25em;
	}

	.chalkboard h2 {
		font-size: 2.8em;
	}

}		

@keyframes kenburnsHero {
	0% {
		transform: scale(1.05) translate3d(0%, 0%, 0);
	}

	100% {
		transform: scale(1.22) translate3d(-3%, -2%, 0);
	}
}

/* =========================================================
   NAVIGATIONSBALKEN VOLLSTÄNDIG ENTFERNT
   ========================================================= */

html,
body {
	margin-top: 0;
	padding-top: 0;
}

body:not(.subpage) #header,
body:not(.subpage) #header .container,
body:not(.subpage) #header nav,
body:not(.subpage) #header .navPanelToggle,
body:not(.subpage) #navPanel {
	display: none !important;
}

/* Der Startbereich beginnt direkt am oberen Fensterrand. */

.hero-split {
	height: 100vh;
	height: 100svh;
	min-height: 500px;
	max-height: 100vh;
	max-height: 100svh;
	overflow: hidden;
}

.hero-image,
.hero-board {
	height: 100%;
	min-height: 0;
	max-height: 100%;
	overflow: hidden;
}

/* Auf kleineren Geräten stehen Foto und Tafel untereinander. */

@media screen and (max-width: 980px) {

	.hero-split {
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	.hero-image {
		height: 100vh;
		height: 100svh;
		min-height: 500px;
		max-height: none;
	}

	.hero-board {
		height: auto;
		min-height: 0;
		max-height: none;
		overflow: visible;
	}

	.chalkboard {
		max-height: none;
		overflow: visible;
	}

}

@media screen and (max-width: 736px) {

	body {
		padding-top: 0;
	}

	.hero-image {
		height: 100vh;
		height: 100svh;
		min-height: 420px;
	}

}

/* Animation für Nutzer mit reduzierter Bewegung abschalten. */

@media (prefers-reduced-motion: reduce) {

	.hero-image:before {
		animation: none;
		transform: scale(1.08);
	}

}

/* =========================================================
   HANDY: TITELBILD VOLLSTÄNDIG IN GANZER BREITE
   ========================================================= */

@media screen and (max-width: 736px) {

	.hero-image {
		width: 100%;
		height: auto;
		min-height: 0;
		aspect-ratio: 16 / 9;
		background-color: var(--tuermle-creme-dunkel);
	}

	.hero-image:before {
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center center;
		background-repeat: no-repeat;
		animation: none;
		transform: none;
	}

}