/** * 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:10p; 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:550; 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:auto; left:70px; top:15px; } .sprachen {font-size:13px !important; color:#000;} .sprachen strong {font-size:13px !important; color:#000;} #suchcontainer {position:fixed; z-index:23; right:auto; top:60px; left:0; padding:0 5px 10px; width:100%; } #pv_search_text-label {width:calc(100% - 45px);} #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 4px; display:grid; grid-gap:30px; grid-template-columns:calc(var(--hamSize) + (2 * var(--hamBor))) 1fr; align-content:start; } .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; padding-top:5px; text-align:right; padding-right:5px; } #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))); display:grid; justify-content:center; align-content:start; justify-self:center; align-self:center; border-radius:var(--hamBorRad); background-color:#ffffff00; transition:background-color .5s; height:100%; padding-top:5px; } #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:21; 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:start; 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); display:block; left:5px; top:5px;} .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 {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:16px !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;} /* --------- HAUPTEMENU --------- */ #mainSubmen {display:none;} ul#cssmenu_h #h_menu1 {display:none;} ul#cssmenu_h li ul ul {left:auto; right:var(--mainNavFlappe); padding:0px;} 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;} #cssmenu_h li .dropdown {display:block; } ul.dropdown ul.dropdown * {background-color:#fff !important; opacity:1;} ul.dropdown ul.dropdown {box-shadow:3px 3px 15px -10px #fff;} ul.dropdown ul.dropdown li a {background-color:#f5f5f5 !important;} a.normalmenu {padding:5px 10px !important; color:#000; line-height:16px; text-decoration:none; font-weight:400; font-size:14px;} a.activemenu {padding:5px 10px !important; color:#000; line-height:16px; text-decoration:none; font-weight:400; font-size:14px;} a.activemenu:hover, a.normalmenu:hover {text-decoration:none;} #mainSubmen {margin:0; padding:0;} #mainSubmen li {margin:0 15px; padding:0; border-bottom:none;/* display:inline-block;*/} #mainSubmen li.activemenu .activemenu {color:var(--msmTxt); font-size:14px;} #mainSubmen li.normalmenu .normalmenu {color:var(--msmTxt); font-size:14px;} #mainSubmen li ul li {margin:0; padding:0; border-bottom:1px solid #bed8e3;} #mainSubmen li ul li:last-child {border:none;} ul.dropdown ul li:hover {background-color:#0076a8 !important;} a.activemenu:hover, a.normalmenu:hover {text-decoration:none; font-weight:400;} ul li ul li ul.dropdown a, ul li ul li ul.dropdown span {padding:3px 10px;} /*#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); text-decoration:underline; text-underline-offset:5px;} ul.dropdown a.activemenu {color:var(--aktivMenFarbe); background-color:#0076a8;} 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;} .bp_edit_area a img {width:15px !important; height:15px !important;} .auflistungsitem div[id^="bp_edit"] {position:relative; z-index:2; text-align:center;} /* ++++++++++ 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 ////////////////// */ a#dynbacklink {color:#0077a8 !important; font-size:.8em;} 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;} .blogmore {right:5%; position:relative; display:block; float:right; clear:both;} .blogcontainer .message > img {width:40%; height:auto; display:block; float:left; padding-right:20px; padding-bottom:10px;} .blogcontainer .message img:first-child {width:40% !important; display:block; float:left; padding-right:20px; padding-bottom:10px; height:auto !important; } .blogcontainer .message div:last-child a {margin-right:10px; display:inline-block;} .blogcontainer .message div:last-child a img {width:15px !important; height:15px !important; display:block; padding:0;} .message pre img {width:100%; height:auto;} .subhead {font-size:1.1em; line-height:1.35em; margin-bottom:s3px; } #infoouter {margin-top:50px;} .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;} #listitemscontainer_inner {padding:25px 0;} #spalte02 ul.submenu li.activemenu, #spalte02 ul.submenu li.normalmenu {white-space:wrap;} #spalte02inner ul.submenu3_template {display:none;} #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;} .auflistungsitem.color1 .variable_outer, .auflistungsitem.color2 .variable_outer, .auflistungsitem.color3 .variable_outer, .auflistungsitem.color4 .variable_outer, .auflistungsitem.color5 .variable_outer, .auflistungsitem.color6 .variable_outer, .auflistungsitem.color7 .variable_outer {background-color:#fff;} .auflistungsitem.color1 .variable_outer .variable_inner * {color:#ffbb02 !important;} .auflistungsitem.color2 .variable_outer .variable_inner * {color:#e98013 !important;} .auflistungsitem.color3 .variable_outer .variable_inner * {color:#80ba28 !important;} .auflistungsitem.color4 .variable_outer .variable_inner * {color:#e10215 !important;} .auflistungsitem.color5 .variable_outer .variable_inner * {color:#0c8bcd !important;} .auflistungsitem.color6 .variable_outer .variable_inner * {color:#666666 !important;} .auflistungsitem.color7 .variable_outer .variable_inner * {color:#ff0004 !important;} .pv_list_item {width:100%; height:auto; border-radius:10px; overflow:hidden; position:relative;} .overview_item_titel span {font-size:1em; line-height:1em;} .overview_item_untertitel span {font-size:.8em; line-height:.8em;} .submenu3_untertitel {padding-bottom:5px;} .submenu3_untertitel a.activesubmenu3, .submenu3_untertitel a.normalsubmenu3 {font-size:.8em !important;} .submenu3_inner a.normalsubmenu3, .submenu3_inner a.activesubmenu3 {font-size:1em !important;} .submenu3_untertitel a.activesubmenu3, .submenu3_inner a.activesubmenu3 {font-weight:bold; font-weight:475;} ul.sitemap2 {margin-top:10px !important;} .pv_list_item {position:relative;} /* 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;} .blogcontainer {width:calc(100% - 2.5vw);}*/ .pv_list_item {width:48%;} } @media screen and (min-width:600px){ #footerwrap {grid-template-columns:repeat(2,1fr);} #suchcontainer {right:5px; top:27px; left:auto;} #logo {padding:0;} #hamburger {width:calc(var(--hamSize) + (2 * var(--hamBor))); height:calc(var(--hamSize) + (2 * var(--hamBor))); padding:0; align-content:center; justify-self:center;} #headerwrap {max-width:var(--maxBreite); height:var(--headHoehe); padding:0 20px; grid-template-columns:calc(var(--hamSize) + (2 * var(--hamBor))) 88px 1fr; align-content:center;} #navbutton2 {top:0; left:0; align-self:center;} #suchcontainer {width:calc(100% - 300px);} #sprachenchange {top:33px; left:220px;} } @media screen and (min-width:801px){ /* Anpassungen f alten Content */ #spalte02inner .auflistungsitem .itemtext {width:100%;} #spalte02inner .auflistungsitem .itempicture {width:100%;} } @media screen and (min-width:850px){ #header {line-height:16px !important;} #suchcontainer,#suchcontainer * {font-size:14px !important; line-height:14px !important;} #suchcontainer {width:calc(100% - 300px); 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 */ #spalte02 {width:350px; margin:0 0 40px;} #spalte0 .auflistungsitem {padding-right:25px;} .pv_list_item {width:100%;} } @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);} .pv_list_item {width:48%;} } @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:1280px){ #sprachenchange {display:block; left:calc(50% + 360px); right:auto;} #mainSubmen {display:block;} .pv_list_item {width:30%;} #header {line-height:16px !important;} #suchcontainer {width:auto;} #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;} }