/* #### ../../../../frontend/kunden/bergkroft.at/css/fonts.css #### */
@import url("../fonts/MaterialIcons/materialicons.css");

@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_bold_italic-webfont.woff2') format('woff2'),
         url('../fonts/sansation_bold_italic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_bold-webfont.woff2') format('woff2'),
         url('../fonts/sansation_bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_italic-webfont.woff2') format('woff2'),
         url('../fonts/sansation_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_light_italic-webfont.woff2') format('woff2'),
         url('../fonts/sansation_light_italic-webfont.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_light-webfont.woff2') format('woff2'),
         url('../fonts/sansation_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Sansation';
    src: url('../fonts/sansation_regular-webfont.woff2') format('woff2'),
         url('../fonts/sansation_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* #### ../../../../frontend/kunden/bergkroft.at/css/common.css #### */
/* CSS Document */
* {
    position:relative;
    box-sizing:border-box;
}

html {
    min-height:100vh;
    padding:0px;
    margin:0px;
}
body {
	font-size:1em;
    padding:0px;
	padding-top:0em;
    margin:0px;
	height:100%;
	
	font-weight:normal;
    line-height:1.5em;
	color:var(--common-font-color);
	background-color:var(--common-hg-color);
	background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
}
body, form * {
	font-family:"Roboto Condensed", Arial, sans-serif;
	font-size:1.2em;
}

h1, h2, h3, h4, h5, h6 {
    font-family:"Sansation",sans-serif;
    
	font-weight:300;
	line-height:1em;
	margin-top:1em;
	margin-bottom:0.5em;
    text-shadow:1px 1px 0px white;
}
main h1 {
	font-size:4rem;
	line-height:1.2em;
	font-weight:300;
	text-align:left;
}
main h2 {
	font-size:2rem;
	margin-bottom:0.5em;
	padding-bottom:0.1em;
	border-bottom:none;
    line-height:1em;
}
main h2:first-line {
    line-height:1.2em;
}

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

main a,
footer a {
    padding:0.2em 0.5em;
    border-radius:0.2em;
    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 {
    border-color:var(--common-a-color-hover);
    background:none;
    color:var(--common-a-color-hover);
}

/* ---- globale Variablen: ---- */
:root {
    --red:hsl(0,95%,37.5%);
    --red2:hsl(0,100%,50%);
    
    --grey:hsl(194,10%,14%);
    --grey2:hsl(194,0%,26%);
    --grey3:hsl(194,10%,72%);
    
	--common-font-color:var(--grey);
	--common-font-color-bright:white;
	--common-font-color-lower:#111;
	--common-font-color-hover:var(--grey2);
	--common-font-color-inverted:var(--grey3);
	--common-headline-color1:var(--red);
	--common-headline-color2:var(--common-font-color);
	--common-headline-color-engraved:white;
	--common-headline-color-bright:white;
	
	--common-hg-color:#eee;
	--common-hg-color-bright:white;
    --common-hg-color-dark:var(--grey);
	
	--common-status-color:var(--grey);
	--common-info-color:#666;
	
	--common-border-color:var(--grey3);
	--common-border-color-bright:var(--common-font-color-bright);
	--common-border-color-dark:var(--grey);
    
	--common-a-color:var(--red);
	--common-a-color-hover:white;
	--common-a-color-inverted:white;
	--common-a-color-inverted-hover:var(--red);
	--common-a-background:rgba(255,255,255,0.1);
    
    --common-nav-color:var(--grey);
    --common-nav-color-hover:var(--red);
    --common-nav-color-active:var(--red);
    
    --common-ok-color:hsl(120,100%,30%);
    --common-notok-color:hsl(0,100%,30%);
}
/* ENDE globale Variablen: ---- */

#LStatus2.useAsLoader {
	top:20%;
}


/* #### ../../../../frontend/kunden/bergkroft.at/css/content.css #### */
.synegrid.subgrid:nth-of-type(even) {
    padding-right:var(--pright);
    grid-template-areas:
        "pic pic pic pic pic pic pic pic text text text text";
}
.synegrid.subgrid:nth-of-type(odd) {
    padding-left:var(--pleft);
    grid-template-areas:
        "text text text text pic pic pic pic pic pic pic pic";
}
.synegrid.subgrid .slider {
    grid-area:pic;
}
.synegrid.subgrid .text {
    grid-area:text;
}
.roas {
    --green:hsl(120,100%,10%);
    --orange:hsla(30,100%,40%,1.00);
    
    border-top:1px solid #fff;
    border-bottom:1px solid #ccc;
    padding:5em 1rem;
}
.roas.subgrid2 {
    display:grid;
    grid-template-columns:1fr minmax(auto,71.25rem) 1fr;
    grid-template-areas:
        ". text ."
        "pic pic pic";
}
.roas.subgrid2:nth-of-type(even) {
    background-color:#f3f3f3;
}
.roas.subgrid2:nth-of-type(odd) {
    background-color:#eee;
}
.roas .slider {
    grid-area:pic;
}
.roas.subgrid .slider .synegallery {
	height:calc(100vw / 8 * 3);
}

.roas.subgrid2 .slider .synegallery {
    --width_pic:70vw;
    margin:auto;
    max-width:var(--width_pic);
    height:calc(var(--width_pic) / 16 * 9);
    border-radius:0.5em;
    background-color:white;
    padding:1em;
    border:2px solid #ddd;
}
.roas.subgrid2 .slider .synegallery img {
    border-radius:0.5em;
    border:1px solid #ddd;
}
.roas .synegallery figcaption {
    display:none;
}

.roas .text {
    grid-area:text;
	padding:1em;
	border-radius:0.2em;
	background-color:rgba(255,255,255,0.7);
	color:#333;
}

.roas {
	aspect-ratio:16 / 9;
}


.subgrid2 {
    margin:auto;
    display:grid;
    grid-template-columns:3fr 7fr;
    grid-template-areas:
        "h2 text"
        "button button";
    grid-gap:2em;
}
.subgrid2 h2 {
    grid-area:h2;
    width:10em;
    height:10em;
    border-radius:50%;
    border:5px solid grey;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
    
    text-align:center;
    background-color:white;
    color:white;
    text-shadow:0px 0px 0.5em black;
}
.subgrid2 .beschreibung {
    grid-area:text;
    display:flex;
    justify-content:center;
    align-content:center;
    align-items:center;
}
.subgrid2 .beschreibung :first-line {
    font-size:120%;
}
.subgrid2 .beschreibung > * {
    column-count: 2;
    column-gap: 1em;
}
.subgrid2 button {
    grid-area:button;
    margin:1em auto;
    margin-top:0px;
}

.roas.subgrid h2 {
	text-shadow:none;
}
#CGenussroas.subgrid {
	background-color:var(--green);
	color:var(--common-font-color-bright);
}
#CSunnroas.subgrid {
	background-color:var(--orange);
	color:var(--common-font-color-bright);
}
#CAlaniroas.subgrid {
}

#CGenussroas.subgrid2 h2 {
	border-color:var(--green);
    background-image:url("../images/genussroas.jpg");
    background-size:cover;
    background-position: center;
}
#CSunnroas.subgrid2 h2 {
	border-color:var(--orange);
    background-image:url("../images/sunnroas.jpg");
    background-size:cover;
    background-position: center;
}
#CAlaniroas.subgrid2 h2 {
    background-image:url("../images/alaniroas.jpg");
    background-size:cover;
    background-position: center;
}


.intropic {
    display:block;
    object-fix:cover;
    object-position:center;
}

.roas {
    /*
    background-color:var(--common-hg-color-dark);
    color:var(--common-font-color-bright);
	
	min-height:calc(100vw / 16 * 9 / 3 * 2);
    */
}
.roas h2 {
    /*
    text-shadow:1px 1px 0px black;
    */
}
.synegallery {
    height:100%;
}

button.anfrage {
	font-size:1.5em;
	color:var(--common-a-color);
	border-color:var(--common-a-color);
}
button.anfrage:hover {
	color:var(--common-a-color-inverted);
	background-color:var(--common-a-color);
}
#CGenussroas.subgrid button.anfrage,
#CSunnroas.subgrid button.anfrage{
	font-size:1.5em;
	color:var(--common-a-color-inverted);
	border-color:var(--common-a-color-inverted);
}
#CGenussroas.subgrid button.anfrage:hover,
#CSunnroas.subgrid button.anfrage:hover {
	color:var(--common-a-color);
	background-color:var(--common-a-color-inverted);
}

#CGenussroas {
	background-image:url("../images/genussroas_2025.jpg");
	background-size:cover;
	background-position:center;
}
#CSunnroas {
	background-image:url("../images/sunnroas_2025.jpg");
	background-size:cover;
	background-position:center;
}

#CKontakt button:hover {
	background-color:var(--common-a-color);
	border-color:var(--common-a-color);
	color:var(--common-a-color-inverted);
}

#LB_gutscheine.synegallery {
	height:calc(50em / 16 * 9);
}
#LB_gutscheine.synegallery figcaption {
	display:none;
}

.socialmedia {
	margin-top;0.5em;
	text-align:center;
}
.socialmedia a {
}
.socialmedia img {
	width:3em;
	height:3em;
	border:none;
	margin:0.5em;
}

.synegrid a.download {
	display:block;
	margin:1em 0;
	width:fit-content;
	border-color:var(--red);
	color:var(--red);
}
.synegrid a.download:hover {
	background-color:var(--red);
	color:white;
}

.border-top {
	border-top:1px solid grey;
	padding-top:2em;
}


/* #### ../../../../frontend/kunden/bergkroft.at/css/design.css #### */
.stdWidth {
	max-width:100rem;
	margin:auto;
}

.stdGrid {
	display:grid;
	grid-template-columns:repeat(12,1fr);
	grid-gap: 1em;
}

#H0 {
    background-color:var(--common-hg-color-bright);
    padding:0px;
    border-bottom:1px solid var(--common-border-color);
	position:sticky;
	top:0px;
	z-index:999;
	box-shadow:0px 1em 1em grey;
	display:flex;
	justify-content: center;
	align-content: stretch;
	align-items: center;
}
#H0 > * {
	flex-grow: 0;
	flex-shrink: 1;
}
#CLogo {
    display:block;
    height:3em;
    width:auto;
    margin-bottom:0.5em;
    margin-top:0.5em;
	margin-left:1em;
	margin-right:1em;
}
#H1 .intropic {
    width:100%;
    height:50vh;
}
#H1 .slogan {
    position:absolute;
    right:1em;
    bottom:1em;
    height:auto;
    text-align:right;
    text-shadow:0px 0px 1em white;
    font-size:2em;
    line-height:1.1em;
    max-width:50%;
    color:white;
    
    font-family:"Sansation",sans-serif;
    font-weight:300;
    padding:0px;
    margin:0px;
}

.synegrid {
    --width:71.25rem;
}

#CAblauf {
}
#CAblauf .synegrid {
	--width:50rem;
}
#CAblauf .synegrid {
	--ptop:2rem;
	--pbottom:2rem;
	--pleft:2rem;
	--pright:2rem;
	border-radius:2rem;
	margin:2rem auto;
}
#CAblauf .synegrid.steps {
	background-color:var(--red);
	color:white;
	font-size:1.2em;
	border:1px solid white;
}
#CAblauf .synegrid h1 {
	font-size:2em;
	line-height:1em;
	text-shadow:none;
}
#CAblauf .synegrid.allgemeines {
	background-color:var(--common-hg-color-bright);
	border:1px solid white;
}
#CKontakt {
	background-color:var(--common-hg-color-bright);
}

#F0 img {
	max-width:30em;
}
#F1 {
	font-size:80%;
	text-align:center;
	line-height:1.5em;
}
#F1 a,
#CImpressum a,
#CBergkroft a {
	color:var(--common-a-color);
	border-color:var(--common-a-color);
	margin:0.1em 0px;
	display:inline-block;
}
#F1 a:hover,
#CImpressum a:hover {
	background-color:var(--common-a-color);
	color:var(--common-a-color-inverted);
}
#CBergkroft a {
	margin:0px;
	padding:0px;
	border:0px;
	border-radius:0px;
}
#CBergkroft a:hover {
	background:none;
	text-decoration: underline;
}

/*
*/


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


nav ul {
    display:flex;
    justify-content:center;
    align-items:center;
    align-content:center;
}
nav a {
    padding:0.2em 2em;
    border-bottom:2px solid rgba(255,255,255,0);
    transition:border-color 0.5s;
    border-radius:0px;
    text-transform:uppercase;
}
nav a:hover {
    border-bottom-color:var(--common-nav-color-hover);
    border-radius:0px;
}
#nav0 ul ul {
    display:none;
    position:absolute;
    z-index:100;
    top:100%;
    min-width:100%;
    background-color:var(--common-hg-color-bright);
    height:auto;
    display:none;
    
    text-transform:none;
}

#nav0 li:hover li {
    color:var(--common-nav-color);
}

#nav0 li:hover,
#nav0 li li:hover {
    color:var(--common-nav-color-hover);
}
#nav0 li:hover > ul {
    display:block;
}

#nav2 {
	padding:1em 1em;
	font-size:90%;
	border-bottom:1px solid var(--common-font-color-bright);
}


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

form * {
	font-size:inherit;
}

label {
	display:block;
	margin-top:0.5em;
	margin-bottom:0.1em;
	line-height:1em;
}
input,
textarea,
select,
button {
	display:block;
	width:100%;
	border:1px solid var(--border-color);
	padding:0.5em 1em;
	border-radius:0.2em;
	line-height:1em;
	box-sizing:border-box;
}
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]::after,
label[data-required]::after {
	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:rgba(255,255,255,0);
	color:var(--common-a-color);
	transition:border-color 0.5s, color 0.2s;
}
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);
}


/* #### ../../../../frontend/kunden/bergkroft.at/css/responsive.css #### */
@media screen and (min-width:48em) {
	#btnNav {
		display:none;
	}
	#nav0 {
		display:block;
	}
}
@media screen and (max-width:48em) {
    #H0 {
        display:flex;
        justify-content:center;
        align-content:stretch;
        align-items:center;
    }
	#H1 .slogan {
		max-width:80%;
	}
	#btnNav {
		display:block;
	}
	#nav0 {
		display:none;
		margin-top:0.5em;
		height:auto;
        position: absolute;
        width: 100%;
        top: calc(100% - 0.5em);
        z-index: 1000;
        box-shadow: 0px 1em 1em black;
        border-top: 1px solid #eee;
	}
	#nav0 > ul {
		margin:0px;
		background-color:var(--common-hg-color-bright);
		display:block;
		height:auto;
		border-radius:0px 0px 0.5em 0.5em;
	}
	#nav0 li {
		background:none;
		box-shadow:none;
	}
	#nav0 ul ul {
		position:relative;
		display:block;
		margin-left:2em;
		font-size:90%;
	}
    
    #CLogo {
        height:4em;
        margin:0.5em auto;
    }
	
	
	.synegrid.subgrid:nth-of-type(odd),
	.synegrid.subgrid:nth-of-type(even) {
		padding-left: var(--pleft);
		grid-template-areas:
			"pic pic pic pic pic pic pic pic pic pic pic pic"
			"text text text text text text text text text text text text";
	}
	.synegrid.subgrid .slider {
		height:30vh;
	}
	.synegrid.fullwidth {
	}
	/*	
	main section {
		padding:2em 0px;
	}
	*/
    
    .subgrid2 {
        grid-template-columns:1fr;
        grid-template-areas:
            "h2"
            "text"
            "button";
    }
    .subgrid2 h2 {
        margin-left:auto;
        margin-right:auto;
    }
    .roas .slider .synegallery {
        max-width:100%;
	    height:50vh;
    }
    .subgrid2 .beschreibung > * {
        column-count:1;
    }
	main h1 {
		font-size:2.5rem;
	}
	main h2 {
		font-size:2rem;
	}
	main ul {
		margin-left:0em;
	}
}

@media screen and (max-width:48em) {
	.flexbox {
		flex-direction:inherit;
	}
}


/* #### ../../../../system/css/font_anton.css #### */
@font-face {
    font-family: 'Anton';
    src: url('/system/fonts/Anton/Anton-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}



/* #### ../../../../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: ---- */