@charset "UTF-8"; /* moved by compressor */ @import url("//fast.fonts.net/t/1.css?apiType=css&projectid=64822624-bdd9-4ab3-9b6b-bf4556f18fa8");@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=64822624-bdd9-4ab3-9b6b-bf4556f18fa8");@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=64822624-bdd9-4ab3-9b6b-bf4556f18fa8");@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=64822624-bdd9-4ab3-9b6b-bf4556f18fa8");@import url("//fast.fonts.net/t/1.css?apiType=css&projectid=64822624-bdd9-4ab3-9b6b-bf4556f18fa8"); /* moved by compressor */ /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img { border: 2px solid black; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text & Images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 20px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 20px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.csc-uploads { padding: 0; } ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; } ul.csc-uploads span { display: block; } ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; } /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } .background-white { background-color: #fff; } .background-black { background-color: #000; } .background-gray-dark { background-color: #333; } .background-gray { background-color: #ccc; } .background-gray-medium { background-color: #999; } .background-gray-light { background-color: #eee; } .background-highlight { background-color: #990000; } .background-alert { background-color: #990000; } .background-link { background-color: #990000; } @font-face { font-family: "Frutiger Next W04 Light Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/f6bd4877-68a0-4eba-92e9-d07ae4050330.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/8f576ee0-4479-406b-9dd4-ae12cc88b3ed.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/51da331e-9347-415b-b4de-76100d0af1d8.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/5c9c1273-f556-4b6f-a031-fa0f506cf0f4.svg#5c9c1273-f556-4b6f-a031-fa0f506cf0f4") format("svg"); } @font-face { font-family: "Frutiger Next W04 Medium Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3df399c0-a2cf-4ee3-ac56-be22545c8aae.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/a95d1c75-e833-4506-897d-4547479f659a.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/18561fdd-dae7-4f75-8430-266943bd889c.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c3fa723e-9ea6-4a43-9185-1be7d46fd0f9.svg#c3fa723e-9ea6-4a43-9185-1be7d46fd0f9") format("svg"); } @font-face { font-family: "Frutiger Next W01 Light"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg"); } @font-face { font-family: "FrutigerNextW01-Medium"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg"); } body.showfocus :focus, body.showfocus input[type=checkbox]:focus + label:before { outline: 2px solid #990000 !important; outline-offset: 2px !important; box-shadow: 0 0 0 4px white !important; } body.showfocus input[type=radio]:focus + label:before { box-shadow: 0 0 0 2px #990000 !important; } body:not(.showfocus) .sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .accessible-jump-links a { margin-right: 20px; } q { quotes: "" ""; } q:before, q:after { content: ''; } @media screen and (max-width: 767px) { .jump-to-nav { display: none; } } img, embed, object, video { max-width: 100%; height: auto; width: auto; } figure { box-sizing: border-box; } figure img { box-sizing: border-box; vertical-align: middle; } img.unveil-gallery, img.unveil { display: none; transition: all 0.25s ease-in-out 0s; transition-delay: 15ms; opacity: 0; } .js img.unveil-gallery, .js img.unveil { display: block; height: auto; max-width: 100%; } img.unveil-gallery.unveiled, img.unveil.unveiled { opacity: 1; } figure.responsive-embed { box-sizing: border-box; position: relative; padding-bottom: 56.3%; height: 0; overflow: hidden; width: 100%; } figure.responsive-embed:after { content: ''; display: block; clear: both; } figure.responsive-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .fancybox-inner figure.responsive-embed { width: 280px; margin: 0; } @media screen and (min-width: 450px) { .fancybox-inner figure.responsive-embed { width: 410px; } } @media screen and (min-width: md) { .fancybox-inner figure.responsive-embed { width: 560px; } } @media screen and (min-width: 768px) { .fancybox-inner figure.responsive-embed { width: 728px; } } @media screen and (min-width: 880px) { .fancybox-inner figure.responsive-embed { width: 840px; } } @media screen and (min-width: 960px) { .fancybox-inner figure.responsive-embed { width: 920px; } } @media screen and (min-width: 1140px) { .fancybox-inner figure.responsive-embed { width: 1100px; } } .headline, h1, h2, h3, h4, h5, h6, .h1-alike, .h2-alike, .h3-alike, .h4-alike, .h5-alike, .h6-alike { margin: 40px 0 20px; font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } @media screen and (max-width: 767px) { .headline, h1, h2, h3, h4, h5, h6, .h1-alike, .h2-alike, .h3-alike, .h4-alike, .h5-alike, .h6-alike { margin: 20px 0 10px; } } .headline.csc-firstHeader, h1.csc-firstHeader, h2.csc-firstHeader, h3.csc-firstHeader, h4.csc-firstHeader, h5.csc-firstHeader, h6.csc-firstHeader, .csc-firstHeader.h1-alike, .csc-firstHeader.h2-alike, .csc-firstHeader.h3-alike, .csc-firstHeader.h4-alike, .csc-firstHeader.h5-alike, .csc-firstHeader.h6-alike { margin-top: 20px; } .h1-alike, h1 { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; font-weight: 300; font-size: 24px; line-height: 30px; } @media screen and (max-width: 449px) { .h1-alike, h1 { font-size: 7.5vw; line-height: 8.5vw; } } .h2-alike, h2 { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; font-weight: 300; font-size: 24px; line-height: 30px; } @media screen and (max-width: 449px) { .h2-alike, h2 { font-size: 6.5vw; line-height: 7.5vw; } } .h3-alike, h3 { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; font-weight: 300; font-size: 20px; line-height: 25px; } .h4-alike, h4 { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; font-weight: 300; font-size: 20px; line-height: 25px; line-height: 20px; } .h5-alike, h5 { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; font-size: 16px; } .h6-alike, h6 { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; font-size: 14px; } .content.has-subheader > h1:first-child, .content.has-subheader > h2:first-child, .content.has-subheader > h3:first-child, .content.has-subheader > h4:first-child, .content.has-subheader > h5:first-child, .content.has-subheader > h6:first-child { margin-bottom: 0; } .content h1 + h2, .content h2 + h3, .content h3 + h4, .content h4 + h5, .content h5 + h6 { margin-top: 0; } @font-face { font-family: "hrk-iconfont"; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: normal; font-style: normal; } .icon-arrow-bold-down { display: inline-block; } .icon-arrow-bold-down .icon:before { content: ""; padding: 0; } .icon-arrow-bold-up { display: inline-block; } .icon-arrow-bold-up .icon:before { content: ""; padding: 0; } .icon-arrow-down { display: inline-block; } .icon-arrow-down .icon:before { content: ""; padding: 0; } .icon-arrow-left { display: inline-block; } .icon-arrow-left .icon:before { content: ""; padding: 0; } .icon-arrow-right { display: inline-block; } .icon-arrow-right .icon:before { content: ""; padding: 0; } .icon-arrow-up { display: inline-block; } .icon-arrow-up .icon:before { content: ""; padding: 0; } .icon-chevron-down-circle { display: inline-block; } .icon-chevron-down-circle .icon:before { content: ""; padding: 0; } .icon-chevron-down { display: inline-block; } .icon-chevron-down .icon:before { content: ""; padding: 0; } .icon-chevron-left-circle { display: inline-block; } .icon-chevron-left-circle .icon:before { content: ""; padding: 0; } .icon-chevron-left { display: inline-block; } .icon-chevron-left .icon:before { content: ""; padding: 0; } .icon-chevron-right-circle { display: inline-block; } .icon-chevron-right-circle .icon:before { content: ""; padding: 0; } .icon-chevron-right { display: inline-block; } .icon-chevron-right .icon:before { content: ""; padding: 0; } .icon-chevron-up-circle { display: inline-block; } .icon-chevron-up-circle .icon:before { content: ""; padding: 0; } .icon-chevron-up { display: inline-block; } .icon-chevron-up .icon:before { content: ""; padding: 0; } .icon-circle-minus { display: inline-block; } .icon-circle-minus .icon:before { content: ""; padding: 0; } .icon-cross-circle { display: inline-block; } .icon-cross-circle .icon:before { content: ""; padding: 0; } .icon-cross { display: inline-block; } .icon-cross .icon:before { content: ""; padding: 0; } .icon-download { display: inline-block; } .icon-download .icon:before { content: ""; padding: 0; } .icon-earth { display: inline-block; } .icon-earth .icon:before { content: ""; padding: 0; } .icon-envelope { display: inline-block; } .icon-envelope .icon:before { content: ""; padding: 0; } .icon-link { display: inline-block; } .icon-link .icon:before { content: ""; padding: 0; } .icon-magnifier { display: inline-block; } .icon-magnifier .icon:before { content: ""; padding: 0; } .icon-newsletter { display: inline-block; } .icon-newsletter .icon:before { content: ""; padding: 0; } .icon-phone { display: inline-block; } .icon-phone .icon:before { content: ""; padding: 0; } .icon-plus-circle { display: inline-block; } .icon-plus-circle .icon:before { content: ""; padding: 0; } .icon-printer { display: inline-block; } .icon-printer .icon:before { content: ""; padding: 0; } .icon-question-circle { display: inline-block; } .icon-question-circle .icon:before { content: ""; padding: 0; } .icon-tag { display: inline-block; } .icon-tag .icon:before { content: ""; padding: 0; } .icon-warning { display: inline-block; } .icon-warning .icon:before { content: ""; padding: 0; } .icon-home { display: inline-block; } .icon-home .icon:before { content: ""; padding: 0; } .icon-camera { display: inline-block; } .icon-camera .icon:before { content: ""; padding: 0; } .icon-cart { display: inline-block; } .icon-cart .icon:before { content: ""; padding: 0; } .icon-rss { display: inline-block; } .icon-rss .icon:before { content: ""; padding: 0; } .icon-facebook { display: inline-block; } .icon-facebook .icon:before { content: ""; padding: 0; } .icon-twitter { display: inline-block; } .icon-twitter .icon:before { content: ""; padding: 0; } .icon-linkedin { display: inline-block; } .icon-linkedin .icon:before { content: ""; padding: 0; } .icon-xing { display: inline-block; } .icon-xing .icon:before { content: ""; padding: 0; } .icon-default-wrap:before { content: ""; } .icon:after, .icon:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon:before { content: ""; } table { width: 100%; border-collapse: collapse; border: 1px solid #eee; border-top: 5px solid #990000; } table caption { font-size: 12px; margin-bottom: 15px; margin-top: 0; text-align: left; } th, td { padding: 5px; vertical-align: top; text-align: left; border: 1px solid #eee; } th { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; background: #fff; font-size: 14px; line-height: 20px; } @media screen and (min-width: 768px) { th[scope="row"] { line-height: inherit; } } td.highlighted { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } th.centered, td.centered { text-align: center; } th.aligned-right, td.aligned-right { text-align: right; } .contenttable + table { margin-top: 20px; } .contenttable caption { padding-left: 5px; } @media screen and (max-width: 767px) { .responsive-table { border-top: none; } .responsive-table th { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .responsive-table tr { float: left; width: 100%; display: block; } .responsive-table td { width: 100%; display: block; box-sizing: border-box; float: left; border: none; border-top: 1px solid #eee; } .responsive-table td .cell-label { width: 35%; float: left; font-size: 12px; padding: 2px 0; } .responsive-table td .cell-content { width: 60%; float: right; } .responsive-table .cell-label-inner + .cell-label-inner { margin-top: 10px; } } .text-bold, b, strong { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .text-regular { font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; } mark, .results-highlight { background: #eee !important; color: #990000; padding: 3px 0; } .text-highlighted { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; color: #990000; background: #eee; } .text-highlighted-minor { color: #990000; background: whitesmoke; } .blockquote { padding: 0px; margin: 0px; } .blockquote blockquote { margin: 0; font-style: normal; } .blockquote p { margin: 0; font-size: 20px; line-height: 25px; } blockquote { padding: 0px; margin: 0px; } figure { float: left; display: block !important; } figcaption { width: 100%; float: left; clear: left; box-sizing: border-box; padding: 3.33333px 0 0; color: #b3b3b3; font-size: 11px; line-height: 15px; } hr { border: none; background: #ccc; height: 1px; margin: 10px 0; } ul.list-decorated { padding: 0; list-style: none; } ul.list-decorated li { padding: 0 0 0 20px; position: relative; } ul.list-decorated li:before { content: ''; display: inline-block; width: 6px; height: 6px; position: absolute; left: 0; top: 8px; background: #990000; } ol.list-decorated { padding: 0; list-style: none; counter-reset: listNumbering; } ol.list-decorated li { counter-increment: listNumbering; padding: 0 0 0 20px; position: relative; } ol.list-decorated li:before { content: counter(listNumbering) "."; color: #990000; position: absolute; left: 0; top: 0; font-size: 12px; line-height: 20px; } ul.list-anchors { list-style: none; padding-left: 0; } ul.list-anchors li { display: block; padding-left: 0; } ul.list-anchors li:before { content: ''; display: none; } ul.list-anchors li + li { border-top: 1px solid #eee; } ul.list-anchors a { position: relative; display: block; padding: 2.5px 0 2.5px 20px; } ul.list-anchors a:before { position: absolute; left: 0; top: 2px; vertical-align: baseline; } ul.list-anchors .current { color: #990000; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; } ul.list-anchors .icon { position: absolute; left: 0; top: 5px; } ul.list-anchors .linktxt { display: block; word-break: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } ul.list-anchors .mail-link .linktxt { -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; } ul.list-anchors .file-size { color: #333; display: inline-block; word-break: keep-all; font-size: 12px; } ul.list-anchors .file-size:before { content: '['; } ul.list-anchors .file-size:after { content: ']'; } ul.list-anchors .file-description, ul.list-anchors .link-description, ul.list-anchors .news-related-news-date { display: block; color: #333; font-size: 12px; } .download-link { display: block; } .download-link .icon { display: none; } dt, dd { box-sizing: border-box; padding: 6.66667px 0; } @media screen and (min-width: 450px) { dt, dd { float: left; } } @media screen and (min-width: 450px) { dt { width: 30%; padding-right: 20px; } } dd { margin: 0; } @media screen and (min-width: 450px) { dd { width: 70%; } } dl { width: 100%; float: left; clear: left; box-sizing: border-box; } p, pre, .p-alike { margin: 20px 0; font-size: 14px; line-height: 20px; } p.introtext, pre.introtext, .p-alike.introtext { font-size: 20px; line-height: 25px; } .p-alike { display: block; } a.icon-link, a.internal-link, span.internal-link { position: relative; } a.icon-link:before, a.internal-link:before, span.internal-link:before { content: ""; } a.icon-link:after, a.icon-link:before, a.internal-link:after, a.internal-link:before, span.internal-link:after, span.internal-link:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.icon-link:before, a.internal-link:before, span.internal-link:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.icon-link:hover:before, a.icon-link:focus:before, a.internal-link:hover:before, a.internal-link:focus:before, span.internal-link:hover:before, span.internal-link:focus:before { text-decoration: none !important; } a.external-link, a.external-link-new-window { position: relative; } a.external-link:before, a.external-link-new-window:before { content: ""; -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -1px; } a.external-link:after, a.external-link:before, a.external-link-new-window:after, a.external-link-new-window:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.external-link:before, a.external-link-new-window:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.external-link:hover:before, a.external-link:focus:before, a.external-link-new-window:hover:before, a.external-link-new-window:focus:before { text-decoration: none !important; } .marginal a.external-link:before, .marginal a.external-link-new-window:before { margin-top: -2px; } a.download { position: relative; } a.download:before { content: ""; } a.download:after, a.download:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.download:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.download:hover:before, a.download:focus:before { text-decoration: none !important; } a.mail { position: relative; } a.mail:before { content: ""; } a.mail:after, a.mail:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.mail:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.mail:hover:before, a.mail:focus:before { text-decoration: none !important; } a.phone { position: relative; } a.phone:before { content: ""; } a.phone:after, a.phone:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.phone:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.phone:hover:before, a.phone:focus:before { text-decoration: none !important; } a.cart { position: relative; } a.cart:before { content: ""; } a.cart:after, a.cart:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a.cart:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a.cart:hover:before, a.cart:focus:before { text-decoration: none !important; } a[href*="rss"] { position: relative; } a[href*="rss"]:before { content: ""; } a[href*="rss"]:after, a[href*="rss"]:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a[href*="rss"]:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } a[href*="rss"]:hover:before, a[href*="rss"]:focus:before { text-decoration: none !important; } #nav_meta a[href*="rss"]:before { font-size: 1.4em !important; width: 21px; line-height: 20px; } .info-box a.icon-link, .news-catmenu a.icon-link, .info-box a.internal-link, .news-catmenu a.internal-link, .info-box span.internal-link, .news-catmenu span.internal-link, .info-box a.external-link, .news-catmenu a.external-link, .info-box a.external-link-new-window, .news-catmenu a.external-link-new-window, .info-box a.download, .news-catmenu a.download, .info-box a.mail, .news-catmenu a.mail, .info-box a[href*="rss"], .news-catmenu a[href*="rss"], .teaser-box a.icon-link, .info-box a.icon-link, .news-catmenu a.icon-link, .info-box-highlight a.icon-link, .teaser-box a.internal-link, .info-box a.internal-link, .news-catmenu a.internal-link, .info-box-highlight a.internal-link, .teaser-box span.internal-link, .info-box span.internal-link, .news-catmenu span.internal-link, .info-box-highlight span.internal-link, .teaser-box a.external-link, .info-box a.external-link, .news-catmenu a.external-link, .info-box-highlight a.external-link, .teaser-box a.external-link-new-window, .info-box a.external-link-new-window, .news-catmenu a.external-link-new-window, .info-box-highlight a.external-link-new-window, .teaser-box a.download, .info-box a.download, .news-catmenu a.download, .info-box-highlight a.download, .teaser-box a.mail, .info-box a.mail, .news-catmenu a.mail, .info-box-highlight a.mail, .teaser-box a[href*="rss"], .info-box a[href*="rss"], .news-catmenu a[href*="rss"], .info-box-highlight a[href*="rss"], .teaser-box-highlight a.icon-link, .teaser-box-highlight a.internal-link, .teaser-box-highlight span.internal-link, .teaser-box-highlight a.external-link, .teaser-box-highlight a.external-link-new-window, .teaser-box-highlight a.download, .teaser-box-highlight a.mail, .teaser-box-highlight a[href*="rss"] { padding-left: 19px; } .info-box a.icon-link:before, .news-catmenu a.icon-link:before, .info-box a.internal-link:before, .news-catmenu a.internal-link:before, .info-box span.internal-link:before, .news-catmenu span.internal-link:before, .info-box a.external-link:before, .news-catmenu a.external-link:before, .info-box a.external-link-new-window:before, .news-catmenu a.external-link-new-window:before, .info-box a.download:before, .news-catmenu a.download:before, .info-box a.mail:before, .news-catmenu a.mail:before, .info-box a[href*="rss"]:before, .news-catmenu a[href*="rss"]:before, .teaser-box a.icon-link:before, .info-box a.icon-link:before, .news-catmenu a.icon-link:before, .info-box-highlight a.icon-link:before, .teaser-box a.internal-link:before, .info-box a.internal-link:before, .news-catmenu a.internal-link:before, .info-box-highlight a.internal-link:before, .teaser-box span.internal-link:before, .info-box span.internal-link:before, .news-catmenu span.internal-link:before, .info-box-highlight span.internal-link:before, .teaser-box a.external-link:before, .info-box a.external-link:before, .news-catmenu a.external-link:before, .info-box-highlight a.external-link:before, .teaser-box a.external-link-new-window:before, .info-box a.external-link-new-window:before, .news-catmenu a.external-link-new-window:before, .info-box-highlight a.external-link-new-window:before, .teaser-box a.download:before, .info-box a.download:before, .news-catmenu a.download:before, .info-box-highlight a.download:before, .teaser-box a.mail:before, .info-box a.mail:before, .news-catmenu a.mail:before, .info-box-highlight a.mail:before, .teaser-box a[href*="rss"]:before, .info-box a[href*="rss"]:before, .news-catmenu a[href*="rss"]:before, .info-box-highlight a[href*="rss"]:before, .teaser-box-highlight a.icon-link:before, .teaser-box-highlight a.internal-link:before, .teaser-box-highlight span.internal-link:before, .teaser-box-highlight a.external-link:before, .teaser-box-highlight a.external-link-new-window:before, .teaser-box-highlight a.download:before, .teaser-box-highlight a.mail:before, .teaser-box-highlight a[href*="rss"]:before { position: absolute; left: 0; top: 0; } a { text-decoration: none; color: #990000; } a:focus:before, a:hover:before, a:focus, a:hover { color: #4d0000; } a:focus { outline: 1px dotted #ccc; } p a { text-decoration: underline; } p a:focus { outline: 1px dotted #eee; } .anchor-alike { display: block; color: #990000; font-size: 12px; } .throbber { -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; color: #990000; text-align: center; overflow: hidden; display: none; } .throbber:after, .throbber:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .throbber:before { vertical-align: middle; display: block; } .throbber.absolute { position: absolute; left: 50%; top: 50%; } .js .throbber { display: block; } .unveiled + .throbber { display: none; } .throbber { height: 30px; width: 30px; } .throbber.absolute { margin-left: -15px; margin-top: -15px; } .throbber:before { font-size: 30px; height: 30px; line-height: 30px; width: 30px; } .throbber.small { height: 15px; width: 15px; } .throbber.small.absolute { margin-left: -7.5px; margin-top: -7.5px; } .throbber.small:before { font-size: 15px; height: 15px; line-height: 15px; width: 15px; } .link-to-list-view { color: #990000; font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; margin: 6.66667px 0; float: right; } @media screen and (max-width: 959px) { .link-to-list-view { clear: both; float: left; } } .at span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .at:before { content: '@'; } a.btn, button, .btn-encircled, input[type="submit"] { -webkit-appearance: none; box-sizing: border-box; transition: background-color 0.25s ease-in-out 0s; background: #990000; border: none; display: inline-block; text-align: center; font-size: 14px; line-height: 20px; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; color: #fff; line-height: 27px; height: 28px; padding: 0 30px; cursor: pointer; } a.btn.pseudo-class-hover, a.btn:focus, a.btn:hover, button.pseudo-class-hover, .pseudo-class-hover.btn-encircled, button:focus, .btn-encircled:focus, button:hover, .btn-encircled:hover, input[type="submit"].pseudo-class-hover, input[type="submit"]:focus, input[type="submit"]:hover { text-decoration: none; background: maroon; color: #fff; } a.btn.pseudo-class-active, a.btn.active, a.btn:active, button.pseudo-class-active, .pseudo-class-active.btn-encircled, button.active, .active.btn-encircled, button:active, .btn-encircled:active, input[type="submit"].pseudo-class-active, input[type="submit"].active, input[type="submit"]:active { color: #fff; box-shadow: inset 0 0 0 36px #660000; } a.btn.pseudo-class-disabled, a.btn:disabled, button.pseudo-class-disabled, .pseudo-class-disabled.btn-encircled, button:disabled, .btn-encircled:disabled, input[type="submit"].pseudo-class-disabled, input[type="submit"]:disabled { opacity: 0.3; cursor: default !important; } a.btn.pseudo-class-disabled:hover, a.btn.pseudo-class-disabled:focus, a.btn:disabled:hover, a.btn:disabled:focus, button.pseudo-class-disabled:hover, .pseudo-class-disabled.btn-encircled:hover, button.pseudo-class-disabled:focus, .pseudo-class-disabled.btn-encircled:focus, button:disabled:hover, .btn-encircled:disabled:hover, button:disabled:focus, .btn-encircled:disabled:focus, input[type="submit"].pseudo-class-disabled:hover, input[type="submit"].pseudo-class-disabled:focus, input[type="submit"]:disabled:hover, input[type="submit"]:disabled:focus { background: #990000; } a.btn.large, button.large, .large.btn-encircled { font-size: 24px; height: 50px; line-height: 50px; padding: 0 40px; } @media screen and (max-width: 767px) { a.btn.large, button.large, .large.btn-encircled { height: auto; line-height: 30px; padding-top: 10px; padding-bottom: 10px; } } a.btn.large .icon, button.large .icon, .large.btn-encircled .icon { font-size: 18px; line-height: 38px; height: 36px; } a.btn.minor, button.minor, .minor.btn-encircled, input[type="reset"] { background: #ccc; color: #fff; text-decoration: none; } a.btn.minor.pseudo-class-hover, a.btn.minor:focus, a.btn.minor:hover, button.minor.pseudo-class-hover, .minor.pseudo-class-hover.btn-encircled, button.minor:focus, .minor.btn-encircled:focus, button.minor:hover, .minor.btn-encircled:hover, input[type="reset"].pseudo-class-hover, input[type="reset"]:focus, input[type="reset"]:hover { background: #bfbfbf; color: #fff; } a.btn.minor.pseudo-class-active, a.btn.minor.active, a.btn.minor:active, button.minor.pseudo-class-active, .minor.pseudo-class-active.btn-encircled, button.minor.active, .minor.active.btn-encircled, button.minor:active, .minor.btn-encircled:active, input[type="reset"].pseudo-class-active, input[type="reset"].active, input[type="reset"]:active { color: #fff; box-shadow: inset 0 0 0 36px #b3b3b3; } a.btn.minor.pseudo-class-disabled:hover, a.btn.minor.pseudo-class-disabled:focus, a.btn.minor:disabled:hover, a.btn.minor:disabled:focus, button.minor.pseudo-class-disabled:hover, .minor.pseudo-class-disabled.btn-encircled:hover, button.minor.pseudo-class-disabled:focus, .minor.pseudo-class-disabled.btn-encircled:focus, button.minor:disabled:hover, .minor.btn-encircled:disabled:hover, button.minor:disabled:focus, .minor.btn-encircled:disabled:focus, input[type="reset"].pseudo-class-disabled:hover, input[type="reset"].pseudo-class-disabled:focus, input[type="reset"]:disabled:hover, input[type="reset"]:disabled:focus { background: #ccc; } a.btn.btn-clean, button.btn-clean, .btn-clean.btn-encircled { background: transparent; color: #333; box-shadow: inset 0 0 0 0 transparent; } a.btn.btn-clean.pseudo-class-hover, a.btn.btn-clean:focus, a.btn.btn-clean:hover, button.btn-clean.pseudo-class-hover, .btn-clean.pseudo-class-hover.btn-encircled, button.btn-clean:focus, .btn-clean.btn-encircled:focus, button.btn-clean:hover, .btn-clean.btn-encircled:hover { background: #333; background: rgba(51, 51, 51, 0.05); } a.btn.btn-clean.pseudo-class-active, a.btn.btn-clean.active, a.btn.btn-clean:active, button.btn-clean.pseudo-class-active, .btn-clean.pseudo-class-active.btn-encircled, button.btn-clean.active, .btn-clean.active.btn-encircled, button.btn-clean:active, .btn-clean.btn-encircled:active { box-shadow: inset 0 0 0 36px #eee; } a.btn.btn-clean.pseudo-class-disabled:hover, a.btn.btn-clean.pseudo-class-disabled:focus, a.btn.btn-clean:disabled:hover, a.btn.btn-clean:disabled:focus, button.btn-clean.pseudo-class-disabled:hover, .btn-clean.pseudo-class-disabled.btn-encircled:hover, button.btn-clean.pseudo-class-disabled:focus, .btn-clean.pseudo-class-disabled.btn-encircled:focus, button.btn-clean:disabled:hover, .btn-clean.btn-encircled:disabled:hover, button.btn-clean:disabled:focus, .btn-clean.btn-encircled:disabled:focus { background: #333; background: rgba(51, 51, 51, 0.05); } a.btn.inverted, button.inverted, .inverted.btn-encircled { background: #fff; color: #333; } a.btn.inverted.pseudo-class-hover, a.btn.inverted:focus, a.btn.inverted:hover, button.inverted.pseudo-class-hover, .inverted.pseudo-class-hover.btn-encircled, button.inverted:focus, .inverted.btn-encircled:focus, button.inverted:hover, .inverted.btn-encircled:hover { background: #f2f2f2; } a.btn.inverted.pseudo-class-active, a.btn.inverted.active, a.btn.inverted:active, button.inverted.pseudo-class-active, .inverted.pseudo-class-active.btn-encircled, button.inverted.active, .inverted.active.btn-encircled, button.inverted:active, .inverted.btn-encircled:active { box-shadow: inset 0 0 0 36px #e6e6e6; } a.btn.inverted.pseudo-class-disabled:hover, a.btn.inverted.pseudo-class-disabled:focus, a.btn.inverted:disabled:hover, a.btn.inverted:disabled:focus, button.inverted.pseudo-class-disabled:hover, .inverted.pseudo-class-disabled.btn-encircled:hover, button.inverted.pseudo-class-disabled:focus, .inverted.pseudo-class-disabled.btn-encircled:focus, button.inverted:disabled:hover, .inverted.btn-encircled:disabled:hover, button.inverted:disabled:focus, .inverted.btn-encircled:disabled:focus { color: #333; background: #ccc; } a.btn.btn-transparent, button.btn-dark, .btn-dark.btn-encircled { background: transparent; color: #333; border: 1px solid #eee; box-shadow: inset 0 0 0 0 transparent; } a.btn.btn-transparent.pseudo-class-hover, a.btn.btn-transparent:focus, a.btn.btn-transparent:hover, a.btn.btn-transparent:active, button.btn-dark.pseudo-class-hover, .btn-dark.pseudo-class-hover.btn-encircled, button.btn-dark:focus, .btn-dark.btn-encircled:focus, button.btn-dark:hover, .btn-dark.btn-encircled:hover, button.btn-dark:active, .btn-dark.btn-encircled:active { background: transparent; color: #333; border: 1px solid #eee; box-shadow: inset 0 0 0 0 transparent; } a.btn.btn-transparent.pseudo-class-active, a.btn.btn-transparent.active, button.btn-dark.pseudo-class-active, .btn-dark.pseudo-class-active.btn-encircled, button.btn-dark.active, .btn-dark.active.btn-encircled { text-decoration: none; border: 1px solid maroon; background: maroon; color: #fff; box-shadow: inset 0 0 0 36px #660000; } a.btn.btn-transparent.pseudo-class-disabled:hover, a.btn.btn-transparent.pseudo-class-disabled:focus, a.btn.btn-transparent:disabled:hover, a.btn.btn-transparent:disabled:focus, button.btn-dark.pseudo-class-disabled:hover, .btn-dark.pseudo-class-disabled.btn-encircled:hover, button.btn-dark.pseudo-class-disabled:focus, .btn-dark.pseudo-class-disabled.btn-encircled:focus, button.btn-dark:disabled:hover, .btn-dark.btn-encircled:disabled:hover, button.btn-dark:disabled:focus, .btn-dark.btn-encircled:disabled:focus { background: transparent; } button .icon, .btn-encircled .icon, a.btn .icon { box-sizing: border-box; font-size: 12px; width: 20px; right: 15px; top: 0; height: 28px; line-height: 26px; text-align: center; position: absolute; } a.btn.icon-btn, a.btn.icon-btn-left, button.icon-btn-left, .icon-btn-left.btn-encircled, button.icon-btn, .btn-encircled { position: relative; padding-right: 36px; } a.btn.icon-btn.large, a.large.btn.icon-btn-left, button.large.icon-btn-left, .large.icon-btn-left.btn-encircled, button.icon-btn.large, .large.btn-encircled { padding-right: 46px; } a.btn.icon-btn.tiny, a.tiny.btn.icon-btn-left, button.tiny.icon-btn-left, .tiny.icon-btn-left.btn-encircled, button.icon-btn.tiny, .tiny.btn-encircled { padding-right: 15px; } a.btn.icon-btn.tiny .icon, a.tiny.btn.icon-btn-left .icon, button.tiny.icon-btn-left .icon, .tiny.icon-btn-left.btn-encircled .icon, button.icon-btn.tiny .icon, .tiny.btn-encircled .icon { right: 0; width: 15px; } a.btn.icon-btn-left, button.icon-btn-left, .icon-btn-left.btn-encircled { padding-right: 20px; padding-left: 36px; } a.btn.icon-btn-left .icon, button.icon-btn-left .icon, .icon-btn-left.btn-encircled .icon { left: 10px; } a.btn.icon-btn-left.large, button.icon-btn-left.large, .icon-btn-left.large.btn-encircled { padding-right: 20px; padding-left: 46px; } a.btn.icon-btn-left.tiny, button.icon-btn-left.tiny, .icon-btn-left.tiny.btn-encircled { padding-left: 15px; padding-right: 5px; } a.btn.icon-btn-left.tiny .icon, button.icon-btn-left.tiny .icon, .icon-btn-left.tiny.btn-encircled .icon { left: 0; } a.btn.icon-btn.no-txt, a.no-txt.btn.icon-btn-left, button.no-txt.icon-btn-left, .no-txt.icon-btn-left.btn-encircled, button.icon-btn.no-txt, .btn-encircled { width: 28px; height: 28px; padding: 0 !important; position: relative; } a.btn.icon-btn.no-txt .icon, a.no-txt.btn.icon-btn-left .icon, button.no-txt.icon-btn-left .icon, .no-txt.icon-btn-left.btn-encircled .icon, button.icon-btn.no-txt .icon, .btn-encircled .icon { line-height: 26px; width: 28px; left: 0; top: 0; } a.btn.icon-btn.no-txt .btntxt, a.no-txt.btn.icon-btn-left .btntxt, button.no-txt.icon-btn-left .btntxt, .no-txt.icon-btn-left.btn-encircled .btntxt, button.icon-btn.no-txt .btntxt, .btn-encircled .btntxt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } a.btn.icon-btn.no-txt.large, a.no-txt.large.btn.icon-btn-left, button.no-txt.large.icon-btn-left, .no-txt.large.icon-btn-left.btn-encircled, button.icon-btn.no-txt.large, .large.btn-encircled { height: 38px; width: 38px; } a.btn.icon-btn.no-txt.large .icon, a.no-txt.large.btn.icon-btn-left .icon, button.no-txt.large.icon-btn-left .icon, .no-txt.large.icon-btn-left.btn-encircled .icon, button.icon-btn.no-txt.large .icon, .large.btn-encircled .icon { width: 38px; line-height: 36px; height: 38px; } .btn-encircled { border-radius: 50%; } .btn-encircled.large .icon { line-height: 36px; } a.btn.full-width, button.full-width, .full-width.btn-encircled { width: 100%; } .category-filter-container { padding-bottom: 30px; } .category-filter-container a.btn { margin-bottom: 4px; } .tile-container { float: left; background: #eee; width: 121px; } @media screen and (max-width: 449px) { .tile-container { width: 71px; } } .tile { text-align: right; background: #999; display: block; float: left; width: 60px; box-sizing: border-box; padding: 10px 5px; } @media screen and (max-width: 449px) { .tile { width: 35px; } } @media screen and (max-width: 449px) { .tile { padding: 5px; } } .tile time { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; font-size: 16px; color: #fff; display: block; } @media screen and (max-width: 449px) { .tile time { font-size: 13px; } } .tile time .d, .tile time .m { display: block; margin-top: -0.3em; } .tile time .y { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; display: block; } .tile + .tile { margin-left: 1px; } .tile-until { background: #ccc; } .date-highlighted .tile { background: #990000; } .date-highlighted .tile-until { background: #666; } .error-message { margin: 6.66667px 0; color: #990000; } .error-message ul { list-style: none; padding: 0; } ul.errors { list-style: none; padding: 0; color: #990000; margin: 0; } legend { font-size: 14px; line-height: 20px; font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; padding: 0; width: 100%; } .error-msg { font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; display: block; clear: left; color: #990000; } .mandatory-message { width: 100%; float: left; clear: left; box-sizing: border-box; border: 1px solid #990000; padding: 10px; } .mandatory-message h4 { margin-top: 0; } .mandatory-message h4, .mandatory-message li { color: #990000; } fieldset { width: 100%; float: left; clear: left; box-sizing: border-box; border: none; padding: 0; margin: 0; } form > fieldset > legend { display: block; } fieldset.visually-hide-legend > legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } fieldset + fieldset { margin-top: 20px; } fieldset > p:first-child { margin-top: 0; } .error legend { color: #990000; } .form-layout-2-col { width: 100%; float: left; clear: left; box-sizing: border-box; } .form-layout-2-col .col-left, .form-layout-2-col .col-right { float: left; box-sizing: border-box; width: 100%; } @media screen and (min-width: 960px) { .form-layout-2-col .col-left, .form-layout-2-col .col-right { width: 50%; margin-bottom: 10px; } .form-layout-2-col .col-left { padding-right: 10px; } .form-layout-2-col .col-right { padding-left: 10px; } } .field-wrap { position: relative; box-sizing: border-box; float: left; width: 100%; } .mandatory-info + .field-wrap, legend + .field-wrap { margin-top: 5px; } .field-wrap > label { display: block; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 5px; } .field-wrap .chosen-container, .field-wrap input { margin-bottom: 0; } .field-wrap + .field-wrap { margin-top: 20px; } .field-wrap-2col .field-wrap { width: 100%; } @media screen and (min-width: 600px) { .field-wrap-2col .field-wrap { width: 48%; } .field-wrap-2col .field-wrap + .field-wrap { margin-top: 0; } .field-wrap-2col .field-wrap-col-right { float: right; } } .field-wrap-wide .field-wrap-radio, .field-wrap-narrow .field-wrap-radio, .field-wrap-wide .field-wrap-checkbox, .field-wrap-narrow .field-wrap-checkbox { padding-top: 11px; padding-bottom: 9px; } .field-wrap-radio legend, .field-wrap-checkbox legend { display: block; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; color: #000; margin-bottom: 5px; } .field-wrap-radio .field-wrap-inner, .field-wrap-checkbox .field-wrap-inner { display: inline-block; float: left; margin-right: 20px; } .check-radio-cleared .form-input-wrap .form-radio-inner, .check-radio-cleared .form-input-wrap .form-check-inner { height: auto; display: block; margin-right: 0; } fieldset + .field-wrap-next, fieldset + .field-wrap-submit { width: 100% !important; } .field-wrap .field-wrap-street { width: 70%; float: left; } .field-wrap .field-wrap-streetnr { width: 25%; float: right; } .field-wrap-ziplocation { margin-bottom: 0; } .field-wrap-ziplocation .field-wrap-zip { width: 25%; float: left; box-sizing: border-box; padding-right: 4px; } .field-wrap-ziplocation .field-wrap-location { width: 75%; float: right; } .field-wrap-prev, .field-wrap-next, .field-wrap-submit { margin-top: 10px; } @media screen and (max-width: 599px) { .field-wrap-prev a.btn, .field-wrap-prev button, .field-wrap-prev .btn-encircled, .field-wrap-next a.btn, .field-wrap-next button, .field-wrap-next .btn-encircled, .field-wrap-submit a.btn, .field-wrap-submit button, .field-wrap-submit .btn-encircled { width: 100%; } } .field-wrap-next, .field-wrap-submit { text-align: right; } .field-wrap-prev { padding-right: 5px; width: 50%; margin-right: 0 !important; float: left; } .field-wrap-prev + .field-wrap-next, .field-wrap-prev + .field-wrap-submit { float: left; padding-left: 5px; margin-left: 0; width: 50%; margin-right: 0 !important; } .field-wrap-submit-centered { text-align: center; margin-bottom: 20px; } .field-wrap-submit-centered button, .field-wrap-submit-centered .btn-encircled, .field-wrap-submit-centered a.btn { margin: 0 auto; } .field-additional-info { margin-top: 0; color: #ccc; font-size: 11px; } .mandatory-info { color: #ccc; } .global-error-msg + .mandatory-info { color: #990000; } .form-additional-info { width: 100%; float: left; clear: left; box-sizing: border-box; margin-top: 20px; color: #ccc; } .global-form-msg { margin-bottom: 20px; } iframe { max-width: 100%; } .responsive-image-width-limiter { display: block; } .content.box:first-child { margin-top: 20px; margin-bottom: 20px; } .content.box:first-child > :first-child { margin-top: 20px; } .csc-textpic-imagewrap, .csc-textpic-image { max-width: 100%; } .csc-textpic-intext-left .csc-textpic-text > :first-child, .csc-textpic-intext-right .csc-textpic-text > :first-child { margin-top: 0; } .csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-intext-right .csc-textpic-imagewrap { margin-bottom: 10px; } .csc-textpic-above .csc-textpic-imagewrap { margin-bottom: 10px; } .csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; } .csc-textpic-intext-right-nowrap .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { width: 190px; } .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 210px; } .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 210px; } div.csc-textpic div.csc-textpic-imagecolumn { float: none; max-width: 100%; } .csc-textpic-imagerow-none { max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .csc-textpic-imagerow-none .csc-textpic-image { margin-bottom: 10px; } div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: visible; box-sizing: border-box; } div.csc-textpic:after, div.csc-textpic div.csc-textpic-imagerow:after, ul.csc-uploads li:after { content: ''; display: block; clear: both; } @media screen and (max-width: 449px) { .csc-textpic-text, .csc-textpic-imagewrap { margin-left: 0 !important; margin-right: 0 !important; float: none !important; box-sizing: border-box; } .csc-textpic-text:after, .csc-textpic-imagewrap:after { content: ''; display: block; clear: both; } .csc-textpic-image, .csc-textpic-center-outer, .csc-textpic-center-inner { max-width: 100%; } .csc-textpic-image a, .csc-textpic-center-outer a, .csc-textpic-center-inner a { display: block; max-width: 100%; } } svg { pointer-events: none; } #main_logo { position: relative; float: left; z-index: 10; width: 350px; height: 45px; margin-top: 45px; margin-left: 2px; } #main_logo a { display: block; } @media screen and (max-width: 767px) { #main_logo { width: 100px; margin-top: -4px; clip: rect(0, 100px, 41px, 0); overflow: hidden; } } @media screen and (min-width: 768px) { #main_logo { margin-left: -3px; } } @media screen and (min-width: 960px) { #main_logo { margin-left: 2px; } } @media screen and (max-width: 767px) { .logo svg { -ms-transform: scale(2); transform: scale(2); -ms-transform-origin: left top; transform-origin: left top; } .logo svg #logo_full { display: none; } } .info-box, .news-catmenu, .info-box-highlight { clear: left; margin-top: 20px; padding-left: 10px !important; padding-right: 20px !important; position: relative; } .info-box:before, .news-catmenu:before, .info-box:after, .news-catmenu:after, .info-box-highlight:before, .info-box-highlight:after { content: ''; position: absolute; top: 0; right: 0; } .info-box:before, .news-catmenu:before, .info-box-highlight:before { width: 20px; height: 20px; background: #fff; } .info-box:after, .news-catmenu:after, .info-box-highlight:after { top: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #eee; } .info-box > :first-child, .news-catmenu > :first-child, .info-box-highlight > :first-child { margin-top: 0; } .info-box > :last-child, .news-catmenu > :last-child, .info-box-highlight > :last-child { margin-bottom: 0; } .info-box-highlight { background-color: #990000 !important; border-bottom-color: #660000 !important; position: relative; } .info-box-highlight * { color: #fff; } .info-box-highlight:before, .info-box-highlight:after { content: ''; position: absolute; top: 0; right: 0; } .info-box-highlight:before { width: 20px; height: 20px; background: #fff; } .info-box-highlight:after { top: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #990000; } .info-box-highlight a { text-decoration: none; color: #fff; } .info-box-highlight a:focus:before, .info-box-highlight a:hover:before, .info-box-highlight a:focus, .info-box-highlight a:hover { color: #e6e6e6; } .info-box-highlight a:focus { outline: 1px dotted #ccc; } .teaser-box, .info-box, .news-catmenu, .info-box-highlight { padding: 10px 5px; background: #eee; border-bottom: 3px solid #999; margin-bottom: 20px; } .teaser-box h1, .info-box h1, .news-catmenu h1, .info-box-highlight h1, .teaser-box h2, .info-box h2, .news-catmenu h2, .info-box-highlight h2, .teaser-box h3, .info-box h3, .news-catmenu h3, .info-box-highlight h3, .teaser-box h4, .info-box h4, .news-catmenu h4, .info-box-highlight h4, .teaser-box h5, .info-box h5, .news-catmenu h5, .info-box-highlight h5, .teaser-box h6, .info-box h6, .news-catmenu h6, .info-box-highlight h6, .teaser-box .h1-alike, .info-box .h1-alike, .news-catmenu .h1-alike, .info-box-highlight .h1-alike, .teaser-box .h2-alike, .info-box .h2-alike, .news-catmenu .h2-alike, .info-box-highlight .h2-alike, .teaser-box .h3-alike, .info-box .h3-alike, .news-catmenu .h3-alike, .info-box-highlight .h3-alike, .teaser-box .h4-alike, .info-box .h4-alike, .news-catmenu .h4-alike, .info-box-highlight .h4-alike, .teaser-box .h5-alike, .info-box .h5-alike, .news-catmenu .h5-alike, .info-box-highlight .h5-alike, .teaser-box .h6-alike, .info-box .h6-alike, .news-catmenu .h6-alike, .info-box-highlight .h6-alike { margin: 0 0 6.66667px; } .teaser-box-cornered { position: relative; } .teaser-box-cornered:before, .teaser-box-cornered:after { content: ''; position: absolute; top: 0; right: 0; } .teaser-box-cornered:before { width: 20px; height: 20px; background: #fff; } .teaser-box-cornered:after { top: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #990000; } /* This is the core CSS of Tooltipster */ /* GENERAL STRUCTURE RULES (do not edit this section) */ .tooltipster-base { /* this ensures that a constrained height set by functionPosition, if greater that the natural height of the tooltip, will be enforced in browsers that support display:flex */ display: -ms-flexbox; display: flex; pointer-events: none; /* this may be overriden in JS for fixed position origins */ position: absolute; } .tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10- and flex-basis auto for IE11- (at least) */ -ms-flex: 1 1 auto; flex: 1 1 auto; } .tooltipster-content { /* prevents an overflow if the user adds padding to the div */ box-sizing: border-box; /* these make sure we'll be able to detect any overflow */ max-height: 100%; max-width: 100%; overflow: auto; } .tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */ bottom: 0; left: 0; overflow: hidden; position: fixed; right: 0; top: 0; visibility: hidden; } /* ANIMATIONS */ /* Open/close animations */ /* fade */ .tooltipster-fade { opacity: 0; transition-property: opacity; } .tooltipster-fade.tooltipster-show { opacity: 1; } /* grow */ .tooltipster-grow { -ms-transform: scale(0, 0); transform: scale(0, 0); transition-property: transform; -webkit-backface-visibility: hidden; } .tooltipster-grow.tooltipster-show { -ms-transform: scale(1, 1); transform: scale(1, 1); transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } /* swing */ .tooltipster-swing { opacity: 0; -ms-transform: rotateZ(4deg); transform: rotateZ(4deg); transition-property: transform; } .tooltipster-swing.tooltipster-show { opacity: 1; -ms-transform: rotateZ(0deg); transform: rotateZ(0deg); transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4); } /* fall */ .tooltipster-fall { transition-property: top; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-fall.tooltipster-initial { top: 0 !important; } .tooltipster-fall.tooltipster-dying { transition-property: all; top: 0 !important; opacity: 0; } /* slide */ .tooltipster-slide { transition-property: left; transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15); } .tooltipster-slide.tooltipster-initial { left: -40px !important; } .tooltipster-slide.tooltipster-dying { transition-property: all; left: 0 !important; opacity: 0; } /* Update animations */ /* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */ /* fade */ @keyframes tooltipster-fading { 0% { opacity: 0; } 100% { opacity: 1; } } .tooltipster-update-fade { animation: tooltipster-fading 400ms; } /* rotate */ @keyframes tooltipster-rotating { 25% { transform: rotate(-2deg); } 75% { transform: rotate(2deg); } 100% { transform: rotate(0); } } .tooltipster-update-rotate { animation: tooltipster-rotating 600ms; } /* scale */ @keyframes tooltipster-scaling { 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .tooltipster-update-scale { animation: tooltipster-scaling 600ms; } /** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */ /* .tooltipster-box */ .tooltipster-sidetip .tooltipster-box { background: #565656; border: 2px solid black; border-radius: 4px; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-box { margin-top: 8px; } .tooltipster-sidetip.tooltipster-left .tooltipster-box { margin-right: 8px; } .tooltipster-sidetip.tooltipster-right .tooltipster-box { margin-left: 8px; } .tooltipster-sidetip.tooltipster-top .tooltipster-box { margin-bottom: 8px; } /* .tooltipster-content */ .tooltipster-sidetip .tooltipster-content { color: white; line-height: 18px; padding: 6px 14px; } /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that corresponds to the arrow we want to display */ .tooltipster-sidetip .tooltipster-arrow { overflow: hidden; position: absolute; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow { height: 10px; /* half the width, for centering */ margin-left: -10px; top: 0; width: 20px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow { height: 20px; margin-top: -10px; right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not been positioned yet */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow { height: 20px; margin-top: -10px; left: 0; /* same as .tooltipster-left .tooltipster-arrow */ top: 0; width: 10px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow { bottom: 0; height: 10px; margin-left: -10px; width: 20px; } /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border { height: 0; position: absolute; width: 0; } /* .tooltipster-arrow-background */ .tooltipster-sidetip .tooltipster-arrow-background { border: 10px solid transparent; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #565656; left: 0; top: 3px; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #565656; left: -3px; top: 0; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #565656; left: 3px; top: 0; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #565656; left: 0; top: -3px; } /* .tooltipster-arrow-border */ .tooltipster-sidetip .tooltipster-arrow-border { border: 10px solid transparent; left: 0; top: 0; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: black; } .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: black; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: black; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: black; } /* tooltipster-arrow-uncropped */ .tooltipster-sidetip .tooltipster-arrow-uncropped { position: relative; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped { top: -10px; } .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped { left: -10px; } .tooltipster-hrk.tooltipster-sidetip .tooltipster-box { border-radius: 0; background: #eee; border: none; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-top .tooltipster-box { border-bottom: 2px solid #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-left .tooltipster-box { border-right: 2px solid #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-right .tooltipster-box { border-left: 2px solid #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-bottom .tooltipster-box { border-top: 2px solid #999; } .tooltipster-hrk.tooltipster-sidetip .tooltipster-content { color: #000; max-width: 520px; text-align: left; } @media screen and (min-width: 600px) { .tooltipster-hrk.tooltipster-sidetip .tooltipster-content { width: 520px; } } .tooltipster-hrk.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { border-bottom-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border { border-left-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border { border-right-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { border-top-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { border-bottom-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background { border-left-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background { border-right-color: #999; } .tooltipster-hrk.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { border-top-color: #999; } .list-downloads { list-style: none; padding: 0; margin: 0; } .list-downloads li { padding: 2.5px 0 2.5px 0; } .list-downloads .file-extension { text-transform: uppercase; } .list-downloads .file-description { display: block; font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; } input[type=radio], input[type=checkbox] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } input[type=radio] + label, input[type=radio] + .nested-checkbox-helper, input[type=checkbox] + label, input[type=checkbox] + .nested-checkbox-helper { display: block; padding: 2px 0 0 35px; min-height: 25px; position: relative; } input[type=radio] + label:before, input[type=radio] + .nested-checkbox-helper:before, input[type=checkbox] + label:before, input[type=checkbox] + .nested-checkbox-helper:before { content: ''; display: block; width: 25px; height: 25px; position: absolute; left: 0; top: 0; background: #fff; border: 2px solid #ccc; box-sizing: border-box; } input[type=radio] + label:hover:before, input[type=radio]:focus + label:before, input[type=checkbox] + label:hover:before, input[type=checkbox]:focus + label:before { border-color: #666; background-color: #eee; } input[type=radio]:checked + label:after, input[type=radio]:checked + .nested-checkbox-helper:after, input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + .nested-checkbox-helper:after { content: ''; display: block; width: 15px; height: 15px; position: absolute; left: 5px; top: 5px; background: #666; } .error input[type=radio] + label, .error input[type=checkbox] + label, .powermail_field_error input[type=radio] + label, .powermail_field_error input[type=checkbox] + label { color: #990000; } .error input[type=radio] + label:before, .error input[type=checkbox] + label:before, .powermail_field_error input[type=radio] + label:before, .powermail_field_error input[type=checkbox] + label:before { border-color: #990000; } .powermail_check_inner + .powermail_check_inner, .powermail_radio_inner + .powermail_radio_inner { margin-top: 5px; } input[type=radio] + label:before { border-radius: 50%; } input[type=radio]:checked + label:after { border-radius: 50%; } .submission-box, .js .field-wrap.combobox .combobox-search { width: 100%; margin: 0 auto; position: relative; position: relative; position: relative; } .submission-box:before, .js .field-wrap.combobox .combobox-search:before { content: ''; position: absolute; bottom: -16px; left: 50%; margin-left: -16px; margin-bottom: 0; width: 0; height: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #666; bottom: 2px; margin-left: -36px; z-index: 0; transition: background-color 0.25s ease-in-out 0s, bottom 0.25s ease-in-out 0s; } .submission-box:after, .js .field-wrap.combobox .combobox-search:after { content: ''; position: absolute; bottom: -12px; left: 50%; margin-left: -12px; margin-bottom: 0; width: 0; height: 0; border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #eee; bottom: 2px; margin-left: -32px; z-index: 2; transition: bottom 0.25s ease-in-out 0s; } .submission-box.submission-box-hovered:before, .js .field-wrap.combobox .submission-box-hovered.combobox-search:before, .submission-box-hovered .submission-box:before, .submission-box-hovered .js .field-wrap.combobox .combobox-search:before, .js .field-wrap.combobox .submission-box-hovered .combobox-search:before { bottom: -14px; border-top-color: #666; } .submission-box.submission-box-hovered:after, .js .field-wrap.combobox .submission-box-hovered.combobox-search:after, .submission-box-hovered .submission-box:after, .submission-box-hovered .js .field-wrap.combobox .combobox-search:after, .js .field-wrap.combobox .submission-box-hovered .combobox-search:after { bottom: -10px; } .submission-box.submission-box-hovered input[type="text"], .js .field-wrap.combobox .submission-box-hovered.combobox-search input[type="text"], .submission-box-hovered .submission-box input[type="text"], .submission-box-hovered .js .field-wrap.combobox .combobox-search input[type="text"], .js .field-wrap.combobox .submission-box-hovered .combobox-search input[type="text"] { border-color: #666; } .submission-box.submission-box-active:before, .js .field-wrap.combobox .submission-box-active.combobox-search:before, .submission-box-active .submission-box:before, .submission-box-active .js .field-wrap.combobox .combobox-search:before, .js .field-wrap.combobox .submission-box-active .combobox-search:before { bottom: -14px; border-top-color: #990000; } .submission-box.submission-box-active:after, .js .field-wrap.combobox .submission-box-active.combobox-search:after, .submission-box-active .submission-box:after, .submission-box-active .js .field-wrap.combobox .combobox-search:after, .js .field-wrap.combobox .submission-box-active .combobox-search:after { bottom: -10px; } .submission-box.submission-box-active input[type="text"], .js .field-wrap.combobox .submission-box-active.combobox-search input[type="text"], .submission-box-active .submission-box input[type="text"], .submission-box-active .js .field-wrap.combobox .combobox-search input[type="text"], .js .field-wrap.combobox .submission-box-active .combobox-search input[type="text"] { border-color: #990000; } .submission-box input[type="text"], .js .field-wrap.combobox .combobox-search input[type="text"] { text-align: left; box-sizing: border-box; position: relative; z-index: 1; border: 2px solid #eee; padding-right: 45px; } .submission-box button.icon-btn.no-txt, .js .field-wrap.combobox .combobox-search button.icon-btn.no-txt, .submission-box .btn-encircled, .js .field-wrap.combobox .combobox-search .btn-encircled { position: absolute !important; right: 0; top: 0; z-index: 4; width: 38px; height: 38px; border-radius: 0; } .submission-box button.icon-btn.no-txt .icon, .js .field-wrap.combobox .combobox-search button.icon-btn.no-txt .icon, .submission-box .btn-encircled .icon, .js .field-wrap.combobox .combobox-search .btn-encircled .icon { width: 38px; } .submission-box button.icon-btn.no-txt .icon:before, .js .field-wrap.combobox .combobox-search button.icon-btn.no-txt .icon:before, .submission-box .btn-encircled .icon:before, .js .field-wrap.combobox .combobox-search .btn-encircled .icon:before { line-height: 38px; } .submission-box .btntxt, .js .field-wrap.combobox .combobox-search .btntxt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } @media screen and (min-width: 880px) { .submission-box.small input[type="text"], .js .field-wrap.combobox .small.combobox-search input[type="text"] { height: 28px; } .submission-box.small button.icon-btn.no-txt, .js .field-wrap.combobox .small.combobox-search button.icon-btn.no-txt, .submission-box.small .btn-encircled, .js .field-wrap.combobox .small.combobox-search .btn-encircled { width: 28px; height: 28px; } .submission-box.small button.icon-btn.no-txt .icon, .js .field-wrap.combobox .small.combobox-search button.icon-btn.no-txt .icon, .submission-box.small .btn-encircled .icon, .js .field-wrap.combobox .small.combobox-search .btn-encircled .icon { width: 28px; } .submission-box.small button.icon-btn.no-txt .icon:before, .js .field-wrap.combobox .small.combobox-search button.icon-btn.no-txt .icon:before, .submission-box.small .btn-encircled .icon:before, .js .field-wrap.combobox .small.combobox-search .btn-encircled .icon:before { line-height: 28px; } } @media screen and (max-width: 879px) { .submission-box.large input[type="text"], .js .field-wrap.combobox .large.combobox-search input[type="text"] { font-size: 18px; } } @media screen and (min-width: 880px) { .submission-box.large input[type="text"], .js .field-wrap.combobox .large.combobox-search input[type="text"] { height: 50px; padding-right: 60px; } .submission-box.large button.icon-btn.no-txt, .js .field-wrap.combobox .large.combobox-search button.icon-btn.no-txt, .submission-box.large .btn-encircled, .js .field-wrap.combobox .large.combobox-search .btn-encircled { width: 50px; height: 50px; } .submission-box.large button.icon-btn.no-txt .icon, .js .field-wrap.combobox .large.combobox-search button.icon-btn.no-txt .icon, .submission-box.large .btn-encircled .icon, .js .field-wrap.combobox .large.combobox-search .btn-encircled .icon { width: 50px; } .submission-box.large button.icon-btn.no-txt .icon:before, .js .field-wrap.combobox .large.combobox-search button.icon-btn.no-txt .icon:before, .submission-box.large .btn-encircled .icon:before, .js .field-wrap.combobox .large.combobox-search .btn-encircled .icon:before { font-size: 20px; line-height: 25px; line-height: 50px; } } select { width: 100%; box-sizing: border-box; font-size: 14px; line-height: 20px; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; padding: 0 10px; border: 2px solid #eee; background: #eee; color: #000 !important; transition: border-color 0.25s ease-in-out 0s; -webkit-appearance: none; appearance: none; height: 38px; margin-bottom: 20px; padding-right: 40px; border-radius: 0; position: relative; background: #eee url("/typo3conf/ext/hrk_base/Resources/Public/Images/chevron-down.svg") no-repeat; background-position: right center; background-position: right 10px center; background-size: 20px 20px; } select::-webkit-input-placeholder, select::-moz-placeholder, select::placeholder { color: #000; } select.pseudo-class-hover, select:hover { border-color: #ccc; } select.pseudo-class-focus, select:focus { border-color: #666; outline: none; } .error select, select.error { border: 2px solid #990000; background-color: #fff; } select.pseudo-class-disabled, select:disabled, select.unavailable, select.unavailable:hover, select.unavailable, select.unavailable:active, select.unavailable.active { background: #eee; color: #000 !important; border-color: #eee; cursor: default; } select.pseudo-class-disabled.pseudo-class-focus, select.pseudo-class-disabled:focus, select:disabled.pseudo-class-focus, select:disabled:focus, select.unavailable.pseudo-class-focus, select.unavailable:focus, select.unavailable:hover.pseudo-class-focus, select.unavailable:hover:focus, select.unavailable.pseudo-class-focus, select.unavailable:focus, select.unavailable:active.pseudo-class-focus, select.unavailable:active:focus, select.unavailable.active.pseudo-class-focus, select.unavailable.active:focus { border: 2px solid #666; } select::-ms-expand { display: none; } .field-wrap select { margin-bottom: 0; } .teaser-box select, .info-box select, .news-catmenu select, .info-box-highlight select, .info-box select, .news-catmenu select, .news-catmenu select, .info-box-highlight select { background-color: #fff; } input[type="date"], input[type="tel"], input[type="email"], input[type="text"], input[type="number"], input[type="password"] { width: 100%; box-sizing: border-box; font-size: 14px; line-height: 20px; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; padding: 0 10px; border: 2px solid #eee; background: #eee; color: #000 !important; transition: border-color 0.25s ease-in-out 0s; -webkit-appearance: none; border-radius: 0; height: 38px; box-sizing: border-box; } input[type="date"]::-webkit-input-placeholder, input[type="date"]::-moz-placeholder, input[type="date"]::placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="tel"]::-moz-placeholder, input[type="tel"]::placeholder, input[type="email"]::-webkit-input-placeholder, input[type="email"]::-moz-placeholder, input[type="email"]::placeholder, input[type="text"]::-webkit-input-placeholder, input[type="text"]::-moz-placeholder, input[type="text"]::placeholder, input[type="number"]::-webkit-input-placeholder, input[type="number"]::-moz-placeholder, input[type="number"]::placeholder, input[type="password"]::-webkit-input-placeholder, input[type="password"]::-moz-placeholder, input[type="password"]::placeholder { color: #000; } input[type="date"].pseudo-class-hover, input[type="date"]:hover, input[type="tel"].pseudo-class-hover, input[type="tel"]:hover, input[type="email"].pseudo-class-hover, input[type="email"]:hover, input[type="text"].pseudo-class-hover, input[type="text"]:hover, input[type="number"].pseudo-class-hover, input[type="number"]:hover, input[type="password"].pseudo-class-hover, input[type="password"]:hover { border-color: #ccc; } input[type="date"].pseudo-class-focus, input[type="date"]:focus, input[type="tel"].pseudo-class-focus, input[type="tel"]:focus, input[type="email"].pseudo-class-focus, input[type="email"]:focus, input[type="text"].pseudo-class-focus, input[type="text"]:focus, input[type="number"].pseudo-class-focus, input[type="number"]:focus, input[type="password"].pseudo-class-focus, input[type="password"]:focus { border-color: #666; outline: none; } .error input[type="date"], input[type="date"].error, .error input[type="tel"], input[type="tel"].error, .error input[type="email"], input[type="email"].error, .error input[type="text"], input[type="text"].error, .error input[type="number"], input[type="number"].error, .error input[type="password"], input[type="password"].error { border: 2px solid #990000; background-color: #fff; } input[type="date"].pseudo-class-disabled, input[type="date"]:disabled, input[type="date"].unavailable, input[type="date"].unavailable:hover, input[type="date"].unavailable, input[type="date"].unavailable:active, input[type="date"].unavailable.active, input[type="tel"].pseudo-class-disabled, input[type="tel"]:disabled, input[type="tel"].unavailable, input[type="tel"].unavailable:hover, input[type="tel"].unavailable, input[type="tel"].unavailable:active, input[type="tel"].unavailable.active, input[type="email"].pseudo-class-disabled, input[type="email"]:disabled, input[type="email"].unavailable, input[type="email"].unavailable:hover, input[type="email"].unavailable, input[type="email"].unavailable:active, input[type="email"].unavailable.active, input[type="text"].pseudo-class-disabled, input[type="text"]:disabled, input[type="text"].unavailable, input[type="text"].unavailable:hover, input[type="text"].unavailable, input[type="text"].unavailable:active, input[type="text"].unavailable.active, input[type="number"].pseudo-class-disabled, input[type="number"]:disabled, input[type="number"].unavailable, input[type="number"].unavailable:hover, input[type="number"].unavailable, input[type="number"].unavailable:active, input[type="number"].unavailable.active, input[type="password"].pseudo-class-disabled, input[type="password"]:disabled, input[type="password"].unavailable, input[type="password"].unavailable:hover, input[type="password"].unavailable, input[type="password"].unavailable:active, input[type="password"].unavailable.active { background: #eee; color: #000 !important; border-color: #eee; cursor: default; } input[type="date"].pseudo-class-disabled.pseudo-class-focus, input[type="date"].pseudo-class-disabled:focus, input[type="date"]:disabled.pseudo-class-focus, input[type="date"]:disabled:focus, input[type="date"].unavailable.pseudo-class-focus, input[type="date"].unavailable:focus, input[type="date"].unavailable:hover.pseudo-class-focus, input[type="date"].unavailable:hover:focus, input[type="date"].unavailable.pseudo-class-focus, input[type="date"].unavailable:focus, input[type="date"].unavailable:active.pseudo-class-focus, input[type="date"].unavailable:active:focus, input[type="date"].unavailable.active.pseudo-class-focus, input[type="date"].unavailable.active:focus, input[type="tel"].pseudo-class-disabled.pseudo-class-focus, input[type="tel"].pseudo-class-disabled:focus, input[type="tel"]:disabled.pseudo-class-focus, input[type="tel"]:disabled:focus, input[type="tel"].unavailable.pseudo-class-focus, input[type="tel"].unavailable:focus, input[type="tel"].unavailable:hover.pseudo-class-focus, input[type="tel"].unavailable:hover:focus, input[type="tel"].unavailable.pseudo-class-focus, input[type="tel"].unavailable:focus, input[type="tel"].unavailable:active.pseudo-class-focus, input[type="tel"].unavailable:active:focus, input[type="tel"].unavailable.active.pseudo-class-focus, input[type="tel"].unavailable.active:focus, input[type="email"].pseudo-class-disabled.pseudo-class-focus, input[type="email"].pseudo-class-disabled:focus, input[type="email"]:disabled.pseudo-class-focus, input[type="email"]:disabled:focus, input[type="email"].unavailable.pseudo-class-focus, input[type="email"].unavailable:focus, input[type="email"].unavailable:hover.pseudo-class-focus, input[type="email"].unavailable:hover:focus, input[type="email"].unavailable.pseudo-class-focus, input[type="email"].unavailable:focus, input[type="email"].unavailable:active.pseudo-class-focus, input[type="email"].unavailable:active:focus, input[type="email"].unavailable.active.pseudo-class-focus, input[type="email"].unavailable.active:focus, input[type="text"].pseudo-class-disabled.pseudo-class-focus, input[type="text"].pseudo-class-disabled:focus, input[type="text"]:disabled.pseudo-class-focus, input[type="text"]:disabled:focus, input[type="text"].unavailable.pseudo-class-focus, input[type="text"].unavailable:focus, input[type="text"].unavailable:hover.pseudo-class-focus, input[type="text"].unavailable:hover:focus, input[type="text"].unavailable.pseudo-class-focus, input[type="text"].unavailable:focus, input[type="text"].unavailable:active.pseudo-class-focus, input[type="text"].unavailable:active:focus, input[type="text"].unavailable.active.pseudo-class-focus, input[type="text"].unavailable.active:focus, input[type="number"].pseudo-class-disabled.pseudo-class-focus, input[type="number"].pseudo-class-disabled:focus, input[type="number"]:disabled.pseudo-class-focus, input[type="number"]:disabled:focus, input[type="number"].unavailable.pseudo-class-focus, input[type="number"].unavailable:focus, input[type="number"].unavailable:hover.pseudo-class-focus, input[type="number"].unavailable:hover:focus, input[type="number"].unavailable.pseudo-class-focus, input[type="number"].unavailable:focus, input[type="number"].unavailable:active.pseudo-class-focus, input[type="number"].unavailable:active:focus, input[type="number"].unavailable.active.pseudo-class-focus, input[type="number"].unavailable.active:focus, input[type="password"].pseudo-class-disabled.pseudo-class-focus, input[type="password"].pseudo-class-disabled:focus, input[type="password"]:disabled.pseudo-class-focus, input[type="password"]:disabled:focus, input[type="password"].unavailable.pseudo-class-focus, input[type="password"].unavailable:focus, input[type="password"].unavailable:hover.pseudo-class-focus, input[type="password"].unavailable:hover:focus, input[type="password"].unavailable.pseudo-class-focus, input[type="password"].unavailable:focus, input[type="password"].unavailable:active.pseudo-class-focus, input[type="password"].unavailable:active:focus, input[type="password"].unavailable.active.pseudo-class-focus, input[type="password"].unavailable.active:focus { border: 2px solid #666; } input[type="date"].large, input[type="tel"].large, input[type="email"].large, input[type="text"].large, input[type="number"].large, input[type="password"].large { height: 38px; font-size: 20px; line-height: 25px; } textarea { width: 100%; box-sizing: border-box; font-size: 14px; line-height: 20px; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; padding: 0 10px; border: 2px solid #eee; background: #eee; color: #000 !important; transition: border-color 0.25s ease-in-out 0s; -webkit-appearance: none; border-radius: 0; padding-top: 10px; padding-bottom: 10px; min-height: 100px; resize: none; } textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea::placeholder { color: #000; } textarea.pseudo-class-hover, textarea:hover { border-color: #ccc; } textarea.pseudo-class-focus, textarea:focus { border-color: #666; outline: none; } .error textarea, textarea.error { border: 2px solid #990000; background-color: #fff; } textarea.pseudo-class-disabled, textarea:disabled, textarea.unavailable, textarea.unavailable:hover, textarea.unavailable, textarea.unavailable:active, textarea.unavailable.active { background: #eee; color: #000 !important; border-color: #eee; cursor: default; } textarea.pseudo-class-disabled.pseudo-class-focus, textarea.pseudo-class-disabled:focus, textarea:disabled.pseudo-class-focus, textarea:disabled:focus, textarea.unavailable.pseudo-class-focus, textarea.unavailable:focus, textarea.unavailable:hover.pseudo-class-focus, textarea.unavailable:hover:focus, textarea.unavailable.pseudo-class-focus, textarea.unavailable:focus, textarea.unavailable:active.pseudo-class-focus, textarea.unavailable:active:focus, textarea.unavailable.active.pseudo-class-focus, textarea.unavailable.active:focus { border: 2px solid #666; } .footer-tools { box-sizing: border-box; text-align: left; } .footer-tools:after { content: ''; display: block; clear: both; } .footer-tools > a { line-height: 20px; padding: 6.66667px 0; text-decoration: none; color: #666; } .footer-tools > a:focus:before, .footer-tools > a:hover:before, .footer-tools > a:focus, .footer-tools > a:hover { color: #990000; text-decoration: underline; } .footer-tools > a:focus:before, .footer-tools > a:hover:before { text-decoration: none; } .footer-tools > a:focus { outline: 1px dotted #ccc; } @media screen and (min-width: 450px) { .footer-tools > a { width: 180px; display: inline-block; } } @media screen and (max-width: 449px) { .footer-tools > a { display: block; text-align: center; } } .footer-tools > a .icon { padding-right: 10px; } .footer-tools > a .icon:before { vertical-align: baseline; } @media screen and (max-width: 449px) { .footer-tools { margin: 0 0 20px; } } nav { display: block; list-style: none; position: relative; background: none; text-align: left; padding: 0; } nav .accesskey, nav dfn { display: none; } nav ul { list-style: none; margin: 0; padding: 0; } nav li { float: left; margin: 0 0 0 0; } nav strong, nav a { font-weight: normal; text-decoration: none !important; display: inline-block; background: none; } nav a:hover { text-decoration: none; } nav .external-link .icon { margin-left: .3em; font-size: .8em; vertical-align: bottom; } #nav_search { display: inline-block; position: relative; height: 50px; box-sizing: border-box; background: transparent; } @media screen and (max-width: 879px) { #nav_search { position: absolute; right: 15px; top: 8px; } } @media screen and (min-width: 880px) { #nav_search { position: static; float: right; height: 54px; margin-top: -2px; margin-bottom: -2px; } #nav_search input[type="text"] { height: 54px; border-color: #999; border-left-width: 0; padding-left: 12px; border-right-width: 0; } #nav_search.submission-box-hovered .submission-box input[type="text"], #nav_search.submission-box-hovered .js .field-wrap.combobox .combobox-search input[type="text"], .js .field-wrap.combobox #nav_search.submission-box-hovered .combobox-search input[type="text"] { padding-left: 10px; border-left-width: 2px; border-color: #666; } #nav_search.submission-box-active .submission-box input[type="text"], #nav_search.submission-box-active .js .field-wrap.combobox .combobox-search input[type="text"], .js .field-wrap.combobox #nav_search.submission-box-active .combobox-search input[type="text"] { padding-left: 10px; border-left-width: 2px; border-color: #990000; } #nav_search button.icon-btn.no-txt, #nav_search .btn-encircled { margin-top: 2px; width: 50px; height: 50px; } #nav_search button.icon-btn.no-txt .icon, #nav_search .btn-encircled .icon { width: 50px; } #nav_search button.icon-btn.no-txt .icon:before, #nav_search .btn-encircled .icon:before { font-size: 20px; line-height: 25px; line-height: 50px; } } @media screen and (min-width: 880px) { #search_caller { display: none; } } @media screen and (max-width: 879px) { #search_caller { z-index: 34; transition: all 0.25s ease-in-out 0s; } #search_caller span { position: absolute; transition: 333ms ease-in-out; } #search_caller span.stroke { background: #990000; width: 28px; height: 2px; left: 4px; } #search_caller span.circle { width: 16px; height: 16px; left: 5px; top: 5px; border-radius: 50%; border: 2px solid #990000; background: #fff; } #search_caller span:nth-child(1) { -ms-transform: rotate(45deg); transform: rotate(45deg); top: 18px; } #search_caller span:nth-child(2) { -ms-transform: rotate(45deg); transform: rotate(45deg); top: 18px; } @keyframes searchCallerChild1 { 0% { transform: rotate(45deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(-45deg); } } @keyframes searchCallerChild2 { 0% { transform: rotate(-45deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } .search-panel-visible #search_caller span:nth-child(1) { animation: searchCallerChild1 1000ms 1; } .search-panel-visible #search_caller span:nth-child(2) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); animation: searchCallerChild2 1000ms 1; } .search-panel-visible #search_caller span:nth-child(3) { opacity: 0; -ms-transform-origin: center center; transform-origin: center center; } #search_caller a:focus span.circle, #search_caller a:hover span.circle { background: #eee; } } @media screen and (max-width: 767px) { #search_caller { position: fixed; top: 5px; right: 55px; } } .search-panel-visible #search_caller .icon:before { content: ""; } #search_panel { width: 200px; } @media screen and (max-width: 879px) { #search_panel { width: 300px; box-sizing: border-box; position: fixed; left: 50%; margin-left: -150px; top: 133px; } #search_panel .submission-box:before, #search_panel .js .field-wrap.combobox .combobox-search:before, .js .field-wrap.combobox #search_panel .combobox-search:before, #search_panel .submission-box:after, #search_panel .js .field-wrap.combobox .combobox-search:after, .js .field-wrap.combobox #search_panel .combobox-search:after { display: none; } } @media screen and (max-width: 767px) { #search_panel { top: 85px; } } @media screen and (max-width: 879px) { #search_panel { z-index: -20; overflow: hidden; height: 0; } #search_panel .search-panel-inner { width: 100%; float: left; clear: left; box-sizing: border-box; padding: 10px 10px 20px; opacity: 0; -ms-transform: translate(0, -5px); transform: translate(0, -5px); transition: all 0.25s ease-in-out 0s; transition-duration: 250ms; } .search-panel-visible #search_panel { height: auto; z-index: 10; } .search-panel-visible #search_panel .search-panel-inner { opacity: 1; -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 879px) { .search-panel-visible #nav_breadcrumb, .search-panel-visible #nav_main, .search-panel-visible #main, .search-panel-visible #footer { opacity: 0.05; } .search-panel-visible .header-navigation-bar { border-color: transparent; } } .stage-header { box-sizing: border-box; background: #ccc; position: relative; } .stage-header:after { content: ''; display: block; clear: both; } @media screen and (min-width: 768px) { .stage-header { margin-left: 60px; height: 140px; } } @media screen and (max-width: 449px) { .stage-header { margin-top: 6.66667px; } } .stage-header .stage-title { max-width: 50%; box-sizing: border-box; padding-top: 6.66667px; padding-left: 10px; } .stage-header .stage-title h1, .stage-header .stage-title h2, .stage-header .stage-title h3, .stage-header .stage-title h4, .stage-header .stage-title h5, .stage-header .stage-title h6, .stage-header .stage-title .h1-alike, .stage-header .stage-title .h2-alike, .stage-header .stage-title .h3-alike, .stage-header .stage-title .h4-alike, .stage-header .stage-title .h5-alike, .stage-header .stage-title .h6-alike { margin: 0; color: #fff; } @media screen and (max-width: 767px) { .stage-header .stage-title { float: left; width: 50%; } } @media screen and (max-width: 449px) { .stage-header .stage-title { width: 100%; float: left; clear: left; box-sizing: border-box; padding-bottom: 6.66667px; } } @media screen and (min-width: 768px) { .stage-header .stage-title { display: inline; float: left; padding-top: 6.66667px; padding-left: 20px; } } .stage-header .stage-image { box-sizing: border-box; display: inline-block; max-width: 50%; float: right; border-left: 20px solid #fff; } .stage-header .stage-image img { max-width: 340px; max-height: 140px; float: left; } @media screen and (max-width: 767px) { .stage-header .stage-image { box-sizing: border-box; float: right; width: 50%; overflow: hidden; background: #fff; } } @media screen and (max-width: 449px) { .stage-header .stage-image { width: 100%; float: left; clear: left; box-sizing: border-box; border-top: 10px solid #fff; max-width: 100%; border-left: 0; overflow: visible; } } @media screen and (max-width: 359px) { .stage-header .stage-image img { max-width: 100%; } } .nav-breadcrumb { width: 100%; float: left; clear: left; box-sizing: border-box; font-size: 12px; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; } @media screen and (min-width: 960px) { .nav-breadcrumb { position: relative; } .nav-breadcrumb > .outer { position: absolute; } } .nav-breadcrumb .inner { padding-top: 5px; } .nav-breadcrumb ul { display: block; } .nav-breadcrumb ul * { display: inline; } @media screen and (max-width: 767px) { .nav-breadcrumb ul { padding-top: 5px; border-top: 2px solid grey; line-height: 16px; } } .nav-breadcrumb li { display: inline; float: none; } .nav-breadcrumb li a { text-decoration: none; color: #666; } .nav-breadcrumb li a:focus:before, .nav-breadcrumb li a:hover:before, .nav-breadcrumb li a:focus, .nav-breadcrumb li a:hover { color: #990000; text-decoration: underline; } .nav-breadcrumb li a:focus:before, .nav-breadcrumb li a:hover:before { text-decoration: none; } .nav-breadcrumb li a:focus { outline: 1px dotted #ccc; } .nav-breadcrumb li a:hover { color: #990000; } .nav-breadcrumb li + li:before { content: '/'; padding: 0 3px; } #nav_handheld_caller { position: fixed; top: 5px; right: 10px; z-index: 66; transition: all 0.25s ease-in-out 0s; } @media screen and (min-width: 768px) { #nav_handheld_caller { display: none; } } .nav-handheld-visible #nav_handheld_caller:before { content: ''; display: block; width: 56px; height: 36px; position: absolute; left: -10px; background: transparent; } #nav_handheld_caller span { background: #990000; position: absolute; width: 28px; height: 2px; -ms-transform: rotate(0deg); transform: rotate(0deg); transition: 333ms ease-in-out; left: 4px; } #nav_handheld_caller span:nth-child(1) { top: 8px; } #nav_handheld_caller span:nth-child(2) { top: 18px; } #nav_handheld_caller span:nth-child(3) { top: 18px; } #nav_handheld_caller span:nth-child(4) { top: 28px; } @keyframes navCallerChild2 { 0% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(-45deg); } } @keyframes navCallerChild3 { 0% { transform: rotate(0deg); } 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } .nav-handheld-visible #nav_handheld_caller span:nth-child(1) { opacity: 0; -ms-transform: translate(0, 10px); transform: translate(0, 10px); } .nav-handheld-visible #nav_handheld_caller span:nth-child(4) { opacity: 0; -ms-transform: translate(0, -10px); transform: translate(0, -10px); } .nav-handheld-visible #nav_handheld_caller span:nth-child(2) { -ms-transform: rotate(45deg); transform: rotate(45deg); animation: navCallerChild2 1000ms 1; } .nav-handheld-visible #nav_handheld_caller span:nth-child(3) { -ms-transform: rotate(-45deg); transform: rotate(-45deg); animation: navCallerChild3 1000ms 1; } .nav-rectangle { box-sizing: border-box; padding-bottom: 20px; border-bottom: 2px solid #999; } .nav-rectangle:after { content: ''; display: block; clear: both; } .nav-rectangle ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: -6.66667px; } .nav-rectangle li { -ms-flex-positive: 1; flex-grow: 1; width: 95px; float: none; margin: 6.66667px; } .nav-rectangle a { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; background: #990000; color: #fff; box-sizing: border-box; width: 100%; height: 70px; font-size: 18px; padding: 5px 7px; } .nav-rectangle a:focus, .nav-rectangle a:hover { background: #ccc; background: linear-gradient(to bottom, #ccc, #999); } .nav-rectangle a:active { background: #bfbfbf; background: linear-gradient(to bottom, #bfbfbf, #999); } @media screen and (max-width: 959px) { .nav-rectangle li { width: 85px; } } @media screen and (max-width: 767px) { .nav-rectangle li { width: 23%; } } @media screen and (max-width: 599px) { .nav-rectangle li { width: 30%; } } @media screen and (max-width: 599px) { .nav-rectangle li { width: 46%; } } .nav-footer { box-sizing: border-box; background-color: #eee; border-top: 1px solid #ccc; padding: 10px 15px; margin-bottom: 20px; } .nav-footer:after { content: ''; display: block; clear: both; } @media screen and (max-width: 599px) { .nav-footer { display: none; } } @media screen and (max-width: 959px) { .nav-footer { padding: 10px 0; } } .footer-level1 > li { margin: 10px 0; width: 170px; } .footer-level1 a, .footer-level1 strong { text-decoration: none; color: #666; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; font-size: 18px; padding: 6.66667px 20px 6.66667px 0; } .footer-level1 a:focus:before, .footer-level1 a:hover:before, .footer-level1 a:focus, .footer-level1 a:hover, .footer-level1 strong:focus:before, .footer-level1 strong:hover:before, .footer-level1 strong:focus, .footer-level1 strong:hover { color: #990000; text-decoration: underline; } .footer-level1 a:focus:before, .footer-level1 a:hover:before, .footer-level1 strong:focus:before, .footer-level1 strong:hover:before { text-decoration: none; } .footer-level1 a:focus, .footer-level1 strong:focus { outline: 1px dotted #ccc; } .footer-level1 a:focus, .footer-level1 a:hover, .footer-level1 strong:focus, .footer-level1 strong:hover { text-decoration: underline !important; } @media screen and (max-width: 959px) { .footer-level1 { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-direction: row; flex-direction: row; margin: 0 -10px; } .footer-level1 > li { clear: left; float: none; width: 25%; display: inline-block; box-sizing: border-box; padding: 0 18px 5px 18px; } } @media screen and (max-width: 767px) { .footer-level1 > li { width: 33.3%; } } .footer-level2 li { float: none; } .footer-level2 a, .footer-level2 strong { font-size: 14px; padding: 4px 20px 4px 0; } .handheld-panel { display: none; } @media screen and (max-width: 767px) { .handheld-panel-overlay { position: fixed; left: 0; top: 0; opacity: 0; z-index: -22; width: 100%; height: 100%; width: 100vw; height: 100vh; display: none; background: #000; background: rgba(0, 0, 0, 0.7); } .transition-initialized .handheld-panel-overlay { transition: all 0.25s ease-in-out 0s; } .nav-handheld-visible .handheld-panel-overlay { opacity: 1; z-index: 22; display: block; } .handheld-panel { display: block; text-align: left; background: #fff; box-sizing: border-box; border-left: 6px solid #990000; border-left: 2vw solid #990000; position: fixed; height: 100%; top: 0; z-index: 37; transition: all 0.25s ease-in-out 0s; } .handheld-panel > .inner { padding: 0; margin: 60px 0 0; height: calc(100% - 60px); } .nav-handheld-visible .handheld-panel { right: 0; } .handheld-panel > .inner { overflow-y: scroll; -webkit-overflow-scrolling: touch; box-sizing: border-box; min-width: 100px; } .handheld-panel > .inner:after { content: ''; display: block; clear: both; } .handheld-panel ul { padding: 0; margin: 0; } .handheld-panel li { position: relative; float: none; display: block; border-top: 1px solid #ccc; } .handheld-panel .has-sub-navigation.subnav-open + li { border-top: none; } .handheld-panel .level1 > li:last-child { border-bottom: 1px solid #ccc; } .handheld-panel li a:first-child { font-size: 18px; display: block; padding: 8px 20px 8px 20px; margin-right: 50px; min-height: 38px; } .handheld-panel .level1 > li > a:first-child, .handheld-panel .level1 > li > .sub-navigation-button-wrapper > a:first-child { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .handheld-panel li a:first-child { color: #000; } .handheld-panel li a:first-child.current { color: #990000; } .handheld-panel li a:first-child:hover { text-decoration: none; color: #990000; } .handheld-panel li a:first-child:hover > span { border-bottom: 1px solid #990000; } .handheld-panel .subnav-open > .sub-navigation-button-wrapper { border-bottom: 4px solid #990000; } .handheld-panel .subnav-wrapper { padding-left: 20px; border-bottom: 4px solid #ccc; } .handheld-panel .subnav-wrapper .subnav-open .sub-navigation-button-wrapper { border-color: #ccc; } .handheld-panel .subnav-wrapper li:first-child, .handheld-panel .subnav-wrapper .has-sub-navigation.subnav-open + li { border-top: none; } .handheld-panel .subnav-wrapper li > a:first-child, .handheld-panel .subnav-wrapper li > .sub-navigation-button-wrapper > a:first-child { padding: 8px 20px 8px 10px; } .handheld-panel .subnav-wrapper a.sub-navigation-trigger { background: #666; } .handheld-panel .subnav-wrapper a.sub-navigation-trigger .icon:before { color: #fff; } .handheld-panel .subnav-wrapper a.sub-navigation-trigger:hover, .handheld-panel .subnav-wrapper a.sub-navigation-trigger:active, .handheld-panel .subnav-wrapper a.sub-navigation-trigger:focus { background: #990000; box-shadow: none; } .handheld-panel .subnav-wrapper a.sub-navigation-trigger:hover .icon:before, .handheld-panel .subnav-wrapper a.sub-navigation-trigger:active .icon:before, .handheld-panel .subnav-wrapper a.sub-navigation-trigger:focus .icon:before { color: #fff; } .handheld-panel .subnav-wrapper .sub-navigation-button-wrapper { position: relative; } .handheld-panel .subnav-wrapper a.btn.icon-btn.no-txt.large.sub-navigation-trigger, .handheld-panel .subnav-wrapper a.no-txt.large.sub-navigation-trigger.btn.icon-btn-left, .handheld-panel .subnav-wrapper button.no-txt.large.sub-navigation-trigger.icon-btn-left, .handheld-panel .subnav-wrapper .no-txt.large.sub-navigation-trigger.icon-btn-left.btn-encircled { height: 100%; } .handheld-panel li:last-child > .subnav-wrapper { border-bottom: none; } .subnav-wrapper { display: none; } .subnav-open > .subnav-wrapper { display: block; } a.sub-navigation-trigger { display: inline-block; position: absolute !important; right: 0; cursor: pointer; top: 0; } a.sub-navigation-trigger .icon:before { content: ""; padding: 0; } a.sub-navigation-trigger .icon:before { color: #990000; } .subnav-open > .sub-navigation-button-wrapper > a.sub-navigation-trigger { display: inline-block; } .subnav-open > .sub-navigation-button-wrapper > a.sub-navigation-trigger .icon:before { content: ""; padding: 0; } } @media screen and (max-width: 767px) { ul .sub-navigation-wrapper { display: none; } } @media screen and (max-width: 767px) { .handheld-panel { width: 60%; right: -60%; width: 60vw; right: -60vw; } } @media screen and (max-width: 599px) { .handheld-panel { width: 60%; right: -80%; width: 80vw; right: -80vw; } } @media screen and (max-width: 449px) { .handheld-panel { width: 100%; right: -100%; width: 100vw; right: -100vw; } } #nav_language { font-size: 11px; } @media screen and (min-width: 768px) { #nav_language { float: left; margin-left: 30px; } } #nav_language a { display: inline-block; height: 30px; line-height: 32px; text-decoration: none; color: #666; } #nav_language a:focus:before, #nav_language a:hover:before, #nav_language a:focus, #nav_language a:hover { color: #990000; text-decoration: underline; } #nav_language a:focus:before, #nav_language a:hover:before { text-decoration: none; } #nav_language a:focus { outline: 1px dotted #ccc; } #nav_language .icon { margin-right: 3px; font-size: 16px; line-height: 20px; } #nav_left { position: relative; z-index: 1; margin-top: -40px; padding-right: 10px; } #nav_left:before { content: ''; display: block; width: 100%; position: absolute; top: 0; left: 0; height: 40px; background: #fff; } @media screen and (max-width: 767px) { #nav_left { display: none; } } @media screen and (min-width: 768px) { .nav-vertical { box-sizing: border-box; } .nav-vertical:after { content: ''; display: block; clear: both; } .nav-vertical a { text-decoration: none; color: #666; } .nav-vertical a:focus:before, .nav-vertical a:hover:before, .nav-vertical a:focus, .nav-vertical a:hover { color: #990000; text-decoration: underline; } .nav-vertical a:focus:before, .nav-vertical a:hover:before { text-decoration: none; } .nav-vertical a:focus { outline: 1px dotted #ccc; } .nav-vertical a { display: block; box-sizing: border-box; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; color: #666; } .nav-vertical a.current, .nav-vertical a.active { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; } .nav-vertical a.current, .nav-vertical a:active, .nav-vertical a.active { color: #990000; } .nav-vertical .level2 a { font-size: 18px; padding-left: 60px; } .nav-vertical .level2 > li > a { padding-top: 6.66667px; padding-bottom: 6.66667px; } .nav-vertical .level2 ul { padding: 6.66667px 0 13.33333px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; } .nav-vertical .level3 a { padding-left: 34px; font-size: 16px; } .nav-vertical .level3 > li { padding-left: 26px; } .nav-vertical .level4 { border-top: 1px solid #ccc; } .nav-vertical .level4 a { font-size: 15px; padding-top: 4px; padding-bottom: 4px; } .nav-vertical .level5 a { font-size: 14px; padding-top: 1px; padding-bottom: 1px; } .nav-vertical li { position: relative; display: inline-block; } .level1-title { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; font-size: 18px; padding-left: 60px; padding-top: 6.66667px; padding-bottom: 6.66667px; position: relative; } .level1-title a { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; } .level1-title .icon { position: absolute; left: 15px; top: 5px; } .js .sub-navigation-wrapper { overflow: hidden; max-height: 0; } .js .sub-navigation-wrapper > * { opacity: 0.99; } .transition-initialized .sub-navigation-wrapper { transition: max-height 0.25s ease-in-out 0s; } .transition-initialized .sub-navigation-wrapper > * { transition: opacity 0.25s ease-in-out 0s; } .sub-navigation-wrapper.opened { max-height: 1999px; } .sub-navigation-wrapper.opened > * { opacity: 1; } a.sub-navigation-trigger { display: inline-block; padding: 0 !important; position: absolute !important; left: 10px; top: 2px; } a.sub-navigation-trigger .icon:before { content: ""; padding: 0; font-size: 16px; } a.sub-navigation-trigger .icon { transition: all 0.25s ease-in-out 0s; } .opened > a.sub-navigation-trigger > .icon { -ms-transform: rotate(45deg) translate(1px, -1px); transform: rotate(45deg) translate(1px, -1px); } .level3 a.sub-navigation-trigger { left: 27px; top: 0; } .level4 a.sub-navigation-trigger { display: inline-block; top: 0; left: 0; } .level4 a.sub-navigation-trigger .icon:before { content: ""; padding: 0; font-size: 12px; } } #nav_main { float: left; } @media screen and (max-width: 767px) { #nav_main { display: none; visibility: hidden; } } #nav_main .link-home { position: absolute; left: -60px; margin-left: 16px; line-height: 45px; font-size: 16px; color: #666; } #nav_main .link-home:focus, #nav_main .link-home:hover { color: #990000; } #nav_main .level3-wrapper { display: none; } .level1 { box-sizing: border-box; } .level1:after { content: ''; display: block; clear: both; } .level1 a { text-decoration: none; color: #666; } .level1 a:focus:before, .level1 a:hover:before, .level1 a:focus, .level1 a:hover { color: #990000; text-decoration: underline; } .level1 a:focus:before, .level1 a:hover:before { text-decoration: none; } .level1 a:focus { outline: 1px dotted #ccc; } .level1 a, .level1 strong { display: block; box-sizing: border-box; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; } @media screen and (min-width: 768px) { .level1 > li > a, .level1 > li > strong { font-size: 18px; line-height: 48px; padding-right: 27px; } .level1 li { position: relative; display: inline-block; } .level1 > li:hover > a span, .level1 > li > a:hover span, .level1 > li > a:focus span { border-bottom: 10px solid #990000; } } @media screen and (max-width: 767px) { .level1 > li > a, .level1 > li > strong { padding-right: 21px; } } .level1 a:active, .level1 a.active, .level1 strong { color: #990000; } .level2 li { float: none; display: block; } .level2 a, .level2 strong { font-size: 14px; padding: 4px 15px; } @media screen and (min-width: 768px) { .level2 a:hover { text-decoration: underline !important; } } @media screen and (min-width: 768px) { .level2-wrapper { box-sizing: border-box; position: absolute; top: 44px; left: 0; z-index: -20; overflow: hidden; height: 0; } .level2-wrapper:after { content: ''; display: block; clear: both; } .level2-wrapper .level2 { box-sizing: border-box; padding: 10px 0; background: #fff; width: 220px; opacity: 0; } .level2-wrapper .level2:after { content: ''; display: block; clear: both; } .level2-wrapper .level2:before { content: ""; display: block; height: 70px; width: 100%; left: 0; background: linear-gradient(to bottom, #eee, #fff); position: absolute; top: 0; z-index: 0; } li:hover .level2-wrapper, a:focus + .level2-wrapper, a:hover + .level2-wrapper, .level2-wrapper.opened { height: auto; z-index: 10; border-top: 2px solid #990000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); } li:hover .level2-wrapper .level2, a:focus + .level2-wrapper .level2, a:hover + .level2-wrapper .level2, .level2-wrapper.opened .level2 { border-left: 1px solid #fff; border-right: 1px solid #fff; opacity: 1; } } .nav-meta { float: right; margin-top: 10px; margin-right: 0; font-size: 12px; } .nav-meta ul { margin: 0; padding: 0; } .nav-meta li + li { margin-left: 20px; } .nav-meta a, .nav-meta strong { display: inline-block; } .nav-meta a { text-decoration: none; color: #666; } .nav-meta a:focus:before, .nav-meta a:hover:before, .nav-meta a:focus, .nav-meta a:hover { color: #990000; text-decoration: underline; } .nav-meta a:focus:before, .nav-meta a:hover:before { text-decoration: none; } .nav-meta a:focus { outline: 1px dotted #ccc; } .nav-meta strong { color: #990000; } @media screen and (max-width: 767px) { #header_top .nav-meta#nav_meta { width: 20%; text-align: right; } #header_top .nav-meta#nav_meta li { float: none; margin: 0 5px !important; } } @media screen and (max-width: 599px) { .nav-meta { display: none; } } @media screen and (max-width: 599px) { .nav-meta.nav-meta-moved { display: block; float: none; text-align: center; } .nav-meta.nav-meta-moved li { float: none; display: inline; } .nav-meta.nav-meta-moved a { font-size: 14px; line-height: 20px; padding: 6.66667px 0; } } .page-browse { padding: 10px; border: 1px solid #eee; border-top: 5px solid #990000; margin-top: 20px; margin-bottom: 40px; line-height: 20px; box-sizing: border-box; width: 100%; float: left; clear: both; } .page-browse:after { content: ''; display: block; clear: both; } .page-browse li > span, .page-browse strong, .page-browse a { position: relative; box-sizing: border-box; display: block; float: left; } .page-browse a { text-decoration: none; color: #666; display: inline-block; width: 20px; height: 20px; } .page-browse a:focus:before, .page-browse a:hover:before, .page-browse a:focus, .page-browse a:hover { color: #990000; text-decoration: underline; } .page-browse a:focus:before, .page-browse a:hover:before { text-decoration: none; } .page-browse a:focus { outline: 1px dotted #ccc; } .page-browse a:hover { background: #f7f7f7; text-decoration: none; } .page-browse a .icon { padding: 0; position: absolute; left: 0; top: -2px; text-align: center; } .page-browse ul ul strong, .page-browse ul ul a, .page-browse .no-txt strong, .page-browse .no-txt a { padding: 0; width: 20px; text-align: center; } .page-browse .no-txt .btntxt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-browse ul { margin: 0; padding: 0; list-style: none; } .page-browse li { padding: 0; display: inline; } .page-browse > ul { position: relative; height: 20px; } .page-browse > ul > li.first, .page-browse > ul > li.previous, .page-browse > ul > li.last, .page-browse > ul > li.next { position: absolute; top: 0; } .page-browse > ul > li.first { left: 0; } .page-browse > ul > li.first .icon { text-shadow: 5px 0 0 #666; } .page-browse > ul > li.first .icon:before { content: ""; } .page-browse > ul > li.previous { left: 25px; } .page-browse > ul > li.previous .icon:before { content: ""; } .page-browse > ul > li.next { right: 25px; } .page-browse > ul > li.next .icon { left: auto; right: 0; } .page-browse > ul > li.next .icon:before { content: ""; } .page-browse > ul > li.last { right: 0; } .page-browse > ul > li.last .icon { left: auto; right: 0; text-shadow: -5px 0 0 #666; } .page-browse > ul > li.last .icon:before { content: ""; } .page-browse li.more { vertical-align: top; } .page-browse ul ul { width: 60%; box-sizing: border-box; display: block; margin: 0 auto; text-align: center; } @media screen and (max-width: 767px) { .page-browse ul ul { width: 50%; } } .page-browse ul ul li { display: inline-block; } #main .filter legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #main .filter + .page-browse { margin-top: -21px !important; } .csc-sitemap ul { padding: 0 0 5px 20px; } .csc-sitemap ul li { float: none; } .nav-rectangle { box-sizing: border-box; padding-bottom: 20px; border-bottom: 1px solid #999; margin: 20px 0; } .nav-rectangle:after { content: ''; display: block; clear: both; } .nav-rectangle ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; margin: -4px; } .nav-rectangle li { -ms-flex-positive: 1; flex-grow: 1; width: 95px; float: none; margin: 5px; } .nav-rectangle a { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; background: #990000; color: #fff; box-sizing: border-box; width: 100%; height: 70px; font-size: 18px; padding: 5px 7px; } .nav-rectangle a:focus, .nav-rectangle a:hover { background: #ccc; background: linear-gradient(to bottom, #ccc, #999); } .nav-rectangle a:active { background: #bfbfbf; background: linear-gradient(to bottom, #bfbfbf, #999); } @media screen and (max-width: 959px) { .nav-rectangle li { width: 85px; } } @media screen and (max-width: 879px) { .nav-rectangle li { width: 23%; } } @media screen and (max-width: 599px) { .nav-rectangle li { width: 30%; } } @media screen and (max-width: 599px) { .nav-rectangle li { width: 46%; } } html { text-align: left; padding: 0; margin: 0; line-height: 20px; } @media screen and (min-width: 960px) { html { min-height: 100%; height: 100%; } } body { padding: 0; margin: 0; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; text-align: center; background-color: #fff; color: #000; -webkit-font-smoothing: subpixel-antialiased; } @media screen and (min-width: 960px) { body { min-height: 101%; height: 100%; } } #wrapper { text-align: left; margin: 0; width: 100%; position: relative; z-index: 1; min-width: 320px; } .outer { width: 100%; float: left; clear: left; } .inner { box-sizing: border-box; margin: 0 auto; min-width: 320px; widows: 100%; padding: 0 10px; } @media screen and (min-width: 768px) { .inner { padding: 0 15px; } } @media screen and (min-width: 960px) { .inner { width: 940px; padding-right: 0; padding-left: 0; } } @media screen and (min-width: 768px) { .hrk-gap .inner { padding-left: 70px; } } @media screen and (min-width: 960px) { .hrk-gap .inner { padding-left: 60px; } } #footer { margin: 40px 0; } .grid-container { width: 100%; box-sizing: border-box; } .grid-container:after { content: ''; display: block; clear: both; } .layout-col, .grid-col { display: block; float: none; width: 100%; box-sizing: border-box; } @media screen and (max-width: 959px) { .layout-col-left { box-sizing: border-box; } .layout-col-left:after { content: ''; display: block; clear: both; } .layout-col-left-inner .layout-col-right { max-width: 520px; } .marginal-inner { clear: left; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } .marginal-inner > * { -ms-flex-positive: 1; flex-grow: 1; width: 160px; margin: 10px; } } @media screen and (max-width: 767px) { .marginal-inner > * { width: 28%; margin: 10px; } } @media screen and (max-width: 599px) { .marginal-inner > * { width: 50%; margin: 10px; -ms-flex-order: 1; order: 1; } .marginal-inner .inherited { -ms-flex-order: 100; order: 100; } } @media screen and (min-width: 768px) { .layout-2-col-container { margin-left: -60px; } .layout-2-col-container > .layout-col-left { width: 100%; } .layout-2-col-container > .layout-col-right { padding-left: 60px; } .layout-col-left-inner .layout-col { float: left; } .layout-col-left-inner .layout-col-left { margin: 0; box-sizing: border-box; width: 30%; padding-right: 10px; } .layout-col-left-inner .layout-col-right { width: 70%; float: left; } } @media screen and (min-width: 960px) { .layout-2-col-container { margin-top: 25px; } .layout-2-col-container .layout-col { float: left; } .layout-2-col-container .layout-col-left { width: 760px; } .layout-2-col-container .layout-col-right { width: 160px; float: right; padding-left: 0; } .layout-col-left-inner .layout-col-left { width: 240px; padding-right: 0; } .layout-col-left-inner .layout-col-right { width: 520px; float: right; } } #header .inner { position: relative; } #header_top { height: 135px; box-sizing: border-box; } #header_top:after { content: ''; display: block; clear: both; } @media screen and (max-width: 767px) { #header_top { height: 40px; } } #header_bottom { box-sizing: border-box; } #header_bottom:after { content: ''; display: block; clear: both; } .header-navigation-bar { box-sizing: border-box; } .header-navigation-bar:after { content: ''; display: block; clear: both; } @media screen and (min-width: 768px) { .header-navigation-bar { border-bottom: 2px solid #999; border-top: 2px solid #999; } } .start-layout .layout-2-col-container { margin-top: 25px; } .bx-wrapper { position: relative; margin: 0 auto; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0); } .gallery .bx-viewport { box-sizing: border-box; padding: 0 10px; } @media screen and (min-width: 600px) { .gallery .bx-viewport { padding: 0 25px; } } .bx-pager { line-height: 0; } .bx-pager a { background: #ccc; text-indent: -9999px; font-size: 0; display: block; width: 10px; height: 10px; margin: 5px 5px 0 0; outline: 0; } .bx-pager a:hover, .bx-pager a:focus { background: #999; } .bx-pager a:active { background: #666; } .bx-pager a.active { background: #990000; } @media screen and (max-width: 599px) { .bx-pager { text-align: center; } .bx-pager a { width: 20px; height: 20px; } } @media screen and (min-width: 600px) { .stage-slider .bx-pager { position: absolute; bottom: 0; left: -60px; width: 60px; text-align: right; } } .gallery .bx-pager { margin-top: 6.66667px; text-align: center; } .bx-pager-item, .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom: 1; *display: inline; } .bx-controls-direction { background: #ccc; } @media screen and (max-width: 599px) { .bx-controls-direction { display: none; } } @media screen and (min-width: 600px) { .bx-controls-direction { position: absolute; } .stage-slider .bx-controls-direction { top: 20px; left: -60px; height: 50px; width: 60px; } .gallery .bx-controls-direction { width: 102%; margin-left: -1%; display: block; height: 0; top: 50%; margin-top: -25px; } } @media screen and (min-width: 768px) { .stage-slider .bx-controls-direction { height: 80px; } } .bx-controls-direction a { position: absolute; top: 0; height: 100%; outline: 0; width: 30px; } @media screen and (min-width: 600px) { .gallery .bx-controls-direction a { height: 50px; background: #ccc; position: absolute; } } .bx-controls-direction a:focus, .bx-controls-direction a:hover { background: #bfbfbf; } .bx-controls-direction a:active { background: #b3b3b3; } .bx-controls-direction a.disabled { opacity: 0; cursor: default; } .bx-controls-direction .icon { text-align: center; display: block; height: 30px; width: 30px; position: absolute; top: 50%; margin-top: -15px; line-height: 30px; font-size: 20px; color: #fff; } .bx-controls-direction .icon + span { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .transition-initialized .bx-controls-direction a { transition: opacity 0.25s ease-in-out 0s; } .bx-prev { display: inline-block; left: 0; } .bx-prev .icon:before { content: ""; padding: 0; } @media screen and (min-width: 600px) { .gallery .bx-prev { background: #ccc; } } .bx-next { display: inline-block; left: 30px; } .bx-next .icon:before { content: ""; padding: 0; } @media screen and (min-width: 600px) { .gallery .bx-next { left: auto; right: 0; } } /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 80; } .fancybox-wrap a:focus { outline: none; } .fancybox-skin { background: #fff; } .fancybox-opened { z-index: 80; } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev, .fancybox-next { text-decoration: none; } .fancybox-prev.btn.icon-btn.no-txt, .fancybox-next.btn.icon-btn.no-txt { background: transparent; background-image: url("/typo3conf/ext/hrk_base/Resources/Public/Images/blank.gif"); box-shadow: inset 0 0 0 0 #990000; border: none; } #fancybox-loading { position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; } .fancybox-close { position: absolute !important; top: -16px; right: -15px; z-index: 1085; } @media screen and (max-width: 767px) { .fancybox-close { position: fixed !important; top: 5px; right: 10px; } } a.fancybox-nav { position: absolute !important; top: 0; width: 30%; height: 100%; cursor: pointer; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 85; } a.fancybox-nav .control-direction { display: inline-block; position: absolute; top: 50%; margin-top: -30px; font-size: 20px; width: 30px; height: 60px; line-height: 60px; background: #ccc; transition: background 0.25s ease-in-out 0s; color: #fff; } a.fancybox-nav.fancybox-prev { left: 0; } a.fancybox-nav.fancybox-next { right: 0; } a.fancybox-nav:focus .control-direction, a.fancybox-nav:hover .control-direction { background: #bfbfbf; } a.fancybox-nav:active .control-direction { box-shadow: inset 0 0 0 20px #b3b3b3; } .fancybox-nav > span { position: absolute !important; bottom: 0; cursor: pointer; z-index: 85; } .fancybox-prev > span { left: -15px !important; } .fancybox-next > span { right: -15px !important; } .fancybox-nav:hover > span { visibility: visible; } /* Overlay helper */ .fancybox-lock { overflow-x: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 70; background: #343434; background: rgba(52, 52, 52, 0.8); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 85; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { text-align: left; } .fancybox-title-inside-wrap { padding: 10px 0 0; text-align: left; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; } .fancybox-inner { text-align: left; } /*Retina graphics!*/ .accordion { width: 100%; float: left; clear: left; box-sizing: border-box; margin-bottom: 20px; padding: 0; } .accordion-item { transition: all 0.25s ease-in-out 0s; box-sizing: border-box; } .accordion-item:after { content: ''; display: block; clear: both; } .accordion-item + .accordion-item { border-top: 3px solid #eee; } .accordion-trigger a { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; transition: all 0.25s ease-in-out 0s; font-size: 16px; display: block; position: relative; padding-bottom: 10px; padding-top: 10px; padding-left: 25px; } .accordion-trigger a .icon:before { content: ""; transition: all 0.25s ease-in-out 0s; font-size: 1em; color: #ccc; line-height: 20px; position: absolute; top: 10px; left: 1px; } .accordion-trigger a:hover, .accordion-trigger a:focus { text-decoration: none; } .accordion-headline-main { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .accordion-content { width: 100%; float: left; clear: left; box-sizing: border-box; box-sizing: border-box; transition: max-height 0.25s ease-in-out 0s; transition-duration: 250ms; padding-left: 25px; padding-right: 20px; } .js .accordion-content { overflow: hidden; max-height: 0; } .js .accordion-content .grid-container h2:first-child, .js .accordion-content .grid-container h3:first-child, .js .accordion-content .grid-container h4:first-child, .js .accordion-content .content > h2:first-child, .js .accordion-content .content > h3:first-child, .js .accordion-content .content > h4:first-child { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .js .accordion-content .grid-container > .grid-450-450 { padding-top: 20px; } @media screen and (min-width: 450px) { .accordion-content .csc-textpic-intext-left .csc-textpic-text, .accordion-content .csc-textpic-intext-right .csc-textpic-text { margin-top: 20px; } } @media screen and (max-width: 449px) { .accordion-content .csc-textpic-imagewrap { margin-top: 20px; } } .accordion-active .accordion-trigger a .icon:before { color: #990000; -ms-transform: rotate(45deg); transform: rotate(45deg); } .accordion-active .accordion-content { border-top: 3px solid #eee; background: #f7f7f7; transition-duration: 500ms; max-height: 400px; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } @media screen and (max-width: 959px) { .accordion-active .accordion-content { margin-top: 5px; } } .accordion-active + .accordion-item { border-top-color: #fff; } .accordion + .content { clear: both; } @media screen and (min-width: 600px) { .grid-2-col-same-width { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .grid-2-col-same-width .grid-col { width: 50%; } .grid-2-col-same-width .grid-col-left { padding-right: 10px; } .grid-2-col-same-width .grid-col-right { padding-left: 10px; } } .tx-hrkcalendar-show { margin-top: 20px; } .date { position: relative; box-sizing: border-box; } .date:after { content: ''; display: block; clear: both; } .tx-hrkcalendar-list .date { border-top: 1px solid #eee; } .tx-hrkcalendar-list .date .date-inner { transition: all 0.25s ease-in-out 0s; box-sizing: border-box; padding: 20px 10px 20px 0; color: #333; display: block; } .tx-hrkcalendar-list .date .date-inner:after { content: ''; display: block; clear: both; } .tx-hrkcalendar-list .date a:focus, .tx-hrkcalendar-list .date a:hover { background: #fafafa; } .tx-hrkcalendar-list .date a:active { background: whitesmoke; } .date-teaser { margin-left: 130px; margin-bottom: 20px; } @media screen and (max-width: 449px) { .date-teaser { margin-left: 80px; } } .date-teaser h1, .date-teaser h2, .date-teaser h3, .date-teaser h4 { margin: 0; } .date-bodytext { margin-top: 20px; clear: both; } .anchor-alike { position: absolute !important; right: 10px; bottom: 10px; } .dates-bygone-container .date a { opacity: 0.7; } .dates-bygone-container .date a:hover { opacity: 1; } .date-link-back-to-list { margin-top: 20px; } .tx-hrkcalendar-teaser { font-size: 16px; } .tx-hrkcalendar-teaser .date { padding-top: 10px; padding-bottom: 10px; } .tx-hrkcalendar-teaser .date + .date { border-top: 1px solid #ccc; } .teaser-dates-headline { display: -ms-flexbox; display: flex; } .teaser-dates-city:before { content: ','; } .teaser-dates-headline { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; } .teaser-dates-title { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; } a .teaser-dates-title:after, a .teaser-dates-title:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a .teaser-dates-title:before { content: ""; font-size: 12px; vertical-align: baseline; } .tx-hrkcalendar-show .tile-container { margin-bottom: 20px; } .convention-downloads { margin-top: 20px; } .conventions-back-link { margin-top: 20px; } .convention-filter { width: 100%; float: left; clear: left; box-sizing: border-box; margin-top: 0; margin-bottom: 0; } @media screen and (min-width: 600px) { .convention-filter .field-wrap { margin-bottom: 0; } .convention-filter .field-wrap-2col + .field-wrap-2col { margin-top: 10px; } .convention-filter label { line-height: 28px; margin: 0; } } .js .convention-filter button, .js .convention-filter .btn-encircled { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .convention-list { width: 100%; float: left; clear: left; box-sizing: border-box; min-height: 100px; position: relative; } .convention-list .page-browse:first-child { margin-bottom: 0; } article.convention { width: 100%; float: left; clear: left; box-sizing: border-box; padding: 10px 10px; border: 1px solid #eee; border-left: 10px solid #eee; margin-top: 20px; } article.convention h1, article.convention h2, article.convention h3, article.convention h4, article.convention h5, article.convention h6, article.convention .h1-alike, article.convention .h2-alike, article.convention .h3-alike, article.convention .h4-alike, article.convention .h5-alike, article.convention .h6-alike { margin-top: 0; } article.convention ul { margin-bottom: 0; } .tx-hrk-library { position: relative; } .tx-hrk-library table { border-collapse: collapse; table-layout: fixed; } .tx-hrk-library table th, .tx-hrk-library table td { text-align: left; vertical-align: top; } .tx-hrk-library table th { width: 120px; } @media screen and (max-width: 449px) { .tx-hrk-library table th, .tx-hrk-library table td { display: block; width: 100%; box-sizing: border-box; } } .tx-hrk-library p { margin: 0; } .tx-hrk-library .library-list a, .tx-hrk-library .library-list span { display: block; } .tx-hrk-library .library-list .library-list-item { padding: 20px 0 20px 40px; position: relative; } .tx-hrk-library .library-list .library-list-item h5 { margin: 0; font-size: 13px; line-height: 20px; font-weight: normal; } .tx-hrk-library .library-list .library-list-item + .library-list-item { border-top: 1px solid #ccc; } .tx-hrk-library .library-list .tx-pagebrowse-pi1 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; width: 100%; margin-top: 20px; } .tx-hrk-library .library-list .tx-pagebrowse-pi1 p { display: none; } .tx-hrk-library .library-list .tx-pagebrowse-pi1 a { display: inline; } #main .tx-hrk-library .library-item-check { position: absolute; left: 0; top: 24px; width: auto; height: auto; } .tx-hrk-library .library-nav ul { list-style: none; padding: 0; margin: 0; } .tx-hrk-library .library-nav ul li { display: inline-block; } .tx-hrk-library .library-nav ul li + li:before { content: '|'; } .tx-hrk-library .library-top-nav { padding-bottom: 20px; } .tx-hrk-library .library-bottom-nav { padding-top: 20px; } .tx-hrk-library .hide-legend legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tx-hrk-library .library-error-message { background: #990000; color: #fff; clear: both; margin: 0 0 13.33333px; padding: 6.66667px 10px; } .tx-hrk-library #library_search_form { width: 100%; float: left; clear: left; box-sizing: border-box; margin-bottom: 20px; } .tx-hrk-library #categories { height: 150px; } .tx-hrk-library.detail .library-top-nav ul { margin-top: 20px; } .tx-hrk-library.detail td a { word-break: break-all; word-wrap: break-word; } .tx-hrk-library .library-form-categories { overflow: hidden; max-height: 2000px; width: 434px; width: 100%; } .tx-hrk-library .library-current-category { margin-bottom: 20px; } .tx-hrk-library .library-main-category, .tx-hrk-library .library-sub-category { padding: 10px 5px; } .tx-hrk-library .library-category-wrapper .field-wrap-inner { float: none !important; display: block !important; margin-right: 0 !important; } .tx-hrk-library .library-category-wrapper + .library-category-wrapper { margin-top: 10px; } .tx-hrk-library .library-professional-trigger { font-weight: normal; cursor: pointer; font-size: 12px; } .tx-hrk-library .library-main-category { background: #ccc; } .tx-hrk-library .library-sub-category { background: #eee; } .tx-hrk-library .library-form-categories-animate { transition: max-height 0.25s ease-in-out 0s; transition-duration: 1s; } .tx-hrk-library .library-form-categories-closed { max-height: 0 !important; } .tx-hrk-library #show_selected.invisible { visibility: hidden; } .hrk-simple-map { width: 100%; float: left; clear: left; box-sizing: border-box; margin-bottom: 20px; } .hrk-simple-map:after { content: ''; clear: both; } .hrk-simple-map svg { width: 520px; height: 710px; pointer-events: all; } @media screen and (max-width: 599px) { .hrk-simple-map svg { width: 100%; height: auto; } } .hrk-simple-map .hrk-simple-map-tooltip:hover, .hrk-simple-map .hrk-simple-map-tooltip *:hover { cursor: pointer; } .hrk-simple-map text { -ms-transform: translateY(1px); transform: translateY(1px); } .hrk-simple-map circle.hrk-simple-map-marker, .hrk-simple-map-legend circle.hrk-simple-map-marker { fill: #990000; stroke: #fff; stroke-width: 2; vector-effect: non-scaling-stroke; } .hrk-simple-map text, .hrk-simple-map-legend text { fill: #fff; font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .hrk-simple-map-legend h5, .hrk-simple-map-legend h6 { margin: 0 0 6.66667px; } .hrk-simple-map-legend figure { margin: 0; display: block; float: none; } .hrk-simple-map-legend svg.hrk-simple-map-legend-single { height: 24px; width: 24px; } .hrk-simple-map-legend svg.hrk-simple-map-legend-composite { height: 24px; width: 148px; } .hrk-simple-map-legend-main { margin-bottom: 10px; } .hrk-simple-map-legend-main .hrk-simple-map-legend-row { display: -ms-flexbox; display: flex; max-width: 400px; } .hrk-simple-map-legend-main .hrk-simple-map-legend-row .hrk-simple-map-legend-col { width: 50%; } .hrk-simple-map-legend-marginal { display: none; } @media screen and (min-width: 960px) { .hrk-simple-map-legend-marginal { display: block; } .hrk-simple-map-legend-main { display: none; } } .hrk-simple-map-copyright { margin-bottom: 20px; } .hrk-simple-map-marker-list { width: 100%; float: left; clear: left; box-sizing: border-box; } .hrk-simple-map-marker-list-url, .hrk-simple-map-marker-list-subtitle { display: block; } .hrk-simple-map-marker-list-item { margin: 20px 0; } .hrk-simple-map-marker-list-header h3 { margin: 0; } .hrk-simple-map-marker-list-header.has-image { display: -ms-flexbox; display: flex; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; } .hrk-simple-map-marker-list-header.has-image figure { float: none; margin: 0 0 20px; } .hrk-simple-map-marker-list-header.has-image figure img { max-width: 100%; } .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-text, .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-image { width: 100%; } @media screen and (min-width: 600px) { .hrk-simple-map-marker-list-header.has-image { -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .hrk-simple-map-marker-list-header.has-image figure { margin: 0; } .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-text, .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-image { box-sizing: border-box; } .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-text { width: 70%; padding-right: 10px; } .hrk-simple-map-marker-list-header.has-image .hrk-simple-map-marker-list-header-image { width: 30%; } } @media screen and (min-width: 600px) { .js .hrk-simple-map-marker-list { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .embed-wrapper-inner { clear: left; padding: 20px 0; } .embed-wrapper-inner a { position: relative; display: block; max-width: 1100px; } .embed-wrapper-inner a .play-icon { display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin-left: -30px; margin-top: -30px; } .embed-wrapper-inner a .play-icon path { fill: #fff; } .embed-wrapper-inner a:hover .play-icon .background, .embed-wrapper-inner a:focus .play-icon .background { fill: maroon; } .embed-wrapper-inner img { max-width: 100%; height: auto; float: none; } .embed-wrapper-inner figure { margin: 0; float: none; } .fancybox-privacy strong { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .fancybox-privacy h3 { margin-top: 0; } .fancybox-privacy button, .fancybox-privacy .btn-encircled { cursor: pointer; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 599px) { .fancybox-privacy button, .fancybox-privacy .btn-encircled { width: 100%; height: auto; min-height: 40px; line-height: 20px; padding-top: 5px; padding-bottom: 5px; } } .no-js .no-js-info { color: #990000; } .gallery { clear: both; position: relative; margin-bottom: 20px; } .gallery ul, .gallery li { margin: 0; padding: 0; list-style: none; } .gallery ul { box-sizing: border-box; } .gallery ul:after { content: ''; display: block; clear: both; } .gallery li { display: inline-block !important; float: left; width: 86px; } .gallery .teaser-box, .gallery .info-box, .gallery .news-catmenu, .gallery .info-box-highlight { position: relative; padding-left: 0; padding-right: 0; margin-bottom: 0; } @media screen and (max-width: 449px) { .gallery .teaser-box, .gallery .info-box, .gallery .news-catmenu, .gallery .info-box-highlight { margin-left: -10px; margin-right: -10px; } } .gallery-image { margin: 0; border: 3px solid #fff; width: 86px; height: 86px; } .gallery-image figcaption { display: none; } .icon-beside-text { position: relative; margin: 20px 0; padding-left: 140px; min-height: 140px; } .icon-beside-text figure { margin: 0; width: 120px; position: absolute; left: 0; top: 6px; float: none; } .icon-beside-text h2 { margin-top: 0; } @media screen and (max-width: 449px) { .icon-beside-text { padding-left: 0; } .icon-beside-text figure { position: static; margin-bottom: 20px; } } .link-cross-language { margin-bottom: 20px; } .link-cross-language a.btn.icon-btn-left.multiline, .link-cross-language button.icon-btn-left.multiline, .link-cross-language .icon-btn-left.multiline.btn-encircled { display: -ms-flexbox; display: flex; text-align: left; height: auto; width: auto; line-height: 20px; padding: 4px; } @media screen and (max-width: 959px) { .link-cross-language a.btn.icon-btn-left.multiline, .link-cross-language button.icon-btn-left.multiline, .link-cross-language .icon-btn-left.multiline.btn-encircled { -ms-flex-align: center; align-items: center; } } .link-cross-language a.btn.icon-btn-left.multiline .icon, .link-cross-language button.icon-btn-left.multiline .icon, .link-cross-language .icon-btn-left.multiline.btn-encircled .icon { position: static; margin-right: 15px; } .link-cross-language a.btn.icon-btn-left.multiline .icon:before, .link-cross-language button.icon-btn-left.multiline .icon:before, .link-cross-language .icon-btn-left.multiline.btn-encircled .icon:before { font-size: 24px; text-align: center; line-height: 26px; padding: 1px; background: #990000; color: #fff; border-radius: 50%; } .linked-icons { margin: 20px 0; } .linked-icons img { border: none; outline: none; } .linked-icons ul { margin: 0; padding: 0; list-style: none; max-width: 530px; } .linked-icons ul li { display: block; margin: 0 20px 20px 0; } .linked-icons figure { margin: 0; float: none; } @media screen and (max-width: 449px) { .linked-icons ul li { width: 100%; float: left; clear: left; box-sizing: border-box; margin: 0 0 20px 0; } .linked-icons ul li figure { float: none; position: relative; text-align: center; } .linked-icons ul li figure img { width: 130px; } .linked-icons ul li figure .responsive-image-width-limiter { margin: 0 auto; width: 130px; } .linked-icons ul li figure figcaption { color: #000; font-size: 14px; line-height: 20px; } .linked-icons a { width: 100%; float: left; clear: left; box-sizing: border-box; } .linked-icons a:hover figcaption { color: #990000; } } @media screen and (min-width: 450px) { .linked-icons ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .linked-icons ul li { width: 110px; } .linked-icons img { width: 110px; } .linked-icons figcaption { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .image-marginal { margin-bottom: 20px; display: inline-block; max-width: 100%; box-sizing: border-box; border: 1px solid #eee; padding: 8px; padding-bottom: 5px; transition: all 0.25s ease-in-out 0s; } .image-marginal img { margin: 0 auto; border: none; } .image-marginal a:hover, .image-marginal a:focus { opacity: 0.9; } .stage-slider { box-sizing: border-box; } .stage-slider:after { content: ''; display: block; clear: both; } @media screen and (min-width: 600px) { .stage-slider { margin-left: 60px; max-width: 700px; } } @media screen and (max-width: 599px) { .stage-slider { margin-left: -10px; margin-right: -10px; } } .stage-slider ul, .stage-slider li { margin: 0; padding: 0; list-style: none; } .stage-slider-item { position: relative; max-width: 700px; } .no-js .stage-slider-item + .stage-slider-item { margin-top: 20px; } .stage-slider-item img { display: block; } @media screen and (min-width: 600px) { .stage-slider-image { min-height: 170px; } } @media screen and (min-width: 768px) { .stage-slider-image { background: #ccc; } } .stage-slider-text { box-sizing: border-box; color: #fff; } .stage-slider-text h3 { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; color: #fff; padding: 0; margin: 0; } @media screen and (max-width: 599px) { .stage-slider-text { padding: 10px 10px 45px; background: #990000; } } @media screen and (min-width: 600px) { .stage-slider-text { background: #990000; background: rgba(153, 0, 0, 0.8); position: absolute; left: 0; bottom: 0; padding: 8px 20px 20px 17px; width: 70%; } } @media screen and (max-width: 767px) { .stage-slider-text h3 { font-size: 20px; line-height: 25px; } } @media screen and (min-width: 768px) { .stage-slider-text { bottom: auto; top: 20px; height: 150px; width: 400px; padding-right: 50px; } .stage-slider-text h3 { font-size: 30px; line-height: 33.334px; } } .stage-slider-link { position: absolute; } @media screen and (max-width: 599px) { .stage-slider-link { bottom: 10px; left: 10px; } } @media screen and (min-width: 600px) { .stage-slider-link { bottom: 10px; right: 10px; } } @media screen and (min-width: 768px) { .stage-slider-link { bottom: 15px; right: 20px; } } .teaser-contact p { font-size: 14px; line-height: 20px; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; margin: 6.66667px 0 0; } .teaser-contact .address-block { margin-top: 6.66667px; } .teaser-contact .address-block p:first-of-type { margin-top: 0; } .teaser-contact .address-line { display: block; } .teaser-quick-links { background: #eee; } .teaser-quick-links .teaser-text { padding: 3.33333px 5px; } .teaser-quick-links ul { margin: 0; } .teaser-quick-links a { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; text-decoration: none; color: #666; } .teaser-quick-links a:focus:before, .teaser-quick-links a:hover:before, .teaser-quick-links a:focus, .teaser-quick-links a:hover { color: #990000; text-decoration: underline; } .teaser-quick-links a:focus:before, .teaser-quick-links a:hover:before { text-decoration: none; } .teaser-quick-links a:focus { outline: 1px dotted #ccc; } @media screen and (min-width: 960px) { .teaser-quick-links { padding: 0; border-top: 2px solid #999; border-bottom: none; } .teaser-quick-links:before, .teaser-quick-links:after { display: none; } } @media screen and (max-width: 599px) { .teaser-quick-links { display: -ms-flexbox; display: flex; } } .news-detail { width: 100%; float: left; clear: left; box-sizing: border-box; } .news-detail h2 { margin-top: 10px; } .news-detail figure { margin: 0 0 20px 0; width: 100%; float: left; clear: left; box-sizing: border-box; } .news-list { width: 100%; float: left; clear: left; box-sizing: border-box; } .news-list .news-item { width: 100%; float: left; clear: left; box-sizing: border-box; position: relative; } .news-list .news-item > a { display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .news-list .news-item:hover .news-read-more { color: #4d0000; } .news-list .news-item:hover h3.news-item-headline { color: #990000; } .news-list p { margin-bottom: 10px; } .news-list h3.news-item-headline { display: block; margin-top: 0; } .news-list span.news-item-headline { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .news-list .news-read-more { display: block; margin-top: 10px; color: #990000; position: static; clear: both; } .news-list .news-list-image { background: #ccc; font-size: 0; } .news-pagination .results { clear: both; display: block; color: #990000; font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; padding: 10px 0 4px; margin: 0; text-align: center; } .news-pagination .page-browse { margin-top: 0; } .amenu-page-browse.page-browse { text-align: center; margin-bottom: 20px; } .amenu-page-browse.page-browse ul { display: inline-block; margin-bottom: -6px; } .amenu-page-browse.page-browse a { width: auto; padding: 0 5px; } .amenu-page-browse.page-browse li.active a, .amenu-page-browse.page-browse.no-override-year li:first-child a { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .default-layout .news-item { width: 100%; float: left; clear: left; box-sizing: border-box; padding: 20px 0; } .default-layout .news-item + .news-item { border-top: 1px solid #ccc; } @media screen and (max-width: 599px) { .default-layout .news-item figure { width: 120px; float: right; margin: 0 0 10px 10px; } } @media screen and (min-width: 600px) { .default-layout .news-item figure { float: right; width: 160px; margin: 0 0 10px 20px; } } .news-catmenu { margin: 0; width: 100%; float: left; clear: left; box-sizing: border-box; } .news-catmenu .field-wrap { margin-bottom: 0; } .news-catmenu label { float: left; line-height: 28px; margin-right: 10px; } .news-catmenu .chosen-container { margin-bottom: 0; max-width: 250px; } .news-catmenu legend { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .news-catmenu button, .news-catmenu .btn-encircled { margin-top: 10px; float: left; clear: left; } .js .news-catmenu button, .js .news-catmenu .btn-encircled { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .news { clear: both; } .news .paginator { padding: 0; width: 100%; float: left; clear: left; box-sizing: border-box; } .news .paginator nav ul { width: 100%; float: left; clear: left; box-sizing: border-box; } .news .paginator nav ul li { float: none; } .header-news { background-color: #ccc; color: #333; font-size: 14px; line-height: 20px; line-height: 14px; margin: 20px 0; padding: 5px 10px; } .start-layout .news-list { padding-left: 60px; } .start-layout .news-item { position: relative; clear: both; } .start-layout .news-item + .news-item { margin-top: 40px; } .start-layout .news-item figure { float: left; width: 160px; min-height: 80px; background-color: #ccc; margin: 0 -160px 0 0; } .start-layout .news-content { color: #000; float: left; padding-left: 180px; max-width: 520px; } .start-layout .news-list-date { position: absolute; top: 0; left: -60px; margin: 0; width: 60px; height: 80px; } @media screen and (max-width: 599px) { .start-layout .news-list { padding-left: 0; } .start-layout .news-list h2 { margin: 0 -10px; } .start-layout .news-item figure { float: none; width: auto; margin: 0 -10px; min-height: 0; } .start-layout .news-content { float: none; padding-left: 0; } .start-layout .news-item-headline { margin-top: 10px; } .start-layout .news-list-date { position: static; } } @media screen and (max-width: 599px) { .start-layout .news-list { margin-top: 30px !important; } .start-layout .news-list h2 { margin-bottom: 20px; } .start-layout .news-list figure { display: none !important; } .start-layout .news-list-date { float: left; } .start-layout .news-content { margin-left: 70px; } .start-layout .news-item-headline { margin-top: 0 !important; } .start-layout .news-read-more { margin-top: 0 !important; } .start-layout .news-item { padding-bottom: 20px !important; } .start-layout .news-item + .news-item { margin-top: 0 !important; border-top: 1px solid #eee; padding-top: 20px !important; } } .nolabel > label, .nolabel > legend { display: none; } .powermail_all .powermail_all_label { clear: both; } @media screen and (max-width: 449px) { .powermail_all .powermail_all_label { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } } .js .field-wrap.combobox .combobox-search { padding: 0; } .js .field-wrap.combobox .combobox-search input[type=text] { border: 1px solid #ccc; } .js .field-wrap.combobox .combobox-search button.icon-btn.no-txt, .js .field-wrap.combobox .combobox-search .btn-encircled, .js .field-wrap.combobox .combobox-search .btn-encircled { right: 0; top: 0; } .js .field-wrap.combobox .combobox-search:before, .js .field-wrap.combobox .combobox-search:after { display: none; } .js .field-wrap.combobox .combobox-no-results { display: block; padding: 5px 0; } .js .field-wrap.combobox .combobox-no-results a { float: right; } .js .field-wrap.combobox .powermail_check_outer { padding: 0 5px; border: 1px solid #ccc; border-top: none; max-height: 0; overflow: hidden; transition: max-height 0.25s ease-in-out 0s; } .js .field-wrap.combobox .powermail_check_outer label { margin-top: 3px; margin-bottom: 3px; } .js .field-wrap.combobox .powermail_check_outer.open { max-height: 150px; overflow-y: scroll; } .js .field-wrap.combobox .combobox-lozenge { clear: both; display: inline-block; background-color: #eee; padding: 0 10px; margin: 10px 10px 0 0; } .powermail_fieldwrap .error { font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; margin: 0 0 4px 0; color: #990000; } .powermail_fieldwrap.field-wrap > label + .error { margin: -5px 0 4px 0; } .powermail_fieldwrap .powermail_field_error { border-color: #990000; background-color: #fff; } @media screen and (max-width: 449px) { a.link-print { display: none; } } .shariff-button .fa:after, .shariff-button .fa:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .shariff-button.facebook .fa:before { content: ""; } .shariff-button.twitter .fa:before { content: ""; } .shariff-button.xing .fa:before { content: ""; } .shariff-button.linkedin .fa:before { content: ""; } .shariff-button.linkedin .fa:before { top: -1px; position: relative; } .shariff-button.info .fa:before { content: ""; } .shariff { width: 142px; display: block; padding-top: 10px; } .shariff:after, .shariff:before { content: " "; display: table; } .shariff:after { clear: both; } .shariff ul { padding: 0; margin: 0; list-style: none; } @media screen and (min-width: 880px) { .shariff { float: right; padding-top: 0; } } @media screen and (max-width: 449px) { .shariff { margin: 0 auto; } } .shariff .share_text { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .shariff li, .shariff a { width: 28px; max-width: 28px; } .shariff li.shariff-button { background: #ccc; font-size: 14px; line-height: 20px; font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; line-height: 27px; cursor: pointer; } .shariff li.shariff-button.pseudo-class-hover, .shariff li.shariff-button:focus, .shariff li.shariff-button:hover { text-decoration: none; background: #bfbfbf; } .shariff li a { color: #fff; position: relative; display: block; height: 28px; text-decoration: none; box-sizing: border-box; } .shariff li .fa { box-sizing: border-box; font-size: 12px; width: 28px; left: 0; top: 0; height: 28px; line-height: 26px; text-align: center; position: absolute; } .shariff .orientation-horizontal { display: -webkit-box; } .shariff .orientation-horizontal li { -webkit-box-flex: 1; } .shariff .orientation-horizontal { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shariff .orientation-horizontal li { float: left; -ms-flex: none; flex: none; width: 28px; margin-right: 10px; margin-bottom: 10px; } .shariff .orientation-horizontal li:last-child { margin-right: 0; } .shariff .orientation-horizontal li .share_text { display: block; text-indent: -9999px; padding-left: 3px; } .shariff .orientation-horizontal li .share_count { display: none; } .pill { white-space: nowrap; margin-right: 2px; margin-bottom: 2px; display: inline-block; background: #eee; padding: 2px 5px 2px 20px; position: relative; } .pill .icon { top: -1px; left: 5px; position: absolute; } .pill:hover, .pill:focus { background: #e6e6e6; } .pill:active { background: #dfdfdf; } .results-list { clear: left; list-style: none; padding: 0; } .results-entry { position: relative; padding: 0 !important; margin-bottom: 20px; } .results-entry:before { display: none; } .results-entry > a { padding: 20px 0; color: #000; display: block; } .results-entry > a:focus, .results-entry > a:hover { text-decoration: none; } .results-entry > a:focus *, .results-entry > a:hover * { color: #990000; } .results-entry > a:active { text-decoration: none; } .results-entry > a:active * { color: #eee; } .results-entry .h3-alike { display: block; margin: 0 0 6.66667px; padding-right: 50px; } .results-entry .result-content { display: block; } .results-entry + .results-entry { border-top: 1px solid #eee; } #tx_solr_search { width: 100%; float: left; clear: left; box-sizing: border-box; } #tx_solr_searchform_standalone label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #tx_solr_resultlist_header h4 { margin-top: 20px; } .tx-solr .filters form { margin-bottom: 0; } .tx-solr .filters ul { margin: 0; } #tx_solr_searchform label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } #tx_solr_searchform_wrapper { margin-bottom: 20px; width: 100%; float: left; clear: left; box-sizing: border-box; border: 1px solid #eee; } .filter-results-count { clear: left; margin-bottom: 0; } #tx_solr_resultlist_range { margin-top: 0; } .tx-solr-result-per-page-wrapper { padding-top: 30px; padding-left: 10px; } .tx-solr-result-per-page-wrapper label { float: left; display: inline-block; line-height: 35px; margin-right: 10px; } #tx_solr_pagination_results_per_page_wrapper { margin-top: 40px; padding-left: 60px; } #tx_solr_pagination_results_per_page { width: 75px; } #tx_solr_result_per_page_chosen { margin-bottom: 0; } #tx_solr_result_per_page_chosen li { float: none; display: block; } #tx_solr_filters { margin-top: 20px; padding-right: 10px; } #tx_solr_filters ul { list-style: outside none none; margin: 0; padding: 0; } #tx_solr_filters h5, #tx_solr_filters h6 { font-size: 18px; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; padding-left: 60px; margin: 20px 0 0; padding-top: 6.66667px; padding-bottom: 6.66667px; } #tx-solr-search-functions { clear: both; } .tx-solr-search-no-results { width: 100%; float: left; clear: left; box-sizing: border-box; margin-bottom: 60px; } .tx-solr-search-no-results p { margin-top: 0; margin-bottom: 10px; } .tx-solr-search-no-results p + p { margin-top: 10px; } .spelling-suggestions { font-size: 20px; line-height: 25px; } .spelling-suggestions a:before { content: '"'; color: #ccc; } .spelling-suggestions a:after { content: '"'; color: #ccc; } .facet-option { position: relative; } .facet-option a { padding-right: 54px; } .facet-result-count { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; font-size: 14px; line-height: 20px; position: absolute; top: 5px; right: 10px; line-height: inherit; z-index: -1; } #tx-solr-facets-in-use { width: 100%; float: left; clear: left; box-sizing: border-box; margin-bottom: 20px; } #toggle-facets { display: -ms-inline-flexbox; display: inline-flex; margin: 15px 0 10px 15px; } #tx_solr_searchform_wrapper #tx_solr_filters { display: none; } #tx_solr_searchform_wrapper #tx-solr-search-functions #tx-solr-faceting h6 { padding-left: 15px; } #tx_solr_searchform_wrapper #tx-solr-search-functions #tx-solr-faceting .facet-option a { font-size: 16px; display: block; } #tx_solr_searchform_wrapper #tx_solr_pagination_results_per_page_wrapper { padding-bottom: 20px; padding-left: 15px; } #tx_solr_searchform_wrapper #tx_solr_result_per_page { margin: 0; } a.link-to-top .icon { font-size: 10px; padding-right: 10px; } a.link-to-top .icon:before { vertical-align: text-top; } @media screen and (min-width: 600px) { .footer-tools a.link-to-top { margin-left: -60px; padding-left: 60px; position: relative; } .footer-tools a.link-to-top .icon { padding: 0; font-size: 18px; position: absolute; left: 15px; top: 5px; } } .contact-item p { margin: 0; } .contact-item .more-contact-info { max-height: 0; overflow: hidden; box-sizing: border-box; transition: max-height 0.25s ease-in-out 0s; } .contact-item .more-contact-info .more-contact-info-inner { padding: 10px 0; } .contact-item + .contact-item { margin-top: 20px; } .contact-item .toggle-contact-item { position: relative; } .contact-item .toggle-contact-item:before { content: ""; } .contact-item .toggle-contact-item:after, .contact-item .toggle-contact-item:before { font-family: "hrk-iconfont"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1em; text-decoration: none !important; line-height: 18px; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .contact-item .toggle-contact-item:before { vertical-align: top; display: inline-block; font-size: 0.9em; text-align: left; line-height: 18px; width: 17px; } .contact-item .toggle-contact-item:hover:before, .contact-item .toggle-contact-item:focus:before { text-decoration: none !important; } .contact-item.more-info-open .more-contact-info { max-height: 300px; } .contact-item.more-info-open .toggle-contact-item:before { content: ""; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .background-white { background-color: #fff; } .background-black { background-color: #000; } .background-gray-dark { background-color: #333; } .background-gray { background-color: #ccc; } .background-gray-medium { background-color: #999; } .background-gray-light { background-color: #eee; } .background-highlight { background-color: #990000; } .background-alert { background-color: #990000; } .background-link { background-color: #990000; } @font-face { font-family: "Frutiger Next W04 Light Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/f6bd4877-68a0-4eba-92e9-d07ae4050330.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/8f576ee0-4479-406b-9dd4-ae12cc88b3ed.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/51da331e-9347-415b-b4de-76100d0af1d8.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/5c9c1273-f556-4b6f-a031-fa0f506cf0f4.svg#5c9c1273-f556-4b6f-a031-fa0f506cf0f4") format("svg"); } @font-face { font-family: "Frutiger Next W04 Medium Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3df399c0-a2cf-4ee3-ac56-be22545c8aae.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/a95d1c75-e833-4506-897d-4547479f659a.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/18561fdd-dae7-4f75-8430-266943bd889c.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c3fa723e-9ea6-4a43-9185-1be7d46fd0f9.svg#c3fa723e-9ea6-4a43-9185-1be7d46fd0f9") format("svg"); } @font-face { font-family: "Frutiger Next W01 Light"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg"); } @font-face { font-family: "FrutigerNextW01-Medium"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg"); } #main_logo { width: 350px; height: 95px; margin-left: -27px; margin-top: 20px; } #main_logo img, #main_logo svg { width: 100%; max-height: 77px; } #main_logo .logo-subline { color: #666; position: relative; top: -5px; left: 87px; } @media screen and (max-width: 959px) { #main_logo { margin-left: -32px; } } @media screen and (max-width: 767px) { #main_logo { margin-left: -27px; clip: auto; margin-top: 8px; width: 100%; } #main_logo img, #main_logo svg { width: 120px; position: relative; left: -33px; max-height: 53px; -ms-transform-origin: left; } #main_logo svg #circle { display: none; } #main_logo .logo-subline { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } } .info-box-highlight { position: relative; background-color: #004d66 !important; border-bottom-color: #999 !important; } .info-box-highlight:before, .info-box-highlight:after { content: ''; position: absolute; top: 0; right: 0; } .info-box-highlight:before { width: 20px; height: 20px; background: #fff; } .info-box-highlight:after { top: 0; height: 0; border-right: 20px solid transparent; border-bottom: 20px solid #004d66; } .info-box-highlight * { color: #fff; } .footer-tools > a:hover { text-decoration: none; } .footer-tools > a:hover .lnktxt { text-decoration: underline; } .footer-tools > a:hover .icon:before { color: #004d66; } .footer-about-links .lnktxt { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .footer-about-links a { display: inline-block; } .footer-about-links .link-hrk { width: 350px; height: 55px; margin-top: 20px; } .footer-about-links .link-hrk svg { width: 350px; height: 55px; } .footer-about-links .link-bmbf { float: right; margin-right: 20px; width: 130px; } @media screen and (max-width: 599px) { .footer-about-links { text-align: left; margin-bottom: 20px; width: 100%; float: left; clear: left; box-sizing: border-box; } .footer-about-links .link-hrk { margin-top: 30px; width: 280px; height: 55px; } .footer-about-links .link-hrk svg { width: 280px; height: 55px; } .footer-about-links .link-bmbf { margin-top: 20px; float: left; margin-left: 8px; } } .notice-expertise { text-align: left; margin-top: 20px; float: left; } @media screen and (min-width: 600px) { .notice-expertise { width: 75%; } } @media screen and (min-width: 768px) { .notice-expertise { width: 300px; } } .stage-header { background-color: rgba(0, 77, 102, 0.6); } #testimonial-slider .stage-slider .stage-slider-text { background: #6493a3; padding: 8px 20px 20px 17px; bottom: 0; height: auto; top: auto; } #testimonial-slider .stage-slider .stage-slider-text blockquote, #testimonial-slider .stage-slider .stage-slider-text .blockquote { padding: 0; margin: 0; float: none; } #testimonial-slider .stage-slider .stage-slider-text blockquote p, #testimonial-slider .stage-slider .stage-slider-text .blockquote p { line-height: 25px; font-size: 20px; } #testimonial-slider .stage-slider .stage-slider-text p { margin: 0; } @media screen and (min-width: 960px) { #testimonial-slider .stage-slider { margin-top: 30px; } } @media screen and (min-width: 600px) { #testimonial-slider .stage-slider { margin-left: 0px; max-width: 700px; height: 210px; } #testimonial-slider .stage-slider .bx-pager { text-align: center; position: static; width: 100%; } } @media screen and (max-width: 599px) { #testimonial-slider .stage-slider { margin-left: -10px; margin-right: -10px; } } @media screen and (max-width: 599px) { .handheld-panel { border-left: 6px solid #004d66; border-left: 2vw solid #004d66; } .nested-handheld-panel { border-left: 6px solid #333; border-left: 2vw solid #333; } } @media (min-width: 600px) and (max-width: 767px) { #nav_left { border-top: 2px solid #004d66; } .nav-handheld-visible #nav_left { border-color: #004d66; } } @media screen and (min-width: 600px) { .nav-vertical a.btn.btn-clean { color: #004d66; } .nav-vertical a:hover .icon:before, .nav-vertical a:hover .sub-navigation-trigger .icon:before { color: #004d66; } } #nav_main .link-home:focus, #nav_main .link-home:hover { color: #004d66; } .level1 > li > a { text-decoration: none; color: #666; } .level1 > li > a:focus:before, .level1 > li > a:hover:before, .level1 > li > a:focus, .level1 > li > a:hover { color: #004d66; text-decoration: underline; } .level1 > li > a:focus:before, .level1 > li > a:hover:before { text-decoration: none; } .level1 > li > a:focus { outline: 1px dotted #ccc; } @media screen and (min-width: 768px) { .level1 > li:hover > a span, .level1 > li > a:hover span, .level1 > li > a:focus span { border-bottom: 10px solid #004d66; } } @media screen and (min-width: 768px) { li:hover .level2-wrapper, a:focus + .level2-wrapper, a:hover + .level2-wrapper { border-top: 2px solid #004d66; } } @media screen and (max-width: 599px) { #nav_meta_cloned { clear: both; border-top: 1px solid #990000; } } .subnav-handheld { top: -30px; position: relative; } @media screen and (min-width: 960px) { .default-layout .marginal { padding-top: 166px; } } @media screen and (min-width: 768px) { .start-layout .layout-col-left > div { padding-left: 60px; } .start-layout .layout-col-left > div.stage-slider { padding-left: 0; } .start-layout .layout-col-left > div.info-box-highlight, .start-layout .layout-col-left > div.info-box { margin-left: 60px; } } @media screen and (min-width: 960px) { .start-layout .marginal { padding-top: 217px; } } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .background-white { background-color: #fff; } .background-black { background-color: #000; } .background-gray-dark { background-color: #333; } .background-gray { background-color: #ccc; } .background-gray-medium { background-color: #999; } .background-gray-light { background-color: #eee; } .background-highlight { background-color: #990000; } .background-alert { background-color: #990000; } .background-link { background-color: #990000; } @font-face { font-family: "Frutiger Next W04 Light Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/f6bd4877-68a0-4eba-92e9-d07ae4050330.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/8f576ee0-4479-406b-9dd4-ae12cc88b3ed.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/51da331e-9347-415b-b4de-76100d0af1d8.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/5c9c1273-f556-4b6f-a031-fa0f506cf0f4.svg#5c9c1273-f556-4b6f-a031-fa0f506cf0f4") format("svg"); } @font-face { font-family: "Frutiger Next W04 Medium Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3df399c0-a2cf-4ee3-ac56-be22545c8aae.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/a95d1c75-e833-4506-897d-4547479f659a.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/18561fdd-dae7-4f75-8430-266943bd889c.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c3fa723e-9ea6-4a43-9185-1be7d46fd0f9.svg#c3fa723e-9ea6-4a43-9185-1be7d46fd0f9") format("svg"); } @font-face { font-family: "Frutiger Next W01 Light"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg"); } @font-face { font-family: "FrutigerNextW01-Medium"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg"); } .tx-hrkmap-institute-logo { text-align: left; } .tx-hrkmap-articles { text-align: left; border-top: 1px solid #eee; margin: 0 -20px; } .tx-hrkmap-articles > h2 { padding-left: 24px; } .tx-hrkmap-article { border-bottom: 1px solid #eee; padding: 10px 24px; transition: background 0.25s ease-in-out 0s; } .tx-hrkmap-article h4 { margin: 0; } .tx-hrkmap-article span { display: block; } .tx-hrkmap-article span.tx_hrkmap_date { font-size: 10px; color: #333 !important; } .tx-hrkmap-article.active { background: #eee; } .tx-hrkmap-loading-info { display: inline-block; padding: 20px 5px; } .tx-hrkmap-article-basics { cursor: pointer; padding-right: 20px; position: relative; } .tx-hrkmap-article-basics:hover h4 { color: #900; } .tx-hrkmap-article-details-indicator { position: absolute; right: -15px; top: 0; transition: transform 0.25s ease-in-out 0s; transform-origin: 50% 50%; } .tx-hrkmap-article.active .tx-hrkmap-article-details-indicator { transform: rotate(180deg) translate(0, -4px); } .tx-hrkmap-article-details { max-height: 0; overflow: hidden; transition: max-height 0.25s ease-in-out 0s; } #tx_hrkmap_content_pane .tx-hrkmap-article-details a { font-family: "Frutiger Next W01 Light", sans-serif; font-weight: 300; } .tx-hrkmap-article-details.active { max-height: 500px; } .tx-hrkmap-article-institutes .institutes-label { display: block; font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; margin-top: 10px; } .tx-hrkmap-loading-indicator { position: relative; height: 100px; width: 100%; display: block; } h5.institute { margin: 0; } .leaflet-marker-icon.institute-type-1 { background-color: #5ea65a; } .leaflet-marker-icon.institute-type-2 { background-color: #debc53; } .leaflet-marker-icon.institute-type-3 { background-color: #997b97; } .leaflet-marker-icon.institute-type-5 { background-color: #37a7d3; } .institute { font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; } h5.institute, .tx-hrkmap-article-institute, label.institute { text-indent: 15px; } h5.institute:before, .tx-hrkmap-article-institute:before, label.institute:before { content: ''; width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 3px; margin-left: -15px; } h5.institute.institute-type-1:before, .tx-hrkmap-article-institute.institute-type-1:before, label.institute.institute-type-1:before { background-color: #5ea65a; } h5.institute.institute-type-2:before, .tx-hrkmap-article-institute.institute-type-2:before, label.institute.institute-type-2:before { background-color: #debc53; } h5.institute.institute-type-3:before, .tx-hrkmap-article-institute.institute-type-3:before, label.institute.institute-type-3:before { background-color: #997b97; } h5.institute.institute-type-5:before, .tx-hrkmap-article-institute.institute-type-5:before, label.institute.institute-type-5:before { background-color: #37a7d3; } .tx_hrkprojectmap_marginal label.institute { text-indent: 0; padding: 5px 10px 5px 50px; } .tx_hrkprojectmap_marginal label.institute:before { position: absolute; left: 0; top: 8px; margin-left: 0; } .tx_hrkprojectmap_marginal label.institute .nested-checkbox-helper { position: absolute; left: 15px; top: 0; } .piece.institute-type-1, .marker.institute-type-1 { background: #5ea65a !important; } .piece.institute-type-2, .marker.institute-type-2 { background: #debc53 !important; } .piece.institute-type-3, .marker.institute-type-3 { background: #997b97 !important; } .piece.institute-type-5, .marker.institute-type-5 { background: #37a7d3 !important; } .tx-hrkprojectmap-page #main > article { overflow: visible; } .tx-hrkprojectmap-page #main #subnav + article { margin-top: 90px; } .tx-hrkprojectmap-list-wrapper { width: 700px; } .tx-hrkprojectmap-list-item { box-sizing: border-box; border-top: 1px solid #eee; } .tx-hrkprojectmap-list-item:after { content: ''; display: block; clear: both; } .tx-hrkprojectmap-list-item .institute, .tx-hrkprojectmap-list-item p { color: #000; } .tx-hrkprojectmap-list-item p { margin-bottom: 0; margin-top: 0 !important; } .tx-hrkprojectmap-list-item h3 { font-family: "Frutiger Next W04 Medium Cond", sans-serif; font-weight: 300; margin: 0 0 6.66667px 0; color: #990000; } .tx-hrkprojectmap-list-item h5 + h3 { margin-top: 6.66667px; } .tx-hrkprojectmap-list-item > a { display: block; padding: 20px 0; box-sizing: border-box; } .tx-hrkprojectmap-list-item > a:after { content: ''; display: block; clear: both; } .tx-hrkprojectmap-list-item > a:hover * { color: #990000; } .tx-hrkprojectmap-read-more { color: #990000; display: block; margin-top: 6.66667px; } #tx_hrkprojectmap_main { float: left; width: 520px; } .tx-hrkprojectmap-page .news h3 { display: inline-block; width: 375px; } .tx-hrkprojectmap-list-wrapper .news-content { padding-left: 140px; } .news-images, .overlay-images { float: left !important; margin: 0 20px 20px 0px !important; } .news-images figure, .overlay-images figure { margin-left: 0 !important; display: block; float: none !important; border: 1px solid #ccc !important; padding: 3px; width: 100px !important; } .news-images { position: absolute; } .news-images img { margin-left: 0 !important; display: block; float: none; border: 1px solid #ccc !important; padding: 3px; width: 120px !important; margin-bottom: 5px; } .tx_hrkprojectmap_marginal { float: right; width: 160px; } .tx_hrkprojectmap_marginal h2 { background-color: #ccc; border-bottom: 1px solid #fff; font-size: 13px; font-weight: normal; height: 20px; line-height: 22px; padding: 0 10px; } .tx_hrkprojectmap_marginal select { width: 100%; } .tx_hrkprojectmap_marginal form { background: #eee; padding: 10px; } .tx_hrkprojectmap_marginal form + form { margin-top: 20px; } .tx_hrkprojectmap_marginal label { display: block; padding: 5px 10px 5px 30px; position: relative; } .tx_hrkprojectmap_marginal label input { left: 10px; position: absolute; top: 2px; } #tx_hrkmap_list_filter form { box-sizing: border-box; width: 100%; float: left; clear: left; } #tx_hrkmap_filter_subjects, #tx_hrkmap_list_filter_subjects { margin-bottom: 20px; } #tx_hrkmap_filter { text-align: left; } #tx_hrkmap_filter select, #tx_hrkmap_filter .reset-filter { display: block; margin: 5px 10px; width: 180px; } #tx_hrkmap_filter fieldset { margin-top: 0 !important; } #tx_hrkmap_filter legend { margin-bottom: 5px !important; } #tx_hrkmap_filter label.institute { padding: 6px 10px 10px 40px; display: block; position: relative; } #tx_hrkmap_filter label.institute:before { left: 10px; top: 6px; } #tx_hrkmap_filter label.institute input { top: 0; left: 19px; position: absolute; } .reset-filter { background: #ccc; padding-left: 0; padding-right: 0; width: 100%; } .reset-filter:hover { background: #bfbfbf; } .marker-cluster-projectmap { display: block; width: 32px !important; height: 32px !important; margin-left: -16px !important; margin-top: -16px !important; border-radius: 50%; } .marker-cluster-projectmap > div { position: relative; width: 100%; height: 100%; } .marker-cluster-projectmap span.count { position: absolute; top: 0; left: 0; color: #fff; width: 32px; height: 32px; line-height: 32px; text-align: center; vertical-align: middle; font-size: 13px; } .marker.active { border-color: transparent !important; } .pie { position: relative; width: 32px; height: 32px; } .piece { position: absolute; height: 32px; left: 0; top: 0; } .pie-1-pieces .piece { width: 32px; border-radius: 16px; } .pie-2-pieces .piece { width: 16px; left: 0; border-radius: 16px 0 0 16px; } .pie-2-pieces .piece + .piece { left: 16px; border-radius: 0 16px 16px 0; } .pie-3-pieces { background: url("/typo3conf/ext/hrk_projectmap/res/assets/images/cluster-all-types.png") no-repeat; background-size: contain; } .pie-3-pieces .piece { display: none; } .tx-hrkprojectmap-ajax { z-index: 40; } .tx-hrkprojectmap-ajax .tx-hrkprojectmap-ajax-loaing-indicator { height: 40px; position: relative; } .tx-hrkprojectmap-ajax .tx-hrkprojectmap-ajax-loaing-indicator .spinner { margin-left: 0; } .tx-hrkprojectmap-ajax .text { padding-top: 95px; text-align: center; color: #222; } #tx_hrkprojectmap_news_ajax { height: 1000px; clear: both; padding-top: 2em; } /* required styles */ .leaflet-map-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-pane, .leaflet-tile-container, .leaflet-overlay-pane, .leaflet-shadow-pane, .leaflet-marker-pane, .leaflet-popup-pane, .leaflet-overlay-pane svg, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0; top: 0; } .leaflet-container { overflow: hidden; -ms-touch-action: none; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { -webkit-user-select: none; -moz-user-select: none; user-select: none; -webkit-user-drag: none; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } /* map is broken in FF if you have max-width: 100% on tiles */ .leaflet-container img { max-width: none !important; } /* stupid Android 2 doesn't understand "max-width: none" properly */ .leaflet-container img.leaflet-image-layer { max-width: 15000px !important; } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0; height: 0; } /* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */ .leaflet-overlay-pane svg { -moz-user-select: none; } .leaflet-tile-pane { z-index: 2; } .leaflet-objects-pane { z-index: 3; } .leaflet-overlay-pane { z-index: 4; } .leaflet-shadow-pane { z-index: 5; } .leaflet-marker-pane { z-index: 6; } .leaflet-popup-pane { z-index: 7; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { behavior: url('../../typo3conf/ext/hrk_map/Resources/Public/Stylesheets/#default#VML'); display: inline-block; position: absolute; } /* control positioning */ .leaflet-control { position: relative; z-index: 7; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0; } .leaflet-right { right: 0; } .leaflet-bottom { bottom: 0; } .leaflet-left { left: 0; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } /* zoom and fade animations */ .leaflet-fade-anim .leaflet-tile, .leaflet-fade-anim .leaflet-popup { opacity: 0; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .leaflet-fade-anim .leaflet-tile-loaded, .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-anim .leaflet-zoom-animated { -webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1); -moz-transition: -moz-transform 0.25s cubic-bezier(0,0,0.25,1); -o-transition: -o-transform 0.25s cubic-bezier(0,0,0.25,1); transition: transform 0.25s cubic-bezier(0,0,0.25,1); } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile, .leaflet-touching .leaflet-zoom-animated { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } /* cursors */ .leaflet-clickable { cursor: pointer; } .leaflet-container { cursor: -webkit-grab; cursor: -moz-grab; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-container, .leaflet-dragging .leaflet-clickable { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; } /* visual tweaks */ .leaflet-container { background: #ddd; outline: 0; } .leaflet-container a { color: #0078A8; } .leaflet-container a.leaflet-active { outline: 2px solid orange; } .leaflet-zoom-box { border: 2px dotted #38f; background: rgba(255,255,255,0.5); } /* general typography */ .leaflet-container { font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif; } /* general toolbar styles */ /*.leaflet-bar { box-shadow: 0 1px 5px rgba(0,0,0,0.65); border-radius: 4px; } .leaflet-bar a, .leaflet-bar a:hover { background-color: #fff; border-bottom: 1px solid #ccc; width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover { background-color: #f4f4f4; } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: #f4f4f4; color: #bbb; } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } */ /* zoom control */ /*.leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px 'Lucida Console', Monaco, monospace; text-indent: 1px; } .leaflet-control-zoom-out { font-size: 20px; } .leaflet-touch .leaflet-control-zoom-in { font-size: 22px; } .leaflet-touch .leaflet-control-zoom-out { font-size: 24px; }*/ /* layers control */ .leaflet-control-layers { box-shadow: 0 1px 5px rgba(0,0,0,0.4); background: #fff; border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url('../../typo3conf/ext/hrk_map/Resources/Public/Stylesheets/images/layers.png'); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url('../../typo3conf/ext/hrk_map/Resources/Public/Stylesheets/images/layers-2x.png'); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: #333; background: #fff; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; } .leaflet-control-layers-separator { height: 0; border-top: 1px solid #ddd; margin: 5px -10px 5px -6px; } /* attribution and scale controls */ .leaflet-container .leaflet-control-attribution { background: #fff; background: rgba(255, 255, 255, 0.7); margin: 0; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0 5px; color: #333; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover { text-decoration: underline; } .leaflet-container .leaflet-control-attribution, .leaflet-container .leaflet-control-scale { font-size: 11px; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border: 2px solid #777; border-top: none; line-height: 1.1; padding: 2px 5px 1px; font-size: 11px; white-space: nowrap; overflow: hidden; -moz-box-sizing: content-box; box-sizing: content-box; background: #fff; background: rgba(255, 255, 255, 0.5); } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid #777; border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid #777; } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0,0,0,0.2); background-clip: padding-box; } /* popup */ .leaflet-popup { position: absolute; text-align: center; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 19px; line-height: 1.4; } .leaflet-popup-content p { margin: 18px 0; } .leaflet-popup-tip-container { margin: 0 auto; width: 40px; height: 20px; position: relative; overflow: hidden; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; box-shadow: 0 3px 14px rgba(0,0,0,0.4); } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0; right: 0; padding: 4px 4px 0 0; text-align: center; width: 18px; height: 14px; font: 16px/14px Tahoma, Verdana, sans-serif; color: #c3c3c3; text-decoration: none; font-weight: bold; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover { color: #999; } .leaflet-popup-scrolled { overflow: auto; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .leaflet-oldie .leaflet-popup-content-wrapper { zoom: 1; } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0 auto; -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"; filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678); } .leaflet-oldie .leaflet-popup-tip-container { margin-top: -1px; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid #999; } /* div icon */ .leaflet-div-icon { background: #fff; border: 1px solid #666; } .background-white { background-color: #fff; } .background-black { background-color: #000; } .background-gray-dark { background-color: #333; } .background-gray { background-color: #ccc; } .background-gray-medium { background-color: #999; } .background-gray-light { background-color: #eee; } .background-highlight { background-color: #990000; } .background-alert { background-color: #990000; } .background-link { background-color: #990000; } @font-face { font-family: "Frutiger Next W04 Light Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/f6bd4877-68a0-4eba-92e9-d07ae4050330.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/8f576ee0-4479-406b-9dd4-ae12cc88b3ed.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/51da331e-9347-415b-b4de-76100d0af1d8.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/5c9c1273-f556-4b6f-a031-fa0f506cf0f4.svg#5c9c1273-f556-4b6f-a031-fa0f506cf0f4") format("svg"); } @font-face { font-family: "Frutiger Next W04 Medium Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3df399c0-a2cf-4ee3-ac56-be22545c8aae.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/a95d1c75-e833-4506-897d-4547479f659a.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/18561fdd-dae7-4f75-8430-266943bd889c.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c3fa723e-9ea6-4a43-9185-1be7d46fd0f9.svg#c3fa723e-9ea6-4a43-9185-1be7d46fd0f9") format("svg"); } @font-face { font-family: "Frutiger Next W01 Light"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg"); } @font-face { font-family: "FrutigerNextW01-Medium"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg"); } #tx_hrkmap_dialog_bg { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1025; background: rgba(0, 0, 0, 0.5); background: #000; opacity: 0.8; } #tx_hrkmap_dialog_window { position: fixed; top: 0; left: 0; z-index: 1030; width: 100%; box-sizing: border-box; margin: 0 auto; padding: 10px; } #tx_hrkmap_dialog_window #tx_hrkmap_dialog { height: 400px; margin: 0 auto; padding: 10px; position: relative; background: #fff; overflow: hidden; box-sizing: border-box; } #tx_hrkmap_dialog_window #tx_hrkmap_dialog #tx_hrkmap_dialog_close { position: absolute; top: 10px; right: 10px; z-index: 5; } .leaflet-label { border-radius: 5px; border: 1px solid rgba(153, 0, 0, 0.8); background: #fff; padding: 3px 10px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; z-index: 1050 !important; } .leaflet-label:before { border-right: 6px solid black; border-right-color: inherit; border-top: 6px solid transparent; border-bottom: 6px solid transparent; content: ""; position: absolute; top: 5px; left: -10px; } #tx_hrkmap_content_pane { background-color: rgba(255, 255, 255, 0.9); background: #fff; border-left: 1px solid #eee; overflow: auto; position: absolute; top: 0; right: -420px; height: 100%; width: 420px; z-index: 1040; padding: 20px; box-sizing: border-box; transition: all, 0.75s, cubic-bezier(0.445, 0.05, 0.55, 0.95), 0s; } #tx_hrkmap_content_pane.active { right: 0; } #tx_hrkmap_content_pane a { color: #900; font-weight: 300; font-family: "FrutigerNextW01-Medium", sans-serif; } .tx-hrkmap-institute-logo { padding: 20px 10px; } #tx_hrkmap_dialog_pane_close { position: absolute; z-index: 3002; opacity: 0; top: 11px; right: 48px; transition: opacity, 0.75s, cubic-bezier(0.445, 0.05, 0.55, 0.95), 0s; } #tx_hrkmap_dialog_pane_close.active { opacity: 1; } #tx_hrkmap_dialog_close { position: absolute; z-index: 3001; top: 21px; right: 21px; } .leaflet-control-zoom { margin: 0 !important; box-shadow: none; top: 1px; left: 1px; } .has-filters .leaflet-control-zoom { left: 202px; } .leaflet-control-zoom > a { transition: opacity, 0.25s, cubic-bezier(0.445, 0.05, 0.55, 0.95), 0s; display: block; } .leaflet-control-zoom .leaflet-disabled { opacity: 0.1; } .leaflet-control-zoom-out { margin-top: 1px; } #tx_hrkmap_filter { position: absolute; z-index: 4001; left: 11px; top: 11px; max-height: 100%; overflow: visible; background-color: rgba(250, 250, 250, 0.9); background: #f5f5f5; border-bottom: 1px solid #eee; padding: 10px 0; width: 200px; } #tx_hrkmap_filter label { position: relative; display: block; padding: 6px 10px 10px 40px; font-size: 11px; line-height: 14px; } #tx_hrkmap_filter label:hover { background-color: rgba(250, 250, 250, 0.95); } #tx_hrkmap_filter label input { position: absolute; left: 10px; top: 5px; } #tx_hrkmap_filter h2 { margin-top: 0; padding-left: 10px; padding-right: 10px; } #tx_hrkmap_filter legend { position: static; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; } #tx_hrkmap_filter fieldset { margin: 20px 0; } #tx_hrkmap_filter .nested-checkbox-helper { position: absolute; left: 10px; top: 0; } .js #main #tx_hrkmap { display: none; } #tx_hrkmap_dialog #tx_hrkmap { margin: 0; height: 100%; box-sizing: border-box; } .js #tx_hrkmap_datasrc { display: none; } #tx_hrkmap_map_pane { height: 100%; box-sizing: border-box; } .marker-cluster { background-color: rgba(153, 0, 0, 0.3); background-clip: border-box; border-radius: 30px; } .marker-cluster > div { background-color: rgba(153, 0, 0, 0.6); background: #900; border-radius: 30px; background-clip: border-box; width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; } .marker-cluster span { color: #fff; line-height: 30px; } .marker { display: block; background-clip: border-box; background-color: rgba(153, 0, 0, 0.7); background: #900; opacity: 0.8; } .marker.active { background: rgba(222, 188, 83, 0.5); background: #dfbc53; border-color: #dfbc53; } .marker { width: 18px !important; height: 18px !important; margin-left: -9px !important; margin-top: -9px !important; border-radius: 18px; } .marker.active { border: 2px solid #debc53; margin-left: -11px !important; margin-top: -11px !important; } .leaflet-zoom-med .marker { width: 24px !important; height: 24px !important; margin-left: -12px !important; margin-top: -12px !important; border-radius: 24px; } .leaflet-zoom-med .marker.active { border: 3px solid #debc53; margin-left: -15px !important; margin-top: -15px !important; } .leaflet-zoom-high .marker { width: 30px !important; height: 30px !important; margin-left: -15px !important; margin-top: -15px !important; border-radius: 30px; } .leaflet-zoom-high .marker.active { border: 4px solid #debc53; margin-left: -19px !important; margin-top: -19px !important; } #tx_hrkmap_caller { display: block; margin: 20px 0 0; position: relative; border: 1px solid #ccc; box-sizing: border-box; } #tx_hrkmap_caller img { margin: 5px 5px 0; } #tx_hrkmap_caller span.button { transition: all, 0.25s, cubic-bezier(0.445, 0.05, 0.55, 0.95), 0s; transition-property: background; color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #tx_hrkmap_caller span.buttontext { padding: 20px 10px; width: 80%; text-align: center; box-sizing: border-box; font-size: 24px; line-height: 28px; font-family: "Frutiger Next W04 Light Cond", sans-serif; font-weight: 300; transition: all, 0.25s, cubic-bezier(0.445, 0.05, 0.55, 0.95), 0s; transition-property: background; background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.9); position: absolute; top: 50%; left: 10%; margin-top: -30px; } #tx_hrkmap_caller:hover span.button { background: #fff; /* The Fallback */ background: rgba(255, 255, 255, 0.9); } #tx_hrkmap_caller:active span.buttontext { color: #999; } .tx-hrkmap-geodata-copyright { text-align: center; font-size: 11px; margin-top: 5px !important; color: #999; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { border-radius: none; } .background-white { background-color: #fff; } .background-black { background-color: #000; } .background-gray-dark { background-color: #333; } .background-gray { background-color: #ccc; } .background-gray-medium { background-color: #999; } .background-gray-light { background-color: #eee; } .background-highlight { background-color: #990000; } .background-alert { background-color: #990000; } .background-link { background-color: #990000; } @font-face { font-family: "Frutiger Next W04 Light Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/4fdc469f-343b-4bfd-bc0b-31f4a1ea939a.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/f6bd4877-68a0-4eba-92e9-d07ae4050330.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/8f576ee0-4479-406b-9dd4-ae12cc88b3ed.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/51da331e-9347-415b-b4de-76100d0af1d8.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/5c9c1273-f556-4b6f-a031-fa0f506cf0f4.svg#5c9c1273-f556-4b6f-a031-fa0f506cf0f4") format("svg"); } @font-face { font-family: "Frutiger Next W04 Medium Cond"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/09b0f895-5fe9-4289-af48-28a45d1d1ca1.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3df399c0-a2cf-4ee3-ac56-be22545c8aae.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/a95d1c75-e833-4506-897d-4547479f659a.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/18561fdd-dae7-4f75-8430-266943bd889c.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c3fa723e-9ea6-4a43-9185-1be7d46fd0f9.svg#c3fa723e-9ea6-4a43-9185-1be7d46fd0f9") format("svg"); } @font-face { font-family: "Frutiger Next W01 Light"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/ed851bde-4b1b-45ca-9fbb-9603819932cf.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/fa8815a0-4d7b-4eb5-8184-9d9ff16708b2.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/35288d5e-681e-4b64-a930-438d2b2551d6.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/1a22c75e-4022-43cd-a543-70ca36eb92aa.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/2c937a24-6a4c-47b2-b3f3-28173e19b53d.svg#2c937a24-6a4c-47b2-b3f3-28173e19b53d") format("svg"); } @font-face { font-family: "FrutigerNextW01-Medium"; src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix"); src: url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/49a11db7-306b-4d27-9761-382ab23f6866.eot?#iefix") format("eot"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/131679ac-c45d-48d4-b4ee-b3cc4cdb6dea.woff2") format("woff2"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/c9372d3f-1898-4ecb-9e3f-59155488dfc9.woff") format("woff"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/269e0a66-b2bb-4f96-a51b-c0ec7e43af8b.ttf") format("truetype"), url("/typo3conf/ext/hrk_base/Vendor/fonts.com-Frutiger/Fonts/3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3.svg#3b5bdcb1-2809-47df-b46a-bdd7e3cf70a3") format("svg"); } .footer-tools > a:hover .icon:before { color: #990000; } #nav_search { position: relative; z-index: 1; } .stage-header { background-color: #eee; border-top: 10px solid #990000; } .stage-header .stage-title h1, .stage-header .stage-title h2, .stage-header .stage-title h3 { color: #000; } #testimonial-slider .stage-slider .stage-slider-text { background: #990000; } @media screen and (max-width: 599px) { .handheld-panel { border-left: 6px solid #990000; border-left: 2vw solid #990000; } } @media (min-width: 600px) and (max-width: 767px) { #nav_left { border-top: 2px solid #990000; } .nav-handheld-visible #nav_left { border-color: #990000; } } @media screen and (min-width: 600px) { .nav-vertical a.btn.btn-clean { color: #990000; } .nav-vertical a:hover .icon:before, .nav-vertical a:hover .sub-navigation-trigger .icon:before { color: #990000; } } #nav_main .link-home:focus, #nav_main .link-home:hover { color: #990000; } .level1 > li > a { text-decoration: none; color: #666; } .level1 > li > a:focus:before, .level1 > li > a:hover:before, .level1 > li > a:focus, .level1 > li > a:hover { color: #990000; text-decoration: underline; } .level1 > li > a:focus:before, .level1 > li > a:hover:before { text-decoration: none; } .level1 > li > a:focus { outline: 1px dotted #ccc; } @media screen and (min-width: 768px) { .level1 > li:hover > a span, .level1 > li > a:hover span, .level1 > li > a:focus span { border-bottom: 10px solid #990000; } } @media screen and (min-width: 768px) { li:hover .level2-wrapper, a:focus + .level2-wrapper, a:hover + .level2-wrapper { border-top: 2px solid #990000; } } @media screen and (max-width: 599px) { #nav_meta_cloned { border-top: 1px solid #990000; } } @media screen and (min-width: 960px) { #nav_meta { padding-right: 20px; } } #main_logo img, #main_logo svg { max-height: none; } #main_logo { width: 200px; height: 60px; margin-left: 0; float: none; position: absolute; top: 0; left: 11px; } #main_logo a { width: 100%; height: 100%; display: block; position: relative; } #main_logo img.logo-text, #main_logo svg.logo-text { width: 200px; height: 29px; position: absolute; left: 0; top: 0; -ms-transform: none; transform: none; } #main_logo img.logo-image { width: 136px; height: 115px; } @media screen and (max-width: 959px) { #main_logo img.logo-image { display: none; } } @media screen and (min-width: 600px) { #main_logo { width: 330px; } #main_logo img.logo-text, #main_logo svg.logo-text { width: 330px; height: 48px; } } @media screen and (min-width: 768px) { #main_logo { margin-left: -141px; margin-top: 5px; width: 469px; height: 115px; } #main_logo img.logo-text, #main_logo svg.logo-text { position: absolute; left: 140px; top: 10px; } } @media screen and (min-width: 960px) { body { background-color: #fdfffa; background: url("/typo3conf/ext/hrk_audit_base/Resources/Public/Images/HRK-Audit-Background.png") center 500px no-repeat fixed, linear-gradient(rgba(227, 228, 223, 0), rgba(227, 228, 223, 0) 80%, #e3e4df) no-repeat fixed, linear-gradient(110deg, #fdfffa, #fdfffa 80%, #e3e4df) no-repeat fixed; } #header .inner, #footer .inner, #main .inner, #nav_breadcrumb .inner, .nav-footer { background-color: #fff; } #footer { margin: 0; } #footer .inner { padding-bottom: 20px; padding-top: 40px; } #main .inner:after, #header_top .inner:after { content: ''; display: table; clear: both; } #header_top .inner { height: 135px; } .start-layout .layout-2-col-container { margin-top: 0; padding-top: 25px; } .marginal { padding-right: 20px; } #main_logo { margin-left: -150px; } } .layout-col-right .tx-solr { margin-top: 20px; } #tx_hrkmap_content_pane .tx-hrkauditmap-images { margin-top: 20px; } .tx-hrkauditmap#tx_hrkmap .marker-cluster { background: transparent; } #tx_hrkauditmap_datasrc ul { padding: 0; } #tx_hrkauditmap_datasrc .tx-hrkmap-point { clear: both; border-top: 1px solid #eee; margin: 2em 0; padding: 2em 0 0; } #tx_hrkauditmap_datasrc col.labels { width: 125px; } #tx_hrkauditmap_datasrc .tx-hrkauditmap-images { margin: 20px 0; } .js #tx_hrkauditmap_datasrc { display: none; } .no-js #tx_hrkmap_filter { display: none; } @media print { .layout-col-left-inner > .layout-col-right, #nav_breadcrumb { padding-left: 0 !important; } #header_top { height: 65px !important; } }