@charset "utf-8";
/* MASTER-CSS für www.speisendialog.de */

/* FARBEN
#667769 / rgba(102,119,105,1) - green dark
#a3afa6 / rgba(163,175,166,1) - green
#c2c9c3 / rgba(194,201,195,1) - green middle
#f0f2f0 / rgba(240,240,240,1) - green bright
#3f474b / rgba(63,71,75,1) - grey dark
#717a7f / rgba(113,122,127,1) - grey
#abb2b6 / rgba(171,178,182,1) - grey middle
#dbdbdb / rgba(219,219,219,1) - grey bright
#e30613 / rgba(227,6,19,1) - red
*/
	
/* +++++++++++++++++++++++++++++++++++++++ GENERALLY FORMATTING +++++++++++++++++++++++++++++++++++++++ */
html					{ width: 100%; height: 100%; -webkit-tap-highlight-color: #000; }
body					{ width: 100%; position: relative; font-family: "Brandon Grotesque Regular"; font-weight: 300; font-style: normal; color: #717a7f; font-size: 74%; background: #fff; -webkit-tap-highlight-color: transparent; }

#pageinfo				{ position: fixed; z-index: 99999; top: 1px; left: 1px; color: #000; background: #fff; padding: 3px; display: none; }
.small					{ font-size: 0.8em; }
.ntm					{ margin-top: 0 !important; }
.nbm					{ margin-bottom: 0 !important; }
.ntp					{ padding-top: 0 !important; }
.nbp					{ padding-bottom: 0 !important; }
.nobreak				{ white-space: nowrap; }
.maxwidth       		{ max-width: 1200px; }
.clear					{ clear: both; height: 0px; overflow: hidden; }
.rounded				{ -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; }
.rounded_top			{ -moz-border-radius: 1em 1em 0 0; -webkit-border-radius: 1em 1em 0 0; border-radius: 1em 1em 0 0; }
.rounded_left			{ -moz-border-radius: 1em 0 0 1em; -webkit-border-radius: 1em 0 0 1em; border-radius: 1em 0 0 1em; }
.rounded_right			{ -moz-border-radius: 0 1em 1em 0; -webkit-border-radius: 0 1em 1em 0; border-radius: 0 1em 1em 0; }
.shadow					{ -moz-box-shadow: 2px 4px 6px #808080; -webkit-box-shadow: 2px 4px 6px #808080; box-shadow: 2px 4px 6px #808080; }
.shadow_small			{ -moz-box-shadow: 2px 2px 3px #808080; -webkit-box-shadow: 2px 4px 3px #808080; box-shadow: 2px 2px 3px #808080; }
.border-box, div, section, aside, article, nav, main, header, footer, nav, a, li, ul, button, h1, h2, h3, h4, p, i, label, input, select, textarea, table, th, td, tr, span, figure, picture, :before, :after
						{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.transition_all			{ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.transition_bg			{ -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; }
.transition_op			{ -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
.transition_bgsize		{ -webkit-transition: background-size 0.3s ease-in-out; -moz-transition: background-size 0.3s ease-in-out; -ms-transition: background-size 0.3s ease-in-out; 
							-o-transition: background-size 0.3s ease-in-out; transition: background-size 0.3s ease-in-out; }

/* +++++++++++++++++++++++++++++++++++++++ NORMALIZING +++++++++++++++++++++++++++++++++++++++ */
body, hmtl, div, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, pre, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, input { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; } sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }

/* +++++++++++++++++++++++++++++++++++++++ COLORS +++++++++++++++++++++++++++++++++++++++ */
.green					{ color: #667769; }
.grey					{ color: #3f474b; }
.red					{ color: #e30613; }

/* +++++++++++++++++++++++++++++++++++++++ UIKIT-ELEMENTS +++++++++++++++++++++++++++++++++++++++ */
em { color: inherit; }
.uk-section-default { background: transparent; }
.uk-lightbox { background: rgba(20,20,20,0.9); }
.uk-navbar-item { min-height: auto; }
.uk-navbar-nav { gap: 0 !important;}
/* .uk-navbar-nav > li > a { text-transform: none !important; } */

.uk-dotnav { text-align: center; }
	.uk-dotnav li > a { width: 0.6em; height: 0.6em; margin: 0 0.2em 0.2em 0; background: #fff !important; border: none; border-radius: 0.4em; }
	.uk-dotnav li.uk-active > a { background: #667769 !important; }

.uk-button { padding: 0.5em 2em; font-weight: 400; border: none; transition: all 0.3s ease-in-out; }
.uk-button:hover { transform: scale(1.1); }

@media (min-width: 640px) {
	.uk-dotnav li > a { width: 0.8em; height: 0.8em; margin: 0 0.5em 0.2em 0; border-radius: 0.5em; }
}

/* +++++++++++++++++++++++++++++++++++++++ ICONS +++++++++++++++++++++++++++++++++++++++ */
i.fa-phone-alt { transform: scaleX(-1); }
i.fa-envelope { font-size: 1.1em; }

/* +++++++++++++++++++++++++++++++++++++++ LINKS +++++++++++++++++++++++++++++++++++++++ */
/* a[href^="tel"]{ color: inherit; } removing autoformat of phone numbers */

a:hover, a:active 		{ outline: none; } /* for screenreaders */
a						{ color: #717a7f; text-decoration: underline; transition: all 0.3s ease-in-out; }
a:hover					{ color: #667769; text-decoration: underline; }
a::before				{ text-decoration: none !important; transition: all 0.3s ease-in-out; }

a.noline				{ color: #717a7f; text-decoration: none; }
a.noline:hover			{ color: #667769; text-decoration: underline; }

a.phone					{ position: relative; display: inline-block; margin-top: 0.2em; padding-left: 1.7em; color: inherit; text-decoration: none; }
a.phone::before			{ position: absolute;  top: 0; left: 1px; content: "\f879"; font-size: 1.1em; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; transform: scaleX(-1); }
a.phone:hover			{ color: #667769; text-decoration: underline; }

a.email					{ position: relative; display: inline-block; margin-top: 0.2em; padding-left: 1.7em; color: inherit; text-decoration: none; }
a.email::before			{ position: absolute; top: 0; left: 0; content: "\f0e0"; font-size: 1.3em; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 400; line-height: 1; }
a.email:hover			{ color: #667769; text-decoration: underline; }

a.fax					{ position: relative; display: inline-block; margin-top: 0.2em; padding-left: 1.7em; color: inherit; text-decoration: none; }
a.fax::before			{ position: absolute; top: 0; left: 0; content: "\f1ac"; font-size: 1.2em; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
a.fax:hover				{ color: #667769; text-decoration: underline; }

.link					{ position: relative; display: inline-block; margin-top: 0.2em; padding-left: 1.7em; color: inherit; text-decoration: none; }
.link::before			{ position: absolute; top: 0; left: 0; content: "\f35d"; font-size: 1.2em; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
.link:hover				{ color: #667769; text-decoration: underline; }

a.back					{ position: relative; display: inline-block; margin: 0.8em 0 0.2em 0; padding: 0 0 0.1em 2em; color: inherit; text-decoration: none; }
a.back:hover			{ color: #667769; text-decoration: underline; }
a.back::before			{ position: absolute; top: -2px; left: 0; font-size: 1.6em; content:"\f137"; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
a.back:hover::before	{ transform: scale(1.2); }

a.more					{ position: relative; display: inline-block; margin: 0.8em 0 0.2em 0; padding: 0 0 0.1em 2em; color: inherit; text-decoration: none; }
a.more:hover			{ color: #667769; text-decoration: underline; }
a.more::before			{ position: absolute; top: -3px; left: 0; font-size: 1.6em; content:"\f067"; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
a.more:hover::before	{ transform: scale(1.2); }

a.arrow					{ position: relative; display: inline-block; margin: 0.8em 0 0.2em 0; padding: 0 0 0.1em 2em; color: inherit; font-weight: 500; text-decoration: none; }
a.arrow:hover			{ color: #667769; text-decoration: underline; }
a.arrow::before			{ position: absolute; top: -4px; left: 0; font-size: 1.6em; content:"\f061"; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
a.arrow:hover::before	{ transform: scale(1.2); }

a.download				{ display: block; margin: 0.4em 0; color: inherit; text-decoration: none; }
a.download:hover		{ color: #667769; text-decoration: underline; }
	a.download > i			{ display: inline-block; margin-right: 0.4em; font-size: 1.3em; color: #717a7f; transition: all 0.3s ease-in-out; }
	a.download:hover > i	{ color: #667769; }
	a.download > span		{ font-size: 0.8em; }


.uk-button-default		{ position: relative; display: inline-block; margin-top: 1.4em; padding: 0.4em 1.4em; font-size: 1.2em; line-height: 1.2; font-weight: 600; color: #fff; background-color: #667769;
							text-transform: none; border: none; text-align: center; transition: all 0.3s ease-in-out; text-decoration: none !important; }
.uk-button-default:hover { transform: scale(1.1); color: #fff; background-color: #667769; }

.button_chevron			{ padding-left: 2em; }
.button_chevron::before	{ position: absolute; top: 0.3em; left: 0.5em; font-size: 1.2em; content:"\f054"; color: #fff; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }


/* +++++++++++++++++++++++++++++++++++++++ SECTION COLORS +++++++++++++++++++++++++++++++++++++++ */
.bg_0                   { background-color: #fff; }
.bg_0.article_text { background-color: #fff; }
.bg_0 h1, .bg_0 .h1, .bg_0 h2 { color: #667769; }
.bg_0 .subtitle, .bg_0 h3, .bg_0 .h3 { color: #717a7f; }
.bg_0 article ul > li::before, .bg_0 .article_text ul > li::before { color: #667769; }
.bg_0.faq .uk-accordion > li > a h3 { color: #667769; }
.bg_0.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #667769 0%, transparent 100%); }
.bg_0.faq .uk-accordion > li > a::before, .bg_0.faq .uk-accordion > li > a::after { background-color: #667769; }
.bg_0.faq .uk-accordion > li.uk-open > a::before { background-color: #abb2b6; }
.bg_0.faq .uk-accordion-content { background-color: #ececec; }
.bg_0.faq .uk-accordion-content a.more { color: #667769; }

 /* green dark */
.bg_1                   { background-color: #667769; color: #fff; }
.bg_1 h1, .bg_1 .h1, .bg_1 h2 { color: #fff; }
.bg_1 .subtitle, .bg_1 .h2, .bg_1 h3, .bg_1 .h3 { color: #c2c9c3; }
.bg_1 article ul > li::before, .bg_1 .article_text ul > li::before { color: #c2c9c3; }
.bg_1 .uk-button-default { color: #667769; background-color: #c2c9c3; }
.bg_1 .uk-button-default:hover { color: #667769; background-color: #fff; }
.bg_1 .button_chevron::before { color: #667769; }
.bg_1.teaser .article_text { border-color: #c2c9c3; }
.bg_1.teaser:hover .article_text { border-color: #f0f2f0; }
.bg_1.teaser .article_text::after { color: #c2c9c3; }
.bg_1.teaser.with_link:hover .article_text::after { color: #f0f2f0; }
.bg_1.faq .uk-accordion > li > a h3 { color: #fff; }
.bg_1.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #fff 0%, transparent 100%); }
.bg_1.faq .uk-accordion > li > a::before, .bg_1.faq .uk-accordion > li > a::after { background-color: #f0f2f0; }
.bg_1.faq .uk-accordion > li.uk-open > a::before { background-color: #abb2b6; }
.bg_1.faq .uk-accordion-content { background-color: #a3afa6; color: #3f474b; }
.bg_1.faq .uk-accordion-content a.more { color: #3f474b; }

 /* green */
.bg_2                   { background-color: #a3afa6; color: #fff; }
.bg_2 h1, .bg_2 .h1, .bg_2 h2 { color: #667769; }
.bg_2 .subtitle, .bg_2 .h2, .bg_2 h3, .bg_2 .h3 { color: #dbdbdb; }
.bg_2 article ul > li::before, .bg_2 .article_text ul > li::before { color: #667769; }
.bg_2.teaser .article_text { border-color: #c2c9c3; }
.bg_2.teaser:hover .article_text { border-color: #f0f2f0; }
.bg_2.teaser.with_link .article_text::after { color: #c2c9c3; }
.bg_2.teaser.with_link:hover .article_text::after { color: #f0f2f0; }
.bg_2.faq .uk-accordion > li > a h3 { color: #667769; }
.bg_2.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #667769 0%, transparent 100%); }
.bg_2.faq .uk-accordion > li > a::before, .bg_2.faq .uk-accordion > li > a::after { background-color: #667769; }
.bg_2.faq .uk-accordion > li.uk-open > a::before { background-color: #c2c9c3; }
.bg_2.faq .uk-accordion-content { background-color: #c2c9c3; color: #3f474b; }
.bg_2.faq .uk-accordion-content a.more { color: #667769; }

 /* green middle */
.bg_3                   { background-color: #c2c9c3; color: #3f474b; }
.bg_3 h1, .bg_3 .h1, .bg_3 h2 { color: #667769; }
.bg_3 .subtitle, .bg_3 .h2, .bg_3 h3, .bg_3 .h3 { color: #717a7f; }
.bg_3 article ul > li::before, .bg_3 .article_text ul > li::before { color: #667769; }
.bg_3.teaser .article_text { border-color: #f0f2f0; }
.bg_3.teaser:hover .article_text { border-color: #667769; }
.bg_3.teaser.with_link .article_text::after { color: #f0f2f0; }
.bg_3.teaser.with_link:hover .article_text::after { color: #667769; }
.bg_3.faq .uk-accordion > li > a h3 { color: #667769; }
.bg_3.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #667769 0%, transparent 100%); }
.bg_3.faq .uk-accordion > li > a::before, .bg_3.faq .uk-accordion > li > a::after { background-color: #667769; }
.bg_3.faq .uk-accordion > li.uk-open > a::before { background-color: #a3afa6; }
.bg_3.faq .uk-accordion-content { background-color: #f0f2f0; color: #3f474b; }
.bg_3.faq .uk-accordion-content a.more { color: #667769; }

 /* green bright */
.bg_4                   { background-color: #f0f2f0; color: #3f474b; }
.bg_4 h1, .bg_4 .h1, .bg_4 h2 { color: #667769; }
.bg_4 .subtitle, .bg_4 .h2, .bg_4 h3, .bg_4 .h3 { color: #a3afa6; }
.bg_4 article ul > li::before, .bg_4 .article_text ul > li::before { color: #667769; }
.bg_4 .uk-button-default { color: #fff; background-color: #667769; }
.bg_4 .uk-button-default:hover { color: #fff; background-color: #667769; }
.bg_4.teaser .article_text { border-color: #a3afa6; }
.bg_4.teaser:hover .article_text { border-color: #667769; }
.bg_4.teaser.with_link .article_text::after { color: #a3afa6; }
.bg_4.teaser.with_link:hover .article_text::after { color: #667769; }
.bg_4.faq .uk-accordion > li > a h3 { color: #667769; }
.bg_4.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #667769 0%, transparent 100%); }
.bg_4.faq .uk-accordion > li > a::before, .bg_4.faq .uk-accordion > li > a::after { background-color: #667769; }
.bg_4.faq .uk-accordion > li.uk-open > a::before { background-color: #abb2b6; }
.bg_4.faq .uk-accordion-content { background-color: #fff; }
.bg_4.faq .uk-accordion-content a.more { color: #667769; }

 /* grey dark */
.bg_5                   { background-color: #3f474b; color: #fff; }
.bg_5 h1, .bg_5 .h1, .bg_5 h2 { color: #fff; }
.bg_5 .subtitle, .bg_5 .h2, .bg_5 h3, .bg_5 .h3 { color: #abb2b6; }
.bg_5 article ul > li::before, .bg_5 .article_text ul > li::before, .bg_5 a.download i { color: #abb2b6; }
.bg_5 .uk-button-default { color: #3f474b; background-color: #abb2b6; }
.bg_5 .uk-button-default:hover { color: #3f474b; background-color: #fff; }
.bg_5 .button_chevron::before { color: #3f474b; }
.bg_5.teaser .article_text { border-color: #abb2b6; }
.bg_5.teaser:hover .article_text { border-color: #dbdbdb; }
.bg_5.teaser.with_link .article_text::after { color: #abb2b6; }
.bg_5.teaser.with_link:hover .article_text::after { color: #dbdbdb; }
.bg_5 .uk-accordion > li > a h3 { color: #fff; }
.bg_5.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #fff 0%, transparent 100%); }
.bg_5.faq .uk-accordion > li > a::before, .bg_5.faq .uk-accordion > li > a::after { background-color: #f0f2f0; }
.bg_5.faq .uk-accordion > li.uk-open > a::before { background-color: #abb2b6; }
.bg_5.faq .uk-accordion-content { background-color: #abb2b6; color: #3f474b; }
.bg_5.faq .uk-accordion-content a.more { color: #3f474b; }

 /* grey */
.bg_6                   { background-color: #717a7f; color: #fff; }
.bg_6 h1, .bg_6 .h1, .bg_6 h2 { color: #fff; }
.bg_6 .subtitle, .bg_6 .h2, .bg_6 h3, .bg_6 .h3 { color: #abb2b6; }
.bg_6 article ul > li::before, .bg_6 .article_text ul > li::before, .bg_6 a.download i { color: #abb2b6; }
.bg_6 .uk-button-default { color: #3f474b; background-color: #abb2b6; }
.bg_6 .uk-button-default:hover { color: #3f474b; background-color: #fff; }
.bg_6 .button_chevron::before { color: #3f474b; }
.bg_6.teaser .article_text { border-color: #abb2b6; }
.bg_6.teaser:hover .article_text { border-color: #dbdbdb; }
.bg_6.teaser.with_link .article_text::after { color: #abb2b6; }
.bg_6.teaser.with_link:hover .article_text::after { color: #dbdbdb; }
.bg_6.faq .uk-accordion > li > a h3 { color: #fff; }
.bg_6.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #fff 0%, transparent 100%); }
.bg_6.faq .uk-accordion > li > a::before, .bg_6.faq .uk-accordion > li > a::after { background-color: #f0f2f0; }
.bg_6.faq .uk-accordion > li.uk-open > a::before { background-color: #abb2b6; }
.bg_6.faq .uk-accordion-content { background-color: #abb2b6; color: #3f474b; }
.bg_6.faq .uk-accordion-content a.more { color: #3f474b; }

 /* grey middle */
.bg_7                   { background-color: #abb2b6; color: #3f474b; }
.bg_7 h1, .bg_7 .h1, .bg_7 h2 { color: #3f474b; }
.bg_7 .subtitle, .bg_7 .h2, .bg_7 h3, .bg_7 .h3 { color: #717a7f; }
.bg_7 article ul > li::before, .bg_7 .article_text ul > li::before, .bg_7 a.download i { color: #717a7f; }
.bg_7 .uk-button-default { color: #dbdbdb; background-color: #717a7f; }
.bg_7 .uk-button-default:hover { color: #3f474b; background-color: #fff; }
.bg_7 .button_chevron::before { color: #dbdbdb; }
.bg_7 .button_chevron:hover::before { color: #3f474b; }
.bg_7.teaser .article_text { border-color: #717a7f; }
.bg_7.teaser:hover .article_text { border-color: #3f474b; }
.bg_7.teaser.with_link .article_text::after { color: #717a7f; }
.bg_7.teaser.with_link:hover .article_text::after { color: #3f474b; }
.bg_7.faq .uk-accordion > li > a h3 { color: #3f474b; }
.bg_7.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #3f474b 0%, transparent 100%); }
.bg_7.faq .uk-accordion > li > a::before, .bg_7.faq .uk-accordion > li > a::after { background-color: #3f474b; }
.bg_7.faq .uk-accordion > li.uk-open > a::before { background-color: #717a7f; }
.bg_7.faq .uk-accordion-content { background-color: #dbdbdb; color: #3f474b; }
.bg_7.faq .uk-accordion-content a.more { color: #3f474b; }

 /* grey bright */
.bg_8                   { background-color: #dbdbdb; color: #3f474b; }
.bg_8 h1, .bg_8 .h1, .bg_8 h2 { color: #3f474b; }
.bg_8 .subtitle, .bg_8 .h2, .bg_8 h3, .bg_8 .h3 { color: #717a7f; }
.bg_8 article ul > li::before, .bg_8 .article_text ul > li::before, .bg_8 a.download i { color: #717a7f; }
.bg_8 .uk-button-default { color: #fff; background-color: #717a7f; }
.bg_8 .uk-button-default:hover { color: #fff; background-color: #3f474b; }
.bg_8.teaser .article_text { border-color: #717a7f; }
.bg_8.teaser:hover .article_text { border-color: #3f474b; }
.bg_8.teaser.with_link .article_text::after { color: #717a7f; }
.bg_8.teaser.with_link:hover .article_text::after { color: #3f474b; }
.bg_8.faq .uk-accordion > li > a h3 { color: #3f474b; }
.bg_8.faq .uk-accordion > li > a h3::after { background: linear-gradient(to right, #3f474b 0%, transparent 100%); }
.bg_8.faq .uk-accordion > li > a::before, .bg_8.faq .uk-accordion > li > a::after { background-color: #3f474b; }
.bg_8.faq .uk-accordion > li.uk-open > a::before { background-color: #717a7f; }
.bg_8.faq .uk-accordion-content { background-color: #fff; color: #3f474b; }
.bg_8.faq .uk-accordion-content a.more { color: #3f474b; }

/* +++++++++++++++++++++++++++++++++++++++ ELEMENT COLORS +++++++++++++++++++++++++++++++++++++++ */
.ec_0                   { background-color: transparent; }
.box.type_1 .uk-card.ec_0 .uk-card-body::before  { color: #c2c9c3; }
.box.type_1 .uk-card.ec_0:hover .uk-card-body::before  { color: #667769; }
.box.type_2 .uk-card.ec_0 .uk-card-media-bottom  { background-color: #fff; color: #231f20; }
.box.type_2 .uk-card.ec_0 .uk-card-media-bottom span::before  { color: #231f20; }
.service .uk-card.ec_0 { border-color: #667769; color: #667769; }
.service .uk-card.ec_0:hover { background-color: #f0f2f0; }
.service .uk-card.ec_0 .icon { stroke: #667769; }
.service .uk-card.ec_0 h3+.subline { fill: #c2c9c3; }
.service .uk-card.ec_0 .triangle .bg { fill: #fff; }
.service .uk-card.ec_0:hover .triangle .bg { fill: #f0f2f0; }
.service .uk-card.ec_0 .triangle .line { fill: #667769; }
/* green dark */
.ec_1                   { }
.box.type_1 .uk-card.ec_1  { background-color: #667769; }
.box.type_1 .uk-card.ec_1 .uk-card-body  { color: #fff; }
.box.type_1 .uk-card.ec_1 .uk-card-body::before  { color: #c2c9c3; }
.box.type_1 .uk-card.ec_1:hover .uk-card-body::before  { color: #fff; }
.box.type_2 .uk-card.ec_1  { background-color: #fff; }
.box.type_2 .uk-card.ec_1 .uk-card-media-bottom  { background-color: #667769; color: #fff; }
.box.type_2 .uk-card.ec_1 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_1 { background-color: #667769; border-color: #fff; color: #fff; }
.service .uk-card.ec_1:hover { background-color: #667769; }
.service .uk-card.ec_1 .icon { stroke: #fff; }
.service .uk-card.ec_1 h3+.subline { fill: #c2c9c3; }
.service .uk-card.ec_1 .triangle .bg { fill: #667769; }
.service .uk-card.ec_1:hover .triangle .bg { fill: #667769; }
.service .uk-card.ec_1 .triangle .line { fill: #fff; }
/* green */
.ec_2                   { }
.box.type_1 .uk-card.ec_2  { background-color: #c2c9c3; }
.box.type_1 .uk-card.ec_2 .uk-card-body::before  { color: #f0f2f0; }
.box.type_1 .uk-card.ec_2:hover .uk-card-body::before  { color: #fff; }
.box.type_2 .uk-card.ec_2  { background-color: #fff; }
.box.type_2 .uk-card.ec_2 .uk-card-media-bottom  { background-color: #667769; color: #fff; }
.box.type_2 .uk-card.ec_2 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_2 { background-color: #f0f2f0; border-color: #667769; color: #667769; }
.service .uk-card.ec_2:hover { background-color: #fff; }
.service .uk-card.ec_2 .icon { stroke: #667769; }
.service .uk-card.ec_2 h3+.subline { fill: #c2c9c3; }
.service .uk-card.ec_2 .triangle .bg { fill: #f0f2f0; }
.service .uk-card.ec_2:hover .triangle .bg { fill: #fff; }
.service .uk-card.ec_2 .triangle .line { fill: #667769; }
/* green bright */
.ec_3                   { }
.box.type_1 .uk-card.ec_3  { background-color: #f0f2f0; }
.box.type_1 .uk-card.ec_3 .uk-card-body::before  { color: #abb2b6; }
.box.type_1 .uk-card.ec_3:hover .uk-card-body::before  { color: #667769; }
.box.type_2 .uk-card.ec_3  { background-color: #fff; }
.box.type_2 .uk-card.ec_3 .uk-card-media-bottom  { background-color: #667769; color: #fff; }
.box.type_2 .uk-card.ec_3 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_3 { background-color: #f0f2f0; border-color: #667769; color: #667769; }
.service .uk-card.ec_3:hover { background-color: #fff; }
.service .uk-card.ec_3 .icon { stroke: #667769; }
.service .uk-card.ec_3 h3+.subline { fill: #c2c9c3; }
.service .uk-card.ec_3 .triangle .bg { fill: #f0f2f0; }
.service .uk-card.ec_3:hover .triangle .bg { fill: #fff; }
.service .uk-card.ec_3 .triangle .line { fill: #667769; }
/* grey */
.ec_4                   { }
.box.type_1 .uk-card.ec_4  { background-color: #717a7f; }
.box.type_1 .uk-card.ec_4 .uk-card-body  { color: #fff; }
.box.type_1 .uk-card.ec_4 .uk-card-body::before  { color: #dbdbdb; }
.box.type_1 .uk-card.ec_4:hover .uk-card-body::before  { color: #fff; }
.box.type_2 .uk-card.ec_4  { background-color: #fff; }
.box.type_2 .uk-card.ec_4 .uk-card-media-bottom  { background-color: #717a7f; color: #fff; }
.box.type_2 .uk-card.ec_4 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_4 { background-color: #3f474b; border-color: #fff; color: #fff; }
.service .uk-card.ec_4:hover { background-color: #3f474b; }
.service .uk-card.ec_4 .icon { stroke: #fff; }
.service .uk-card.ec_4 h3+.subline { fill: #fff; }
.service .uk-card.ec_4 .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_4:hover .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_4 .triangle .line { fill: #fff; }
/* grey middle */
.ec_5                   { }
.box.type_1 .uk-card.ec_5  { background-color: #abb2b6; }
.box.type_1 .uk-card.ec_5 .uk-card-body  { color: #fff; }
.box.type_1 .uk-card.ec_5 .uk-card-body::before  { color: #dbdbdb; }
.box.type_1 .uk-card.ec_5:hover .uk-card-body::before  { color: #fff; }
.box.type_2 .uk-card.ec_5  { background-color: #fff; }
.box.type_2 .uk-card.ec_5 .uk-card-media-bottom  { background-color: #717a7f; color: #fff; }
.box.type_2 .uk-card.ec_5 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_5 { background-color: #3f474b; border-color: #fff; color: #fff; }
.service .uk-card.ec_5:hover { background-color: #3f474b; }
.service .uk-card.ec_5 .icon { stroke: #fff; }
.service .uk-card.ec_5 h3+.subline { fill: #fff; }
.service .uk-card.ec_5 .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_5:hover .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_5 .triangle .line { fill: #fff; }
/* grey bright */
.ec_6                   { }
.box.type_1 .uk-card.ec_6  { background-color: #dbdbdb; }
.box.type_1 .uk-card.ec_6 .uk-card-body::before  { color: #abb2b6; }
.box.type_1 .uk-card.ec_6:hover .uk-card-body::before  { color: #717a7f; }
.box.type_2 .uk-card.ec_6  { background-color: #fff; }
.box.type_2 .uk-card.ec_6 .uk-card-media-bottom  { background-color: #717a7f; color: #fff; }
.box.type_2 .uk-card.ec_6 .uk-card-media-bottom span::before  { color: #fff; }
.service .uk-card.ec_6 { background-color: #3f474b; border-color: #fff; color: #fff; }
.service .uk-card.ec_6:hover { background-color: #3f474b; }
.service .uk-card.ec_6 .icon { stroke: #fff; }
.service .uk-card.ec_6 h3+.subline { fill: #fff; }
.service .uk-card.ec_6 .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_6:hover .triangle .bg { fill: #3f474b; }
.service .uk-card.ec_6 .triangle .line { fill: #fff; }

/* +++++++++++++++++++++++++++++++++++++++ BACKGROUND IMAGES +++++++++++++++++++++++++++++++++++++++ */
.bgpicture				{ background-repeat: no-repeat; }
.bgpicture.symbol		{ background-image: url("/images/logo-symbol-grey-light.svg"); }

/* +++++++++++++++++++++++++++++++++++++++ HEADLINES +++++++++++++++++++++++++++++++++++++++ */
h1,.h1 	{ font-size: 2.4em; margin-bottom: 0.6em; line-height: 1.1; color: inherit; font-family: "Brandon Grotesque Bold"; }
h2,.h2 	{ font-size: 2em; margin-bottom: 0.4em; line-height: 1.1; color: inherit; font-family: "Brandon Grotesque Medium"; }
h3,.h3 	{ font-size: 1.6em; margin-bottom: 0.6em; line-height: 1.1; color: inherit; font-family: "Brandon Grotesque Medium"; }
h4,.h4, .subtitle { font-size: 1.2em; margin-bottom: 0.6em; line-height: 1.1; color: inherit; font-family: "Brandon Grotesque Medium"; }
h1+p.subtitle, .h1+p.subtitle { font-size: 1.8em; margin-top: -0.4em; margin-bottom: 0.4em; }
h2+p.subtitle, .h2+p.subtitle { font-size: 1.3em; margin-top: -0.2em; margin-bottom: 0.4em; }
strong 	{ font-family: "Brandon Grotesque Bold"; }
@media (min-width: 960px) {	
h1,.h1 	{ font-size: 2.8em; }
h2,.h2 	{ font-size: 2.1em; }
h3,.h3 	{ font-size: 1.9em; }
h4,.h4, .subtitle { font-size: 1.3em; }
h1+p.subtitle, .h1+p.subtitle { font-size: 2.2em; }
h2+p.subtitle, .h2+p.subtitle { font-size: 1.6em; }
}
@media (min-width: 1200px) {	
h1,.h1 	{ font-size: 3.2em; }
h2,.h2 	{ font-size: 2.2em; }
h3,.h3 	{ font-size: 2em; }
h4,.h4, .subtitle { font-size: 1.4em; }
h1+p.subtitle, .h1+p.subtitle { font-size: 2.4em; }
h2+p.subtitle, .h2+p.subtitle { font-size: 1.7em; }
}
@media (min-width: 1450px) {	
h1,.h1 	{ font-size: 3.4em; }
h2,.h2 	{ font-size: 2.4em; }
h3,.h3 	{ font-size: 2em; }
h4,.h4, .subtitle { font-size: 1.6em; }
h1+p.subtitle, .h1+p.subtitle { font-size: 2.6em; }
h2+p.subtitle, .h2+p.subtitle { font-size: 1.8em; }
}
@media (max-width: 1200px) {	
h1,.h1,h2,.h2 { hyphens: auto; }
}

/* +++++++++++++++++++++++++++++++++++++++ PAGE +++++++++++++++++++++++++++++++++++++++ */
#page			{ position: relative; font-size: 1.3em; line-height: 1.2; overflow: hidden; }

	/* +++++++++++++++++++++++++++++++++++++++ HEADER +++++++++++++++++++++++++++++++++++++++ */
	header		{ position: relative; width: 100%; height: auto; }

		/* +++++++++++++++++++ NAVIGATION MOBILE +++++++++++++++++++ */
		#nav_mobile { position: absolute; top: 0; left: 0; display: block; width: 100%; padding: 0; }
			#nav_mobile > div { }
				#nav_mobile .uk-logo { width: 140px; }
				#nav_mobile .uk-navbar-left { padding: 1em 0 1em 15px; }
				#nav_mobile .uk-navbar-right { display: block; padding: 1em 20px 1em 0; text-align: right; }
					#nav_mobile .uk-navbar-left a { display: inline-block; margin-top: 0.2em; padding-right: 0; }
					#nav_mobile .nav_contact { gap: 0 !important; }
						#nav_mobile .nav_contact a { min-height: auto; padding: 0 0 0 1.2em; column-gap: 0; font-size: 1.4em; color: #fff; text-transform: none; }
						#nav_mobile .nav_contact a > i { color: #fff; }
						#nav_mobile .nav_contact li span { display: none; }
						#nav_mobile .nav_contact li span.short { display: inline-block; font-size: 0.9em; padding-left: 0.5em; }
						#nav_mobile .nav_contact li.langselection span { display: inline-block; padding-left: 0.3em; font-size: 0.9em; }
					#nav_mobile .toggle_button { width: 3.8em; margin-top: 1.8em; padding: 0; line-height: 0.6; text-align: center; background: transparent; }
						#nav_mobile .toggle_button > span { display: inline-block; width: 100%; height: 0.4em; margin-top: 0.6em; padding: 0; background: #fff; }
						#nav_mobile .toggle_button > span:first-child { margin-top: 0; }

				#nav_mobile #offcanvas-flip { z-index: 1001; }
					#nav_mobile .uk-offcanvas-bar { min-width: 100%; padding: 0; background-color: #a3afa6; }
					#nav_mobile .uk-offcanvas-bar > div { background-color: #667769; }
						#nav_mobile .uk-offcanvas-bar .uk-offcanvas-close { top: 1em; color: #fff; }
						#nav_mobile .uk-offcanvas-bar .logo { display: block; width: 100%; text-align: center; }
						#nav_mobile .uk-offcanvas-bar .logo > img { width: 50%; max-width: 240px; margin-top: 2em; }
						#nav_mobile .uk-offcanvas-bar .nav_prime { margin: 2em 2em 0 2em; text-align: center; }
							#nav_mobile .uk-offcanvas-bar .nav_prime > li > a { display: inline-block; position: relative; margin-top: 0.3em; padding: 0.2em 0 0.2em 1.2em; white-space: nowrap; color: #fff; font-size: 1.8em; text-transform: uppercase; }
							#nav_mobile .uk-offcanvas-bar .nav_prime > li.active > a, #nav_mobile .uk-offcanvas-bar .nav_prime > li:hover > a { color: #a3afa6; }
							#nav_mobile .uk-offcanvas-bar .nav_prime > li > a::before { position: absolute; top: 0.2em; left: 0; font-size: 1em; content:"\f054"; color: #c2c9c3; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; transition: all 0.3s ease-in-out; }
							#nav_mobile .uk-offcanvas-bar .nav_prime > li.active > a::before, #nav_mobile .uk-offcanvas-bar .nav_prime li:hover a::before { color: #a3afa6; }
							#nav_mobile .uk-offcanvas-bar .nav_prime > li.active > a::before { transform: rotate(90deg); }
								#nav_mobile .uk-offcanvas-bar .uk-open .uk-nav-sub::before { left: 0; width: 80%; }
								#nav_mobile .uk-offcanvas-bar .uk-nav-sub { margin-bottom: 1em; }
								    #nav_mobile .uk-offcanvas-bar .uk-nav-sub > li > a { display: inline-block; padding: 0.4em 0; color: #fff; font-size: 1.6em; }
								    #nav_mobile .uk-offcanvas-bar .uk-nav-sub li.active a, #nav_mobile .uk-offcanvas-bar .uk-nav-sub li:hover a { color: #a3afa6; }

						#nav_mobile .uk-offcanvas-bar .nav_sec { margin: 1em 2em 0 1.9em; padding-top: 1em; font-size: 1.3em; border-top: 2px solid #d9d9d9; }
							#nav_mobile .uk-offcanvas-bar .nav_sec a { display: block; color: #fff; line-height: 1.6; text-align: center; }
							#nav_mobile .uk-offcanvas-bar .nav_sec li.active a, #nav_mobile .uk-offcanvas-bar .nav_sec li:hover a { color: #c2c9c3; }

						#nav_mobile .uk-offcanvas-bar .nav_contact { width: 100%; margin-top: 1em; padding: 1em; text-align: center; color: #3f474b; background-color: #a3afa6; font-size: 1.3em; }
						    #nav_mobile .uk-offcanvas-bar .nav_contact strong { font-size: 1.1em; font-family: 'Brandon Grotesque Bold'; letter-spacing: 1px; color: #667769; }
							#nav_mobile .uk-offcanvas-bar .nav_contact li { margin-top: 1em; }
							#nav_mobile .uk-offcanvas-bar .nav_contact a { padding-left: 0; font-size: 1em; color: #3f474b; }
							#nav_mobile .uk-offcanvas-bar .nav_contact a > i { margin-right: 0.4em; color: #667769; }

						#nav_mobile .uk-offcanvas-bar .nav_sm { width: 100%; padding: 1em; text-align: center; color: #3f474b; background-color: #a3afa6; font-size: 1.3em; }
							#nav_mobile .uk-offcanvas-bar .nav_sm li { display: inline-block; margin-left: 1em; }
							#nav_mobile .uk-offcanvas-bar .nav_sm li:first-child { margin-left: 0; }
							#nav_mobile .uk-offcanvas-bar .nav_sm li a { font-size: 1.6em; color: #667769; transition: all 0.3s ease-in-out; }
							#nav_mobile .uk-offcanvas-bar .nav_sm li:hover a { transform: scale(1.2); }

		#nav_mobile.uk-sticky-fixed { background: #667769; }
				#nav_mobile.uk-sticky-fixed .uk-logo { width: 100px; }
					#nav_mobile.uk-sticky-fixed .uk-navbar-right .nav_contact { display: none; }
					#nav_mobile.uk-sticky-fixed .toggle_button { margin-top: 1em; }
						#nav_mobile.uk-sticky-fixed .toggle_button > span { height: 0.4em; margin-top: 0.6em; }

		@media (min-width: 450px) {
				#nav_mobile .uk-logo { width: 180px; }
						#nav_mobile .uk-offcanvas-bar .logo > img { width: 60%; }			
		}
		@media (min-width: 760px) {
						#nav_mobile .nav_contact a { font-size: 1.1em; }
						#nav_mobile .nav_contact li span { display: inline-block; padding-left: 0.5em; }
						#nav_mobile .nav_contact li span.short { display: none; }
		}


		/* +++++++++++++++++++ NAVIGATION DESKTOP +++++++++++++++++++ */
		#nav_desktop_wrap { position: absolute; top: 0; left: 0; z-index: 401; width: 100%; padding: 0; }

		#nav_desktop { width: 100%; padding: 0; }
			#nav_desktop .uk-navbar { position: static; }
        	#nav_desktop a { color: #fff; transition: all 0.3s ease-in-out; }
            #nav_desktop li:hover > a, #nav_desktop li.active > a { color: #667769; }

                #nav_desktop .nav_contact { margin-top: 1.2em; }
                	#nav_desktop .nav_contact > li > a { min-height: auto; padding: 0 2em; font-family: 'Brandon Grotesque Regular'; font-size: 1.3em; font-weight: 400; color: #fff; text-transform: none; }
                	#nav_desktop .nav_contact > li > a:last-child { padding-right: 0; }
                	#nav_desktop .nav_contact > li > a > i { color: #fff; }
                	#nav_desktop .nav_contact > li > a > span { padding-left: 0.2em; }
                    #nav_desktop .nav_contact > li > a:hover > span { text-decoration: underline; color: #c2c9c3 }
                
				#nav_desktop .nav_main { margin-top: 4em; }
				    #nav_desktop .nav_main_logo { display: flex; width: 13%; }
				        #nav_desktop .nav_main_logo a { width: 100%; height: auto; }
				    #nav_desktop .nav_main_left, #nav_desktop .nav_main_right { width: 43.5%; }
				    #nav_desktop .nav_main_left { padding-right: 2em; }
				    #nav_desktop .nav_main_right { padding-left: 2em; }
                    
				    #nav_desktop .nav_main > div > ul { width: 100%; margin-bottom: 0.6em; border-bottom: 2px solid #667769; }
				        #nav_desktop .nav_main > div > ul > li { padding: 0 1em; }
				            #nav_desktop .nav_main > div > ul > li > a { position: relative; min-height: auto; padding-bottom: 0.5em; font-family: 'Brandon Grotesque Regular'; font-size: 1.3em; color: #fff; text-transform: uppercase; }
				            #nav_desktop .nav_main > div > ul > li:hover > a, #nav_desktop .nav_main > div > ul > li.active > a { color: #c2c9c3; }
				            #nav_desktop .nav_main > div > ul > li > a::after { position: absolute; bottom: -2px; left: 50%; width: 0; height: 2px; content: ''; background-color: #667769; transition: all 0.3s ease-in-out; }
				            #nav_desktop .nav_main > div > ul > li:hover > a::after { left: 0; width: 100%; height: 2px; background-color: #fff; }

                            #nav_desktop .nav_main > div > ul > li.uk-parent > div { position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; height: 0; margin-top: -14px; opacity: 0; transition: all 0.3s ease-in-out; overflow: hidden; }
                                #nav_desktop .nav_main > div > ul > li.uk-parent > div > div { transition: all 0.3s ease-in-out; background-color: rgba(255,255,255,0.2); }
					        #nav_desktop .nav_main > div > ul > li.uk-parent:hover > div { z-index: 600; height: auto; opacity: 1; padding-top: 1.4em; }
                                #nav_desktop .nav_main > div > ul > li.uk-parent:hover > div > div { transition: all 0.3s ease-in-out; background-color: rgba(255,255,255,0.8); }
                                #nav_desktop .nav_main ul.uk-nav-sub { margin: 1em 0; list-style: none; }
                                #nav_desktop .nav_main ul.uk-nav-sub.c2 > li, #nav_desktop .nav_main ul.uk-nav-sub.c3 > li, #nav_desktop .nav_main ul.uk-nav-sub.c4 > li { width: 24%; height: 15em; margin-left: 1.5%; }
                                #nav_desktop .nav_main ul.uk-nav-sub > li:first-child { margin-left: 0; }
                                #nav_desktop .nav_main ul.uk-nav-sub > li > a { position: relative; display: block; width: 100%; height: 100%; background-size: auto 100%; background-position: center; background-repeat: no-repeat; transition: all 0.3s ease-in-out; }
                                #nav_desktop .nav_main ul.uk-nav-sub > li > a > span { position: absolute; bottom: 0; left: 0; z-index: 403; display: block; width: 100%; padding: 0.3em 1em; font-size: 1.3em; color: #fff; text-transform: uppercase; background-color: #667769; text-align: center; transition: all 0.3s ease-in-out; }
                                #nav_desktop .nav_main ul.uk-nav-sub > li:hover > a { background-size: auto 104%; }
                                #nav_desktop .nav_main ul.uk-nav-sub > li:hover > a > span { background-color: #a3afa6; }

		#nav_desktop.uk-sticky-fixed { background: #667769; }
                #nav_desktop.uk-sticky-fixed .nav_contact { display: none; }
				#nav_desktop.uk-sticky-fixed .nav_main { margin-top: 1em; margin-bottom: 0.5em; }
				    #nav_desktop.uk-sticky-fixed .nav_main > div > ul { margin-bottom: 0.7em; border-bottom: 2px solid #c2c9c3; }
                            #nav_desktop.uk-sticky-fixed .nav_main > div > ul > li.uk-parent > div { margin-top: -20px; }
					        #nav_desktop.uk-sticky-fixed .nav_main > div > ul > li.uk-parent:hover > div { padding-top: 1.3em; }
				        #nav_desktop.uk-sticky-fixed .nav_main_logo a { width: 80%; margin-left: 10%; }
                       
		@media (min-width: 1024px) {
				    #nav_desktop .nav_main > div > ul { margin-bottom: 0.7em; }
				        #nav_desktop .nav_main > div > ul > li { padding: 0 1.5em; }
				            #nav_desktop .nav_main > div > ul > li > a { font-size: 1.3em; }
		}
		@media (min-width: 1200px) {
				    #nav_desktop .nav_main > div > ul { margin-bottom: 0.8em; }
				        #nav_desktop .nav_main > div > ul > li { padding: 0 2em; }
				            #nav_desktop .nav_main > div > ul > li > a { font-size: 1.5em; }
            
		}
		@media (min-width: 1400px) {
		#nav_desktop_wrap::before, #nav_desktop_wrap::after { position: absolute; top: 13.4em; z-index: 402; content: ""; width: 90%; height: 2px; background-color: #667769; }
		#nav_desktop_wrap::before { left: -50%; }
		#nav_desktop_wrap::after { right: -50%; }
            
		#nav_desktop.uk-sticky-fixed::before, #nav_desktop.uk-sticky-fixed::after { position: absolute; top: 6.25em; z-index: -1; content: ""; width: 90%; height: 2px; background-color: #c2c9c3; }
		#nav_desktop.uk-sticky-fixed::before { left: -50%; }
		#nav_desktop.uk-sticky-fixed::after { right: -50%; }
		}


		/* +++++++++++++++++++ HEADSLIDES +++++++++++++++++++ */
		#headslides { position: relative; z-index: 400; width: 100%; margin-top: 0; overflow: hidden; }
			#headslides picture { width: 100%; height: 100%; }
            #headslides::after { position: absolute; top: 0; left: 0; display: block; content: ""; width: 100%; }
            body.tp1 #headslides::after { height: 50%; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.9)); }
            body.tp2 #headslides::after { height: 80%; background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.95)); }

			body.tp1 #headslides, body.tp1 #headslides .uk-slideshow, body.tp1 #headslides .uk-slideshow-items  { height: 50vh; min-height: 400px; max-height: 600px; }
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 30vh; min-height: 200px; max-height: 500px; }
		
		@media (max-width: 450px) {
			#headslides picture > img { width: 140% !important; max-width: 140% !important; object-position: right; }
		}
		@media (min-width: 451px) AND (max-width: 639px) {
			#headslides picture > img { width: 120% !important; max-width: 120% !important; object-position: right; }
		}
		@media (min-width: 640px) AND (max-width: 800px) {
			#headslides picture > img { width: 110% !important; max-width: 110% !important; object-position: right; }
		}
		@media (min-width: 640px) {
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 35vh; }
		}
		@media (min-width: 960px) {
		#headslides { }
			body.tp1 #headslides, body.tp1 #headslides .uk-slideshow, body.tp1 #headslides .uk-slideshow-items  { height: 60vh; min-height: 500px; max-height: 700px; }
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 40vh; max-height: 600px; }
		}
		@media (min-width: 1024px) {
		#headslides { }
			body.tp1 #headslides, body.tp1 #headslides .uk-slideshow, body.tp1 #headslides .uk-slideshow-items  { height: 70vh; min-height: 600px; max-height: 1000px; }
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 40vh; max-height: 700px; }
		}
		@media (min-width: 1200px) {
		#headslides { }
			body.tp1 #headslides, body.tp1 #headslides .uk-slideshow, body.tp1 #headslides .uk-slideshow-items  { height: 80vh; min-height: 600px; max-height: 1100px; }
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 50vh; max-height: 800px; }
		}
		@media (min-width: 1390px) {
			body.tp1 #headslides, body.tp1 #headslides .uk-slideshow, body.tp1 #headslides .uk-slideshow-items  { height: 90vh; max-height: 1200px; }
			body.tp2 #headslides, body.tp2 #headslides .uk-slideshow, body.tp2 #headslides .uk-slideshow-items  { height: 60vh; max-height: 900px; }
		}
	
	/* +++++++++++++++++++++++++++++++++++++++ MAIN +++++++++++++++++++++++++++++++++++++++ */
	main		{ position: relative; min-height: 400px; font-size: 1.2em; line-height: 1.3; }
		main > section	{ position: relative; z-index: 2; }
	@media (min-width: 640px) {
	main		{ font-size: 1.3em; }
	}		
		
		/* +++++++++++++++++++ LISTEN +++++++++++++++++++ */
        main ul 	{ color: inherit; list-style: none; text-align: left; }
            article ol, .article_text ol { margin: 0; padding-left: 1.2em; }

            article ul, .article_text ul { margin: 0.4em 0; }
            	article ul > li, .article_text ul > li { position: relative; margin: 0.4em 0; padding: 0.1em 0 0 1.6em; color: inherit; }
            	article ul > li::before, .article_text ul > li::before { position: absolute; top: 0.1em; left: -1px; font-size: 1.2em; content:"\f061"; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; }
					
		/* +++++++++++++++++++ TABLE +++++++++++++++++++ */
        article table { border: none; border-collapse: collapse; }
            article table th, td { vertical-align: top; }
            article table th { font-weight: 700; }
            article table td { padding: 0 6vw 0.1em 0.8em; }
            article table tr > td:first-child { padding-left: 0; }
            article table tr > td:last-child { padding-right: 0; }

		/* +++++++++++++++++++ PICTURES +++++++++++++++++++ */
		.article_pic { position: relative; }
		.article_pic picture { width: 100%; height: auto; }
			.article_pic picture img { width: 100%; height: auto; }
			.article_pics { float: left; width: 100%; overflow: hidden; }
			.article_pics > .article_pic { position: relative; float: left; }
			.article_pics > .article_pic:first-child { float: left !important; }
			.article_pics > .article_pic:last-child { float: right; }
				.article_pic { position: relative; }
					.article_pic .copyright { padding: 0.2em 0.4em 0.2em 0.8em; font-size: 0.75em; color: #231f20; background: rgba(255,255,255,0.5); transition: all 0.3s ease-in-out; clip-path: polygon(0.4em 0, 100% 0, 100% 100%, 0 100%); }
					.article_pic .copyright:hover { background: rgba(255,255,255,0.9); }
		@media (max-width: 640px) {
		.article_pic { width: 100% !important; }
		.article_pics > .article_pic { margin-bottom: 1em; }
		.article_pics > .article_pic:last-child { margin-bottom: 0; }
		}
		@media (max-width: 959px) {
		picture.nonfloated { width: 100% !important; }
		}

		/* +++++++++++++++++++ TEXT BG +++++++++++++++++++ */
		.text_top_bg { position: relative; padding-top: 6em; }
		.text_bottom_bg { position: relative; padding-bottom: 16em; }
        .intro.bgtext > div { padding-bottom: 4em; }
		.text_bg { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; overflow: hidden; }
			.text_bg > div { position: absolute; color: #f0f2f0; font-family: "Brandon Grotesque Regular"; font-size: 22em; line-height: 1; text-transform: uppercase; white-space: nowrap; }
			.text_bg > div.text_top { top: 0; left: 0; }
			.text_bg > div.text_bottom { bottom: -0.1em; left: 0; }    
		
		/* +++++++++++++++++++ SECTION: BREADCRUMB +++++++++++++++++++ */
		#breadcrumb { position: relative; z-index: 3; font-size: 0.9em; }
			#breadcrumb .uk-container { }
			#breadcrumb ol { display: inline; list-style: none; }
				#breadcrumb ol li { display: inline; }
				#breadcrumb ol li > a { position: relative; display: inline; padding-left: 1.2em; text-decoration: none; }
				#breadcrumb ol li > a.active, #breadcrumb ol li > a:hover { text-decoration: underline; }
				#breadcrumb ol li > a::before { position: absolute; top: 4px; left: 2px; font-size: 0.9em; content:"\f054"; color: #abb2b6; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; transition: all 0.3s ease-in-out; }
				#breadcrumb ol li:first-child > a { padding-left: 1.4em; }
				#breadcrumb ol li:first-child > a::before { content:"\f015"; }
			#breadcrumb a.back { float: right; margin-top: 0; }
        @supports (-webkit-touch-callout: none) {
				#breadcrumb ol li > a::before { top: -1px; }    
        }
		
		/* +++++++++++++++++++ SECTION: STANDARD +++++++++++++++++++ */
		.standard { }
			.standard .article_headline { position: relative; }
		@media (max-width: 959px) {
			.standard .article_headline, .standard .article_text { width: auto !important; }
		}
		@media (min-width: 960px) {
			.standard article div.nonfloated_left { float: left; }
			.standard article div.nonfloated_right { float: right; }
		}

		/* +++++++++++++++++++ SECTION: INTRO +++++++++++++++++++ */
		.intro { }
		.intro.bgpicture { padding-bottom: 2em !important; }
		.intro > .uk-container { position: relative; }
			.intro > .uk-container > .symbol { position: absolute; top: -10em; left: 4%; z-index: -1; width: 100%; height: 80%; background-size: auto 100%; }
		@media (min-width: 640px) {
			.intro > .uk-container > .symbol { height: 120%; }
			.intro .h3 { padding-left: 20%; }
		}
		@media (min-width: 960px) {
		.intro.bgpicture { padding-bottom: 1.6em !important; }
			.intro > .uk-container > .symbol { height: 160%; }
			.intro .h3 { padding-left: 0; padding-right: 20%; }
		}
		@media (min-width: 1200px) {
		.intro.bgpicture { padding-bottom: 0.5em !important; }
			.intro > .uk-container > .symbol { height: 220%; }
			.intro .headline { }
			.intro .h3 { padding-left: 20%; padding-right: 0; }
			.intro .article_text { padding-top: 0.6em; }
		}

		/* +++++++++++++++++++ SECTION: TEASER +++++++++++++++++++ */
		.teaser { background-color: transparent !important; }
			.teaser > div > a { text-decoration: none; color: #231f20; }
			.teaser .article_pic { position: relative; }
			.teaser .article_pic picture { position: relative; z-index: 2; width: 100%; height: 100%; }
			.teaser.left:hover .article_pic::after, .teaser.right:hover { background-color: #667769; }
			.teaser.picfocus .article_pic, .teaser.textfocus .article_text { z-index: 2; }
			.teaser.picfocus .article_text, .teaser.textfocus .article_pic { z-index: 1; }
			.teaser .article_text { position: relative; float: left; margin: -10% 2% 0 2%; padding: 1.2em; border: 1px solid #c5c5c5; }
			.teaser:hover .article_text { border-color: #667769; }
			.teaser.with_link .article_text { padding-right: 2.5em; }
				.teaser .article_text h3, .teaser .article_text .h3 { margin-bottom: 0.5em; font-size: 1.6em; }
				.teaser.left .article_text { border-width: 1px 10px 1px 1px; }
				.teaser.right .article_text { border-width: 1px 1px 1px 10px; }
			.teaser.with_link .article_text { padding-bottom: 2em; }
			.teaser.with_link .article_text::after { position: absolute; z-index: 300; bottom: 0.4em; right: 0.4em; content: "\f067"; font-family: 'Font Awesome 6 Free'; font-weight: 900; font-size: 30px; color: #c5c5c5; line-height: 1; transition: all 0.3s ease-in-out; }
			.teaser.with_link:hover .article_text::after { font-size: 34px; color: #667769; }
		@media (max-width: 639px) {			
			.teaser .article_pic { width: 100% !important; }
			.teaser .article_text { width: 96% !important; }
			.teaser.picfocus .article_text { padding-top: 14%; }
		}
		@media (min-width: 640px) {
			.teaser.with_link .article_text { padding-bottom: 2.2em; }
			.teaser.with_link .article_text::after { font-size: 36px; }
			.teaser.with_link:hover .article_text::after { font-size: 40px; }
			.teaser.left .article_pic { float: left; }
			.teaser.right .article_pic { float: right; }
			.teaser.left .article_text { margin: 2% 0 0 -2%; }
			.teaser.right .article_text { margin: 2% -2% 0 0; }
			.teaser.picfocus.left .article_text { padding-left: 3.5%; }
			.teaser.picfocus.right .article_text { padding-right: 3%; }
				.teaser .article_text h3, .teaser .article_text .h3 { font-size: 1.8em; }
			.teaser.with_link.right.picfocus .article_text { padding-right: 6%; }
			.teaser.with_link.right.picfocus .article_text::after { right: 5%; }
		}

		/* +++++++++++++++++++ SECTION: BLOCK +++++++++++++++++++ */
		.block { overflow: hidden; }
			.block > div { position: relative; }
				.block .article_pic { position: relative; width: 100vw !important; height: 100vw; margin-left: -15px; }
				.block .article_pic img { height: 100%; }
				.block .article_text { position: relative; padding-top: 3em; padding-bottom: 3em; }

            .block .uk-container-expand.uk-padding-remove-horizontal .article_pic { margin-left: 0; }
            .block .uk-container-expand.uk-padding-remove-horizontal .article_text { padding: 3em 1em; }
		@media (min-width: 460px) {
				.block .article_pic { height: 80vw; }
		}
		@media (min-width: 640px) {
				.block .article_pic { height: 60vw; margin-left: -30px; }
		}
		@media (min-width: 800px) {
				.block .article_pic { position: absolute; top: 0; z-index: 1; width: 48% !important; height: 101%; }
				.block.right .article_pic { right: 0; }
				.block.left .article_pic { left: 0; margin-left: -1px; }
				.block .article_text { position: relative; padding: 4em 0; }
					.block .article_text > div { width: 50%; }
					.block.left .article_text > div { width: 48%; margin-left: 52%; }
            
				.block.left .uk-container-large .article_pic img { left: 30px; }
				.block.right .uk-container-large .article_pic img { left: auto; right: 30px; }
		}
		@media (min-width: 1200px) {
					.block .article_text > div { width: 50%; }
				.block.left .uk-container-large .article_pic img { left: 40px; }
				.block.right .uk-container-large .article_pic img { left: auto; right: 40px; }
		}

		/* +++++++++++++++++++ SECTION: BOX +++++++++++++++++++ */
		.box { }
		.box.bgpicture { background-size: cover; background-repeat: no-repeat; background-position: center center; }
		body:not(.touch) .box .uk-card.box_animated .uk-card-media-top picture img { filter: grayscale(1); transition: filter 0.3s ease-in-out; }
        body:not(.touch) .box .uk-card.box_animated:hover .uk-card-media-top picture img { filter: grayscale(0) !important; }
		.box .uk-card { background: #fff; overflow: hidden; }
		.box .uk-card-media-top h3 { width: 100%; font-size: 1.2em; color: #f7941d; padding: 0.3em 1.2em 0.2em 1em; transition: all 0.3s ease-in-out; }
		.box .uk-card-media-top.gradient::before { position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; height: 50%; content: ""; background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7)); opacity: 0.8; transition: all 0.3s ease-in-out; }
		.box .uk-card:hover .uk-card-media-top.gradient::before { opacity: 1; }
		.box ul > li > a { text-decoration: none; }
		.box .uk-slider-nav { margin-top: 1em; margin-left: 1px; }

		.box.type_1 { }
			.box.type_1 { }
				.box.type_1 .uk-card-media-top { position: relative; }
				.box.type_1 .uk-card-media-top picture { z-index: 1; }
				.box.type_1 .mc_2 .uk-card-media-top { height: 18em; }
				.box.type_1 .mc_3 .uk-card-media-top { height: 14em; }
				.box.type_1 .mc_4 .uk-card-media-top { height: 12em; }
				.box.type_1 .uk-card-media-top > h3 { position: absolute; bottom: 0; left: 0; z-index: 3; margin-bottom: 0; padding: 0 0.6em 0.8em 0.6em; font-size: 1.8em; font-weight: 600; line-height: 1.2; color: #fff !important; hyphens: auto; }
				.box.type_1 .uk-card-media-top > h3 > span { display: block; margin-top: 0.2em; font-size: 0.7em; font-weight: 400; line-height: 1.1; }
				.box.type_1 .uk-card-body { position: relative; padding: 1em 1.4em 2em 1.4em; color: #231f20; }
				.box.type_1 .uk-card.linkbox .uk-card-body::before { position: absolute; bottom: 0.2em; right: 0.2em; font-size: 2.6em; content:"\f067"; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; transition: all 0.3s ease-in-out; }
				.box.type_1 .uk-card.linkbox:hover .uk-card-body::before { transform: scale(1.1); }
				.box.type_1 .uk-card-media-bottom { display: none; }

		.box.type_2 { }
			.box.type_2 { }
				.box.type_2 .uk-card-media-top { position: relative; }
				.box.type_2 .uk-card-media-top picture { z-index: 1; }
				.box.type_2 .mc_2 .uk-card-media-top { height: 20em; }
				.box.type_2 .mc_3 .uk-card-media-top { height: 16em; }
				.box.type_2 .mc_4 .uk-card-media-top { height: 12em; }
				.box.type_2 .uk-card-media-top > h3.uk-card-title { position: absolute; bottom: 0; left: 0; z-index: 3; margin-bottom: 0; padding: 0 0.8em 0.4em 0.8em; font-weight: 600; line-height: 1.1; color: #fff !important; hyphens: auto; }
				.box.type_2 .uk-card-media-top > h3.uk-card-title > span { display: block; margin-top: 0.3em; font-size: 0.7em; line-height: 1.1; }
				.box.type_2 .mc_2 .uk-card-media-top > h3.uk-card-title { font-size: 2.2em; }
				.box.type_2 .mc_3 .uk-card-media-top > h3.uk-card-title { font-size: 1.8em; }
				.box.type_2 .uk-card-body { padding: 0.8em 1.4em 1em 1.4em; color: #231f20; }
				.box.type_2 .uk-card-media-bottom { padding: 0.6em 0.6em 0.6em 0.2em; text-align: right; }
					.box.type_2 .uk-card-media-bottom span { position: relative; display: inline-block; padding: 0 2.2em 0.1em 0; font-size: 1.1em; font-weight: 600; text-decoration: none; }
					.box.type_2 .uk-card-media-bottom span::before { position: absolute; top: -1px; right: 0; font-size: 1.4em; content:"\f067"; color: #667769; font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; transition: all 0.3s ease-in-out; }
					.box.type_2 .uk-card:hover .uk-card-media-bottom span::before { transform: scale(1.2); }

		@media (min-width: 640px) {
		}
		@media (min-width: 960px) and (max-width: 1199px) {
		}
		@media (min-width: 1200px) {
				.box.type_1 .uk-card-media-top > h3.uk-card-title { padding: 0 0.5em 0.4em 0.5em; font-size: 2.4em; hyphens: none; }
				.box.type_1 .uk-card-media-top > h3.uk-card-title > span {  margin-top: 0; }
				.box.type_2 .uk-card-media-top > h3.uk-card-title { padding: 0 0.5em 0.4em 0.5em; }
				.box.type_2 .mc_2 .uk-card-media-top > h3.uk-card-title { font-size: 2.6em; }
				.box.type_2 .mc_3 .uk-card-media-top > h3.uk-card-title { font-size: 2em; }
		}

		/* +++++++++++++++++++ SECTION: SERVICE +++++++++++++++++++ */
		.service { }
		.service.bgpicture { background-size: cover; background-repeat: no-repeat; background-position: center center; }
		    .service .uk-card { position: relative; text-align: center; border-style: solid; border-width: 2px; transition: all 0.3s ease-in-out; }
                .service .uk-card .uk-card-header { padding-top: 2em; }
                    .service .uk-card .uk-card-header > svg { height: 6em; transition: all 0.3s ease-in-out; }
                    .service .uk-card:hover .uk-card-header > svg { transform: scale(1.1); }
                .service .uk-card .uk-card-body { padding-top: 0; }
		            .service .uk-card h3 { font-size: 1.4em; font-family: "Brandon Grotesque Bold"; margin-bottom: 0.6em; text-transform: uppercase; color: inherit; }
		            .service .uk-card h3+svg { width: 50%; margin-bottom: 0.6em; }

            .triangle_wrap { position: absolute; }

		@media (max-width: 959px) {
            .triangle_wrap.top { top: -25px; left: 0; width: 100%; text-align: center; }
            .triangle_wrap.bottom { bottom: -20px; left: 6px; width: 100%; text-align: center; }
            .triangle_wrap.left { top: -25px; left: 0; width: 100%; text-align: center; }
            .triangle_wrap.right { bottom: -20px; left: 6px; width: 100%; text-align: center; }
		        .triangle { width: auto; height: 20px; }
		        .triangle .bg { transition: all 0.3s ease-in-out; }
		        .top .triangle { transform: rotate(180deg); }
		        .left .triangle { transform: rotate(180deg); }
		        .right .triangle { transform: rotate(0); }
            
            @supports (-webkit-touch-callout: none) {
            .triangle_wrap.top { top: -21px; }
            .triangle_wrap.bottom { bottom: -23px; }
            .triangle_wrap.left { top: -21px; }
            .triangle_wrap.right { bottom: -22px; }
            }
		}
		@media (min-width: 960px) {
		            .service .uk-card h3 { margin-bottom: 0.2em; }
		            .service .uk-card h3+svg { width: 70%; margin-bottom: 0.4em; }
            
            .triangle_wrap.top { top: -1.3em; left: 6px; width: 100%; text-align: center; }
            .triangle_wrap.bottom { bottom: -1.01em; left: 6px; width: 100%; text-align: center; }
            .triangle_wrap.left { top: 6px; left: -1.5em; height: 100%; display: flex; align-items: center; }
            .triangle_wrap.right { top: 6px; right: -1.5em; height: 100%; display: flex; align-items: center; }
		        .triangle { width: auto; height: 1em; }
		        .triangle .bg { transition: all 0.3s ease-in-out; }
		        .top .triangle { transform: rotate(180deg); }
		        .left .triangle { transform: rotate(90deg); }
		        .right .triangle { transform: rotate(-90deg); }
            @supports (-webkit-touch-callout: none) {
            .triangle_wrap.top { top: -1.1em; }
            .triangle_wrap.bottom { bottom: -1.2em; }
            }
		}

		/* +++++++++++++++++++ SECTION: FAQ +++++++++++++++++++ */
		.faq { }
		.faq .h1 { hyphens: auto; }
			.faq .uk-accordion > :nth-child(n+2) { margin-top: 0.6em; }
			.faq .uk-accordion > li { position: relative; padding: 0.2em 0; }
           	.faq .uk-accordion > li::before { position: absolute; top: 0.6em; left: -1px; width: 34px; height: 14px; content: ""; }
           	.faq .uk-accordion > li.uk-open::before { }
			.faq .uk-accordion > li > a { position: relative; padding: 0.4em 0 0 0; border: none; }
			.faq .uk-accordion > li > a h3 { position: relative; padding-bottom: 0.6em; margin-bottom: 0; margin-right: 1.8em; font-size: 1.2em; font-family: "Brandon Grotesque Medium"; line-height: 1.1; hyphens: auto; }
			.faq .uk-accordion > li > a h3::after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; transition: all 0.3s ease-in-out; }

            .faq .uk-accordion > li > a::before, .faq .uk-accordion > li > a::after { position: absolute; z-index: 10; float: none; content: ""; margin: 0; background-image: none !important; transition: all 0.3s ease-in-out; }
            .faq .uk-accordion > li > a::before { top: 24px; right: 0; width: 34px; height: 6px; }
            .faq .uk-accordion > li > a::after { top: 10px; right: 14px; width: 6px; height: 34px; }
			.faq .uk-accordion > li.uk-open > a::after { top: 24px; height: 0; }
			.faq .uk-accordion > li.uk-open > a h3::after { height: 3px; }

			.faq .uk-accordion-content { margin-top: 0; margin-bottom: 0.5em; padding: 1em; }
				.faq .uk-accordion-content .faq_pic { float: left; width: 100% !important; }
				.faq .uk-accordion-content .faq_pic picture > img { float: left; width: 100%; height: auto; }
				.faq .uk-accordion-content a.more { font-size: 1em; font-family: "Brandon Grotesque Medium"; }
				.faq .uk-accordion-content a.more::before { color: inherit; }
		@media (min-width: 480px) {
				.faq .uk-accordion-content .faq_pic { width: 100% !important; }			
		}
		@media (min-width: 640px) {
			.faq .uk-accordion > li > a h3 { font-size: 1.1em; }
				.faq .uk-accordion-content .faq_pic { width: 60% !important; margin: 0.2em 1.5em 1em -2em; }
		}
		@media (min-width: 960px) {
			.faq .uk-accordion > li { position: relative; }
			.faq .uk-accordion > li > a h3 { margin-bottom: 0; padding-right: 1.6em; font-size: 1.4em; }
		}
		@media (min-width: 1200px) {
		}
		@media (min-width: 1450px) {
		}
		@media (min-width: 1600px) {
		}

		/* +++++++++++++++++++ SECTION: IFRAME +++++++++++++++++++ */
		.iframe { }
		@media (max-width: 960px) {
			.iframe .article_iframe { width: 100% !important; }
			.iframe .article_iframe iframe { margin-bottom: 0.6em; }
			.iframe .article_headline, .iframe .article_text { width: auto !important; }
			.iframe .article_iframe.nonfloated { width: 100% !important; }
		}
		@media (min-width: 961px) {
			.iframe article div.nonfloated_left { float: left; }
			.iframe article div.nonfloated_right { float: right; }
		}

		/* +++++++++++++++++++ SECTION: GALLERY +++++++++++++++++++ */
		.gallery { }
			.gallery a.transition_op:hover { opacity: 0.8; }

		/* +++++++++++++++++++ SECTION: QUOTE +++++++++++++++++++ */
		.quote { }
			.quote .quote_text  { font-size: 2em; font-style: italic; font-family: "Brandon Grotesque Medium"; }
	
		/* +++++++++++++++++++ SECTION: BIGPICTURE +++++++++++++++++++ */
		.bigpicture { }
			.bigpicture picture { position: relative; z-index: 2; width: 100%; height: auto; }
				.bigpicture picture img { width: 100%; height: auto; }
	
		/* +++++++++++++++++++ SECTION: CTA/INVADER +++++++++++++++++++ */
		.invader { }
			.invader article { max-width: 900px; padding: 1em 2em 2.4em 3em; }
				.invader picture { position: relative; display: block; width: 100%; height: 24em; border-bottom: 5px solid #fff; overflow: hidden; }
				.invader picture > img { z-index: 1; }
		@media (min-width: 640px) {
			.invader article { padding: 3em 3em 2.4em 3em; }
		}
		@media (min-width: 960px) {
				.invader picture { height: 100%; border-bottom: none; border-right: 5px solid #fff; }
		}
	
		/* +++++++++++++++++++ SECTION: PICSLIDER +++++++++++++++++++ */
		.picslider { height: 400px; overflow: hidden; border-bottom: 3px solid #fff; }
		    .picslider .uk-slider-items { }
		    .picslider .uk-slider-items > div { height: 400px; }
            .picslider .uk-slider-items a.transition_op:hover { opacity: 0.8; }
            .picslider .uk-slider-nav { position: relative; top: -3em; padding-left: 0.7em; }
		@media (min-width: 630px) {
		.picslider { height: 300px; }
		    .picslider .uk-slider-items { width: 102%; margin-left: -1%; }
		    .picslider .uk-slider-items > div { height: 300px; border-left: 3px solid #fff; }
		}
		@media (min-width: 930px) {
		.picslider { height: 400px; }
		    .picslider .uk-slider-items { width: 110%; margin-left: -5%; }
		    .picslider .uk-slider-items > div { height: 400px; }
		}
		
		
	/* +++++++++++++++++++++++++++++++++++++++ FOOTER +++++++++++++++++++++++++++++++++++++++ */
	footer.uk-section	{ margin-top: 4em; padding-top: 5em; font-size: 1.4em; font-weight: 400; line-height: 1.2; color: #fff; background-color: #667769; overflow: hidden; }
		footer > .uk-container	{ position: relative; }
			footer a { text-decoration: none; color: #fff; }
			footer a:hover { color: #c2c9c3 !important; }
			footer a.logo	{ display: inline-block; width: 200px; margin-top: 1em; }
            footer strong { font-family: "Brandon Grotesque Medium"; letter-spacing: 1px; }
			
			.footer_left, .footer_right { padding-top: 0.5em; padding-bottom: 0.5em; }
	
			.footer_left { position: relative; }	
			.footer_left a.logo { position: relative; }

			.footer_right { position: relative; }
                .footer_right a.phone, .footer_right a.email { margin-top: 0; }
                .footer_right a.phone::before { top: 4px; font-size: 0.9em; color: #fff; }
                .footer_right a.email::before { top: 5px; font-size: 1em; color: #fff; }
				.footer_right > div { position: relative; z-index: 3; line-height: 1.3; }
				.footer_right p { margin-top: 1em; }

			footer ul.nav_sm { font-size: 1.4em; list-style: none; color: #fff; }
			    footer ul.nav_sm li { display: inline; margin-left: 0.4em; }
			    footer ul.nav_sm li:first-child { margin-left: 0; }
			    footer ul.nav_sm li i { color: #c2c9c3 !important; transition: all 0.5s ease-in-out; }
			    footer ul.nav_sm li:hover i { color: #fff !important; transform: scale(1.2); }            

			footer ul.nav_sec { font-size: 0.9em; list-style: none; color: #fff; }
				footer ul.nav_sec li { display: inline; }
				footer ul.nav_sec li::before { display: inline-block; margin: 0 0.6em; content: "|"; line-height: 1; }
				footer ul.nav_sec li:first-child::before { content: ""; margin: 0; }
				footer ul.nav_sec li a { display: inline-block; font-size: 0.9em; padding-top: 1px; }

	@media (min-width: 640px) {
			footer a.logo	{ width: 220px; margin-top: 0; }
			.footer_left, .footer_right { padding-top: 2em; padding-bottom: 2em; }
			.footer_left::before, .footer_left::after { top: -50%; width: 100%; height: 200%; border-radius: 0 50% 50% 0; }
			.footer_left::before { left: -30px; }
			.footer_left::after { left: -60px; }
	}
	@media (min-width: 960px) {
			footer a.logo	{ margin-top: 0; width: 260px; }
				.footer_right > div:first-child { margin-bottom: 2em; }
	}
	@media (min-width: 1200px) {
			footer a.logo	{ width: 280px; }
	}
	@media (min-width: 1450px) {
			footer a.logo	{ width: 240px; }
				footer ul.nav_sec li a	{ font-size: 1em; }
	}


/* +++++++++++++++++++++++++++++++++++++++ SIDE BUTTONS +++++++++++++++++++++++++++++++++++++++ */
#side_buttons { position: fixed; z-index: 3; bottom: 10vh; right: 0; }
	#side_buttons > a { position: relative; clear: right; float: right; width: 1.8em; height: 1.6em; margin-bottom: 0.2em; font-size: 1.9em; color: #fff; background: #667769; text-decoration: none; overflow: hidden; transition: all 0.5s ease-in-out; }
	#side_buttons > a i { margin: 0.4em 0 0 0.4em; }
	#side_buttons > a span { position: absolute; left: 2.4em; top: 1.4em; font-size: 0.6em; margin: -0.8em 0 0 0.6em; }
	#side_buttons > a.call { }
	#side_buttons > a.call i { font-size: 0.9em; margin-left: 0.5em; }
	#side_buttons > a.call span { width: 12em; }
	#side_buttons > a.mail { }
	#side_buttons > a.mail i { margin: 0.2em 0 0 0.3em; }
	#side_buttons > a.mail span { width: 18em; }
	#side_buttons > a.top { color: #667769; background: #dbdbdb; }
	#side_buttons > a.top span { width: 11em; }
@media (min-width: 768px) {
	#side_buttons > a { font-size: 2em; }
	body:not(.touch) #side_buttons > a.call:hover { width: 6.7em; }
	body:not(.touch) #side_buttons > a.mail:hover { width: 7em; }
	body:not(.touch) #side_buttons > a.top:hover { width: 6.5em; }
}
@media (min-width: 1200px) {
#side_buttons { bottom: 30vh; }
	#side_buttons > a { margin-bottom: 0.15em; font-size: 2em; }
}
@media (min-width: 1450px) {
	#side_buttons > a { font-size: 2.4em; }
}


/* +++++++++++++++++++++++++++++++++++++++ MATOMO OPT-OUT +++++++++++++++++++++++++++++++++++++++ */
#matomo-opt-out	{ font-family: inherit !important; font-size: inherit !important; color: inherit !important; background-color: transparent !important; }
#matomo-opt-out input[type="checkbox"] { display: none !important; }
#matomo-opt-out label { padding-top: 0.2em; }
#matomo-opt-out label::before { content: "\f0c8" !important; font-family: 'Font Awesome 5 Free'; font-weight: 400; color: #d9d9d9 !important; font-size: 24px !important; padding-right: 0.4em; }
#matomo-opt-out input[type="checkbox"]:checked + label::before { content: "\f14a" !important; color: #667769 !important; line-height: 1 !important; }

/* +++++++++++++++++++++++++++++++++++++++ COOKIE BANNER +++++++++++++++++++++++++++++++++++++++ */
#cookiebanner 	{ position: fixed; z-index: 2000; bottom: -600px; left: 0; opacity: 0; background: rgba(102,119,105,0.9); width: 100%; font-size: 1.3em; line-height: 1.1; color: #fff; display: block; }
#cookiebanner:hover	{ background: rgba(102,119,105,1); }
#cookiebanner.hover	{ background: rgba(102,119,105,0.6); }
	#cookiebanner > div 	{ max-width: 1100px; margin: 0px auto; padding: 1em 1em 1.1em 1em; overflow: hidden; }
	#cookiebanner > div strong	{ display: block; margin-bottom: 0.2em; font-size: 1.3em; color: #fff; }
	#cookiebanner > div p 	{ float: left; width: 100%; margin-bottom: 0.8em; }
	#cookiebanner > div a 	{ color: #fff; }
	#cookiebanner > div form div { text-align: center; }
	#cookiebanner > div button { display: block; margin: 0px auto; padding: 0.6em 3em 0.55em 3em; background: #c2c9c3; border: none; color: #667769; font-weight: 500; font-size: 1.2em; line-height: 1; text-decoration: none; text-transform: uppercase; cursor: pointer; }
	#cookiebanner > div button:hover { background: #fff; color: #667769; }
	#cookiebanner > div form div a { display: inline-block; margin-top: 0.5em; text-decoration: none; }
@media (min-width: 650px) {	
	#cookiebanner > div p 	{ width: 70%; margin-bottom: 0; }
	#cookiebanner > div form div { float: right; padding: 1.5em 1em; }
	#cookiebanner > div button { padding: 0.6em 2em; }
}
@media (min-width: 800px) {	
	#cookiebanner > div p 	{ width: 75%; }
	#cookiebanner > div form div { padding: 0.1em 1em; }
	#cookiebanner > div button { margin-left: 0.5em; padding: 0.8em 1.6em; }
}
@media (min-width: 1200px) {	
	#cookiebanner > div p 	{ width: 80%; }
	#cookiebanner > div button { padding: 0.6em 2.6em; }
}
@media print {
	#cookiebanner	{ display: none; }
}

/* +++++++++++++++++++++++++++++++++++++++ DRUCKVERSION +++++++++++++++++++++++++++++++++++++++ */
@media print {
	#pageinfo { display: none !important; }
	body	{ font-size: 74%; background: #fff; color: #000; }
	
	header, #breadcrumb, #side_buttons, #scroll_to_top, footer .logos, footer .nav_sec, a.button, a.download, a.more, a.submit, .triangle { display: none !important; }
}