/**
* orf universal fonts - variable font with static fallback
* automatically generated - don't edit!
*/
:root {
/* otherwise, opsz is set to font size in pixel, which triggers headline style in larger sizes */
font-optical-sizing:none;
/* hardcode opsz to fix safari bug:https://bugs.webkit.org/show_bug.cgi?id=247987 */
font-variation-settings:'opsz' 16;
/* make sure real font is used everytime */
font-synthesis:none;
/* custom prop to use fallback stack */
--font-orf-universal:"ORF Universal", -apple-system, BlinkMacSystemFont, Arial, Roboto, sans-serif;
--font-orf-universal-condensed:"ORF Universal Condensed", "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, "ORF Fallback Roboto Condensed";
--font-orf-universal-sc:"ORF Universal SC", "ORF Fallback SC", sans-serif;
--font-orf-universal-logo:ORF Universal Logo, var(--font-orf-universal);
}
/* in ff, needs to be explicitly deactivated */
input, textarea, button, select {
font-optical-sizing:inherit;
}
/* fallback font that also works with font-stretch:condensed */
@font-face {
font-family:ORF Fallback;
font-stretch:normal;
src:local(Arial); /* ie11 only wants one local() */
src:local(Avenir Next), local(Arial), local(Roboto);
}
@font-face {
font-family:ORF Fallback;
font-stretch:condensed;
src:local(ArialNarrow); /* ie11 only wants one local() */
src:local(Avenir Next Condensed), local(ArialNarrow), local(Roboto Condensed);
}
@font-face {
font-family:ORF Fallback Condensed;
font-stretch:condensed;
src:local(ArialNarrow); /* ie11 only wants one local() */
src:local(Avenir Next Condensed), local(ArialNarrow), local(Roboto Condensed);
}
/* for Firefox/Android (which doesn't understand sans-serif-condensed) to auto-select condensed; put after sans-serif-condensed (Chrome needs that) */
@font-face {
font-family:ORF Fallback Roboto Condensed;
font-stretch:condensed;
src:local(Roboto);
}
/* fallback for SC that displays similar size */
@font-face {
font-family:ORF Fallback SC;
src:local(Arial); /* ie11 only wants one local() */
src:local(Avenir Next), local(Arial), local(Roboto);
size-adjust:85%;
}
@font-face {
font-family:"ORF Universal";
font-weight:300;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-weight:300;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:300;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:300;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:300;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:300;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:400;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-weight:400;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:400;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:400;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:400;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:400;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:500;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-weight:500;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:500;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:500;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:500;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:500;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:700;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-weight:700;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:700;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:700;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:700;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-weight:700;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:300;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-style:italic;
font-weight:300;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:300;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:300;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:300;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:300;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_LightItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:400;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-style:italic;
font-weight:400;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:400;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:400;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:400;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:400;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_RegularItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:500;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-style:italic;
font-weight:500;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:500;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:500;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:500;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:500;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_MediumItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:700;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Condensed";
font-style:italic;
font-weight:700;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalCondTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:700;
font-stretch:87.5%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalSemiCondTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:700;
font-stretch:125%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalWideTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:700;
font-stretch:140%;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalExtTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal";
font-style:italic;
font-weight:700;
font-stretch:normal;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversal/Variable/Web/WOFF2/ORFUniversalVF_Italic_W_WghtWdthOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversal/Web/WOFF/ORFUniversalBasicTX_W_BoldItalic.woff") format("woff")
}
@font-face {
font-family:"ORF Universal SC";
font-weight:300;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversalSC/Variable/Web/WOFF2/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversalSC/Web/WOFF/ORFUniversalSCCondTX_W_Light.woff") format("woff")
}
@font-face {
font-family:"ORF Universal SC";
font-weight:400;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversalSC/Variable/Web/WOFF2/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversalSC/Web/WOFF/ORFUniversalSCCondTX_W_Regular.woff") format("woff")
}
@font-face {
font-family:"ORF Universal SC";
font-weight:500;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversalSC/Variable/Web/WOFF2/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversalSC/Web/WOFF/ORFUniversalSCCondTX_W_Medium.woff") format("woff")
}
@font-face {
font-family:"ORF Universal SC";
font-weight:700;
font-stretch:condensed;
src:local("\263A"),
url("//orf.at/fonts/ORFUniversalSC/Variable/Web/WOFF2/ORFUniversalSCVF_W_WghtOpsz.woff2") format("woff2-variations"),
url("//orf.at/fonts/ORFUniversalSC/Web/WOFF/ORFUniversalSCCondTX_W_Bold.woff") format("woff")
}
@font-face {
font-family:"ORF Universal Logo";
font-weight:500;
src:local("\263A"),
url("https://orf.at/fonts/ORFUniversalLogo/Web/WOFF2/ORFUniversalLogo_W_Medium.woff2") format("woff2"),
url("https://orf.at/fonts/ORFUniversalLogo/Web/WOFF/ORFUniversalLogo_W_Medium.woff") format("woff");
}
:root {
--maxBreite: 1470px; /* max Seitenbreite */
--headHoehe: 100px; /* Header Hoehe */
--headPos: fixed; /* absolute / fixed */
--headTransBg: #ffffff00; /* Header BG semitransparent */
--headSolidBg: #fff; /* Header BG vollfaerbig */
--headTiming: 0.5s; /* Header Animations Dauer */
--mainNavFlappe:220px; /* Breite der Hauptemenu Flappe */
--hamCol1: #000; /* Hamburger Farbe, wenn Header semitransparent */
--hamCol2: #000; /* Hamburger Farbe, wenn Header vollfaerbig */
--hamSize: 36px; /* Hamburger Kreis Durchmesser */
--hamTiming: 0.5s; /* Animations Geschwindigkeit */
--hamBor: 1px; /* Border Breite */
--hamBorRad: 50%; /* Border Radius */
--hamBorCol: #000; /* Border Farbe */
--hamBg: #00000000; /* Hamburger BG */
--hamLinB: 16px; /* Linien Breite */
--hamLinH: 2px; /* Linien Hoehe */
--hamLinGap: 3px; /* Abstand zw Linien */
--hamOffTop: calc((var(--hamSize) - var(--hamLinH) ) / 2); /* Offset Linien oben */
--hamOffLeft: calc((var(--hamSize) - var(--hamLinB) ) / 2); /* Offset Linien links */
--hamOffYLin3: calc(var(--hamLinH) + var(--hamLinGap) ); /* Versatz Linie 3 */
--hamOffYLin1: calc( var(--hamOffYLin3) * -1); /* Versatz Linie 1 */
--ciFarbe: #d32822; /* ORF ROT (aus svg) */
--ciFarbe1: #0077a8;
--msmTxt: #fff;
--aktivMenFarbe:#d32822;
--mainMenTx: #fff;
--mainMenAktivTx:#fff;
--mainMenLinie:#000;
--mainMenAktivLinie:#d32822;
}
html {font-size:100%; line-height:100%; scroll-behavior:smooth;}
* {font-family:"ORF Universal Condensed","ORF Fallback SC",sans-serif; font-size:19px; line-height:28px; color:#222222; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
*:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body {background-color:#ffffff; padding:0px; margin:0px;}
body.popup {padding:10px;}
a, img {border-style:none; text-decoration:none;}
a {color:#0077a8; font-size:inherit; line-height:inherit; font-weight:inherit;}
img[align="left"] {margin-right:10px; margin-bottom:10px;}
a:hover {text-decoration:none;}
h1, .titel {font-size:34px; line-height:42px; font-weight:bold; margin-bottom:10px;}
h2, .untertitel {font-size:24px; line-height:32px; margin-bottom:10px;}
h3, .content {font-size:20px; line-height:28px; margin-bottom:10px;}
h3 {margin:0px;}
h4 {margin:0px;}
h2.login {margin-bottom:15px;}
div {margin:0px; padding:0px;}
p {margin:0px;}
td {vertical-align:top;}
ul, ol, form {margin:0px; padding:0px;}
ul,ol {margin:15px 0 15px 15px;}
li {padding:5px 0;}
b,strong {color:inherit; font-size:inherit; font-weight:bold; font-weight:500; font-style:inherit; line-height:inherit;}
.clr {font-size:0; line-height:0;}
body.content {background-image:none; background-position:center top; background-repeat:no-repeat;}
sup,sub {font-size:14px; color:inherit !important;}
.pv22-blau {color:#044990 !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-gelb {color:#da8818 !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-gruen {color:#003b16 !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-orange {color:#e6582a !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-rot {color:#b81a15 !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-schwarz {color:#333333 !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-pink {color:hsl(327, 100%, 45%) !important; font-size:inherit; font-weight:inherit; font-style:inherit; line-height:inherit;}
.pv22-orange_hell {background-color:#fee3d2 !important;}
.pv22-blau_hell {background-color:#dce9fc !important;}
.pv22-gruen_hell {background-color:#deeedc !important;}
.pv22-gelb_hell {background-color:#feecbb !important;}
.pv22-rot_hell {background-color:#ffd9d9 !important;}
.pv22-schwarz_hell {background-color:#eeeeee !important;}
.myTop {width:100%;}
.myTop img {width:100%; height:auto;}
.myContent {width:100%; padding-bottom:50px;}
#sprachenchange {position:fixed; z-index:23; right:275px; top:34px; }
.sprachen {font-size:13px !important; color:#000;}
.sprachen strong {font-size:13px !important; color:#000;}
#suchcontainer {position:fixed; z-index:23; right:5px; top:27px;}
#suchcontainer,#suchcontainer * {font-size:14px !important; line-height:14px !important;}
#tagsearchcontainer {width:208px; background-color:#fff; position:absolute; z-index:100;}
.pv_search_submit {position:relative; top:7px; width:40px; height:24px; display:inline-block; background-image:url(../images/page/2024/top04suche_sw.png); background-repeat:no-repeat; background-size:40px 24px;}
#hero {width:100%; max-width:var(--maxBreite); min-height:400px; margin:100px auto 0; position:relative; background:#f7f7f7;}
#heroOverlay {position:absolute; width:100%; height:100%; z-index:2; display:grid; align-content:end; justify-content:start;}
#heroBild {position:relative; z-index:1;}
#heroBild img {width:100%; height:100%; min-height:400px; object-fit:cover;}
#heroOverlayHl {width:100%; margin:0; padding:0px; /*ont-size:clamp(40px,7vw,120px); line-height:clamp(40px,7vw,120px);*/ background-color:#eee;}
#heroOverlayHl h1 {width:calc(80% - 40px); margin:0 0 50px; padding:40px 0 40px min(4vw,60px); /*font-size:clamp(40px,7vw,120px); line-height:clamp(40px,7vw,120px);*/ color:#333; font-weight:500;}
#heroOverlayZahl {transform:scale(2.25); bottom:-40px; right:40px; width:60px; height:60px; margin:20px; padding:10px; position:absolute; z-index:2; font-size:26px; color:#fff; text-align:center; display:grid; align-content:center; justify-content:center; border-radius:50%; background-color:#333;}
.heroOverlayFrage {font-size:12px; line-height:12px; text-transform:uppercase; color:inherit;}
#heroOverlayZahl div {color:#fff;line-height:26px; font-size:26px;}
#fullwidth {width:100%; max-width:100vw; min-height:400px; margin:0 auto; background:#f7f7f7;}
#fullwidth img {width:100%; height:100%; min-height:400px; object-fit:cover;}
#titelwrap {width:100%; max-width:var(--maxBreite); margin:50px auto 30px; padding:0; position:relative; display:none;}
#spalte0 {width:100%; left:0; padding: 0;
margin: auto; position:relative;}
img[align="absmiddle"] {width:100%; height:100%; object-fit:cover;}
img[align="absbottom"] {width:100%; height:100%; object-fit:cover;}
#hero img[align="absmiddle"] {object-position:left; margin:0 !important;}
#hero img[align="absbottom"] {object-position:right; margin:0 !important;}
.unterstrichen {position:relative; text-decoration:none !important; border-bottom:2px solid;}
#xtra {width:100%; margin:30px 0; float:none;}
#xtra #spalte02 {margin:0; width:auto;}
#innerwrap {width:100%; float:none;}
/* --------- VIDEO im CONTENT ----------- */
#mp4_container {margin:20px 0; margin-left:100px; padding-left:40px !important; position:relative; z-index:1;}
.oonmedia-video .oonmedia-video-container {width:100% !important; height:100% !important; position:relative; overflow:hidden;}
.video-js-box {border-top:none; border-right:none; border-bottom:none;}
#videoOver {position:fixed; top:0; left:0; width:100vw; height:100vh; padding:10vh 10vw; background-color:#000000dd; z-index:100; display:grid; display:none;}
#videoOver #videoClose {position:absolute; z-index:2; top:5vh; right:5vw; width:30px; height:30px;}
.video {width:auto; height:auto; margin:20px 0 20px 100px; padding-left:40px !important; position:relative; border-left: 2px solid rgb(230, 88, 42);}
.video a.videolink img {width:100%; height:100%; display:block;}
#videoOver #mp4_container {width:80vw !important; height:80vh !important; top:10vh; left:10vw; margin:0; padding:10px !important; width:auto !important; height:fit-content !important; align-self:center; top: 0; left: 0;;}
.oonmedia-video .oonmedia-controls {background-color:rgba(255, 255, 255, 0.7) !important; }
.oonmedia-video .oonmedia-video-container {width:auto!important; height:auto!important; padding-bottom: 50px !important;}
.oonmedia-video .oonmedia-controls[data-state="hidden"] { opacity: 1 !important; pointer-events: auto !important; }
/* ---------- TEXT wie Videoblock gestyled ---------- */
.textWieVideo {margin:20px 0; margin-left:100px; padding-left:40px !important; position:relative; z-index:1; border-left: 2px solid rgb(230, 88, 42);}
#header {width:100vw; position:var(--headPos); top:0; z-index:22; line-height:16px !important; background-color:#ffffff50; transition:background-color .5s;}
#header * {line-height:16px !important;}
#headerwrap {max-width:var(--maxBreite); height:var(--headHoehe); padding:0 20px; display:grid; grid-gap:30px; grid-template-columns:calc(var(--hamSize) + (2 * var(--hamBor))) 88px 1fr; align-content:center;}
.wrapper {max-width:var(--maxBreite); margin:0 auto;}
#navi {display:grid; align-content:center;}
#cssmenu_h {top:6px !important;}
svg path {fill:#000 !important; transition:fill var(--hamTiming);}
svg path.aktiv {fill:#000 !important; transition:fill var(--hamTiming);}
#logo {width:auto; height:auto; padding-left:0;}
#logo a {width:88px; height:51px; display:inline-grid; grid-template-columns:1fr;}
#logo a img.logo {width:88px; height:37px; margin-bottom:6px;}
img.logo {width:auto; height:auto;}
#hamburger {width:calc(var(--hamSize) + (2 * var(--hamBor))); height:calc(var(--hamSize) + (2 * var(--hamBor))); display:grid; justify-content:center; align-content:center; justify-self:center; align-self:center; border-radius:var(--hamBorRad); background-color:#ffffff00; transition:background-color .5s;}
#header {background-color:var(--headTransBg); transition:background-color var(--headTiming);}
#header.headAktiv, #header.headTrans.headAktiv {background-color:var(--headSolidBg) !important; transition:background-color var(--headTiming) ease-out;}
header {grid-gap:20px;}
#header.headSolid {background-color:var(--headSolidBg) !important;}
#header.headTransp {background-color:var(--headTransBg) !important;}
#header.headAktivFlappe svg path.aktiv {background-color:#f00;}
#menuFlappe {background-color:#fff; width:100%; height:0px; top:var(--headHoehe); position:relative; z-index:9; transition:height var(--hamTiming),opacity var(--hamTiming); opacity:0; overflow:hidden scroll;}
#menuFlappe.mfAktiv {opacity:1; height:50vh; transition:height var(--hamTiming),opacity var(--hamTiming);}
#navbutton2 {width:var(--hamSize); height:var(--hamSize); align-self:center; display:block; position:relative; border-radius:50%; border:var(--hamBor) solid var(--hamBorCol); background-color:var(--hamBg); box-sizing:content-box; transition:border var(--hamTiming);}
.navbutton-line {width:var(--hamLinB); height:var(--hamLinH); left:var(--hamOffLeft); top:var(--hamOffTop); position:absolute; background-color:var(--hamCol1); border-radius:2px; transform-origin:center; }
.hamcol1 {border-color:var(--hamCol1) !important; fill:var(--hamCol1)!important; animation:all var(--hamTiming);}
.hamcol2 {border-color:var(--hamCol2) !important; fill:var(--hamCol2) !important; animation:all var(--hamTiming);}
.hamcol1 .navbutton-line {background-color:var(--hamCol1) !important; transition:all var(--hamTiming); animation:all var(--hamTiming);}
.hamcol2 .navbutton-line {background-color:var(--hamCol2) !important; transition:all var(--hamTiming); animation:all var(--hamTiming);}
#navbutton2.menubutton .navbutton-line:nth-child(1) {transform:translateY(var(--hamOffYLin1)) rotateZ(0deg) scale3d(1,1,1); animation:navimation1back var(--hamTiming);transition:all var(--hamTiming);}
#navbutton2.menubutton .navbutton-line:nth-child(2) {transform:scale3d(1,1,1); animation:navimation2back var(--hamTiming);transition:all var(--hamTiming);}
#navbutton2.menubutton .navbutton-line:nth-child(3) {transform:translateY(var(--hamOffYLin3)) rotateZ(0deg) scale3d(1,1,1); animation:navimation3back var(--hamTiming);transition:all var(--hamTiming);}
#navbutton2.closebutton .navbutton-line:nth-child(1) {animation:navimation1 var(--hamTiming) forwards;transition:all var(--hamTiming);}
#navbutton2.closebutton .navbutton-line:nth-child(2) {animation:navimation2 var(--hamTiming) forwards;transition:all var(--hamTiming);}
#navbutton2.closebutton .navbutton-line:nth-child(3) {animation:navimation3 var(--hamTiming) forwards;transition:all var(--hamTiming);}
@keyframes navimation1 {
0% {transform:scale3d(1,1,1);transition:all var(--hamTiming);}
50% {transform:scale3d(0,0,1) rotateZ(0deg);transition:all var(--hamTiming);}
100% {transform:scale3d(1,1,1) rotateZ(45deg) translateY(0px);transition:all var(--hamTiming);}
}
@keyframes navimation2 {
0% {transform:scale3d(1,1,1);}
100% {transform:scale3d(0,0,1);}
}
@keyframes navimation3 {
0% {transform:scale3d(1,1,1);}
50% {transform:scale3d(0,0,1) rotateZ(0deg);}
100% {transform:scale3d(1,1,1) rotateZ(-45deg) translateY(0px);}
}
@keyframes navimation1back {
0% {transform:scale3d(1,1,1) rotateZ(45deg);}
50% {transform:scale3d(0,0,1) rotateZ(0deg);}
100% {transform:scale3d(1,1,1) translateY(var(--hamOffYLin1));}
}
@keyframes navimation2back {
0% {transform:scale3d(0,0,1);}
100% {transform:scale3d(1,1,1);}
}
@keyframes navimation3back {
0% {transform:scale3d(1,1,1) rotateZ(-45deg);}
50% {transform:scale3d(0,0,1) rotateZ(0deg) ;}
100% {transform:scale3d(1,1,1) translateY(var(--hamOffYLin3));}
}
#menuFlappe {width:100%; height:0; top:0; padding-top:var(--headHoehe); margin:auto; position:fixed; overflow:hidden scroll; transition:all .25s ease-out; background-color:#fff; opacity:0;}
#menuFlappe.mfAktiv {height:calc(100vh - 100px); min-height:100%; opacity:1; transition:all .25s ease-out;}
#vollmenu {display:none; max-width:var(--maxBreite); margin:0 auto; padding:0;}
#vollmenu ul {margin:0; padding:0;}
#vollmenu > ul {padding:0 20px;}
ul#vollmenu > li {display:inline-block;}
ul#vollmenu li ul {display:inline-block;}
li.sitemap2 {margin:0 0 0 20px; padding:0; list-style-type:disc; }
li.sitemap2 a {font-size:14px !important;}
ul.sitemap3 {margin:10px 0; display:none;}
li.sitemap3 {padding:0;}
.sitemap3 a {color:#222;}
#vollmenu a {color:#000 !important;}
li.sitemap2 a.activemenu {color:#f00 !important;}
li.sitemap3 a.activemenu {color:#f00 !important;}
#vollmenu ul.sitemap1 {display:grid !important; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); grid-gap:30px 50px; list-style-type:none;}
.activesubmenu3 {font-weight:500;}
#menu2 {width:100%; left:0; margin-top:10px; position:relative;}
ul.menu2 {margin:15px;}
ul.menu2 .menupadding {padding:0 15px 0 15px;}
ul.menu2 li {display:inline-block; grid-template-columns:repeat(6,1fr); position:relative; padding:0;}
ul.menu2 li::before {content:"\2022"; position:absolute; top:1px;}
ul.menu2 li a {color:#000; font-size:14px; padding:0 15px 0 10px;}
ul.menu2 li a.activemenu {color:#0077a8; font-size:14px;}
#hero img {width:100%; height:100%; object-fit:cover; object-position:center;}
.contentGrid {padding:0 20px 50px ; display:grid; grid-gap:50px; grid-template-columns:1fr; position:relative; z-index:0; /*margin-top:var(--headHoehe);*/}
.contentWrap {width:100vw; max-width:var(--maxBreite); margin:0 auto; padding:100px 10px 0;}
#spaltenwrap {width:100%; margin:50px 0 0; padding-left:0; display:grid; grid-template-columns:1fr; grid-gap:50px;}
#footer {width:100vw; padding:100px 0 300px; background-color:#f5f5f5; }
#footerwrap {width:100%; max-width:var(--maxBreite); margin:auto; padding:0 40px; display:grid; grid-template-columns:repeat(1,1fr); grid-gap:40px;}
#footerwrap * {font-size:14px; line-height:18px;}
/* ---------- MOBILE MENU --------- */
#hiddennav {display:block; width:300px; height:calc(100vh - var(--headHoehe)); left:0; right:auto; background-color:#fff;}
#hiddennav * {font-weight:400; line-height:26px; border:none;}
#mobilemenu a {border:none;}
#mobilemenu li {border-bottom: 1px solid #d5d5d5;}
#mobilemenu ul li ul li ul li a {font-size:14px; border:none; padding-left:20px;}
#mobilemenu ul li ul li span {border:none; background:#fff;}
/*#mobilemenu ul li span {border-bottom:1px solid #d5d5d5;}*/
#mobilemenu ul li ul li span a {color:#000; font-size:14px; padding-left:5px; }
/*#mobilemenu ul li ul li {border:none;}
*/
#mobilemenu ul li ul li:last-child {padding-bottom:10px;}
/* --------- HAUPTEMENU --------- */
#mainSubmen {display:none;}
ul#cssmenu_h #h_menu1 {display:none;}
ul#cssmenu_h li ul ul {left:auto; right:var(--mainNavFlappe); padding:5px;}
ul#cssmenu_h li:nth-child(1) ul ul {left:var(--mainNavFlappe); right:auto;}
ul#cssmenu_h li:nth-child(2) ul ul {left:var(--mainNavFlappe); right:auto;}
ul#cssmenu_h li:nth-child(3) ul ul {left:var(--mainNavFlappe); right:auto;}
ul.dropdown a, ul.dropdown span {padding:0 !important;}
#mainSubmen {margin:0; padding:0;}
#mainSubmen li {margin:0 15px; padding:0; border-bottom:none;/* display:inline-block;*/}
/*#mainSubmen li ul {display:none;}*/
#mainSubmen li.activemenu .activemenu {color:var(--msmTxt);}
#mainSubmen li.normalmenu .normalmenu {color:var(--msmTxt);}
#mainSubmen li ul li {margin:0; padding:0; border-bottom:1px solid #0077a83d;}
#mainSubmen li ul li:last-child {border:none;}
ul.dropdown ul li:hover {background-color:#0076a81a !important;}
#cssmenu_h li .dropdown {display:none;}
ul.dropdown a.normalmainmenu {color:var(--mainMenTx); border-bottom:1px var(--mainMenLinie) solid;}
ul.dropdown a.activemainmenu {color:var(--mainMenAktivTx); border-bottom:1px var(--mainMenAktivLinie) solid;}
ul.dropdown a.activemenu {color:var(--aktivMenFarbe); background-color:#0076a81a;}
a.normalmainmenu,a.activemainmenu,
a.activemainmenu:hover, a.normalmainmenu:hover {font-weight:400; font-family:"ORF Universal Condensed","ORF Fallback SC",sans-serif;}
#header.headSolid ul.dropdown a.normalmainmenu {color:#000; border-bottom:0px var(--mainMenLinie) solid; text-transform:uppercase; font-size:16px;}
#header.headSolid ul.dropdown a.activemainmenu {color:#000; border-bottom:0px var(--mainMenAktivLinie) solid; text-transform:uppercase; font-size:16px;}
#header.headTrans ul.dropdown a.normalmainmenu {color:#000; border-bottom:0px var(--mainMenLinie) solid; text-transform:uppercase; font-size:16px;}
#header.headTrans ul.dropdown a.activemainmenu {color:#000; border-bottom:0px var(--mainMenAktivLinie) solid; text-transform:uppercase; font-size:16px;}
#editblock {max-width:var(--maxBreite); margin:20px auto !important;}
/* ++++++++++ i-FRAME EXTERNER INHALT i-FRAME +++++++++++++ */
iframe.extern {max-width:1450px; width:100%; min-height:2000px; margin:0 auto; border:none;}
/* ////////////////// Anpassungen f alten Content ////////////////// */
/*#headerwrap {max-width:1600px;}*/
h2.sitemap {color:#000 !important;}
#hero {max-width:1600px; margin-top:100px;}
.contentWrap {padding-top:120px;}
#spalte0 .itemtitel, #spalte0 .itemtitel * {margin:12px 0 15px; font-size:21px !important; line-height:30px !important; font-family:"ORF Universal Condensed","ORF Fallback SC",sans-serif !important;}
#spalte02 {margin:0 0 40px;}
.auflistungsitem {width:auto; margin:0 auto 40px;}
#spalte0 .auflistungsitem {padding-right:0px;}
#spalte02inner .itemtext,
#spalte02inner .itemtext * {font-size:16px !important; line-height:22px !important; font-family:"ORF Universal Condensed","ORF Fallback SC",sans-serif !important;}
#spalte02inner .itemtitel {margin:12px 0 15px;}
#spalte02inner .itemtext .itemtitel {font-size:18px !important; line-height:22px !important;}
.blogcontainer {width:100% !important; margin:10px 0 30px; padding-bottom:20px; border-bottom:1px solid #999;}
.blogmore {display:block; float:right; color:#0077a8 !important;}
.blogcontainer .message {width:100% !important;}
.pv_list_item .pv_item_subtitel {margin:0; color:#000; padding:0 10px 10px; margin:0px; font-size:16px; line-height:22px; background-color:#fff;}
.pv_item_titel span {font-size:18px; line-height:24px;}
.pv_item_list div:not(.pv_list_item_inner) div:not(.pv_item_titel,.pv_item_subtitel) {overflow:hidden;}
#spalte02 ul.submenu li.activemenu,
#spalte02 ul.submenu li.normalmenu {white-space:wrap;}
#spalte02 ul.submenu li.activemenu a.activemenu,
#spalte02 ul.submenu li.normalmenu a.normalmenu,
#spalte02 ul.menusubpagelist li.normalsubmenulayer3 a {font-size:16px !important; font-weight:400;}
/* Anpassungen f alten Content */
/*MEDIA QUERIES*/
@media(hover:hover) and (pointer:fine) {
/*#header:hover {background-color:rgb(255, 255, 255); transition:background-color var(--headTiming);}
#header:hover #navbutton2 {border-color:var(--hamCol2); background-color:#00000000; transition:border var(--hamTiming);}
#header:hover .navbutton-line {background-color:var(--hamCol2); transition:background-color var(--hamTiming);}*/
/*#header:hover ul li a {color:#000 !important; transition:all .5s;}*/
}
@media screen and (min-width:501px){
/* Anpassungen f alten Content */
.blogcontainer .message,
.blogcontainer .blogthumb {width:45% !important;}
}
@media screen and (min-width:600px){
#footerwrap {grid-template-columns:repeat(2,1fr);}
}
@media screen and (min-width:701px){
/* Anpassungen f alten Content */
.blogcontainer .message {width:65% !important;}
.blogcontainer .blogthumb {width:30% !important;}
}
@media screen and (min-width:801px){
/* Anpassungen f alten Content */
.blogcontainer {width:calc(100% - 2.5vw) !important;}
#spalte02inner .auflistungsitem .itemtext {width:100%;}
#spalte02inner .auflistungsitem .itempicture {width:100%;}
}
@media screen and (min-width:850px){
/*html {font-size:100%; line-height:100%;}*/
#header {line-height:16px !important;}
#suchcontainer,#suchcontainer * {font-size:14px !important; line-height:14px !important;}
#suchcontainer {padding:0;}
#titelwrap {padding:0 50px 0 220px;}
#spalte0 {width:100%; left:0px; padding: 0 min(300px,10vw); position:relative;}
#spaltenwrap {margin:100px 0 0; padding-left:80px; padding-right:200px; grid-template-columns:350px 1fr;}
ul.sitemap2 {display:grid !important; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); grid-gap:5px 50px;}
#vollmenu {padding:0 70px;}
#footerwrap {grid-template-columns:repeat(2,1fr);}
#menu2 {width:calc(100% - 250px); left:200px;}
#xtra {width:calc(30% - 30px); margin:0 0 0 30px; float:right;}
#innerwrap {width:70%; float:left;}
img[align="absbottom"] {width:calc(100% + 50px); height:100%; margin-left:-50px; object-fit:cover;}
/* Anpassungen f alten Content */
.itempicture {max-width:300px;}
#spalte02 {width:350px; margin:0 0 40px;}
#spalte0 .auflistungsitem {padding-right:25px;}
}
@media only screen and (min-width: 980px) {
#spalte02inner .itempicture {width:100%; float:none; margin-right:0px; margin-bottom: 10px;}
#spalte02inner .itemtext {width:100%; margin:0px; padding:0px;}
}
@media screen and (min-width:1000px){
#footerwrap {grid-template-columns:repeat(3,1fr);}
}
@media screen and (min-width:1150px){
/* Anpassungen f alten Content */
.auflistungsitem {width:auto; margin:0 auto 80px; max-width:850px;}
}
@media screen and (min-width:501px){
/* Anpassungen f alten Content */
.blogcontainer {width:calc(100% - 2.5vw);}
}
@media screen and (min-width:901px){
/* Anpassungen f alten Content */
.blogcontainer {width:calc(100% - 2.5vw) !important;}
}
@media screen and (min-width:1280px){
#sprachenchange {display:block;}
#mainSubmen {display:block;}
#hiddennav {display:none}
#vollmenu {display:block;}
/*html {font-size:120%; line-height:120%;}*/
#header {line-height:16px !important;}
#suchcontainer,#suchcontainer * {font-size:14px !important; line-height:14px !important;}
.sitemap3 a {font-size:.8rem;}
}
@media screen and (min-width:1450px){
#sprachenchange {left:calc(50% + 410px); right:auto;}
#suchcontainer {left:calc(50% + 500px); right:auto;}
}
@media screen and (min-width:1600px){
* {font-size:21px; line-height:30px;}
h1, .titel {font-size:36px; line-height:44px; font-weight:bold; margin-bottom:10px;}
h2, .untertitel {font-size:26px; line-height:34px; margin-bottom:10px;}
h3, .content {font-size:22px; line-height:30px; margin-bottom:10px;}
#spalte0 {left: 0; padding:0 min(220px,13.75vw) 0 min(300px,18.75vw);}
}
@media screen and (min-width:1920px){
/*html {font-size:125%; line-height:125%;}*/
#suchcontainer,#suchcontainer * {font-size:14px !important; line-height:14px !important;}
#header {line-height:16px !important;}
#menuFlappe {left:0;}
.sitemap3 a {font-size:.8rem;}
#spalte0 {padding: 0 220px 0 300px;}
}