/* #### ../../../../frontend/kunden/hatmo.at/css/importer.css #### */
@import url("../../../../system/fonts/RobotoSlab/robotoslab.css");
@import url("../../../../system/fonts/OpenSans/opensans.css");
@import url("../../../../system/fonts/material-symbols-variable/material-symbols-variable.css");


/* #### ../../../../frontend/kunden/hatmo.at/css/config.css #### */
/* ---- globale Variablen: ---- */
:root {
	--cdcol0:hsl(59,3%,11.5%);
	--cdcol1:hsl(46,13%,34.5%);
	--cdcol2:hsl(53,5%,40.5%);
	--cdcol3:hsl(53,5%,90%);
	--cdcol4:hsl(46,100%,50%);
	
	--nav:var(--cdcol1);
	--common-nav-color:var(--cdcol0);
	--common-nav-color-hover:var(--common-nav-color);
	--common-nav-background:none;
	--common-nav-background-hover:var(--cdcol4);
	
	--common-font-color:var(--cdcol0);
	--common-font-color-bright:hsl(0,0%,20%);
	--common-font-color-lower:hsl(0,0%,5%);
	--common-font-color-inverted:white;
	--common-headline-color:var(--cdcol0);
	
	--common-hg-color:hsl(0,0%,95%);
	--common-hg-color-lighter:hsl(0,0%,100%);
	--common-hg-color-darker:hsl(0,0%,90%);
	
	--common-border-color:#666;
	--common-border-color-bright:var(--common-font-color);
	--common-border-color-inverted:#999;
		
	--common-a-color:var(--common-font-color);
	--common-a-color-hover:var(--cdcol4);
	--common-a-background:var(--cdcol4);
	--common-a-background-hover:white;
        
    --stdWidth:71.25rem;
    --font:"Saira","Open Sans", "Roboto", "Roboto Condensed", Verdana, Arial, sans-serif;
	--font-heading:"Roboto Slab", "Open Sans", Verdana, Arial, sans-serif;
}



/* #### ../../../../frontend/kunden/hatmo.at/css/common.css #### */
a {
    color:var(--common-a-color-hover);
    background-color:var(--common-a-background);
    border-color:var(--common-a-color);
}
a:hover {
    color:var(--common-a-color);
    background-color:var(--common-a-color-hover);
}


* {
	box-sizing:border-box;
	position:relative;
}
html {
	height:auto;
}

body {
	font-size:1rem;
    padding:0px;
    margin:0px;
	min-height:100%;
	
	font-weight:300;
    line-height:1.5em;
    text-rendering:optimizelegibility;
	color:var(--common-font-color);
	background-color:var(--common-hg-color);
	background:none;
    line-height:1.5;
}
body, form * {
	font-family:var(--font);
	font-size:1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-family:var(--font-heading);
	font-weight:normal;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
	color:var(--common-headline-color);
}
main > * {
	padding:0px 1em;
}
main h1 {
	font-size:2rem;
	line-height:1.2em;
	font-weight:800;
	text-align:left;
	text-transform:uppercase;
}
main h2 {
	font-size:1.7rem;
	margin-bottom:0.5em;
	padding-bottom:0.1em;
    line-height:1em;
	text-transform:uppercase;
	/*
    border-bottom:1px solid var(--cdcol0);
    */
}
/*
main h2:first-line {
    font-size:3rem;
    line-height:1.2em;
}
*/

h3, main h3 {
	font-size:1.5em;
}
h4 {
	font-size:1em;
}

main a,
footer a {
    padding:0em 0.5em;
    border-radius:0.2em;
	color:var(--common-a-color);
    background-color:var(--common-a-background);
    border:1px solid var(--common-a-background);
    transition:background 0.5s, color 0.2s, border-color 0.2s;
}
main a:hover,
footer a:hover {
    background:var(--common-a-background-hover);
    color:var(--common-a-color-hover);
}
/*
main a:hover {
    background:var(--common-a-color);
    color:var(--common-a-color-hover);
}
*/

address {
	font-style:normal;
}

a.std {
    display:inline-block;
    margin-bottom:0.5em;
    background:none;
    padding:0px;
    border:none;
}
a.std:hover {
    text-decoration:underline;
}

.text_right {
	text-align:right;
}

dfn {
	font-style:normal;
	font-weight:bold;
	margin-right:0.5em;
}

.fullwidth {
	width:100%;
}

ol.info,
ul.info,
ul {
	margin-left:1em;
}
.info + .info {
	margin-top:-0.5em;
}

.sticky {
    display:sticky;
    top:1em;
    left:auto;
    right:auto;
    height:auto;
    z-index:100;
}

blockquote {
    margin:2em auto;
    text-align:center;
}
blockquote::before {
    content:"»";
}
blockquote::after {
    content:"«";
}



/* #### ../../../../frontend/kunden/hatmo.at/css/content.css #### */
#F0 img {
	max-width:40em;
	margin:2em auto;
}

footer a {
	color:var(--common-a-background);
    background:none;
}
footer a:hover {
    background-color:var(--common-a-background);
    border-color:var(--common-a-color);
	color:white;
}


/* ---- Index: ---- */
#CIndex h1 {
	font-size:1.2rem;
	text-transform:none;
}
#CIndex h1::first-line {
	font-size:3rem;
	line-height:1.2;
}
#CIndex .teaser {
	font-weight:normal;
	text-align:center;
	width:80%;
	margin:2em auto;
	font-size:1.2em;
}
/* ENDE Index: ---- */


/* ---- Immobilien: ---- */
.immobilie {
	display:grid;
	grid-template-columns:15em 1fr;
	grid-template-areas:
		"Headergrafik Titel"
		"H2 text"
		". Pics"
		". Summary";
	row-gap:3em;
}

.immobilie + .immobilie {
	margin-top:4rem;
	/*
	border-top:1px solid var(--cdcol3);
	*/
}

.immobilie .headergrafik {
	grid-area:Headergrafik;
	border-radius:1rem 0 0 1rem;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.immobilie .titel {
	grid-area:Titel;
	background-color:var(--cdcol3);
	border-radius:0px 1rem 1rem 0px;
	padding:2em;
}
.immobilie .titel .beschreibung {
	font-size:1.2rem;
	line-height:1.5;
	margin-bottom:1.5em;
}
.immobilie .titel h2 {
	font-size:1.2rem;
	font-weight:bold;
	font-family:var(--font);
	text-align:left;
	margin-top:1.5em;
	margin-bottom:0.5em;
}

.immobilie .objectno {
	position:absolute;
	right:0px;
	top:0px;
	width:4em;
	height:4em;
	z-index:1;
	padding:0.25em;
	background-color:white;
	border-radius:0px 1rem 0px 1rem;
	border:3px solid var(--cdcol3);
	line-height:1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:0.5em;
}

.immobilie .fakten,
.immobilie .fakten li {
	display:block;
	margin:0px;
	padding:0px;
}
.immobilie .fakten li {
	display:grid;
	grid-template-columns:3em 1fr;
	gap:1em;
	margin-bottom:1em;
	align-items:center;
}
.immobilie .fakten .material-symbols {
	font-size:2em;
	display:flex;
	aspect-ratio:1;
	justify-content:center;
	align-items:center;
	border-radius:50%;
	padding:0.5em;
	background-color:var(--cdcol3);
	color:var(--cdcol0);
	width:1em;
	height:1em;
	box-sizing:content-box;
	padding:0.25em;
}
.immobilie h2 {
	margin:0px;
	margin-right:1rem;
	font-size:1.2rem;
	text-align:right;
	padding:0px;
}
.immobilie .preis {
	grid-area:Summary;
	font-size:1.2em;
	background-color:var(--cdcol3);
	border-radius:1em;
	padding:2em;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.immobilie .preis button {
	padding:0.5em 1em;
	background:transparent;
	display:flex;
	gap:0.5em;
	justify-content:flex-start;
	align-items:center;
	width:fit-content;
	border:2px solid var(--cdcol4);
	border-radius:0.5em;
	color:var(--common-font-color);
	background-color:var(--cdcol4);
	transition:background-color 0.5s;
	margin:0px;
}
.immobilie .preis button:hover {
	background-color:white;
}

.immobilie .preis .material-symbols {
	padding:0.25em;
	border-radius:50%;
	display:inline-block;
	aspect-ratio:1;
	background-color:white;
	font-size:2rem;
	color:var(--cdcol4);
	margin:0px;
	cursor:pointer;
	border:none;
}
.immobilie .preis .miete {
	text-algin:right;
}
.immobilie .lightbox {
	grid-area:Pics;
}
/* ENDE Immobilien: ---- */

#CKontakt address {
	line-height:2;
}

.impressum_generated {
	border-top:none;
	margin-top:0px;
	padding-top:0px;
}


/* #### ../../../../frontend/kunden/hatmo.at/css/design.css #### */
.stdWidth {
	max-width:var(--stdWidth);
	margin:auto;
}

#F1 {
	background-color:var(--cdcol2);
	text-align:center;
	color:var(--common-font-color-inverted);
}

#H0 {
	position:sticky;
	top:0px;
	left:0px;
	right:0px;
	height:auto;
	z-index:1000;
	background-color:hsl(0,0%,98%);
	display:grid;
	grid-template-columns:1fr minmax(auto,var(--stdWidth)) 1fr;
	grid-template-areas:
		"Logo Nav .";
	
	gap:1em;
	padding:1em;
	border-bottom:2px solid var(--cdcol3);
	margin-bottom:3em;
}
#H0 .logo {
	height:auto;
	width:10em;
	display:block;
	grid-area:Logo;
	overflow-x:visible;
	max-width:none;
}

#CIndex {
	margin-bottom:4rem;
	border-bottom:2px dotted var(--cdcol3);
}

#CKontakt {
	margin-top:4rem;
	background-color:hsl(0,0%,95%);
}


/* #### not existing or no file: ../../../../ #### */


/* #### ../../../../frontend/kunden/hatmo.at/css/navigation.css #### */
#btnNav {
	margin:auto;
	width:1em;
	height:1em;
	top:1em;
	right:1em;
	border-radius:0.5em;
	box-sizing:content-box;
	padding:0.7em;
	background-color:var(--cdcol4);
	box-shadow:0px 0px 1em black;
	color:white;
	border:2px solid var(--cdcol4);
	
	cursor:pointer;
    display:none;
}

nav ul,
nav li {
    display:block;
    margin:0px;
    padding:0px;
}

nav a {
    display:block;
    width:100%;
    /*
	height:100%;
	*/
    border-radius:0px;
    text-align:center;
	color:var(--common-nav-color);
	background:none;
	padding:0.1em 1em;
	border-bottom:2px solid transparent;
	transition:border-color 0.5s;
}
nav a:hover {
    cursor:pointer;
	color:var(--common-nav-color-hover);
	background:none;
	border-bottom-color:var(--common-nav-background-hover);
	font-weight:bold;
	border-radius:0px;
}

#nav0 {
	align-self:end;
	justify-self:end;
	width:fit-content;
}
#nav0 ul {
	display:flex;
	gap:1em;
}


#nav1 {
	margin-bottom:1em;
	border-top:1px solid var(--cdcol2);
}
#nav1 ul {
	text-align:center;
	margin:1em 0px;
}
#nav1 ul li {
	display:inline;
	margin:0px;
	padding:0px;
	width:auto;
}
#nav1 ul li:not(:last-of-type)::after {
	display:inline-block;
	width:auto;
	content:" • ";
	margin:0px 0.5em;
}

#nav1 a {
	border:none;
	display:inline;
	color:var(--cdcol0);
}



/* #### ../../../../frontend/kunden/hatmo.at/css/form.css #### */
form {
	--border-color:#ccc;
}

form * {
	font-size:inherit;
}

label,
.label {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.1em;
	line-height:1em;
}
label[required],
label[data-required],
.label[required],
.label[data-required] {
	font-weight:bold;
}
form input,
form textarea,
form select,
form button {
	--border-color:#ccc;

	display:block;
	width:100%;
	border:1px solid var(--border-color);
	padding:0.5rem 1rem;
	border-radius:0.2rem;
	line-height:1rem;
	box-sizing:border-box;
	margin-bottom:0.2rem;
	background-color:rgba(255,255,255,0.8);
}
::placeholder {
	padding-top:1rem;
	font-size:0.7em;
}
[required]::placeholder {
	font-weight:bold;
}
/*
::placeholder:focus,
select:focus {
	font-size:inherit;
	padding-top:0.5rem;
	line-height:inherit;
}
*/
form :focus {
	background-color:white;
}

input[type=date],
input[type=time] {
	width:auto;
}
input[type=number] {
	min-width:8em;
	text-align:right;
}

textarea {
	min-height:15em;
}

input[type=checkbox],
input[type=radio] {
	display:inline-block;
}

fieldset {
	padding:1em;
	margin-top:2em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

form p {
	line-height:1.2em;
}

legend {
	font-weight:bold;
	font-size:1.1em;
	background-color:white;
	padding:0.2em 0.5em;
	border-radius:0.5em;
	border:1px solid var(--hg_content);
}

label[required]::before,
label[data-required]::before,
.label[data-required]::before,
.label[required]::before {
	content: "*";
}
	
.req {
	margin:0.5em 0px;
	font-size:1rem;
	font-weight:bold;
	font-style:italic;
}

input[type=button],
input[type=submit],
input[type=reset],
button {
	margin:1em auto;
	width:auto;
	cursor:pointer;
	border:1px solid var(--common-a-color);
	background-color:var(--common-a-color-hover);
	color:var(--common-a-color);
	transition:border-color 0.5s, color 0.2s, background-color 0.5s;
}
input[type=button]:hover,
input[type=submit]:hover,
input[type=reset]:hover,
button:hover {
	border-color:var(--common-a-color-hover);
	color:var(--common-a-color-hover);
	background-color:var(--common-a-color);
}

/* ---- Buchungsformular: ---- */
fieldset {
	margin:auto;
	max-width:40em;
	padding:0.5em;
	border:1px solid var(--common-border-color-bright);
	margin-bottom:1em;
	background-color:var(--common-hg-color);
}
.trackzeiten input {
	display:inline-block;
	width:7em;
	margin-right:0.5em;
	text-align: right;
}

.nolabels label {
	display:none;
}
.nolabels {
	display:flex;
}
.nolabels > * {
	flex-grow:1;
	width:1em;
}
[name=Titel] {
	
}
[data-size="1"] {
	flex-grow:1;
}
[data-size="2"] {
	flex-grow:2;
}
[data-size="3"] {
	flex-grow:3;
}
/* ENDE Buchungsformular: ---- */


/* #### ../../../../frontend/kunden/hatmo.at/css/responsive.css #### */
@media screen and (min-width:48em) {
	#btnNav {
		display:none;
	}
	#nav0 {
		display:flex;
	}
}
@media screen and (max-width:62em) {
	#btnNav {
		position:fixed;
		display:none;
	}
	#nav0 {
		/*
		position:fixed;
		width:auto;
		left:1em;
		right:1em;
		top:8em;
		z-index:1000;
		padding:0px;
		padding-bottom:0.5em;
		margin:0px;
		display:none;
		background-color:var(--cdcol4);
		border:2px solid var(--cdcol4);
		border-radius:0px 0px 0.5em 0.5em;
		box-shadow:0px 0.5em 0.5em grey;
		*/
		
	}
	/*
	#nav0 ul {
		display:block;
		min-width:0px;
		margin-bottom:0.8em;
		max-height:100%;
		box-shadow:none;

	}
	#nav0 ul li{
		text-align:center;
        padding:0.5em;
        margin-bottom:0.2em;
	}
	#nav0 a {
		display:inline-block;
		margin:0px;
	}
	*/
	
	#nav0 {
		display:block;
		margin-left:auto;
	}
	#nav0 ul,
	#nav0 li {
		display:block;
	}
	#nav0 a {
		text-align:right;
	}
	
	
	#CIndex h1::first-line {
		font-size:2.5rem;
		line-height:1.2;
	}
	
	.immobilie {
		grid-template-columns:100%;
		grid-template-areas:
			"Headergrafik"
			"Titel"
			"H2"
			"text"
			"Pics"
			"Summary";
		row-gap:0;
	}
	
	.immobilie .headergrafik {
		border-radius:1em 1em 0px 0px;
	}
	.immobilie .titel {
		border-radius:0px 0px 1em 1em;
	}
	
	.immobilie h2 {
		margin-top:3rem;
		margin-bottom:1rem;
		text-align:left;
	}
	
	.immobilie .preis {
		margin-top:3rem;
		flex-direction:column;
		row-gap:1em;
	}
}


/* #### ../../../../system/css/font_saira.css #### */
/* ---- Normal: ---- */
@font-face {
	font-family: 'Saira';
	font-style: normal;
	font-weight: 100;
	src: local('Saira Thin'), local('Saira-Thin'), url(/system/fonts/Saira/Saira-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira';
	font-style: italic;
	font-weight: 100;
	src: local('Saira Thin'), local('Saira-Thin'), url(/system/fonts/Saira/Saira-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 200;
  src: local('Saira ExtraLight'), local('Saira-ExtraLight'), url(/system/fonts/Saira/Saira-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 200;
  src: local('Saira ExtraLightItalic'), local('Saira-ExtraLightItalic'), url(/system/fonts/Saira/Saira-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 300;
  src: local('Saira Light'), local('Saira-Light'), url(/system/fonts/Saira/Saira-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 300;
  src: local('Saira LightItalic'), local('Saira-LightItalic'), url(/system/fonts/Saira/Saira-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 400;
  src: local('Saira Regular'), local('Saira-Regular'), url(/system/fonts/Saira/Saira-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 400;
  src: local('Saira Italic'), local('Saira-Italic'), url(/system/fonts/Saira/Saira-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 500;
  src: local('Saira Medium'), local('Saira-Medium'), url(/system/fonts/Saira/Saira-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 500;
  src: local('Saira MediumItalic'), local('Saira-MediumItalic'), url(/system/fonts/Saira/Saira-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiBold'), local('Saira-SemiBold'), url(/system/fonts/Saira/Saira-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 600;
  src: local('Saira SemiBoldItalic'), local('Saira-SemiBoldItalic'), url(/system/fonts/Saira/Saira-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 700;
  src: local('Saira Bold'), local('Saira-Bold'), url(/system/fonts/Saira/Saira-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 700;
  src: local('Saira BoldItalic'), local('Saira-BoldItalic'), url(/system/fonts/Saira/Saira-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 800;
  src: local('Saira ExtraBold'), local('Saira-ExtraBold'), url(/system/fonts/Saira/Saira-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira';
  font-style: italic;
  font-weight: 800;
  src: local('Saira ExtraBoldItalic'), local('Saira-ExtraBoldItalic'), url(/system/fonts/Saira/Saira-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Black'), local('Saira-Black'), url(/system/fonts/Saira/Saira-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira';
  font-style: normal;
  font-weight: 900;
  src: local('Saira BlackItalic'), local('Saira-BlackItalic'), url(/system/fonts/Saira/Saira-BlackItalic.woff2) format('woff2');
}
/* ENDE Normal: ---- */

/* ---- Semi Condensed: ---- */
@font-face {
	font-family: 'Saira Semi Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira SemiCondensed Thin'), local('SairaSemiCondensed-Thin'), url(/system/fonts/Saira/SairaSemiCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Semi Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira SemiCondensed Thin'), local('SairaSemiCondensed-Thin'), url(/system/fonts/Saira/SairaSemiCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira SemiCondensed ExtraLight'), local('SairaSemiCondensed-ExtraLight'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira SemiCondensed ExtraLightItalic'), local('SairaSemiCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira SemiCondensed Light'), local('SairaSemiCondensed-Light'), url(/system/fonts/Saira/SairaSemiCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira SemiCondensed LightItalic'), local('SairaSemiCondensed-LightItalic'), url(/system/fonts/Saira/SairaSemiCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira SemiCondensed Regular'), local('SairaSemiCondensed-Regular'), url(/system/fonts/Saira/SairaSemiCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira SemiCondensed Italic'), local('SairaSemiCondensed-Italic'), url(/system/fonts/Saira/SairaSemiCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira SemiCondensed Medium'), local('SairaSemiCondensed-Medium'), url(/system/fonts/Saira/SairaSemiCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira SemiCondensed MediumItalic'), local('SairaSemiCondensed-MediumItalic'), url(/system/fonts/Saira/SairaSemiCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBold'), local('SairaSemiCondensed-SemiBold'), url(/system/fonts/Saira/SairaSemiCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira SemiCondensed SemiBoldItalic'), local('SairaSemiCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira SemiCondensed Bold'), local('SairaSemiCondensed-Bold'), url(/system/fonts/Saira/SairaSemiCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira SemiCondensed BoldItalic'), local('SairaSemiCondensed-BoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBold'), local('SairaSemiCondensed-ExtraBold'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira SemiCondensed ExtraBoldItalic'), local('SairaSemiCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaSemiCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira SemiCondensed Black'), local('SairaSemiCondensed-Black'), url(/system/fonts/Saira/SairaSemiCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira SemiCondensed BlackItalic'), local('SairaSemiCondensed-BlackItalic'), url(/system/fonts/Saira/SairaSemiCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Semi Condensed: ---- */

/* ---- Condensed: ---- */
@font-face {
	font-family: 'Saira Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira Condensed Thin'), local('SairaCondensed-Thin'), url(/system/fonts/Saira/SairaCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira Condensed Thin'), local('SairaCondensed-Thin'), url(/system/fonts/Saira/SairaCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira Condensed ExtraLight'), local('SairaCondensed-ExtraLight'), url(/system/fonts/Saira/SairaCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira Condensed ExtraLightItalic'), local('SairaCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira Condensed Light'), local('SairaCondensed-Light'), url(/system/fonts/Saira/SairaCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira Condensed LightItalic'), local('SairaCondensed-LightItalic'), url(/system/fonts/Saira/SairaCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira Condensed Regular'), local('SairaCondensed-Regular'), url(/system/fonts/Saira/SairaCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira Condensed Italic'), local('SairaCondensed-Italic'), url(/system/fonts/Saira/SairaCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira Condensed Medium'), local('SairaCondensed-Medium'), url(/system/fonts/Saira/SairaCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira Condensed MediumItalic'), local('SairaCondensed-MediumItalic'), url(/system/fonts/Saira/SairaCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira Condensed SemiBold'), local('SairaCondensed-SemiBold'), url(/system/fonts/Saira/SairaCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira Condensed SemiBoldItalic'), local('SairaCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira Condensed Bold'), local('SairaCondensed-Bold'), url(/system/fonts/Saira/SairaCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira Condensed BoldItalic'), local('SairaCondensed-BoldItalic'), url(/system/fonts/Saira/SairaCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira Condensed ExtraBold'), local('SairaCondensed-ExtraBold'), url(/system/fonts/Saira/SairaCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira Condensed ExtraBoldItalic'), local('SairaCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Condensed Black'), local('SairaCondensed-Black'), url(/system/fonts/Saira/SairaCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira Condensed BlackItalic'), local('SairaCondensed-BlackItalic'), url(/system/fonts/Saira/SairaCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Condensed: ---- */

/* ---- Extra Condensed: ---- */
@font-face {
	font-family: 'Saira Extra Condensed';
	font-style: normal;
	font-weight: 100;
	src: local('Saira ExtraCondensed Thin'), local('SairaExtraCondensed-Thin'), url(/system/fonts/Saira/SairaExtraCondensed-Thin.woff2) format('woff2');
}
@font-face {
	font-family: 'Saira Extra Condensed';
	font-style: italic;
	font-weight: 100;
	src: local('Saira ExtraCondensed Thin'), local('SairaExtraCondensed-Thin'), url(/system/fonts/Saira/SairaExtraCondensed-ThinItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 200;
  src: local('Saira ExtraCondensed ExtraLight'), local('SairaExtraCondensed-ExtraLight'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 200;
  src: local('Saira ExtraCondensed ExtraLightItalic'), local('SairaExtraCondensed-ExtraLightItalic'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraLightIalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Saira ExtraCondensed Light'), local('SairaExtraCondensed-Light'), url(/system/fonts/Saira/SairaExtraCondensed-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 300;
  src: local('Saira ExtraCondensed LightItalic'), local('SairaExtraCondensed-LightItalic'), url(/system/fonts/Saira/SairaExtraCondensed-LightItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira ExtraCondensed Regular'), local('SairaExtraCondensed-Regular'), url(/system/fonts/Saira/SairaExtraCondensed-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 400;
  src: local('Saira ExtraCondensed Italic'), local('SairaExtraCondensed-Italic'), url(/system/fonts/Saira/SairaExtraCondensed-Italic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 500;
  src: local('Saira ExtraCondensed Medium'), local('SairaExtraCondensed-Medium'), url(/system/fonts/Saira/SairaExtraCondensed-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 500;
  src: local('Saira ExtraCondensed MediumItalic'), local('SairaExtraCondensed-MediumItalic'), url(/system/fonts/Saira/SairaExtraCondensed-MediumItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 600;
  src: local('Saira ExtraCondensed SemiBold'), local('SairaExtraCondensed-SemiBold'), url(/system/fonts/Saira/SairaExtraCondensed-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 600;
  src: local('Saira ExtraCondensed SemiBoldItalic'), local('SairaExtraCondensed-SemiBoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-SemiBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Saira ExtraCondensed Bold'), local('SairaExtraCondensed-Bold'), url(/system/fonts/Saira/SairaExtraCondensed-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 700;
  src: local('Saira ExtraCondensed BoldItalic'), local('SairaExtraCondensed-BoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-BoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 800;
  src: local('Saira ExtraCondensed ExtraBold'), local('SairaExtraCondensed-ExtraBold'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: italic;
  font-weight: 800;
  src: local('Saira ExtraCondensed ExtraBoldItalic'), local('SairaExtraCondensed-ExtraBoldItalic'), url(/system/fonts/Saira/SairaExtraCondensed-ExtraBoldItalic.woff2) format('woff2');
}

@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira ExtraCondensed Black'), local('SairaExtraCondensed-Black'), url(/system/fonts/Saira/SairaExtraCondensed-Black.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: 'Saira Extra Condensed';
  font-style: normal;
  font-weight: 900;
  src: local('Saira ExtraCondensed BlackItalic'), local('SairaExtraCondensed-BlackItalic'), url(/system/fonts/Saira/SairaExtraCondensed-BlackItalic.woff2) format('woff2');
}
/* ENDE Extra Condensed: ---- */