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

/* 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: "Outfit"; 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; }

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

    .uk-logo { display: block; width: 80%; max-width: 400px; height: auto; }

/* +++++++++++++++++++++++++++++++++++++++ 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; }
}