.msfde-token.donation-banner .button:active, .msfde-token.mitarbeiten-banner .button:active, .msfde-token.dark-banner .button:active, .msfde-token.campaign-banner .button:active, .area-sidebar .block-partner-werden .button:active, .area-sidebar .block-spendenbanner .button:active, .area-sidebar .block-spendenbanner-unternehmen .button:active, .area-sidebar .block-spendenbanner-once .button:active, .area-sidebar .block-spendenbanner-weihnachten .button:active, .area-sidebar .block-ecard .button:active, .area-sidebar .block-geschenkspende .button:active, .area-sidebar .block-geschenkspende-weihnachten .button:active, .area-sidebar .block-geschenkspende-geburtstag .button:active, .area-sidebar .block-geschenkspende-geburt .button:active, .area-sidebar .block-geschenkspende-hochzeit .button:active, .area-sidebar .block-geschenkspende-muttertag .button:active, .area-sidebar .block-testamentsspende .button:active, .area-sidebar .block-gedenkspende .button:active, .area-sidebar .block-aktionsmaterial .button:active, .area-sidebar .block-bean-cta.msfde-block-donate .button:active, .area-sidebar .block-mitarbeitenbanner-projeckt .button:active, .area-sidebar .block-mitarbeitenbanner-buero .button:active, .area-sidebar .block-mitarbeitenbanner-stand .button:active, .area-sidebar .block-bean-cta.msfde-block-collaborate .button:active, .area-sidebar .block-engagierensiesich .button:active, .area-sidebar .block-cta-tuberk .button:active, .area-sidebar .block-cta-nothilfe-ausstellung .button:active, .area-sidebar .block-cta-ebola .button:active, .area-sidebar .block-bean-cta.msfde-block-organisation .button:active, .area-side-blocks .block-partner-werden .button:active, .area-side-blocks .block-spendenbanner .button:active, .area-side-blocks .block-spendenbanner-unternehmen .button:active, .area-side-blocks .block-spendenbanner-once .button:active, .area-side-blocks .block-spendenbanner-weihnachten .button:active, .area-side-blocks .block-ecard .button:active, .area-side-blocks .block-geschenkspende .button:active, .area-side-blocks .block-geschenkspende-weihnachten .button:active, .area-side-blocks .block-geschenkspende-geburtstag .button:active, .area-side-blocks .block-geschenkspende-geburt .button:active, .area-side-blocks .block-geschenkspende-hochzeit .button:active, .area-side-blocks .block-geschenkspende-muttertag .button:active, .area-side-blocks .block-testamentsspende .button:active, .area-side-blocks .block-gedenkspende .button:active, .area-side-blocks .block-aktionsmaterial .button:active, .area-side-blocks .block-bean-cta.msfde-block-donate .button:active, .area-side-blocks .block-mitarbeitenbanner-projeckt .button:active, .area-side-blocks .block-mitarbeitenbanner-buero .button:active, .area-side-blocks .block-mitarbeitenbanner-stand .button:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate .button:active, .area-side-blocks .block-engagierensiesich .button:active, .area-side-blocks .block-cta-tuberk .button:active, .area-side-blocks .block-cta-nothilfe-ausstellung .button:active, .area-side-blocks .block-cta-ebola .button:active, .area-side-blocks .block-bean-cta.msfde-block-organisation .button:active, .area-sidebar .block-spendenformular .content .button:active, .area-side-blocks .block-spendenformular .content .button:active, .area-sidebar .spendenformular .content .button:active, .area-side-blocks .spendenformular .content .button:active, .area-sidebar .block-spendenformular-monthly .content .button:active, .area-side-blocks .block-spendenformular-monthly .content .button:active, .block-spendenformular.spendenformular-token .button:active, .spendenformular.spendenformular-token .button:active, .block-spendenformular-monthly.spendenformular-token .button:active, .msfde-token.donation-banner button:active, .msfde-token.mitarbeiten-banner button:active, .msfde-token.dark-banner button:active, .msfde-token.campaign-banner button:active, .area-sidebar .block-partner-werden button:active, .area-sidebar .block-spendenbanner button:active, .area-sidebar .block-spendenbanner-unternehmen button:active, .area-sidebar .block-spendenbanner-once button:active, .area-sidebar .block-spendenbanner-weihnachten button:active, .area-sidebar .block-ecard button:active, .area-sidebar .block-geschenkspende button:active, .area-sidebar .block-geschenkspende-weihnachten button:active, .area-sidebar .block-geschenkspende-geburtstag button:active, .area-sidebar .block-geschenkspende-geburt button:active, .area-sidebar .block-geschenkspende-hochzeit button:active, .area-sidebar .block-geschenkspende-muttertag button:active, .area-sidebar .block-testamentsspende button:active, .area-sidebar .block-gedenkspende button:active, .area-sidebar .block-aktionsmaterial button:active, .area-sidebar .block-bean-cta.msfde-block-donate button:active, .area-sidebar .block-mitarbeitenbanner-projeckt button:active, .area-sidebar .block-mitarbeitenbanner-buero button:active, .area-sidebar .block-mitarbeitenbanner-stand button:active, .area-sidebar .block-bean-cta.msfde-block-collaborate button:active, .area-sidebar .block-engagierensiesich button:active, .area-sidebar .block-cta-tuberk button:active, .area-sidebar .block-cta-nothilfe-ausstellung button:active, .area-sidebar .block-cta-ebola button:active, .area-sidebar .block-bean-cta.msfde-block-organisation button:active, .area-side-blocks .block-partner-werden button:active, .area-side-blocks .block-spendenbanner button:active, .area-side-blocks .block-spendenbanner-unternehmen button:active, .area-side-blocks .block-spendenbanner-once button:active, .area-side-blocks .block-spendenbanner-weihnachten button:active, .area-side-blocks .block-ecard button:active, .area-side-blocks .block-geschenkspende button:active, .area-side-blocks .block-geschenkspende-weihnachten button:active, .area-side-blocks .block-geschenkspende-geburtstag button:active, .area-side-blocks .block-geschenkspende-geburt button:active, .area-side-blocks .block-geschenkspende-hochzeit button:active, .area-side-blocks .block-geschenkspende-muttertag button:active, .area-side-blocks .block-testamentsspende button:active, .area-side-blocks .block-gedenkspende button:active, .area-side-blocks .block-aktionsmaterial button:active, .area-side-blocks .block-bean-cta.msfde-block-donate button:active, .area-side-blocks .block-mitarbeitenbanner-projeckt button:active, .area-side-blocks .block-mitarbeitenbanner-buero button:active, .area-side-blocks .block-mitarbeitenbanner-stand button:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate button:active, .area-side-blocks .block-engagierensiesich button:active, .area-side-blocks .block-cta-tuberk button:active, .area-side-blocks .block-cta-nothilfe-ausstellung button:active, .area-side-blocks .block-cta-ebola button:active, .area-side-blocks .block-bean-cta.msfde-block-organisation button:active, .area-sidebar .block-spendenformular .content button:active, .area-side-blocks .block-spendenformular .content button:active, .area-sidebar .spendenformular .content button:active, .area-side-blocks .spendenformular .content button:active, .area-sidebar .block-spendenformular-monthly .content button:active, .area-side-blocks .block-spendenformular-monthly .content button:active, .block-spendenformular.spendenformular-token button:active, .spendenformular.spendenformular-token button:active, .block-spendenformular-monthly.spendenformular-token button:active, .msfde-token.donation-banner input[type="submit"]:active, .msfde-token.mitarbeiten-banner input[type="submit"]:active, .msfde-token.dark-banner input[type="submit"]:active, .msfde-token.campaign-banner input[type="submit"]:active, .area-sidebar .block-partner-werden input[type="submit"]:active, .area-sidebar .block-spendenbanner input[type="submit"]:active, .area-sidebar .block-spendenbanner-unternehmen input[type="submit"]:active, .area-sidebar .block-spendenbanner-once input[type="submit"]:active, .area-sidebar .block-spendenbanner-weihnachten input[type="submit"]:active, .area-sidebar .block-ecard input[type="submit"]:active, .area-sidebar .block-geschenkspende input[type="submit"]:active, .area-sidebar .block-geschenkspende-weihnachten input[type="submit"]:active, .area-sidebar .block-geschenkspende-geburtstag input[type="submit"]:active, .area-sidebar .block-geschenkspende-geburt input[type="submit"]:active, .area-sidebar .block-geschenkspende-hochzeit input[type="submit"]:active, .area-sidebar .block-geschenkspende-muttertag input[type="submit"]:active, .area-sidebar .block-testamentsspende input[type="submit"]:active, .area-sidebar .block-gedenkspende input[type="submit"]:active, .area-sidebar .block-aktionsmaterial input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-donate input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-projeckt input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-buero input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-stand input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-collaborate input[type="submit"]:active, .area-sidebar .block-engagierensiesich input[type="submit"]:active, .area-sidebar .block-cta-tuberk input[type="submit"]:active, .area-sidebar .block-cta-nothilfe-ausstellung input[type="submit"]:active, .area-sidebar .block-cta-ebola input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-organisation input[type="submit"]:active, .area-side-blocks .block-partner-werden input[type="submit"]:active, .area-side-blocks .block-spendenbanner input[type="submit"]:active, .area-side-blocks .block-spendenbanner-unternehmen input[type="submit"]:active, .area-side-blocks .block-spendenbanner-once input[type="submit"]:active, .area-side-blocks .block-spendenbanner-weihnachten input[type="submit"]:active, .area-side-blocks .block-ecard input[type="submit"]:active, .area-side-blocks .block-geschenkspende input[type="submit"]:active, .area-side-blocks .block-geschenkspende-weihnachten input[type="submit"]:active, .area-side-blocks .block-geschenkspende-geburtstag input[type="submit"]:active, .area-side-blocks .block-geschenkspende-geburt input[type="submit"]:active, .area-side-blocks .block-geschenkspende-hochzeit input[type="submit"]:active, .area-side-blocks .block-geschenkspende-muttertag input[type="submit"]:active, .area-side-blocks .block-testamentsspende input[type="submit"]:active, .area-side-blocks .block-gedenkspende input[type="submit"]:active, .area-side-blocks .block-aktionsmaterial input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-donate input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-projeckt input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-buero input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-stand input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate input[type="submit"]:active, .area-side-blocks .block-engagierensiesich input[type="submit"]:active, .area-side-blocks .block-cta-tuberk input[type="submit"]:active, .area-side-blocks .block-cta-nothilfe-ausstellung input[type="submit"]:active, .area-side-blocks .block-cta-ebola input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-organisation input[type="submit"]:active, .area-sidebar .block-spendenformular .content input[type="submit"]:active, .area-side-blocks .block-spendenformular .content input[type="submit"]:active, .area-sidebar .spendenformular .content input[type="submit"]:active, .area-side-blocks .spendenformular .content input[type="submit"]:active, .area-sidebar .block-spendenformular-monthly .content input[type="submit"]:active, .area-side-blocks .block-spendenformular-monthly .content input[type="submit"]:active, .block-spendenformular.spendenformular-token input[type="submit"]:active, .spendenformular.spendenformular-token input[type="submit"]:active, .block-spendenformular-monthly.spendenformular-token input[type="submit"]:active, .msfde-token.paginated-textbox .flex-prev:active, .view-mode-full .quote-multiple .flex-prev:active, .area-sidebar .has-flexslider .flex-prev:active, .msfde-token.paginated-textbox .flex-next:active, .view-mode-full .quote-multiple .flex-next:active, .area-sidebar .has-flexslider .flex-next:active, .footer-donate button:active, .panel-msfde-events .area-sharing button:active, .page-ansprechpartner .panel-msfde-singlecolumn .button:active, .page-ansprechpartner .panel-msfde-singlecolumn button:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="submit"]:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="reset"]:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="button"]:active, .horizontal-navigation .ctrl .btn:active, .mitarbeitenbuehne .field-name-field-url a:active, .spendenbuehne .field-name-field-url a:active, .view-switch .button:active, .node-event.view-mode-full .tab-trigger a:active, .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .node-event.view-mode-full .reglink:active, .node-person-profile.view-mode-full a.related-profession:active, a.msf-blue-call-to-action:active, a.msf-donate-call-to-action:active, a.msf-green-call-to-action:active, a.msf-work-call-to-action:active, a.msf-red-call-to-action:active, .msfde-token.rss-link:active { color: white; background-image: none; box-shadow: none; } .msfde-token.donation-banner .button, .msfde-token.mitarbeiten-banner .button, .msfde-token.dark-banner .button, .msfde-token.campaign-banner .button, .area-sidebar .block-partner-werden .button, .area-sidebar .block-spendenbanner .button, .area-sidebar .block-spendenbanner-unternehmen .button, .area-sidebar .block-spendenbanner-once .button, .area-sidebar .block-spendenbanner-weihnachten .button, .area-sidebar .block-ecard .button, .area-sidebar .block-geschenkspende .button, .area-sidebar .block-geschenkspende-weihnachten .button, .area-sidebar .block-geschenkspende-geburtstag .button, .area-sidebar .block-geschenkspende-geburt .button, .area-sidebar .block-geschenkspende-hochzeit .button, .area-sidebar .block-geschenkspende-muttertag .button, .area-sidebar .block-testamentsspende .button, .area-sidebar .block-gedenkspende .button, .area-sidebar .block-aktionsmaterial .button, .area-sidebar .block-bean-cta.msfde-block-donate .button, .area-sidebar .block-mitarbeitenbanner-projeckt .button, .area-sidebar .block-mitarbeitenbanner-buero .button, .area-sidebar .block-mitarbeitenbanner-stand .button, .area-sidebar .block-bean-cta.msfde-block-collaborate .button, .area-sidebar .block-engagierensiesich .button, .area-sidebar .block-cta-tuberk .button, .area-sidebar .block-cta-nothilfe-ausstellung .button, .area-sidebar .block-cta-ebola .button, .area-sidebar .block-bean-cta.msfde-block-organisation .button, .area-side-blocks .block-partner-werden .button, .area-side-blocks .block-spendenbanner .button, .area-side-blocks .block-spendenbanner-unternehmen .button, .area-side-blocks .block-spendenbanner-once .button, .area-side-blocks .block-spendenbanner-weihnachten .button, .area-side-blocks .block-ecard .button, .area-side-blocks .block-geschenkspende .button, .area-side-blocks .block-geschenkspende-weihnachten .button, .area-side-blocks .block-geschenkspende-geburtstag .button, .area-side-blocks .block-geschenkspende-geburt .button, .area-side-blocks .block-geschenkspende-hochzeit .button, .area-side-blocks .block-geschenkspende-muttertag .button, .area-side-blocks .block-testamentsspende .button, .area-side-blocks .block-gedenkspende .button, .area-side-blocks .block-aktionsmaterial .button, .area-side-blocks .block-bean-cta.msfde-block-donate .button, .area-side-blocks .block-mitarbeitenbanner-projeckt .button, .area-side-blocks .block-mitarbeitenbanner-buero .button, .area-side-blocks .block-mitarbeitenbanner-stand .button, .area-side-blocks .block-bean-cta.msfde-block-collaborate .button, .area-side-blocks .block-engagierensiesich .button, .area-side-blocks .block-cta-tuberk .button, .area-side-blocks .block-cta-nothilfe-ausstellung .button, .area-side-blocks .block-cta-ebola .button, .area-side-blocks .block-bean-cta.msfde-block-organisation .button, .area-sidebar .block-spendenformular .content .button, .area-side-blocks .block-spendenformular .content .button, .area-sidebar .spendenformular .content .button, .area-side-blocks .spendenformular .content .button, .area-sidebar .block-spendenformular-monthly .content .button, .area-side-blocks .block-spendenformular-monthly .content .button, .block-spendenformular.spendenformular-token .button, .spendenformular.spendenformular-token .button, .block-spendenformular-monthly.spendenformular-token .button, .msfde-token.donation-banner button, .msfde-token.mitarbeiten-banner button, .msfde-token.dark-banner button, .msfde-token.campaign-banner button, .area-sidebar .block-partner-werden button, .area-sidebar .block-spendenbanner button, .area-sidebar .block-spendenbanner-unternehmen button, .area-sidebar .block-spendenbanner-once button, .area-sidebar .block-spendenbanner-weihnachten button, .area-sidebar .block-ecard button, .area-sidebar .block-geschenkspende button, .area-sidebar .block-geschenkspende-weihnachten button, .area-sidebar .block-geschenkspende-geburtstag button, .area-sidebar .block-geschenkspende-geburt button, .area-sidebar .block-geschenkspende-hochzeit button, .area-sidebar .block-geschenkspende-muttertag button, .area-sidebar .block-testamentsspende button, .area-sidebar .block-gedenkspende button, .area-sidebar .block-aktionsmaterial button, .area-sidebar .block-bean-cta.msfde-block-donate button, .area-sidebar .block-mitarbeitenbanner-projeckt button, .area-sidebar .block-mitarbeitenbanner-buero button, .area-sidebar .block-mitarbeitenbanner-stand button, .area-sidebar .block-bean-cta.msfde-block-collaborate button, .area-sidebar .block-engagierensiesich button, .area-sidebar .block-cta-tuberk button, .area-sidebar .block-cta-nothilfe-ausstellung button, .area-sidebar .block-cta-ebola button, .area-sidebar .block-bean-cta.msfde-block-organisation button, .area-side-blocks .block-partner-werden button, .area-side-blocks .block-spendenbanner button, .area-side-blocks .block-spendenbanner-unternehmen button, .area-side-blocks .block-spendenbanner-once button, .area-side-blocks .block-spendenbanner-weihnachten button, .area-side-blocks .block-ecard button, .area-side-blocks .block-geschenkspende button, .area-side-blocks .block-geschenkspende-weihnachten button, .area-side-blocks .block-geschenkspende-geburtstag button, .area-side-blocks .block-geschenkspende-geburt button, .area-side-blocks .block-geschenkspende-hochzeit button, .area-side-blocks .block-geschenkspende-muttertag button, .area-side-blocks .block-testamentsspende button, .area-side-blocks .block-gedenkspende button, .area-side-blocks .block-aktionsmaterial button, .area-side-blocks .block-bean-cta.msfde-block-donate button, .area-side-blocks .block-mitarbeitenbanner-projeckt button, .area-side-blocks .block-mitarbeitenbanner-buero button, .area-side-blocks .block-mitarbeitenbanner-stand button, .area-side-blocks .block-bean-cta.msfde-block-collaborate button, .area-side-blocks .block-engagierensiesich button, .area-side-blocks .block-cta-tuberk button, .area-side-blocks .block-cta-nothilfe-ausstellung button, .area-side-blocks .block-cta-ebola button, .area-side-blocks .block-bean-cta.msfde-block-organisation button, .area-sidebar .block-spendenformular .content button, .area-side-blocks .block-spendenformular .content button, .area-sidebar .spendenformular .content button, .area-side-blocks .spendenformular .content button, .area-sidebar .block-spendenformular-monthly .content button, .area-side-blocks .block-spendenformular-monthly .content button, .block-spendenformular.spendenformular-token button, .spendenformular.spendenformular-token button, .block-spendenformular-monthly.spendenformular-token button, .msfde-token.donation-banner input[type="submit"], .msfde-token.mitarbeiten-banner input[type="submit"], .msfde-token.dark-banner input[type="submit"], .msfde-token.campaign-banner input[type="submit"], .area-sidebar .block-partner-werden input[type="submit"], .area-sidebar .block-spendenbanner input[type="submit"], .area-sidebar .block-spendenbanner-unternehmen input[type="submit"], .area-sidebar .block-spendenbanner-once input[type="submit"], .area-sidebar .block-spendenbanner-weihnachten input[type="submit"], .area-sidebar .block-ecard input[type="submit"], .area-sidebar .block-geschenkspende input[type="submit"], .area-sidebar .block-geschenkspende-weihnachten input[type="submit"], .area-sidebar .block-geschenkspende-geburtstag input[type="submit"], .area-sidebar .block-geschenkspende-geburt input[type="submit"], .area-sidebar .block-geschenkspende-hochzeit input[type="submit"], .area-sidebar .block-geschenkspende-muttertag input[type="submit"], .area-sidebar .block-testamentsspende input[type="submit"], .area-sidebar .block-gedenkspende input[type="submit"], .area-sidebar .block-aktionsmaterial input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-donate input[type="submit"], .area-sidebar .block-mitarbeitenbanner-projeckt input[type="submit"], .area-sidebar .block-mitarbeitenbanner-buero input[type="submit"], .area-sidebar .block-mitarbeitenbanner-stand input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-collaborate input[type="submit"], .area-sidebar .block-engagierensiesich input[type="submit"], .area-sidebar .block-cta-tuberk input[type="submit"], .area-sidebar .block-cta-nothilfe-ausstellung input[type="submit"], .area-sidebar .block-cta-ebola input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-organisation input[type="submit"], .area-side-blocks .block-partner-werden input[type="submit"], .area-side-blocks .block-spendenbanner input[type="submit"], .area-side-blocks .block-spendenbanner-unternehmen input[type="submit"], .area-side-blocks .block-spendenbanner-once input[type="submit"], .area-side-blocks .block-spendenbanner-weihnachten input[type="submit"], .area-side-blocks .block-ecard input[type="submit"], .area-side-blocks .block-geschenkspende input[type="submit"], .area-side-blocks .block-geschenkspende-weihnachten input[type="submit"], .area-side-blocks .block-geschenkspende-geburtstag input[type="submit"], .area-side-blocks .block-geschenkspende-geburt input[type="submit"], .area-side-blocks .block-geschenkspende-hochzeit input[type="submit"], .area-side-blocks .block-geschenkspende-muttertag input[type="submit"], .area-side-blocks .block-testamentsspende input[type="submit"], .area-side-blocks .block-gedenkspende input[type="submit"], .area-side-blocks .block-aktionsmaterial input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-donate input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-projeckt input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-buero input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-stand input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-collaborate input[type="submit"], .area-side-blocks .block-engagierensiesich input[type="submit"], .area-side-blocks .block-cta-tuberk input[type="submit"], .area-side-blocks .block-cta-nothilfe-ausstellung input[type="submit"], .area-side-blocks .block-cta-ebola input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-organisation input[type="submit"], .area-sidebar .block-spendenformular .content input[type="submit"], .area-side-blocks .block-spendenformular .content input[type="submit"], .area-sidebar .spendenformular .content input[type="submit"], .area-side-blocks .spendenformular .content input[type="submit"], .area-sidebar .block-spendenformular-monthly .content input[type="submit"], .area-side-blocks .block-spendenformular-monthly .content input[type="submit"], .block-spendenformular.spendenformular-token input[type="submit"], .spendenformular.spendenformular-token input[type="submit"], .block-spendenformular-monthly.spendenformular-token input[type="submit"], .msfde-token.paginated-textbox .flex-prev, .view-mode-full .quote-multiple .flex-prev, .area-sidebar .has-flexslider .flex-prev, .msfde-token.paginated-textbox .flex-next, .view-mode-full .quote-multiple .flex-next, .area-sidebar .has-flexslider .flex-next, .footer-donate button, .panel-msfde-events .area-sharing button, .page-ansprechpartner .panel-msfde-singlecolumn .button, .page-ansprechpartner .panel-msfde-singlecolumn button, .page-ansprechpartner .panel-msfde-singlecolumn input[type="submit"], .page-ansprechpartner .panel-msfde-singlecolumn input[type="reset"], .page-ansprechpartner .panel-msfde-singlecolumn input[type="button"], .horizontal-navigation .ctrl .btn, .mitarbeitenbuehne .field-name-field-url a, .spendenbuehne .field-name-field-url a, .node-event.view-mode-full .tab-trigger a, .button, button, input[type="submit"], input[type="reset"], input[type="button"], a.msf-blue-call-to-action, a.msf-donate-call-to-action, a.msf-green-call-to-action, a.msf-work-call-to-action, a.msf-red-call-to-action, .msfde-token.rss-link { line-height: 34px; height: 32px; padding: 0 1rem; } .view-switch .button, .node-event.view-mode-full .reglink { font-size: 2.2rem; line-height: 54px; height: 52px; padding: 0 7rem; border-radius: .5rem; } .msfde-token.donation-banner .button:active, .msfde-token.mitarbeiten-banner .button:active, .msfde-token.dark-banner .button:active, .msfde-token.campaign-banner .button:active, .area-sidebar .block-partner-werden .button:active, .area-sidebar .block-spendenbanner .button:active, .area-sidebar .block-spendenbanner-unternehmen .button:active, .area-sidebar .block-spendenbanner-once .button:active, .area-sidebar .block-spendenbanner-weihnachten .button:active, .area-sidebar .block-ecard .button:active, .area-sidebar .block-geschenkspende .button:active, .area-sidebar .block-geschenkspende-weihnachten .button:active, .area-sidebar .block-geschenkspende-geburtstag .button:active, .area-sidebar .block-geschenkspende-geburt .button:active, .area-sidebar .block-geschenkspende-hochzeit .button:active, .area-sidebar .block-geschenkspende-muttertag .button:active, .area-sidebar .block-testamentsspende .button:active, .area-sidebar .block-gedenkspende .button:active, .area-sidebar .block-aktionsmaterial .button:active, .area-sidebar .block-bean-cta.msfde-block-donate .button:active, .area-sidebar .block-mitarbeitenbanner-projeckt .button:active, .area-sidebar .block-mitarbeitenbanner-buero .button:active, .area-sidebar .block-mitarbeitenbanner-stand .button:active, .area-sidebar .block-bean-cta.msfde-block-collaborate .button:active, .area-sidebar .block-engagierensiesich .button:active, .area-sidebar .block-cta-tuberk .button:active, .area-sidebar .block-cta-nothilfe-ausstellung .button:active, .area-sidebar .block-cta-ebola .button:active, .area-sidebar .block-bean-cta.msfde-block-organisation .button:active, .area-side-blocks .block-partner-werden .button:active, .area-side-blocks .block-spendenbanner .button:active, .area-side-blocks .block-spendenbanner-unternehmen .button:active, .area-side-blocks .block-spendenbanner-once .button:active, .area-side-blocks .block-spendenbanner-weihnachten .button:active, .area-side-blocks .block-ecard .button:active, .area-side-blocks .block-geschenkspende .button:active, .area-side-blocks .block-geschenkspende-weihnachten .button:active, .area-side-blocks .block-geschenkspende-geburtstag .button:active, .area-side-blocks .block-geschenkspende-geburt .button:active, .area-side-blocks .block-geschenkspende-hochzeit .button:active, .area-side-blocks .block-geschenkspende-muttertag .button:active, .area-side-blocks .block-testamentsspende .button:active, .area-side-blocks .block-gedenkspende .button:active, .area-side-blocks .block-aktionsmaterial .button:active, .area-side-blocks .block-bean-cta.msfde-block-donate .button:active, .area-side-blocks .block-mitarbeitenbanner-projeckt .button:active, .area-side-blocks .block-mitarbeitenbanner-buero .button:active, .area-side-blocks .block-mitarbeitenbanner-stand .button:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate .button:active, .area-side-blocks .block-engagierensiesich .button:active, .area-side-blocks .block-cta-tuberk .button:active, .area-side-blocks .block-cta-nothilfe-ausstellung .button:active, .area-side-blocks .block-cta-ebola .button:active, .area-side-blocks .block-bean-cta.msfde-block-organisation .button:active, .area-sidebar .block-spendenformular .content .button:active, .area-side-blocks .block-spendenformular .content .button:active, .area-sidebar .spendenformular .content .button:active, .area-side-blocks .spendenformular .content .button:active, .area-sidebar .block-spendenformular-monthly .content .button:active, .area-side-blocks .block-spendenformular-monthly .content .button:active, .block-spendenformular.spendenformular-token .button:active, .spendenformular.spendenformular-token .button:active, .block-spendenformular-monthly.spendenformular-token .button:active, .msfde-token.donation-banner button:active, .msfde-token.mitarbeiten-banner button:active, .msfde-token.dark-banner button:active, .msfde-token.campaign-banner button:active, .area-sidebar .block-partner-werden button:active, .area-sidebar .block-spendenbanner button:active, .area-sidebar .block-spendenbanner-unternehmen button:active, .area-sidebar .block-spendenbanner-once button:active, .area-sidebar .block-spendenbanner-weihnachten button:active, .area-sidebar .block-ecard button:active, .area-sidebar .block-geschenkspende button:active, .area-sidebar .block-geschenkspende-weihnachten button:active, .area-sidebar .block-geschenkspende-geburtstag button:active, .area-sidebar .block-geschenkspende-geburt button:active, .area-sidebar .block-geschenkspende-hochzeit button:active, .area-sidebar .block-geschenkspende-muttertag button:active, .area-sidebar .block-testamentsspende button:active, .area-sidebar .block-gedenkspende button:active, .area-sidebar .block-aktionsmaterial button:active, .area-sidebar .block-bean-cta.msfde-block-donate button:active, .area-sidebar .block-mitarbeitenbanner-projeckt button:active, .area-sidebar .block-mitarbeitenbanner-buero button:active, .area-sidebar .block-mitarbeitenbanner-stand button:active, .area-sidebar .block-bean-cta.msfde-block-collaborate button:active, .area-sidebar .block-engagierensiesich button:active, .area-sidebar .block-cta-tuberk button:active, .area-sidebar .block-cta-nothilfe-ausstellung button:active, .area-sidebar .block-cta-ebola button:active, .area-sidebar .block-bean-cta.msfde-block-organisation button:active, .area-side-blocks .block-partner-werden button:active, .area-side-blocks .block-spendenbanner button:active, .area-side-blocks .block-spendenbanner-unternehmen button:active, .area-side-blocks .block-spendenbanner-once button:active, .area-side-blocks .block-spendenbanner-weihnachten button:active, .area-side-blocks .block-ecard button:active, .area-side-blocks .block-geschenkspende button:active, .area-side-blocks .block-geschenkspende-weihnachten button:active, .area-side-blocks .block-geschenkspende-geburtstag button:active, .area-side-blocks .block-geschenkspende-geburt button:active, .area-side-blocks .block-geschenkspende-hochzeit button:active, .area-side-blocks .block-geschenkspende-muttertag button:active, .area-side-blocks .block-testamentsspende button:active, .area-side-blocks .block-gedenkspende button:active, .area-side-blocks .block-aktionsmaterial button:active, .area-side-blocks .block-bean-cta.msfde-block-donate button:active, .area-side-blocks .block-mitarbeitenbanner-projeckt button:active, .area-side-blocks .block-mitarbeitenbanner-buero button:active, .area-side-blocks .block-mitarbeitenbanner-stand button:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate button:active, .area-side-blocks .block-engagierensiesich button:active, .area-side-blocks .block-cta-tuberk button:active, .area-side-blocks .block-cta-nothilfe-ausstellung button:active, .area-side-blocks .block-cta-ebola button:active, .area-side-blocks .block-bean-cta.msfde-block-organisation button:active, .area-sidebar .block-spendenformular .content button:active, .area-side-blocks .block-spendenformular .content button:active, .area-sidebar .spendenformular .content button:active, .area-side-blocks .spendenformular .content button:active, .area-sidebar .block-spendenformular-monthly .content button:active, .area-side-blocks .block-spendenformular-monthly .content button:active, .block-spendenformular.spendenformular-token button:active, .spendenformular.spendenformular-token button:active, .block-spendenformular-monthly.spendenformular-token button:active, .msfde-token.donation-banner input[type="submit"]:active, .msfde-token.mitarbeiten-banner input[type="submit"]:active, .msfde-token.dark-banner input[type="submit"]:active, .msfde-token.campaign-banner input[type="submit"]:active, .area-sidebar .block-partner-werden input[type="submit"]:active, .area-sidebar .block-spendenbanner input[type="submit"]:active, .area-sidebar .block-spendenbanner-unternehmen input[type="submit"]:active, .area-sidebar .block-spendenbanner-once input[type="submit"]:active, .area-sidebar .block-spendenbanner-weihnachten input[type="submit"]:active, .area-sidebar .block-ecard input[type="submit"]:active, .area-sidebar .block-geschenkspende input[type="submit"]:active, .area-sidebar .block-geschenkspende-weihnachten input[type="submit"]:active, .area-sidebar .block-geschenkspende-geburtstag input[type="submit"]:active, .area-sidebar .block-geschenkspende-geburt input[type="submit"]:active, .area-sidebar .block-geschenkspende-hochzeit input[type="submit"]:active, .area-sidebar .block-geschenkspende-muttertag input[type="submit"]:active, .area-sidebar .block-testamentsspende input[type="submit"]:active, .area-sidebar .block-gedenkspende input[type="submit"]:active, .area-sidebar .block-aktionsmaterial input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-donate input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-projeckt input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-buero input[type="submit"]:active, .area-sidebar .block-mitarbeitenbanner-stand input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-collaborate input[type="submit"]:active, .area-sidebar .block-engagierensiesich input[type="submit"]:active, .area-sidebar .block-cta-tuberk input[type="submit"]:active, .area-sidebar .block-cta-nothilfe-ausstellung input[type="submit"]:active, .area-sidebar .block-cta-ebola input[type="submit"]:active, .area-sidebar .block-bean-cta.msfde-block-organisation input[type="submit"]:active, .area-side-blocks .block-partner-werden input[type="submit"]:active, .area-side-blocks .block-spendenbanner input[type="submit"]:active, .area-side-blocks .block-spendenbanner-unternehmen input[type="submit"]:active, .area-side-blocks .block-spendenbanner-once input[type="submit"]:active, .area-side-blocks .block-spendenbanner-weihnachten input[type="submit"]:active, .area-side-blocks .block-ecard input[type="submit"]:active, .area-side-blocks .block-geschenkspende input[type="submit"]:active, .area-side-blocks .block-geschenkspende-weihnachten input[type="submit"]:active, .area-side-blocks .block-geschenkspende-geburtstag input[type="submit"]:active, .area-side-blocks .block-geschenkspende-geburt input[type="submit"]:active, .area-side-blocks .block-geschenkspende-hochzeit input[type="submit"]:active, .area-side-blocks .block-geschenkspende-muttertag input[type="submit"]:active, .area-side-blocks .block-testamentsspende input[type="submit"]:active, .area-side-blocks .block-gedenkspende input[type="submit"]:active, .area-side-blocks .block-aktionsmaterial input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-donate input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-projeckt input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-buero input[type="submit"]:active, .area-side-blocks .block-mitarbeitenbanner-stand input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-collaborate input[type="submit"]:active, .area-side-blocks .block-engagierensiesich input[type="submit"]:active, .area-side-blocks .block-cta-tuberk input[type="submit"]:active, .area-side-blocks .block-cta-nothilfe-ausstellung input[type="submit"]:active, .area-side-blocks .block-cta-ebola input[type="submit"]:active, .area-side-blocks .block-bean-cta.msfde-block-organisation input[type="submit"]:active, .area-sidebar .block-spendenformular .content input[type="submit"]:active, .area-side-blocks .block-spendenformular .content input[type="submit"]:active, .area-sidebar .spendenformular .content input[type="submit"]:active, .area-side-blocks .spendenformular .content input[type="submit"]:active, .area-sidebar .block-spendenformular-monthly .content input[type="submit"]:active, .area-side-blocks .block-spendenformular-monthly .content input[type="submit"]:active, .block-spendenformular.spendenformular-token input[type="submit"]:active, .spendenformular.spendenformular-token input[type="submit"]:active, .block-spendenformular-monthly.spendenformular-token input[type="submit"]:active, .msfde-token.paginated-textbox .flex-prev:active, .view-mode-full .quote-multiple .flex-prev:active, .area-sidebar .has-flexslider .flex-prev:active, .msfde-token.paginated-textbox .flex-next:active, .view-mode-full .quote-multiple .flex-next:active, .area-sidebar .has-flexslider .flex-next:active, .footer-donate button:active, .panel-msfde-events .area-sharing button:active, .page-ansprechpartner .panel-msfde-singlecolumn .button:active, .page-ansprechpartner .panel-msfde-singlecolumn button:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="submit"]:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="reset"]:active, .page-ansprechpartner .panel-msfde-singlecolumn input[type="button"]:active, .horizontal-navigation .ctrl .btn:active, .mitarbeitenbuehne .field-name-field-url a:active, .spendenbuehne .field-name-field-url a:active, .view-switch .button:active, .node-event.view-mode-full .tab-trigger a:active, .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, .node-event.view-mode-full .reglink:active, .node-person-profile.view-mode-full a.related-profession:active { background-color: #333745; } .msfde-token.donation-banner .button, .msfde-token.mitarbeiten-banner .button, .msfde-token.dark-banner .button, .msfde-token.campaign-banner .button, .area-sidebar .block-partner-werden .button, .area-sidebar .block-spendenbanner .button, .area-sidebar .block-spendenbanner-unternehmen .button, .area-sidebar .block-spendenbanner-once .button, .area-sidebar .block-spendenbanner-weihnachten .button, .area-sidebar .block-ecard .button, .area-sidebar .block-geschenkspende .button, .area-sidebar .block-geschenkspende-weihnachten .button, .area-sidebar .block-geschenkspende-geburtstag .button, .area-sidebar .block-geschenkspende-geburt .button, .area-sidebar .block-geschenkspende-hochzeit .button, .area-sidebar .block-geschenkspende-muttertag .button, .area-sidebar .block-testamentsspende .button, .area-sidebar .block-gedenkspende .button, .area-sidebar .block-aktionsmaterial .button, .area-sidebar .block-bean-cta.msfde-block-donate .button, .area-sidebar .block-mitarbeitenbanner-projeckt .button, .area-sidebar .block-mitarbeitenbanner-buero .button, .area-sidebar .block-mitarbeitenbanner-stand .button, .area-sidebar .block-bean-cta.msfde-block-collaborate .button, .area-sidebar .block-engagierensiesich .button, .area-sidebar .block-cta-tuberk .button, .area-sidebar .block-cta-nothilfe-ausstellung .button, .area-sidebar .block-cta-ebola .button, .area-sidebar .block-bean-cta.msfde-block-organisation .button, .area-side-blocks .block-partner-werden .button, .area-side-blocks .block-spendenbanner .button, .area-side-blocks .block-spendenbanner-unternehmen .button, .area-side-blocks .block-spendenbanner-once .button, .area-side-blocks .block-spendenbanner-weihnachten .button, .area-side-blocks .block-ecard .button, .area-side-blocks .block-geschenkspende .button, .area-side-blocks .block-geschenkspende-weihnachten .button, .area-side-blocks .block-geschenkspende-geburtstag .button, .area-side-blocks .block-geschenkspende-geburt .button, .area-side-blocks .block-geschenkspende-hochzeit .button, .area-side-blocks .block-geschenkspende-muttertag .button, .area-side-blocks .block-testamentsspende .button, .area-side-blocks .block-gedenkspende .button, .area-side-blocks .block-aktionsmaterial .button, .area-side-blocks .block-bean-cta.msfde-block-donate .button, .area-side-blocks .block-mitarbeitenbanner-projeckt .button, .area-side-blocks .block-mitarbeitenbanner-buero .button, .area-side-blocks .block-mitarbeitenbanner-stand .button, .area-side-blocks .block-bean-cta.msfde-block-collaborate .button, .area-side-blocks .block-engagierensiesich .button, .area-side-blocks .block-cta-tuberk .button, .area-side-blocks .block-cta-nothilfe-ausstellung .button, .area-side-blocks .block-cta-ebola .button, .area-side-blocks .block-bean-cta.msfde-block-organisation .button, .area-sidebar .block-spendenformular .content .button, .area-side-blocks .block-spendenformular .content .button, .area-sidebar .spendenformular .content .button, .area-side-blocks .spendenformular .content .button, .area-sidebar .block-spendenformular-monthly .content .button, .area-side-blocks .block-spendenformular-monthly .content .button, .block-spendenformular.spendenformular-token .button, .spendenformular.spendenformular-token .button, .block-spendenformular-monthly.spendenformular-token .button, .msfde-token.donation-banner button, .msfde-token.mitarbeiten-banner button, .msfde-token.dark-banner button, .msfde-token.campaign-banner button, .area-sidebar .block-partner-werden button, .area-sidebar .block-spendenbanner button, .area-sidebar .block-spendenbanner-unternehmen button, .area-sidebar .block-spendenbanner-once button, .area-sidebar .block-spendenbanner-weihnachten button, .area-sidebar .block-ecard button, .area-sidebar .block-geschenkspende button, .area-sidebar .block-geschenkspende-weihnachten button, .area-sidebar .block-geschenkspende-geburtstag button, .area-sidebar .block-geschenkspende-geburt button, .area-sidebar .block-geschenkspende-hochzeit button, .area-sidebar .block-geschenkspende-muttertag button, .area-sidebar .block-testamentsspende button, .area-sidebar .block-gedenkspende button, .area-sidebar .block-aktionsmaterial button, .area-sidebar .block-bean-cta.msfde-block-donate button, .area-sidebar .block-mitarbeitenbanner-projeckt button, .area-sidebar .block-mitarbeitenbanner-buero button, .area-sidebar .block-mitarbeitenbanner-stand button, .area-sidebar .block-bean-cta.msfde-block-collaborate button, .area-sidebar .block-engagierensiesich button, .area-sidebar .block-cta-tuberk button, .area-sidebar .block-cta-nothilfe-ausstellung button, .area-sidebar .block-cta-ebola button, .area-sidebar .block-bean-cta.msfde-block-organisation button, .area-side-blocks .block-partner-werden button, .area-side-blocks .block-spendenbanner button, .area-side-blocks .block-spendenbanner-unternehmen button, .area-side-blocks .block-spendenbanner-once button, .area-side-blocks .block-spendenbanner-weihnachten button, .area-side-blocks .block-ecard button, .area-side-blocks .block-geschenkspende button, .area-side-blocks .block-geschenkspende-weihnachten button, .area-side-blocks .block-geschenkspende-geburtstag button, .area-side-blocks .block-geschenkspende-geburt button, .area-side-blocks .block-geschenkspende-hochzeit button, .area-side-blocks .block-geschenkspende-muttertag button, .area-side-blocks .block-testamentsspende button, .area-side-blocks .block-gedenkspende button, .area-side-blocks .block-aktionsmaterial button, .area-side-blocks .block-bean-cta.msfde-block-donate button, .area-side-blocks .block-mitarbeitenbanner-projeckt button, .area-side-blocks .block-mitarbeitenbanner-buero button, .area-side-blocks .block-mitarbeitenbanner-stand button, .area-side-blocks .block-bean-cta.msfde-block-collaborate button, .area-side-blocks .block-engagierensiesich button, .area-side-blocks .block-cta-tuberk button, .area-side-blocks .block-cta-nothilfe-ausstellung button, .area-side-blocks .block-cta-ebola button, .area-side-blocks .block-bean-cta.msfde-block-organisation button, .area-sidebar .block-spendenformular .content button, .area-side-blocks .block-spendenformular .content button, .area-sidebar .spendenformular .content button, .area-side-blocks .spendenformular .content button, .area-sidebar .block-spendenformular-monthly .content button, .area-side-blocks .block-spendenformular-monthly .content button, .block-spendenformular.spendenformular-token button, .spendenformular.spendenformular-token button, .block-spendenformular-monthly.spendenformular-token button, .msfde-token.donation-banner input[type="submit"], .msfde-token.mitarbeiten-banner input[type="submit"], .msfde-token.dark-banner input[type="submit"], .msfde-token.campaign-banner input[type="submit"], .area-sidebar .block-partner-werden input[type="submit"], .area-sidebar .block-spendenbanner input[type="submit"], .area-sidebar .block-spendenbanner-unternehmen input[type="submit"], .area-sidebar .block-spendenbanner-once input[type="submit"], .area-sidebar .block-spendenbanner-weihnachten input[type="submit"], .area-sidebar .block-ecard input[type="submit"], .area-sidebar .block-geschenkspende input[type="submit"], .area-sidebar .block-geschenkspende-weihnachten input[type="submit"], .area-sidebar .block-geschenkspende-geburtstag input[type="submit"], .area-sidebar .block-geschenkspende-geburt input[type="submit"], .area-sidebar .block-geschenkspende-hochzeit input[type="submit"], .area-sidebar .block-geschenkspende-muttertag input[type="submit"], .area-sidebar .block-testamentsspende input[type="submit"], .area-sidebar .block-gedenkspende input[type="submit"], .area-sidebar .block-aktionsmaterial input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-donate input[type="submit"], .area-sidebar .block-mitarbeitenbanner-projeckt input[type="submit"], .area-sidebar .block-mitarbeitenbanner-buero input[type="submit"], .area-sidebar .block-mitarbeitenbanner-stand input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-collaborate input[type="submit"], .area-sidebar .block-engagierensiesich input[type="submit"], .area-sidebar .block-cta-tuberk input[type="submit"], .area-sidebar .block-cta-nothilfe-ausstellung input[type="submit"], .area-sidebar .block-cta-ebola input[type="submit"], .area-sidebar .block-bean-cta.msfde-block-organisation input[type="submit"], .area-side-blocks .block-partner-werden input[type="submit"], .area-side-blocks .block-spendenbanner input[type="submit"], .area-side-blocks .block-spendenbanner-unternehmen input[type="submit"], .area-side-blocks .block-spendenbanner-once input[type="submit"], .area-side-blocks .block-spendenbanner-weihnachten input[type="submit"], .area-side-blocks .block-ecard input[type="submit"], .area-side-blocks .block-geschenkspende input[type="submit"], .area-side-blocks .block-geschenkspende-weihnachten input[type="submit"], .area-side-blocks .block-geschenkspende-geburtstag input[type="submit"], .area-side-blocks .block-geschenkspende-geburt input[type="submit"], .area-side-blocks .block-geschenkspende-hochzeit input[type="submit"], .area-side-blocks .block-geschenkspende-muttertag input[type="submit"], .area-side-blocks .block-testamentsspende input[type="submit"], .area-side-blocks .block-gedenkspende input[type="submit"], .area-side-blocks .block-aktionsmaterial input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-donate input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-projeckt input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-buero input[type="submit"], .area-side-blocks .block-mitarbeitenbanner-stand input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-collaborate input[type="submit"], .area-side-blocks .block-engagierensiesich input[type="submit"], .area-side-blocks .block-cta-tuberk input[type="submit"], .area-side-blocks .block-cta-nothilfe-ausstellung input[type="submit"], .area-side-blocks .block-cta-ebola input[type="submit"], .area-side-blocks .block-bean-cta.msfde-block-organisation input[type="submit"], .area-sidebar .block-spendenformular .content input[type="submit"], .area-side-blocks .block-spendenformular .content input[type="submit"], .area-sidebar .spendenformular .content input[type="submit"], .area-side-blocks .spendenformular .content input[type="submit"], .area-sidebar .block-spendenformular-monthly .content input[type="submit"], .area-side-blocks .block-spendenformular-monthly .content input[type="submit"], .block-spendenformular.spendenformular-token input[type="submit"], .spendenformular.spendenformular-token input[type="submit"], .block-spendenformular-monthly.spendenformular-token input[type="submit"], .msfde-token.paginated-textbox .flex-prev, .view-mode-full .quote-multiple .flex-prev, .area-sidebar .has-flexslider .flex-prev, .msfde-token.paginated-textbox .flex-next, .view-mode-full .quote-multiple .flex-next, .area-sidebar .has-flexslider .flex-next, .footer-donate button, .panel-msfde-events .area-sharing button, .page-ansprechpartner .panel-msfde-singlecolumn .button, .page-ansprechpartner .panel-msfde-singlecolumn button, .page-ansprechpartner .panel-msfde-singlecolumn input[type="submit"], .page-ansprechpartner .panel-msfde-singlecolumn input[type="reset"], .page-ansprechpartner .panel-msfde-singlecolumn input[type="button"], .horizontal-navigation .ctrl .btn, .mitarbeitenbuehne .field-name-field-url a, .spendenbuehne .field-name-field-url a { background-color: white; background-image: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.2); } .view-switch .button { background-color: white; background-image: none; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.2); } .node-event.view-mode-full .tab-trigger a, .button, button, input[type="submit"], input[type="reset"], input[type="button"] { background-image: linear-gradient(#f7f7f7, #ededed); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 2px 2px 0 0 white, 0 2px 2px -1px rgba(0, 0, 0, 0.2); } .no-cssgradients .node-event.view-mode-full .tab-trigger a, .node-event.view-mode-full .tab-trigger .no-cssgradients a, .no-cssgradients .button, .no-cssgradients button, .no-cssgradients input[type="submit"], .no-cssgradients input[type="reset"], .no-cssgradients input[type="button"], .no-rgba .node-event.view-mode-full .tab-trigger a, .node-event.view-mode-full .tab-trigger .no-rgba a, .no-rgba .button, .no-rgba button, .no-rgba input[type="submit"], .no-rgba input[type="reset"], .no-rgba input[type="button"] { background-color: #FFEDEDED; } .node-event.view-mode-full .reglink { background-image: linear-gradient(#f7f7f7, #ededed); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 2px 2px 0 0 white, 0 2px 2px -1px rgba(0, 0, 0, 0.2); } .no-cssgradients .node-event.view-mode-full .reglink, .node-event.view-mode-full .no-cssgradients .reglink, .no-rgba .node-event.view-mode-full .reglink, .node-event.view-mode-full .no-rgba .reglink { background-color: #FFEDEDED; } .node-person-profile.view-mode-full a.related-profession { color: white; background-color: #b9d065; background-image: linear-gradient(#c2d679, #b0ca51); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.2); } .node-person-profile.view-mode-full a.related-profession:link, .node-person-profile.view-mode-full a.related-profession:visited { color: white; } .node-person-profile.view-mode-full a.related-profession { line-height: 34px; height: 32px; padding: 0 1rem 0 4rem; position: relative; } .node-person-profile.view-mode-full a.related-profession:before { width: 16px; height: 16px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 16px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMCA1LjVWMi41MDJjMC0uMjA1LjEyNC0uMzkuMzEzLS40NjZMMTAuNSAyYy4xMzQgMCAuMjY2LjA1NS4zNjIuMTU1bDQuOTQgNS40MTJjLjE1NS4xNTQuMjA0LjI4Ny4xOTguNDMzLjAxLjEzNi0uMDg4LjMyLS4xODguNDI1bC0uMDEzLjAwNXYuMDA0bC00Ljk0IDUuNDEyYy0uMS4xLS4yMy4xNTQtLjM3LjE1NGwtLjE5LS4wMzZjLS4xOS0uMDc1LS4zMi0uMjYtLjMyLS40NjV2LTNDLjM0IDEwLjUuMDEgMTMuNzcgMCAxNGMuMDEtOC4wMiAxMC04LjUgMTAtOC41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: 1rem; right: auto; } .no-svg .node-person-profile.view-mode-full a.related-profession:before, .node-person-profile.view-mode-full .no-svg a.related-profession:before, .no-js .node-person-profile.view-mode-full a.related-profession:before, .node-person-profile.view-mode-full .no-js a.related-profession:before { background-position: 0 -43px; } .msfde-token.paginated-textbox .flex-prev, .view-mode-full .quote-multiple .flex-prev, .area-sidebar .has-flexslider .flex-prev, .node-event.view-mode-full .tab-pane:last-child .tab-trigger a, .horizontal-navigation .ctrl-left .btn, .msfde-token.paginated-textbox .flex-next, .view-mode-full .quote-multiple .flex-next, .area-sidebar .has-flexslider .flex-next, .node-event.view-mode-full .tab-trigger a, .horizontal-navigation .ctrl-right .btn { text-indent: -119988px; overflow: hidden; text-align: left; width: 45px; height: 32px; outline: none; padding: 0; } /** * Newsletter (form). */ .footer-social-newsletter .form-item, .block-newsletter .form-item { margin: 0; } .footer-social-newsletter input[type="text"], .block-newsletter input[type="text"] { width: 150px; height: 33px; float: left; padding: 0 1rem; border: none; border-radius: 0.4rem 0 0 0.4rem; box-shadow: inset -1px 0 0 0 white, inset 0 0 0 1px rgba(0, 0, 0, 0.1), inset 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } .footer-social-newsletter input[type="submit"], .block-newsletter input[type="submit"] { float: left; border-radius: 0 0.4rem 0.4rem 0; } .footer-social-newsletter #noJavascript, .block-newsletter #noJavascript { display: none; } /** * MSFDE external link with icon. */ .node-document .field-name-field-link a, .view-mode-full .links a, .vocabulary-glossar .pane-taxonomy-term-field-link a, #block-views-single-event-map-block .attachment-after a, .block-humanitariancongress .more { display: inline-block; vertical-align: middle; padding-right: 2.2rem; position: relative; } .node-document .field-name-field-link a:after, .view-mode-full .links a:after, .vocabulary-glossar .pane-taxonomy-term-field-link a:after, #block-views-single-event-map-block .attachment-after a:after, .block-humanitariancongress .more:after { width: 16px; height: 16px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 16px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiIGQ9Ik0xMCA1LjVWMi41MDJjMC0uMjA1LjEyNC0uMzkuMzEzLS40NjZMMTAuNSAyYy4xMzQgMCAuMjY2LjA1NS4zNjIuMTU1bDQuOTQgNS40MTJjLjE1NS4xNTQuMjA0LjI4Ny4xOTguNDMzLjAxLjEzNi0uMDg4LjMyLS4xODguNDI1bC0uMDEzLjAwNXYuMDA0bC00Ljk0IDUuNDEyYy0uMS4xLS4yMy4xNTQtLjM3LjE1NGwtLjE5LS4wMzZjLS4xOS0uMDc1LS4zMi0uMjYtLjMyLS40NjV2LTNDLjM0IDEwLjUuMDEgMTMuNzcgMCAxNGMuMDEtOC4wMiAxMC04LjUgMTAtOC41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: auto; right: 0; } .no-svg .node-document .field-name-field-link a:after, .node-document .field-name-field-link .no-svg a:after, .no-svg .view-mode-full .links a:after, .view-mode-full .links .no-svg a:after, .no-svg .vocabulary-glossar .pane-taxonomy-term-field-link a:after, .vocabulary-glossar .pane-taxonomy-term-field-link .no-svg a:after, .no-svg #block-views-single-event-map-block .attachment-after a:after, #block-views-single-event-map-block .attachment-after .no-svg a:after, .no-svg .block-humanitariancongress .more:after, .block-humanitariancongress .no-svg .more:after, .no-js .node-document .field-name-field-link a:after, .node-document .field-name-field-link .no-js a:after, .no-js .view-mode-full .links a:after, .view-mode-full .links .no-js a:after, .no-js .vocabulary-glossar .pane-taxonomy-term-field-link a:after, .vocabulary-glossar .pane-taxonomy-term-field-link .no-js a:after, .no-js #block-views-single-event-map-block .attachment-after a:after, #block-views-single-event-map-block .attachment-after .no-js a:after, .no-js .block-humanitariancongress .more:after, .block-humanitariancongress .no-js .more:after { background-position: 0 -89px; } /** * MSFDE download link with icon. */ .node-document .download, .pane-vacancies .collapsed a.download, .node-vacancy .download { color: #e2001a; text-transform: uppercase; display: inline-block; vertical-align: middle; padding-left: 2.4rem; position: relative; } .node-document .download:before, .pane-vacancies .collapsed a.download:before, .node-vacancy .download:before { width: 15px; height: 15px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 15px / 2); left: 35%; left: calc(50% - 15px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iI0UyMDAxQSIgZD0iTTE0Ljk5OCAxMC45NDdjMC0uMzU0LS4zMDUtLjY5LS42NDUtLjY5bC0uNjY4LS4wMTdjLS4zNCAwLS41NzIuMzM4LS41NzIuNjkzdjIuMDAybC0xMS4yNS4wMDR2LTIuMDdjMC0uMzYtLjI3NC0uNjQtLjYxNy0uNjRILjYyYy0uMzQzIDAtLjYyLjI5LS42Mi42NHYzLjQ4YzAgLjM1LjI3Ny42NC42MTguNjRsMTMuNzYzLS4wMWMuMzQgMCAuNjItLjI5LjYyLS42NHYtMy40em0tNy4xNC43NjZsMy40MDMtNS4yOWMuMDYtLjA4NS4xNi0uMzEuMS0uNDA0LS4wNS0uMDktLjE3LS4xNy0uMjktLjE3SDkuNTFMOS41MTIuNjJjMC0uMzctLjMxLS42Mi0uNjc3LS42MmgtMi42MmMtLjM2IDAtLjU5LjIyLS41OS41OXY1LjI3SDMuOTUzYy0uMTM3IDAtLjI0OC4wOTMtLjI4Ni4yMDctLjA0NS4xNDMuMDYyLjMyLjExNC4zOTVMNy4yOSAxMS43Yy4wOTguMTIyLjE2NS4xNi4yNzguMTYuMTEtLjAwMy4xOS0uMDEyLjI5Ny0uMTQ3eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: 0; } .no-svg .node-document .download:before, .node-document .no-svg .download:before, .no-svg .pane-vacancies .collapsed a.download:before, .pane-vacancies .collapsed .no-svg a.download:before, .no-svg .node-vacancy .download:before, .node-vacancy .no-svg .download:before, .no-js .node-document .download:before, .node-document .no-js .download:before, .no-js .pane-vacancies .collapsed a.download:before, .pane-vacancies .collapsed .no-js a.download:before, .no-js .node-vacancy .download:before, .node-vacancy .no-js .download:before { background-position: 0 -2846px; } /** * MSFDE search/input text-field with icon. */ #search-block-form .form-search, .page-mediathek .view-filters .form-text { border-radius: 0.3rem; line-height: 2rem; padding: 0.7rem 1.2rem 0.5rem; background-color: #1c1d22; box-shadow: inset 0 0 3px 0px rgba(0, 0, 0, 0.85); border: 1px solid #333745; color: white; outline: 0; } .page-organisation-wissen-glossar .lexicon-autocomplete, .search-form .form-text, #search-block-form .form-search, .page-mediathek .view-filters .views-widget-filter-title .form-text { padding-left: 4rem; } .page-organisation-wissen-glossar .lexicon-autocomplete, .search-form .form-text { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45NzkiIGhlaWdodD0iMjAiPjxwYXRoIGZpbGw9IiMzMzM3NDUiIGQ9Ik0xOS40NiAxNi45ODhsLTQuMzA4LTQuMzE3Yy44MTctMS4yNyAxLjMtMi43OSAxLjMtNC40M0MxNi40NTIgMy42OSAxMi43NyAwIDguMjI3IDBTMCAzLjY4NiAwIDguMjM2YzAgNC41NDggMy42ODUgOC4yMzYgOC4yMjggOC4yMzYgMS42MyAwIDMuMTQ4LS40ODQgNC40MjctMS4zMDZsNC4zMTUgNC4zMTNjLjM0Mi4zNC43OTIuNTIgMS4yNDUuNTIuNDUyIDAgLjkwMy0uMTggMS4yNDYtLjUyLjY5LS42OS42OS0xLjgxIDAtMi41ek0yLjM1IDguMjM2YzAtMy4yNDIgMi42MzUtNS44ODMgNS44NzctNS44ODMgMy4yMzQgMCA1Ljg3MiAyLjY0IDUuODcyIDUuODgzcy0yLjY0IDUuODgtNS44OCA1Ljg4Yy0zLjI0LjAwMi01Ljg4LTIuNjM3LTUuODgtNS44OHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .svg .page-organisation-wissen-glossar .lexicon-autocomplete, .page-organisation-wissen-glossar .svg .lexicon-autocomplete, .svg .search-form .form-text, .search-form .svg .form-text { background-position: 10px center; } .no-svg .page-organisation-wissen-glossar .lexicon-autocomplete, .page-organisation-wissen-glossar .no-svg .lexicon-autocomplete, .no-svg .search-form .form-text, .search-form .no-svg .form-text, .no-js .page-organisation-wissen-glossar .lexicon-autocomplete, .page-organisation-wissen-glossar .no-js .lexicon-autocomplete, .no-js .search-form .form-text, .search-form .no-js .form-text { background-position: 10px -4852px; } #search-block-form .form-search, .page-mediathek .view-filters .views-widget-filter-title .form-text { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45NzkiIGhlaWdodD0iMjAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xOS40NiAxNi45ODhsLTQuMzA4LTQuMzE3Yy44MTctMS4yNyAxLjMtMi43OSAxLjMtNC40M0MxNi40NTIgMy42OSAxMi43NyAwIDguMjI3IDBTMCAzLjY4NiAwIDguMjM2YzAgNC41NDggMy42ODUgOC4yMzYgOC4yMjggOC4yMzYgMS42MyAwIDMuMTQ4LS40ODQgNC40MjctMS4zMDZsNC4zMTUgNC4zMTNjLjM0Mi4zNC43OTIuNTIgMS4yNDUuNTIuNDUyIDAgLjkwMy0uMTggMS4yNDYtLjUyLjY5LS42OS42OS0xLjgxIDAtMi41ek0yLjM1IDguMjM2YzAtMy4yNDIgMi42MzUtNS44ODMgNS44NzctNS44ODMgMy4yMzQgMCA1Ljg3MiAyLjY0IDUuODcyIDUuODgzcy0yLjY0IDUuODgtNS44OCA1Ljg4Yy0zLjI0LjAwMi01Ljg4LTIuNjM3LTUuODgtNS44OHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .svg #search-block-form .form-search, #search-block-form .svg .form-search, .svg .page-mediathek .view-filters .views-widget-filter-title .form-text, .page-mediathek .view-filters .views-widget-filter-title .svg .form-text { background-position: 10px center; } .no-svg #search-block-form .form-search, #search-block-form .no-svg .form-search, .no-svg .page-mediathek .view-filters .views-widget-filter-title .form-text, .page-mediathek .view-filters .views-widget-filter-title .no-svg .form-text, .no-js #search-block-form .form-search, #search-block-form .no-js .form-search, .no-js .page-mediathek .view-filters .views-widget-filter-title .form-text, .page-mediathek .view-filters .views-widget-filter-title .no-js .form-text { background-position: 10px -4802px; } .events-date-to .form-radios, .custom-radio { position: relative; } .events-date-to .form-radios input[type="radio"], .custom-radio input[type="radio"] { position: absolute; top: 0; left: -9999px; margin: 0; } .events-date-to .form-radios label, .custom-radio label { position: relative; display: block; margin: 0; min-height: 36px; background: url('../img/shared/elements-s48ef6f83b9.png') no-repeat; cursor: pointer; background-position: -725px 0; padding: 8px 16px 0 40px; } .events-date-to .form-radios input[type="radio"]:hover + label, .custom-radio input[type="radio"]:hover + label, .events-date-to .form-radios input[type="radio"]:focus + label, .custom-radio input[type="radio"]:focus + label { background-position: -689px -36px; } .events-date-to .form-radios input[type="radio"]:checked + label, .custom-radio input[type="radio"]:checked + label { background-position: -617px -108px; } .events-date-to .form-radios input[type="radio"]:disabled + label, .custom-radio input[type="radio"]:disabled + label { background-position: -653px -72px; } .events-date-to .form-radios input[type="radio"]:disabled:checked + label, .custom-radio input[type="radio"]:disabled:checked + label { background-position: -545px -180px; } .events-date-to .form-radios input[type="radio"]:disabled:hover + label, .custom-radio input[type="radio"]:disabled:hover + label, .events-date-to .form-radios input[type="radio"]:disabled:focus + label, .custom-radio input[type="radio"]:disabled:focus + label { background-position: -581px -144px; } .events-online .form-checkboxes, .custom-checkbox { position: relative; } .events-online .form-checkboxes input[type="checkbox"], .custom-checkbox input[type="checkbox"] { position: absolute; top: 0; left: -9999px; margin: 0; } .events-online .form-checkboxes label, .custom-checkbox label { position: relative; display: block; margin: 0; min-height: 36px; background: url('../img/shared/elements-s48ef6f83b9.png') no-repeat; cursor: pointer; background-position: -396px -322px; padding: 8px 32px 0 40px; } .events-online .form-checkboxes input[type="checkbox"]:hover + label, .custom-checkbox input[type="checkbox"]:hover + label, .events-online .form-checkboxes input[type="checkbox"]:focus + label, .custom-checkbox input[type="checkbox"]:focus + label { background-position: -360px -358px; } .events-online .form-checkboxes input[type="checkbox"]:checked + label, .custom-checkbox input[type="checkbox"]:checked + label { background-position: -288px -430px; } .events-online .form-checkboxes input[type="checkbox"]:disabled + label, .custom-checkbox input[type="checkbox"]:disabled + label { background-position: -324px -394px; } .events-online .form-checkboxes input[type="checkbox"]:disabled:checked + label, .custom-checkbox input[type="checkbox"]:disabled:checked + label { background-position: -216px -502px; } .events-online .form-checkboxes input[type="checkbox"]:disabled:hover + label, .custom-checkbox input[type="checkbox"]:disabled:hover + label, .events-online .form-checkboxes input[type="checkbox"]:disabled:focus + label, .custom-checkbox input[type="checkbox"]:disabled:focus + label { background-position: -252px -466px; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: helpers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden, .area-sharing .pane-title, .panel-msfde-frontpage .area-stage .pane-title, .document-title--frontpage, .contact-info dt, .pane-vacancies .pane-title, .no-js .mediathek-full .module-share .share-title, .pane-document-overview .views-exposed-widgets label, .fact-open .area-footer, .area-facts .pane-title, #search-block-form .form-submit, .module-share-apps .share-title, .page-mediathek .view-filters .views-widget-filter-field_mediathek_list_type_value label, .mediathek-teaser.mediathek-teaser .summary-image-wrapper .field-name-field-metadata-copyright, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper figcaption, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper p, .area-sidebar .mediathek-teaser.mediathek-teaser .meta, .search-form label, .search-form .form-item-retain-filters, .apachesolr-browse-blocks .block-title, #apachesolr-sort-sort-form- > div label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .focusable.visuallyhidden:active, .area-sharing .focusable.pane-title:active, .panel-msfde-frontpage .area-stage .focusable.pane-title:active, .focusable.document-title--frontpage:active, .contact-info dt.focusable:active, .pane-vacancies .focusable.pane-title:active, .no-js .mediathek-full .module-share .focusable.share-title:active, .pane-document-overview .views-exposed-widgets label.focusable:active, .fact-open .focusable.area-footer:active, .area-facts .focusable.pane-title:active, #search-block-form .focusable.form-submit:active, .module-share-apps .focusable.share-title:active, .page-mediathek .view-filters .views-widget-filter-field_mediathek_list_type_value label.focusable:active, .mediathek-teaser.mediathek-teaser .summary-image-wrapper .focusable.field-name-field-metadata-copyright:active, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper figcaption.focusable:active, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper p.focusable:active, .area-sidebar .mediathek-teaser.mediathek-teaser .focusable.meta:active, .search-form label.focusable:active, .search-form .focusable.form-item-retain-filters:active, .apachesolr-browse-blocks .focusable.block-title:active, #apachesolr-sort-sort-form- > div label.focusable:active, .focusable.visuallyhidden:focus, .area-sharing .focusable.pane-title:focus, .panel-msfde-frontpage .area-stage .focusable.pane-title:focus, .focusable.document-title--frontpage:focus, .contact-info dt.focusable:focus, .pane-vacancies .focusable.pane-title:focus, .no-js .mediathek-full .module-share .focusable.share-title:focus, .pane-document-overview .views-exposed-widgets label.focusable:focus, .fact-open .focusable.area-footer:focus, .area-facts .focusable.pane-title:focus, #search-block-form .focusable.form-submit:focus, .module-share-apps .focusable.share-title:focus, .page-mediathek .view-filters .views-widget-filter-field_mediathek_list_type_value label.focusable:focus, .mediathek-teaser.mediathek-teaser .summary-image-wrapper .focusable.field-name-field-metadata-copyright:focus, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper figcaption.focusable:focus, .area-sidebar .mediathek-teaser.mediathek-teaser .summary-image-wrapper p.focusable:focus, .area-sidebar .mediathek-teaser.mediathek-teaser .focusable.meta:focus, .search-form label.focusable:focus, .search-form .focusable.form-item-retain-filters:focus, .apachesolr-browse-blocks .focusable.block-title:focus, #apachesolr-sort-sort-form- > div label.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .slides, .flex-control-nav, .flex-direction-nav, .block-mediathek-top-stories .pane-content { margin: 0; padding: 0; list-style: none; } .msfde-token.paginated-textbox .flex-prev, .view-mode-full .quote-multiple .flex-prev, .area-sidebar .has-flexslider .flex-prev, .node-event.view-mode-full .tab-pane:last-child .tab-trigger a, .horizontal-navigation .ctrl-left .btn, .pager li.pager-previous a { position: relative; } .msfde-token.paginated-textbox .flex-prev:before, .view-mode-full .quote-multiple .flex-prev:before, .area-sidebar .has-flexslider .flex-prev:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:before, .horizontal-navigation .ctrl-left .btn:before, .pager li.pager-previous a:before { width: 9px; height: 15px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 15px / 2); left: 35%; left: calc(50% - 9px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg5MyIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTguNTM1IDEyLjQwMmMuNDc3LjQ5Mi40NzcgMS4yOSAwIDEuNzgzbC0uNDMuNDQ1Yy0uNDc1LjQ5NC0xLjI0Ny40OTQtMS43MjIgMEwuODEzIDguODYzbC0uMDI4LS4wMi0uNDMtLjQ0N0MuMTE1IDguMTUgMCA3LjgyNCAwIDcuNWMwLS4zMjUuMTE3LS42NDcuMzU1LS44OTVsLjQzLS40NDcuMDMtLjAyTDYuMzguMzczYy40NzUtLjQ5NiAxLjI0Ni0uNDk2IDEuNzIyIDBsLjQzLjQ0NGMuNDc2LjQ5NC40NzYgMS4yOTIgMCAxLjc4NGwtNC43MyA0LjkgNC43MzQgNC45MXoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .msfde-token.paginated-textbox .flex-prev:before, .msfde-token.paginated-textbox .no-svg .flex-prev:before, .no-svg .view-mode-full .quote-multiple .flex-prev:before, .view-mode-full .quote-multiple .no-svg .flex-prev:before, .no-svg .area-sidebar .has-flexslider .flex-prev:before, .area-sidebar .has-flexslider .no-svg .flex-prev:before, .no-svg .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger .no-svg a:before, .no-svg .horizontal-navigation .ctrl-left .btn:before, .horizontal-navigation .ctrl-left .no-svg .btn:before, .no-svg .pager li.pager-previous a:before, .pager li.pager-previous .no-svg a:before, .no-js .msfde-token.paginated-textbox .flex-prev:before, .msfde-token.paginated-textbox .no-js .flex-prev:before, .no-js .view-mode-full .quote-multiple .flex-prev:before, .view-mode-full .quote-multiple .no-js .flex-prev:before, .no-js .area-sidebar .has-flexslider .flex-prev:before, .area-sidebar .has-flexslider .no-js .flex-prev:before, .no-js .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger .no-js a:before, .no-js .horizontal-navigation .ctrl-left .btn:before, .horizontal-navigation .ctrl-left .no-js .btn:before, .no-js .pager li.pager-previous a:before, .pager li.pager-previous .no-js a:before { background-position: 0 -135px; } .media-group-image .flex-direction-nav .flex-prev, .footer-slides .pane-mitarbeiterportraets .flex-prev, .page-mediathek .flex-direction-nav .flex-prev { position: relative; } .media-group-image .flex-direction-nav .flex-prev:before, .footer-slides .pane-mitarbeiterportraets .flex-prev:before, .page-mediathek .flex-direction-nav .flex-prev:before { width: 16px; height: 26px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 26px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjM1OCAyMS40OTZjLjg1Ni44NS44NTYgMi4yMzYgMCAzLjA4NmwtLjc3Ny43NzNjLS44NS44NTctMi4yMy44NTctMy4wOSAwTDEuNDcgMTUuMzZsLS4wNTctLjAzLS43Ny0uNzc3Yy0uNDMtLjQzLS42NC0uOTktLjYzNC0xLjU1IDAtLjU2NS4yMS0xLjEyNC42My0xLjU1NGwuNzctLjc4LjA1LS4wNEwxMS40OC42NGMuODUtLjg2IDIuMjQtLjg2IDMuMSAwbC43OC43N2MuODUuODU2Ljg1IDIuMjQgMCAzLjA5M0w2Ljg0IDEzbDguNTE4IDguNDk2eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .media-group-image .flex-direction-nav .flex-prev:before, .media-group-image .flex-direction-nav .no-svg .flex-prev:before, .no-svg .footer-slides .pane-mitarbeiterportraets .flex-prev:before, .footer-slides .pane-mitarbeiterportraets .no-svg .flex-prev:before, .no-svg .page-mediathek .flex-direction-nav .flex-prev:before, .page-mediathek .flex-direction-nav .no-svg .flex-prev:before, .no-js .media-group-image .flex-direction-nav .flex-prev:before, .media-group-image .flex-direction-nav .no-js .flex-prev:before, .no-js .footer-slides .pane-mitarbeiterportraets .flex-prev:before, .footer-slides .pane-mitarbeiterportraets .no-js .flex-prev:before, .no-js .page-mediathek .flex-direction-nav .flex-prev:before, .page-mediathek .flex-direction-nav .no-js .flex-prev:before { background-position: 0 -225px; } .msfde-token.paginated-textbox .flex-prev:active:before, .view-mode-full .quote-multiple .flex-prev:active:before, .area-sidebar .has-flexslider .flex-prev:active:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:active:before, .horizontal-navigation .ctrl-left .btn:active:before, .page-mediathek .pager li.pager-previous a { position: relative; } .msfde-token.paginated-textbox .flex-prev:active:before, .view-mode-full .quote-multiple .flex-prev:active:before, .area-sidebar .has-flexslider .flex-prev:active:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:active:before, .horizontal-navigation .ctrl-left .btn:active:before, .page-mediathek .pager li.pager-previous a:before { width: 9px; height: 15px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 15px / 2); left: 35%; left: calc(50% - 9px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg5MyIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguNTM1IDEyLjQwMmMuNDc3LjQ5Mi40NzcgMS4yOSAwIDEuNzgzbC0uNDMuNDQ1Yy0uNDc1LjQ5NC0xLjI0Ny40OTQtMS43MjIgMEwuODEzIDguODYzbC0uMDI4LS4wMi0uNDMtLjQ0N0MuMTE1IDguMTUgMCA3LjgyNCAwIDcuNWMwLS4zMjUuMTE3LS42NDcuMzU1LS44OTVsLjQzLS40NDcuMDMtLjAyTDYuMzguMzczYy40NzUtLjQ5NiAxLjI0Ni0uNDk2IDEuNzIyIDBsLjQzLjQ0NGMuNDc2LjQ5NC40NzYgMS4yOTIgMCAxLjc4NGwtNC43MyA0LjkgNC43MzQgNC45MXoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .msfde-token.paginated-textbox .flex-prev:active:before, .msfde-token.paginated-textbox .no-svg .flex-prev:active:before, .no-svg .view-mode-full .quote-multiple .flex-prev:active:before, .view-mode-full .quote-multiple .no-svg .flex-prev:active:before, .no-svg .area-sidebar .has-flexslider .flex-prev:active:before, .area-sidebar .has-flexslider .no-svg .flex-prev:active:before, .no-svg .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:active:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger .no-svg a:active:before, .no-svg .horizontal-navigation .ctrl-left .btn:active:before, .horizontal-navigation .ctrl-left .no-svg .btn:active:before, .no-svg .page-mediathek .pager li.pager-previous a:before, .page-mediathek .pager li.pager-previous .no-svg a:before, .no-js .msfde-token.paginated-textbox .flex-prev:active:before, .msfde-token.paginated-textbox .no-js .flex-prev:active:before, .no-js .view-mode-full .quote-multiple .flex-prev:active:before, .view-mode-full .quote-multiple .no-js .flex-prev:active:before, .no-js .area-sidebar .has-flexslider .flex-prev:active:before, .area-sidebar .has-flexslider .no-js .flex-prev:active:before, .no-js .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:active:before, .node-event.view-mode-full .tab-pane:last-child .tab-trigger .no-js a:active:before, .no-js .horizontal-navigation .ctrl-left .btn:active:before, .horizontal-navigation .ctrl-left .no-js .btn:active:before, .no-js .page-mediathek .pager li.pager-previous a:before, .page-mediathek .pager li.pager-previous .no-js a:before { background-position: 0 -180px; } .msfde-token.paginated-textbox .flex-next, .view-mode-full .quote-multiple .flex-next, .area-sidebar .has-flexslider .flex-next, .node-event.view-mode-full .tab-trigger a, .horizontal-navigation .ctrl-right .btn, .pager li.pager-next a { position: relative; } .msfde-token.paginated-textbox .flex-next:before, .view-mode-full .quote-multiple .flex-next:before, .area-sidebar .has-flexslider .flex-next:before, .node-event.view-mode-full .tab-trigger a:before, .horizontal-navigation .ctrl-right .btn:before, .pager li.pager-next a:before { width: 9px; height: 15px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 15px / 2); left: 35%; left: calc(50% - 9px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg5MyIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTS4zNTggMi41OThjLS40NzctLjQ5Mi0uNDc3LTEuMjkgMC0xLjc4M0wuNzkuMzdjLjQ3NC0uNDkzIDEuMjQ2LS40OTMgMS43MiAwbDUuNTcgNS43Ny4wMy4wMi40My40NDdjLjIzOC4yNDUuMzU1LjU3LjM1My44OTUgMCAuMzI2LS4xMTYuNjQ4LS4zNTQuODk2bC0uNDMuNDQ2LS4wMy4wMi01LjU3IDUuNzY2Yy0uNDguNDk2LTEuMjUuNDk2LTEuNzIgMGwtLjQ0LS40NDNjLS40OC0uNDk0LS40OC0xLjI5MiAwLTEuNzg0TDUuMDkgNy41LjM2IDIuNnoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .msfde-token.paginated-textbox .flex-next:before, .msfde-token.paginated-textbox .no-svg .flex-next:before, .no-svg .view-mode-full .quote-multiple .flex-next:before, .view-mode-full .quote-multiple .no-svg .flex-next:before, .no-svg .area-sidebar .has-flexslider .flex-next:before, .area-sidebar .has-flexslider .no-svg .flex-next:before, .no-svg .node-event.view-mode-full .tab-trigger a:before, .node-event.view-mode-full .tab-trigger .no-svg a:before, .no-svg .horizontal-navigation .ctrl-right .btn:before, .horizontal-navigation .ctrl-right .no-svg .btn:before, .no-svg .pager li.pager-next a:before, .pager li.pager-next .no-svg a:before, .no-js .msfde-token.paginated-textbox .flex-next:before, .msfde-token.paginated-textbox .no-js .flex-next:before, .no-js .view-mode-full .quote-multiple .flex-next:before, .view-mode-full .quote-multiple .no-js .flex-next:before, .no-js .area-sidebar .has-flexslider .flex-next:before, .area-sidebar .has-flexslider .no-js .flex-next:before, .no-js .node-event.view-mode-full .tab-trigger a:before, .node-event.view-mode-full .tab-trigger .no-js a:before, .no-js .horizontal-navigation .ctrl-right .btn:before, .horizontal-navigation .ctrl-right .no-js .btn:before, .no-js .pager li.pager-next a:before, .pager li.pager-next .no-js a:before { background-position: 0 -337px; } .media-group-image .flex-direction-nav .flex-next, .footer-slides .pane-mitarbeiterportraets .flex-next, .page-mediathek .flex-direction-nav .flex-next { position: relative; } .media-group-image .flex-direction-nav .flex-next:before, .footer-slides .pane-mitarbeiterportraets .flex-next:before, .page-mediathek .flex-direction-nav .flex-next:before { width: 16px; height: 26px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 26px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS42NDMgNC41MDNjLS44NTYtLjg1LS44NTYtMi4yMzYgMC0zLjA4NkwxLjQyLjY0NGMuODUyLS44NTYgMi4yMzgtLjg1NiAzLjA5NiAwbDEwLjAyIDkuOTk2LjA1My4wMy43Ny43NzZjLjQzLjQzLjY0Ljk5LjYzIDEuNTUgMCAuNTY0LS4yMSAxLjEyNC0uNjQgMS41NTRsLS43OC43NzQtLjA1LjAzNUw0LjUgMjUuMzVjLS44NS44Ni0yLjI0Ljg2LTMuMSAwbC0uNzgtLjc3Yy0uODUtLjg2LS44NS0yLjI0IDAtMy4wOUw5LjE2IDEzIC42NDMgNC41MDN6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .media-group-image .flex-direction-nav .flex-next:before, .media-group-image .flex-direction-nav .no-svg .flex-next:before, .no-svg .footer-slides .pane-mitarbeiterportraets .flex-next:before, .footer-slides .pane-mitarbeiterportraets .no-svg .flex-next:before, .no-svg .page-mediathek .flex-direction-nav .flex-next:before, .page-mediathek .flex-direction-nav .no-svg .flex-next:before, .no-js .media-group-image .flex-direction-nav .flex-next:before, .media-group-image .flex-direction-nav .no-js .flex-next:before, .no-js .footer-slides .pane-mitarbeiterportraets .flex-next:before, .footer-slides .pane-mitarbeiterportraets .no-js .flex-next:before, .no-js .page-mediathek .flex-direction-nav .flex-next:before, .page-mediathek .flex-direction-nav .no-js .flex-next:before { background-position: 0 -427px; } .msfde-token.paginated-textbox .flex-next:active:before, .view-mode-full .quote-multiple .flex-next:active:before, .area-sidebar .has-flexslider .flex-next:active:before, .node-event.view-mode-full .tab-trigger a:active:before, .horizontal-navigation .ctrl-right .btn:active:before, .page-mediathek .pager li.pager-next a { position: relative; } .msfde-token.paginated-textbox .flex-next:active:before, .view-mode-full .quote-multiple .flex-next:active:before, .area-sidebar .has-flexslider .flex-next:active:before, .node-event.view-mode-full .tab-trigger a:active:before, .horizontal-navigation .ctrl-right .btn:active:before, .page-mediathek .pager li.pager-next a:before { width: 9px; height: 15px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 15px / 2); left: 35%; left: calc(50% - 9px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4Ljg5MyIgaGVpZ2h0PSIxNSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTS4zNTggMi41OThjLS40NzctLjQ5Mi0uNDc3LTEuMjkgMC0xLjc4M0wuNzkuMzdjLjQ3NC0uNDkzIDEuMjQ2LS40OTMgMS43MiAwbDUuNTcgNS43Ny4wMjguMDIuNDMyLjQ0N2MuMjM4LjI0NS4zNTUuNTcuMzUzLjg5NSAwIC4zMjYtLjExNi42NDgtLjM1NC44OTZsLS40My40NDYtLjAzLjAyLTUuNTcgNS43NjZjLS40OC40OTYtMS4yNS40OTYtMS43MiAwbC0uNDQtLjQ0MmMtLjQ4LS40OTQtLjQ4LTEuMjkzIDAtMS43ODVsNC43My00LjlMLjM1IDIuNTk4eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .msfde-token.paginated-textbox .flex-next:active:before, .msfde-token.paginated-textbox .no-svg .flex-next:active:before, .no-svg .view-mode-full .quote-multiple .flex-next:active:before, .view-mode-full .quote-multiple .no-svg .flex-next:active:before, .no-svg .area-sidebar .has-flexslider .flex-next:active:before, .area-sidebar .has-flexslider .no-svg .flex-next:active:before, .no-svg .node-event.view-mode-full .tab-trigger a:active:before, .node-event.view-mode-full .tab-trigger .no-svg a:active:before, .no-svg .horizontal-navigation .ctrl-right .btn:active:before, .horizontal-navigation .ctrl-right .no-svg .btn:active:before, .no-svg .page-mediathek .pager li.pager-next a:before, .page-mediathek .pager li.pager-next .no-svg a:before, .no-js .msfde-token.paginated-textbox .flex-next:active:before, .msfde-token.paginated-textbox .no-js .flex-next:active:before, .no-js .view-mode-full .quote-multiple .flex-next:active:before, .view-mode-full .quote-multiple .no-js .flex-next:active:before, .no-js .area-sidebar .has-flexslider .flex-next:active:before, .area-sidebar .has-flexslider .no-js .flex-next:active:before, .no-js .node-event.view-mode-full .tab-trigger a:active:before, .node-event.view-mode-full .tab-trigger .no-js a:active:before, .no-js .horizontal-navigation .ctrl-right .btn:active:before, .horizontal-navigation .ctrl-right .no-js .btn:active:before, .no-js .page-mediathek .pager li.pager-next a:before, .page-mediathek .pager li.pager-next .no-js a:before { background-position: 0 -382px; } .filter-icon--all, .apachesolr-browse-blocks .filter-icon--other { position: relative; } .filter-icon--all:before, .apachesolr-browse-blocks .filter-icon--other:before { width: 42px; height: 32px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 32px / 2); left: 35%; left: calc(50% - 42px / 2); background-position: 0 -316px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--all:before, .apachesolr-browse-blocks .filter-icon--other:before { background-position: 0 -239.5px; } } .filter-icon--all.selected:before, .apachesolr-browse-blocks .selected.filter-icon--other:before { background-position: 0 -192px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--all.selected:before, .apachesolr-browse-blocks .selected.filter-icon--other:before { background-position: 0 -145.5px; } } .filter-tabs .filter-icon--all:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--other:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--other:focus:before, .filter-tabs .filter-icon--all:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--other:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--other:hover:before, .categories .filter-icon--all:focus:before, .categories .apachesolr-browse-blocks .filter-icon--other:focus:before, .apachesolr-browse-blocks .categories .filter-icon--other:focus:before, .categories .filter-icon--all:hover:before, .categories .apachesolr-browse-blocks .filter-icon--other:hover:before, .apachesolr-browse-blocks .categories .filter-icon--other:hover:before { background-position: 0 -254px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--all:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--other:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--other:focus:before, .filter-tabs .filter-icon--all:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--other:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--other:hover:before, .categories .filter-icon--all:focus:before, .categories .apachesolr-browse-blocks .filter-icon--other:focus:before, .apachesolr-browse-blocks .categories .filter-icon--other:focus:before, .categories .filter-icon--all:hover:before, .categories .apachesolr-browse-blocks .filter-icon--other:hover:before, .apachesolr-browse-blocks .categories .filter-icon--other:hover:before { background-position: 0 -192.5px; } } .mediathek-filter-icon--all { position: relative; } .mediathek-filter-icon--all:before { width: 42px; height: 32px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 32px / 2); left: 35%; left: calc(50% - 42px / 2); background-position: 0 -254px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--all:before { background-position: 0 -192.5px; } } .filter-icon--article, .apachesolr-browse-blocks .filter-icon--articl { position: relative; } .filter-icon--article:before, .apachesolr-browse-blocks .filter-icon--articl:before { width: 31px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 31px / 2); background-position: 0 -494px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--article:before, .apachesolr-browse-blocks .filter-icon--articl:before { background-position: 0 -373.5px; } } .filter-icon--article.selected:before, .apachesolr-browse-blocks .selected.filter-icon--articl:before { background-position: 0 -378px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--article.selected:before, .apachesolr-browse-blocks .selected.filter-icon--articl:before { background-position: 0 -286.5px; } } .filter-tabs .filter-icon--article:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--articl:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--articl:focus:before, .filter-tabs .filter-icon--article:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--articl:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--articl:hover:before, .categories .filter-icon--article:focus:before, .categories .apachesolr-browse-blocks .filter-icon--articl:focus:before, .apachesolr-browse-blocks .categories .filter-icon--articl:focus:before, .categories .filter-icon--article:hover:before, .categories .apachesolr-browse-blocks .filter-icon--articl:hover:before, .apachesolr-browse-blocks .categories .filter-icon--articl:hover:before { background-position: 0 -436px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--article:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--articl:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--articl:focus:before, .filter-tabs .filter-icon--article:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--articl:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--articl:hover:before, .categories .filter-icon--article:focus:before, .categories .apachesolr-browse-blocks .filter-icon--articl:focus:before, .apachesolr-browse-blocks .categories .filter-icon--articl:focus:before, .categories .filter-icon--article:hover:before, .categories .apachesolr-browse-blocks .filter-icon--articl:hover:before, .apachesolr-browse-blocks .categories .filter-icon--articl:hover:before { background-position: 0 -330px; } } .mediathek-filter-icon--article { position: relative; } .mediathek-filter-icon--article:before { width: 31px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 31px / 2); background-position: 0 -436px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--article:before { background-position: 0 -330px; } } .filter-icon--press { position: relative; } .filter-icon--press:before { width: 36px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 36px / 2); background-position: 0 -3312px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--press:before { background-position: 0 -2518.5px; } } .filter-icon--press.selected:before { background-position: 0 -3192px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--press.selected:before { background-position: 0 -2428.5px; } } .filter-tabs .filter-icon--press:focus:before, .filter-tabs .filter-icon--press:hover:before, .categories .filter-icon--press:focus:before, .categories .filter-icon--press:hover:before { background-position: 0 -3252px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--press:focus:before, .filter-tabs .filter-icon--press:hover:before, .categories .filter-icon--press:focus:before, .categories .filter-icon--press:hover:before { background-position: 0 -2473.5px; } } .mediathek-filter-icon--press { position: relative; } .mediathek-filter-icon--press:before { width: 36px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 36px / 2); background-position: 0 -3252px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--press:before { background-position: 0 -2473.5px; } } .filter-icon--facebook { position: relative; } .filter-icon--facebook:before { width: 16px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 16px / 2); background-position: 0 -1848px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--facebook:before { background-position: 0 -1414px; } } .filter-icon--facebook.selected:before { background-position: 0 -1728px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--facebook.selected:before { background-position: 0 -1323px; } } .filter-tabs .filter-icon--facebook:focus:before, .filter-tabs .filter-icon--facebook:hover:before, .categories .filter-icon--facebook:focus:before, .categories .filter-icon--facebook:hover:before { background-position: 0 -1788px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--facebook:focus:before, .filter-tabs .filter-icon--facebook:hover:before, .categories .filter-icon--facebook:focus:before, .categories .filter-icon--facebook:hover:before { background-position: 0 -1368.5px; } } .mediathek-filter-icon--facebook { position: relative; } .mediathek-filter-icon--facebook:before { width: 16px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 16px / 2); background-position: 0 -1788px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--facebook:before { background-position: 0 -1368.5px; } } .filter-icon--twitter { position: relative; } .filter-icon--twitter:before { width: 30px; height: 25px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 25px / 2); left: 35%; left: calc(50% - 30px / 2); background-position: 0 -3665px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--twitter:before { background-position: 0 -2784px; } } .filter-icon--twitter.selected:before { background-position: 0 -3555px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--twitter.selected:before { background-position: 0 -2703px; } } .filter-tabs .filter-icon--twitter:focus:before, .filter-tabs .filter-icon--twitter:hover:before, .categories .filter-icon--twitter:focus:before, .categories .filter-icon--twitter:hover:before { background-position: 0 -3610px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--twitter:focus:before, .filter-tabs .filter-icon--twitter:hover:before, .categories .filter-icon--twitter:focus:before, .categories .filter-icon--twitter:hover:before { background-position: 0 -2743.5px; } } .mediathek-filter-icon--twitter { position: relative; } .mediathek-filter-icon--twitter:before { width: 30px; height: 25px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 25px / 2); left: 35%; left: calc(50% - 30px / 2); background-position: 0 -3610px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--twitter:before { background-position: 0 -2743.5px; } } .filter-icon--events, .apachesolr-browse-blocks .filter-icon--event { position: relative; } .filter-icon--events:before, .apachesolr-browse-blocks .filter-icon--event:before { width: 40px; height: 40px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 40px / 2); left: 35%; left: calc(50% - 40px / 2); background-position: 0 -1658px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--events:before, .apachesolr-browse-blocks .filter-icon--event:before { background-position: 0 -1268px; } } .filter-icon--events.selected:before, .apachesolr-browse-blocks .selected.filter-icon--event:before { background-position: 0 -1518px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--events.selected:before, .apachesolr-browse-blocks .selected.filter-icon--event:before { background-position: 0 -1158px; } } .filter-tabs .filter-icon--events:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--event:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--event:focus:before, .filter-tabs .filter-icon--events:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--event:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--event:hover:before, .categories .filter-icon--events:focus:before, .categories .apachesolr-browse-blocks .filter-icon--event:focus:before, .apachesolr-browse-blocks .categories .filter-icon--event:focus:before, .categories .filter-icon--events:hover:before, .categories .apachesolr-browse-blocks .filter-icon--event:hover:before, .apachesolr-browse-blocks .categories .filter-icon--event:hover:before { background-position: 0 -1588px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--events:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--event:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--event:focus:before, .filter-tabs .filter-icon--events:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--event:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--event:hover:before, .categories .filter-icon--events:focus:before, .categories .apachesolr-browse-blocks .filter-icon--event:focus:before, .apachesolr-browse-blocks .categories .filter-icon--event:focus:before, .categories .filter-icon--events:hover:before, .categories .apachesolr-browse-blocks .filter-icon--event:hover:before, .apachesolr-browse-blocks .categories .filter-icon--event:hover:before { background-position: 0 -1213px; } } .mediathek-filter-icon--events { position: relative; } .mediathek-filter-icon--events:before { width: 40px; height: 40px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 40px / 2); left: 35%; left: calc(50% - 40px / 2); background-position: 0 -1588px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--events:before { background-position: 0 -1213px; } } .filter-icon--country, .apachesolr-browse-blocks .filter-icon--countri { position: relative; } .filter-icon--country:before, .apachesolr-browse-blocks .filter-icon--countri:before { width: 40px; height: 40px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 40px / 2); left: 35%; left: calc(50% - 40px / 2); background-position: 0 -1244px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--country:before, .apachesolr-browse-blocks .filter-icon--countri:before { background-position: 0 -944px; } } .filter-icon--country.selected:before, .apachesolr-browse-blocks .selected.filter-icon--countri:before { background-position: 0 -1104px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--country.selected:before, .apachesolr-browse-blocks .selected.filter-icon--countri:before { background-position: 0 -834px; } } .filter-tabs .filter-icon--country:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--countri:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--countri:focus:before, .filter-tabs .filter-icon--country:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--countri:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--countri:hover:before, .categories .filter-icon--country:focus:before, .categories .apachesolr-browse-blocks .filter-icon--countri:focus:before, .apachesolr-browse-blocks .categories .filter-icon--countri:focus:before, .categories .filter-icon--country:hover:before, .categories .apachesolr-browse-blocks .filter-icon--countri:hover:before, .apachesolr-browse-blocks .categories .filter-icon--countri:hover:before { background-position: 0 -1174px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--country:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--countri:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--countri:focus:before, .filter-tabs .filter-icon--country:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--countri:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--countri:hover:before, .categories .filter-icon--country:focus:before, .categories .apachesolr-browse-blocks .filter-icon--countri:focus:before, .apachesolr-browse-blocks .categories .filter-icon--countri:focus:before, .categories .filter-icon--country:hover:before, .categories .apachesolr-browse-blocks .filter-icon--countri:hover:before, .apachesolr-browse-blocks .categories .filter-icon--countri:hover:before { background-position: 0 -889px; } } .mediathek-filter-icon--country { position: relative; } .mediathek-filter-icon--country:before { width: 40px; height: 40px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 40px / 2); left: 35%; left: calc(50% - 40px / 2); background-position: 0 -1174px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--country:before { background-position: 0 -889px; } } .filter-icon--media { position: relative; } .filter-icon--media:before { width: 28px; height: 32px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 32px / 2); left: 35%; left: calc(50% - 28px / 2); background-position: 0 -2575px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--media:before { background-position: 0 -1962.5px; } } .filter-icon--media.selected:before { background-position: 0 -2451px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--media.selected:before { background-position: 0 -1867.5px; } } .filter-tabs .filter-icon--media:focus:before, .filter-tabs .filter-icon--media:hover:before, .categories .filter-icon--media:focus:before, .categories .filter-icon--media:hover:before { background-position: 0 -2513px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--media:focus:before, .filter-tabs .filter-icon--media:hover:before, .categories .filter-icon--media:focus:before, .categories .filter-icon--media:hover:before { background-position: 0 -1915px; } } .mediathek-filter-icon--media { position: relative; } .mediathek-filter-icon--media:before { width: 28px; height: 32px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 32px / 2); left: 35%; left: calc(50% - 28px / 2); background-position: 0 -2513px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--media:before { background-position: 0 -1915px; } } .filter-icon--publication, .apachesolr-browse-blocks .filter-icon--document { position: relative; } .filter-icon--publication:before, .apachesolr-browse-blocks .filter-icon--document:before { width: 46px; height: 31px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 31px / 2); left: 35%; left: calc(50% - 46px / 2); background-position: 0 -3494px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--publication:before, .apachesolr-browse-blocks .filter-icon--document:before { background-position: 0 -2656.5px; } } .filter-icon--publication.selected:before, .apachesolr-browse-blocks .selected.filter-icon--document:before { background-position: 0 -3372px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--publication.selected:before, .apachesolr-browse-blocks .selected.filter-icon--document:before { background-position: 0 -2563.5px; } } .filter-tabs .filter-icon--publication:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--document:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--document:focus:before, .filter-tabs .filter-icon--publication:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--document:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--document:hover:before, .categories .filter-icon--publication:focus:before, .categories .apachesolr-browse-blocks .filter-icon--document:focus:before, .apachesolr-browse-blocks .categories .filter-icon--document:focus:before, .categories .filter-icon--publication:hover:before, .categories .apachesolr-browse-blocks .filter-icon--document:hover:before, .apachesolr-browse-blocks .categories .filter-icon--document:hover:before { background-position: 0 -3433px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--publication:focus:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--document:focus:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--document:focus:before, .filter-tabs .filter-icon--publication:hover:before, .filter-tabs .apachesolr-browse-blocks .filter-icon--document:hover:before, .apachesolr-browse-blocks .filter-tabs .filter-icon--document:hover:before, .categories .filter-icon--publication:focus:before, .categories .apachesolr-browse-blocks .filter-icon--document:focus:before, .apachesolr-browse-blocks .categories .filter-icon--document:focus:before, .categories .filter-icon--publication:hover:before, .categories .apachesolr-browse-blocks .filter-icon--document:hover:before, .apachesolr-browse-blocks .categories .filter-icon--document:hover:before { background-position: 0 -2610px; } } .mediathek-filter-icon--publication { position: relative; } .mediathek-filter-icon--publication:before { width: 46px; height: 31px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 31px / 2); left: 35%; left: calc(50% - 46px / 2); background-position: 0 -3433px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--publication:before { background-position: 0 -2610px; } } .filter-icon--online { position: relative; } .filter-icon--online:before { width: 43px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 43px / 2); background-position: 0 -2949px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--online:before { background-position: 0 -2245.5px; } } .filter-icon--online.selected:before { background-position: 0 -2829px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--online.selected:before { background-position: 0 -2155.5px; } } .filter-tabs .filter-icon--online:focus:before, .filter-tabs .filter-icon--online:hover:before, .categories .filter-icon--online:focus:before, .categories .filter-icon--online:hover:before { background-position: 0 -2889px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--online:focus:before, .filter-tabs .filter-icon--online:hover:before, .categories .filter-icon--online:focus:before, .categories .filter-icon--online:hover:before { background-position: 0 -2200.5px; } } .mediathek-filter-icon--online { position: relative; } .mediathek-filter-icon--online:before { width: 43px; height: 30px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 30px / 2); left: 35%; left: calc(50% - 43px / 2); background-position: 0 -2889px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--online:before { background-position: 0 -2200.5px; } } .filter-icon--information { position: relative; } .filter-icon--information:before { width: 50px; height: 37px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 37px / 2); left: 35%; left: calc(50% - 50px / 2); background-position: 0 -2384px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--information:before { background-position: 0 -1815.5px; } } .filter-icon--information.selected:before { background-position: 0 -2250px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--information.selected:before { background-position: 0 -1711.5px; } } .filter-tabs .filter-icon--information:focus:before, .filter-tabs .filter-icon--information:hover:before, .categories .filter-icon--information:focus:before, .categories .filter-icon--information:hover:before { background-position: 0 -2317px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--information:focus:before, .filter-tabs .filter-icon--information:hover:before, .categories .filter-icon--information:focus:before, .categories .filter-icon--information:hover:before { background-position: 0 -1763.5px; } } .mediathek-filter-icon--information { position: relative; } .mediathek-filter-icon--information:before { width: 50px; height: 37px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 37px / 2); left: 35%; left: calc(50% - 50px / 2); background-position: 0 -2317px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--information:before { background-position: 0 -1763.5px; } } .filter-icon--collaborate { position: relative; } .filter-icon--collaborate:before { width: 35px; height: 33px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 33px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -1041px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--collaborate:before { background-position: 0 -786px; } } .filter-icon--collaborate.selected:before { background-position: 0 -915px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--collaborate.selected:before { background-position: 0 -690px; } } .filter-tabs .filter-icon--collaborate:focus:before, .filter-tabs .filter-icon--collaborate:hover:before, .categories .filter-icon--collaborate:focus:before, .categories .filter-icon--collaborate:hover:before { background-position: 0 -978px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--collaborate:focus:before, .filter-tabs .filter-icon--collaborate:hover:before, .categories .filter-icon--collaborate:focus:before, .categories .filter-icon--collaborate:hover:before { background-position: 0 -738px; } } .mediathek-filter-icon--collaborate { position: relative; } .mediathek-filter-icon--collaborate:before { width: 35px; height: 33px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 33px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -978px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--collaborate:before { background-position: 0 -738px; } } .filter-icon--discussion { position: relative; } .filter-icon--discussion:before { width: 35px; height: 38px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 38px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -1450px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--discussion:before { background-position: 0 -1105px; } } .filter-icon--discussion.selected:before { background-position: 0 -1314px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--discussion.selected:before { background-position: 0 -999px; } } .filter-tabs .filter-icon--discussion:focus:before, .filter-tabs .filter-icon--discussion:hover:before, .categories .filter-icon--discussion:focus:before, .categories .filter-icon--discussion:hover:before { background-position: 0 -1382px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--discussion:focus:before, .filter-tabs .filter-icon--discussion:hover:before, .categories .filter-icon--discussion:focus:before, .categories .filter-icon--discussion:hover:before { background-position: 0 -1052px; } } .mediathek-filter-icon--discussion { position: relative; } .mediathek-filter-icon--discussion:before { width: 35px; height: 38px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 38px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -1382px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--discussion:before { background-position: 0 -1052px; } } .filter-icon--action { position: relative; } .filter-icon--action:before { width: 41px; height: 34px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 34px / 2); left: 35%; left: calc(50% - 41px / 2); background-position: 0 -128px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--action:before { background-position: 0 -97px; } } .filter-icon--action.selected:before { background-position: 0 0; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--action.selected:before { background-position: 0 0; } } .filter-tabs .filter-icon--action:focus:before, .filter-tabs .filter-icon--action:hover:before, .categories .filter-icon--action:focus:before, .categories .filter-icon--action:hover:before { background-position: 0 -64px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--action:focus:before, .filter-tabs .filter-icon--action:hover:before, .categories .filter-icon--action:focus:before, .categories .filter-icon--action:hover:before { background-position: 0 -48.5px; } } .mediathek-filter-icon--action { position: relative; } .mediathek-filter-icon--action:before { width: 41px; height: 34px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 34px / 2); left: 35%; left: calc(50% - 41px / 2); background-position: 0 -64px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--action:before { background-position: 0 -48.5px; } } .filter-icon--video { position: relative; } .filter-icon--video:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -3836px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--video:before { background-position: 0 -2911.5px; } } .filter-icon--video.selected:before { background-position: 0 -3720px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--video.selected:before { background-position: 0 -2824.5px; } } .filter-tabs .filter-icon--video:focus:before, .filter-tabs .filter-icon--video:hover:before, .categories .filter-icon--video:focus:before, .categories .filter-icon--video:hover:before { background-position: 0 -3778px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--video:focus:before, .filter-tabs .filter-icon--video:hover:before, .categories .filter-icon--video:focus:before, .categories .filter-icon--video:hover:before { background-position: 0 -2868px; } } .mediathek-filter-icon--video { position: relative; } .mediathek-filter-icon--video:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -3778px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--video:before { background-position: 0 -2868px; } } .filter-icon--image_list { position: relative; } .filter-icon--image_list:before { width: 33px; height: 26px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 26px / 2); left: 35%; left: calc(50% - 33px / 2); background-position: 0 -2194px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--image_list:before { background-position: 0 -1670px; } } .filter-icon--image_list.selected:before { background-position: 0 -2082px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--image_list.selected:before { background-position: 0 -1587px; } } .filter-tabs .filter-icon--image_list:focus:before, .filter-tabs .filter-icon--image_list:hover:before, .categories .filter-icon--image_list:focus:before, .categories .filter-icon--image_list:hover:before { background-position: 0 -2138px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--image_list:focus:before, .filter-tabs .filter-icon--image_list:hover:before, .categories .filter-icon--image_list:focus:before, .categories .filter-icon--image_list:hover:before { background-position: 0 -1628.5px; } } .mediathek-filter-icon--image_list { position: relative; } .mediathek-filter-icon--image_list:before { width: 33px; height: 26px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 26px / 2); left: 35%; left: calc(50% - 33px / 2); background-position: 0 -2138px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--image_list:before { background-position: 0 -1628.5px; } } .filter-icon--image { position: relative; } .filter-icon--image:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -2024px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--image:before { background-position: 0 -1544.5px; } } .filter-icon--image.selected:before { background-position: 0 -1908px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--image.selected:before { background-position: 0 -1459.5px; } } .filter-tabs .filter-icon--image:focus:before, .filter-tabs .filter-icon--image:hover:before, .categories .filter-icon--image:focus:before, .categories .filter-icon--image:hover:before { background-position: 0 -1966px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--image:focus:before, .filter-tabs .filter-icon--image:hover:before, .categories .filter-icon--image:focus:before, .categories .filter-icon--image:hover:before { background-position: 0 -1502px; } } .mediathek-filter-icon--image { position: relative; } .mediathek-filter-icon--image:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -1966px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--image:before { background-position: 0 -1502px; } } .filter-icon--network { position: relative; } .filter-icon--network:before { width: 33px; height: 34px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 34px / 2); left: 35%; left: calc(50% - 33px / 2); background-position: 0 -2765px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--network:before { background-position: 0 -2107px; } } .filter-icon--network.selected:before { background-position: 0 -2637px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--network.selected:before { background-position: 0 -2010px; } } .filter-tabs .filter-icon--network:focus:before, .filter-tabs .filter-icon--network:hover:before, .categories .filter-icon--network:focus:before, .categories .filter-icon--network:hover:before { background-position: 0 -2701px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--network:focus:before, .filter-tabs .filter-icon--network:hover:before, .categories .filter-icon--network:focus:before, .categories .filter-icon--network:hover:before { background-position: 0 -2058.5px; } } .mediathek-filter-icon--network { position: relative; } .mediathek-filter-icon--network:before { width: 33px; height: 34px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 34px / 2); left: 35%; left: calc(50% - 33px / 2); background-position: 0 -2701px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--network:before { background-position: 0 -2058.5px; } } .filter-icon--worldwide { position: relative; } .filter-icon--worldwide:before { width: 35px; height: 36px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 36px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -4026px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--worldwide:before { background-position: 0 -3056px; } } .filter-icon--worldwide.selected:before { background-position: 0 -3894px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-icon--worldwide.selected:before { background-position: 0 -2955px; } } .filter-tabs .filter-icon--worldwide:focus:before, .filter-tabs .filter-icon--worldwide:hover:before, .categories .filter-icon--worldwide:focus:before, .categories .filter-icon--worldwide:hover:before { background-position: 0 -3960px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .filter-tabs .filter-icon--worldwide:focus:before, .filter-tabs .filter-icon--worldwide:hover:before, .categories .filter-icon--worldwide:focus:before, .categories .filter-icon--worldwide:hover:before { background-position: 0 -3005.5px; } } .mediathek-filter-icon--worldwide { position: relative; } .mediathek-filter-icon--worldwide:before { width: 35px; height: 36px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 36px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -3960px; top: auto; bottom: 38%; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .mediathek-filter-icon--worldwide:before { background-position: 0 -3005.5px; } } .node-event.node-teaser:hover .filter-icon--all:before, .node-event.map-popup:hover .filter-icon--all:before, .node-event.node-teaser:hover .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .node-event.node-teaser:hover .filter-icon--other:before, .node-event.map-popup:hover .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .node-event.map-popup:hover .filter-icon--other:before { background-position: 0 -254px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--all:before, .node-event.map-popup:hover .filter-icon--all:before, .node-event.node-teaser:hover .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .node-event.node-teaser:hover .filter-icon--other:before, .node-event.map-popup:hover .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .node-event.map-popup:hover .filter-icon--other:before { background-position: 0 -192.5px; } } .map-country-content-data .filter-icon--red--article { background-position: 0 -378px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .map-country-content-data .filter-icon--red--article { background-position: 0 -286.5px; } } .map-country-content-data .filter-icon--red--press { background-position: 0 -3192px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .map-country-content-data .filter-icon--red--press { background-position: 0 -2428.5px; } } .node-event.node-teaser:hover .filter-icon--online:before, .node-event.map-popup:hover .filter-icon--online:before { background-position: 0 -2889px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--online:before, .node-event.map-popup:hover .filter-icon--online:before { background-position: 0 -2200.5px; } } .node-event.node-teaser:hover .filter-icon--information:before, .node-event.map-popup:hover .filter-icon--information:before { background-position: 0 -2317px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--information:before, .node-event.map-popup:hover .filter-icon--information:before { background-position: 0 -1763.5px; } } .node-event.node-teaser:hover .filter-icon--collaborate:before, .node-event.map-popup:hover .filter-icon--collaborate:before { background-position: 0 -978px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--collaborate:before, .node-event.map-popup:hover .filter-icon--collaborate:before { background-position: 0 -738px; } } .node-event.node-teaser:hover .filter-icon--discussion:before, .node-event.map-popup:hover .filter-icon--discussion:before { background-position: 0 -1382px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--discussion:before, .node-event.map-popup:hover .filter-icon--discussion:before { background-position: 0 -1052px; } } .node-event.node-teaser:hover .filter-icon--action:before, .node-event.map-popup:hover .filter-icon--action:before { background-position: 0 -64px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-event.node-teaser:hover .filter-icon--action:before, .node-event.map-popup:hover .filter-icon--action:before { background-position: 0 -48.5px; } } .media-type-video .icon-mediathek { position: relative; } .media-type-video .icon-mediathek:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -3778px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .media-type-video .icon-mediathek:before { background-position: 0 -2868px; } } .map-country-content-data .filter-icon--red--video { background-position: 0 -3720px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .map-country-content-data .filter-icon--red--video { background-position: 0 -2824.5px; } } .media-type-image_list .icon-mediathek { position: relative; } .media-type-image_list .icon-mediathek:before { width: 33px; height: 26px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 26px / 2); left: 35%; left: calc(50% - 33px / 2); background-position: 0 -2138px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .media-type-image_list .icon-mediathek:before { background-position: 0 -1628.5px; } } .media-type-image .icon-mediathek { position: relative; } .media-type-image .icon-mediathek:before { width: 35px; height: 28px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 28px / 2); left: 35%; left: calc(50% - 35px / 2); background-position: 0 -1966px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .media-type-image .icon-mediathek:before { background-position: 0 -1502px; } } .view-mediathek-overview .filter-icon--all:before, .view-mediathek-overview .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .view-mediathek-overview .filter-icon--other:before { background-position: 0 -254px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--all:before, .view-mediathek-overview .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .view-mediathek-overview .filter-icon--other:before { background-position: 0 -192.5px; } } .view-mediathek-overview .filter-icon--all.selected:before, .view-mediathek-overview .apachesolr-browse-blocks .selected.filter-icon--other:before, .apachesolr-browse-blocks .view-mediathek-overview .selected.filter-icon--other:before { background-position: 0 -254px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--all.selected:before, .view-mediathek-overview .apachesolr-browse-blocks .selected.filter-icon--other:before, .apachesolr-browse-blocks .view-mediathek-overview .selected.filter-icon--other:before { background-position: 0 -192.5px; } } .view-mediathek-overview .filter-icon--video:before { background-position: 0 -3778px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--video:before { background-position: 0 -2868px; } } .view-mediathek-overview .filter-icon--video.selected:before { background-position: 0 -3778px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--video.selected:before { background-position: 0 -2868px; } } .view-mediathek-overview .filter-icon--image_list:before { background-position: 0 -2138px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--image_list:before { background-position: 0 -1628.5px; } } .view-mediathek-overview .filter-icon--image_list.selected:before { background-position: 0 -2138px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--image_list.selected:before { background-position: 0 -1628.5px; } } .view-mediathek-overview .filter-icon--image:before { background-position: 0 -1966px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--image:before { background-position: 0 -1502px; } } .view-mediathek-overview .filter-icon--image.selected:before { background-position: 0 -1966px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .view-mediathek-overview .filter-icon--image.selected:before { background-position: 0 -1502px; } } .search-result.has-image .filter-icon--all:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--other:before { background-position: 0 -254px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--all:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--other:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--other:before { background-position: 0 -192.5px; } } .search-result.has-image .filter-icon--article:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--articl:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--articl:before { background-position: 0 -436px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--article:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--articl:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--articl:before { background-position: 0 -330px; } } .search-result.has-image .filter-icon--press:before { background-position: 0 -3252px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--press:before { background-position: 0 -2473.5px; } } .search-result.has-image .filter-icon--facebook:before { background-position: 0 -1788px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--facebook:before { background-position: 0 -1368.5px; } } .search-result.has-image .filter-icon--twitter:before { background-position: 0 -3610px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--twitter:before { background-position: 0 -2743.5px; } } .search-result.has-image .filter-icon--events:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--event:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--event:before { background-position: 0 -1588px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--events:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--event:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--event:before { background-position: 0 -1213px; } } .search-result.has-image .filter-icon--country:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--countri:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--countri:before { background-position: 0 -1174px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--country:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--countri:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--countri:before { background-position: 0 -889px; } } .search-result.has-image .filter-icon--media:before { background-position: 0 -2513px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--media:before { background-position: 0 -1915px; } } .search-result.has-image .filter-icon--publication:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--document:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--document:before { background-position: 0 -3433px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--publication:before, .search-result.has-image .apachesolr-browse-blocks .filter-icon--document:before, .apachesolr-browse-blocks .search-result.has-image .filter-icon--document:before { background-position: 0 -2610px; } } .search-result.has-image .filter-icon--online:before { background-position: 0 -2889px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--online:before { background-position: 0 -2200.5px; } } .search-result.has-image .filter-icon--information:before { background-position: 0 -2317px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--information:before { background-position: 0 -1763.5px; } } .search-result.has-image .filter-icon--collaborate:before { background-position: 0 -978px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--collaborate:before { background-position: 0 -738px; } } .search-result.has-image .filter-icon--discussion:before { background-position: 0 -1382px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--discussion:before { background-position: 0 -1052px; } } .search-result.has-image .filter-icon--action:before { background-position: 0 -64px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--action:before { background-position: 0 -48.5px; } } .search-result.has-image .filter-icon--video:before { background-position: 0 -3778px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--video:before { background-position: 0 -2868px; } } .search-result.has-image .filter-icon--image_list:before { background-position: 0 -2138px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--image_list:before { background-position: 0 -1628.5px; } } .search-result.has-image .filter-icon--image:before { background-position: 0 -1966px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--image:before { background-position: 0 -1502px; } } .search-result.has-image .filter-icon--network:before { background-position: 0 -2701px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--network:before { background-position: 0 -2058.5px; } } .search-result.has-image .filter-icon--worldwide:before { background-position: 0 -3960px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .search-result.has-image .filter-icon--worldwide:before { background-position: 0 -3005.5px; } } .social-icon--rounded--facebook { background-position: 0 -386px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--facebook { background-position: 0 -266px; } } .social-icon--rounded--twitter { background-position: 0 -2077px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--twitter { background-position: 0 -1477px; } } .social-icon--rounded--youtube { background-position: 0 -2870px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--youtube { background-position: 0 -2045px; } } .social-icon--rounded--xing { background-position: 0 -2496px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--xing { background-position: 0 -1776px; } } .social-icon--rounded--instagram { background-position: 0 -1185px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--instagram { background-position: 0 -840px; } } .social-icon--rounded--linkedin { background-position: 0 -1373px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .social-icon--rounded--linkedin { background-position: 0 -983px; } } /*! normalize.css v1.1.2 | MIT License | git.io/normalize */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: HTML5 display definitions :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. * Known issue: no IE 6 support. */ [hidden] { display: none; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Base :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using * `em` units. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Address `font-family` inconsistency between `textarea` and other form * elements. */ html, button, input, select, textarea { font-family: sans-serif; } /** * Address margins handled incorrectly in IE 6/7. */ body { margin: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Links :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Typography :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Address font sizes and margins set differently in IE 6/7. * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, * and Chrome. */ /** * Address styling not present in IE 7/8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */ /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. * Known issue: no IE 6/7 normalization. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 6/7/8/9. */ mark { background: #ff0; color: #000; } /** * Address margins set differently in IE 6/7. */ p, pre { margin: 1em 0; } /** * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /** * Address CSS quotes not supported in IE 6/7. */ q { quotes: none; } /** * Address `quotes` property not supported in Safari 4. */ q:before, q:after { content: ''; content: none; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Lists :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Address margins set differently in IE 6/7. */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /** * Address paddings set differently in IE 6/7. */ menu, ol, ul { padding: 0 0 0 40px; } /** * Correct list images handled incorrectly in IE 7. */ nav ul, nav ol { list-style: none; list-style-image: none; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Embedded content :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. * 2. Improve image quality when scaled in IE 7. */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Figures :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */ figure { margin: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Forms :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Correct margin displayed oddly in IE 6/7. */ form { margin: 0; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct color not being inherited in IE 6/7/8/9. * 2. Correct text not wrapping in Firefox 3. * 3. Correct alignment displayed oddly in IE 6/7. */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /** * 1. Correct font size not being inherited in all browsers. * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, * and Chrome. * 3. Improve appearance and consistency in all browsers. */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /** * Address Firefox 3+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. * 4. Remove inner spacing in IE 7 without affecting normal text inputs. * Known issue: inner spacing remains in IE 6. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible; /* 4 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to content-box in IE 8/9. * 2. Remove excess padding in IE 8/9. * 3. Remove excess padding in IE 7. * Known issue: excess padding remains in IE 6. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 3+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 6/7/8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Tables :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Flexslider base styles (no theme) :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } .no-js .slides > li:first-child { display: block; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: mq2js :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: video.js :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ html .video-js.vjs-fluid { height: auto; width: 100%; background-color: transparent; } html .video-js.vjs-fluid button { box-shadow: none; } html .video-js.vjs-fluid .vjs-big-play-button { top: -webkit-calc((50% - (78px / 2))); top: -moz-calc((50% - (78px / 2))); top: calc((50% - (78px / 2))); left: -webkit-calc((50% - (120px / 2))); left: -moz-calc((50% - (120px / 2))); left: calc((50% - (120px / 2))); } .no-js html .video-js.vjs-fluid .vjs-big-play-button, .no-csscalc html .video-js.vjs-fluid .vjs-big-play-button { top: 40%; } .no-js html .video-js.vjs-fluid .vjs-big-play-button, .no-csscalc html .video-js.vjs-fluid .vjs-big-play-button { left: 40%; } html .video-js.vjs-fluid:fullscreen { background-color: black; } html .video-js.vjs-fluid video { object-fit: inherit; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: defaults, apply to the whole page. :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ *, *:before, *:after { box-sizing: border-box; } img, video { max-width: 100%; height: auto; } audio, canvas, img, video { vertical-align: middle; } /** * For anything you want to hide on page load when JS is enabled, so * that you can use the JS to control visibility and avoid flicker. */ html.js .js-hide { display: none; } /** * Hide elements from all users. * * Used for elements which should not be immediately displayed to any user. An * example would be a collapsible fieldset that will be expanded with a click * from a user. The effect of this class can be toggled with the jQuery show() * and hide() functions. */ .element-hidden { display: none; } /** * Hide elements visually, but keep them available for screen-readers. * * Used for information required for screen-reader users to understand and use * the site where visual display is undesirable. Information provided in this * manner should be kept concise, to avoid unnecessary burden on the user. * "!important" is used to prevent unintentional overrides. */ .element-invisible { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; } /** * The .element-focusable class extends the .element-invisible class to allow * the element to be focusable when navigated to via the keyboard. */ .element-invisible.element-focusable:active, .element-invisible.element-focusable:focus { position: static !important; clip: auto; overflow: visible; height: auto; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: Typography :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ :root, html { font-size: 62.5%; line-height: 1.5; } body { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; color: #333745; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } a:link { color: #e2001a; text-decoration: none; } a:visited { color: #e2001a; } a:active, a.active { color: #e2001a; } p { -moz-font-feature-settings: liga=1; -webkit-font-feature-settings: liga; -moz-font-feature-settings: liga; font-feature-settings: liga; margin: 0 0 1.5rem 0; } p.align-center { text-align: center; } .notice { font-family: "Fago Italic", "fira_sans_otitalic", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; margin: 1.5rem 0; padding: 2rem; background-color: #f1f1f1; } p.red { color: #e2001a; } p.black { color: #333745; } b, strong { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } i, em { font-family: "Fago Italic", "fira_sans_otitalic", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } address { font-family: "Fago Italic", "fira_sans_otitalic", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; margin: 1.5rem 0; } blockquote { quotes: '„' '“' '‚' '‘'; } blockquote p:before, blockquote p:after { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.8rem; } blockquote p:before { content: '„'; content: open-quote; margin-right: 0.4rem; } blockquote p:after { content: ''; content: no-close-quote; } blockquote p:last-child:after { content: '“'; content: close-quote; margin-left: 0.4rem; } :lang(de) q { quotes: "»" "«" "„" "“"; } ul, ol { list-style-position: outside; } ul { list-style-type: disc; } ol { list-style: decimal; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } ::-moz-selection { background: #d7e9ef; color: #5e6680; text-shadow: none; } ::selection { background: #d7e9ef; color: #5e6680; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: forms :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { text-transform: uppercase; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } input, button, select, textarea { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; color: #333745; } input[type="text"], input[type="password"], input[type="search"] { height: 33px; padding: 0 1rem; border: none; border-radius: 0.4rem; box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.3); } html.js input.form-autocomplete { background-image: url('../img/misc/msf-throbber.gif?1573740001'); background-position: 98% 1px; background-repeat: no-repeat; } html.js input.throbbing { background-position: 98% -58px; } .ajax-progress .throbber { background-image: none; } .views-exposed-form label { font-weight: normal; } .views-exposed-form .views-exposed-widget .form-submit { margin-top: 16px; margin-top: 1.6rem; } .form-item { margin-bottom: 1em; margin-top: 1em; } .views-exposed-form .form-item { margin-top: 0; margin-bottom: 0; } .form-item-autocomplete-input label { display: block; } .description { margin-top: 0.75rem; } .form-item .description { font-size: 0.85em; } body .ui-widget-content .ui-state-focus, body .ui-widget-content .ui-state-hover, body .ui-state-focus, body .ui-state-hover { background-image: none; border-width: 0; background-color: #f1f1f1; } body .ui-autocomplete, body .ui-widget { padding: 0; list-style: none; border: 1px solid lightgrey; font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; } body .ui-autocomplete { max-height: 80%; overflow-y: auto; overflow-x: hidden; } body .ui-autocomplete li { list-style: none; } body .ui-autocomplete a { display: block; } body .ui-corner-top, body .ui-corner-bottom, body .ui-corner-all { border-radius: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: helpers :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .footer-social, .footer-sitemap, .footer-notice, .footer-menu { margin: 0 2.4rem; padding: 1rem 0; margin: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [page] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-page .area-content, .panel-msfde-theme .area-content { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 648px; } .panel-msfde-page .area-side-blocks, .panel-msfde-theme .area-side-blocks { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: none; width: 336px; } .panel-msfde-page .area-sidebar, .panel-msfde-theme .area-sidebar { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: right; width: 336px; } .panel-msfde-page .area-sharing, .panel-msfde-theme .area-sharing { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } .panel-msfde-page .area-baseboard, .panel-msfde-theme .area-baseboard { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; margin-top: 3rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: layout [page] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body { margin: 0; padding: 0; } .area-header .inner, .area-footer .inner, .area-main { max-width: 984px; margin-left: auto; margin-right: auto; } .area-header { width: 100%; height: 50px; position: fixed; top: 0; left: 0; z-index: 99; height: 108px; height: 83px; } .area-header .inner { position: relative; } .area-header:after { content: ""; display: block; width: 100%; height: 5px; position: absolute; left: 0; bottom: -5px; z-index: -1; } .area-header .inner { height: 84px; } #header-menu { display: none; width: 100%; height: 27px; display: block; overflow: hidden; } #header-menu ul { width: 984px; padding: 0; margin: 0 auto; } #header-logo { width: 120px; height: 50px; position: absolute; top: 0; left: 0px; z-index: 120; left: 0; width: 180px; height: 73px; width: 238px; height: 111px; top: -27px; } #header-logo a { width: 120px; height: 0; display: block; overflow: hidden; padding-top: 50px; } #header-logo a { width: 180px; padding-top: 73px; } #header-logo a { width: 238px; padding-top: 111px; } .area-main { height: 100%; margin-top: 50px; margin-top: 108px; margin-top: 111px; margin-bottom: 30px; } #breadcrumb { padding: 2rem 1.6rem; padding: 2rem 0; } .area-facts { margin: 2.4rem 0; } .area-side-blocks { padding: 0 1.6rem; padding: 0; } .area-sidebar { padding: 2.4rem 1.6rem; padding: 3rem 2.4rem; padding: 2.4rem; } .area-sharing { padding: 2rem 1.6rem; padding: 2rem 2.4rem; } .area-sharing li { position: static; display: inline-block; vertical-align: middle; } .area-sharing .module-share { float: left; } .area-sharing .module-share-apps { float: right; } .area-sharing .share-title { margin-bottom: 0; } .area-baseboard { padding: 2.4rem 1.6rem; padding: 3rem 2.4rem; padding: 2.4rem; } .area-footer { padding-bottom: 5rem; padding-bottom: 2rem; padding-bottom: 0; } .footer-donate { padding: 1.1rem 1.6rem 1.6rem; padding: 1.1rem 2.4rem 1.6rem; padding: 1.1rem 0 1.6rem; } .footer-donate p { margin-bottom: 0; } .footer-donate .button-wrapper { text-align: center; text-align: left; } .footer-donate .btn { margin: 1.2rem auto 0; } .footer-donate .bankverbindung { padding-bottom: 2.4rem; } .footer-donate .iban, .footer-donate .bic { display: block; } .footer-donate .blz { margin-left: 2em; } .footer-donate .certificates { margin-top: 2.4rem; display: flex; justify-content: space-between; } .footer-donate .certificates img { max-height: 110px; } .footer-donate .wrapper--dzi { max-width: 90px; width: 23%; } .footer-donate .wrapper--tuev { max-width: 265px; width: 70%; } .footer-donate .zeiten, .footer-donate .telefon, .footer-donate .email { padding-left: 2.8rem; } .footer-donate .bankverbindung { width: 56.09756%; float: left; margin-right: -100%; margin-left: 0%; clear: none; padding-bottom: 0; } .footer-donate .spenderservice { width: 41.46341%; float: right; margin-left: 0; margin-right: 0; clear: none; } .footer-donate .bankverbindung { padding-left: 11.5rem; } .footer-donate .btn { margin: 1rem auto 0; } .footer-donate .bankverbindung { width: 58.53659%; float: left; margin-right: -100%; margin-left: 0%; clear: none; padding-left: 12rem; } .footer-donate .iban, .footer-donate .bic { display: inline; margin-right: 1rem; } .footer-donate .spenderservice { width: 39.02439%; float: right; margin-left: 0; margin-right: 0; clear: none; } .footer-donate .spenderservice .btn { display: none; } .footer-donate .certificates { margin-top: 1.6rem; } .footer-slides .copyright, .footer-slides .pager { display: none; } .footer-social { padding-bottom: 2.4rem; padding-top: 2.4rem; } .footer-social-links { width: 56.09756%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 58.53659%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .footer-social-links ul { margin: 0; padding: 0; } .footer-social-links .icon { float: left; margin-right: 1.6rem; margin-right: 1.1rem; } .footer-social-links .icon:last-child { margin: 0; } .footer-social-links .icon a { width: 32px; height: 32px; display: block; } .footer-social-newsletter { padding-top: 2rem; width: 41.46341%; float: right; margin-left: 0; margin-right: 0; clear: none; padding-top: 0; width: 39.02439%; float: right; margin-left: 0; margin-right: 0; clear: none; } .footer-sitemap { display: none; display: block; } .footer-sitemap ul, .footer-sitemap li { margin: 0; padding: 0; } .footer-sitemap li { margin-bottom: 0.3rem; } .footer-sitemap ul ul > li:first-child { margin-top: 0.6rem; } .footer-sitemap > ul > li:nth-child(1) { width: 20%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .footer-sitemap > ul > li:nth-child(2) { width: 20%; float: left; margin-right: -100%; margin-left: 20%; clear: none; } .footer-sitemap > ul > li:nth-child(3) { width: 20%; float: left; margin-right: -100%; margin-left: 40%; clear: none; } .footer-sitemap > ul > li:nth-child(4) { width: 20%; float: left; margin-right: -100%; margin-left: 60%; clear: none; } .footer-sitemap > ul > li:nth-child(5) { width: 20%; float: right; margin-left: 0; margin-right: 0; clear: none; } .footer-menu-select { width: 100%; display: none; } .footer-menu-list { display: none; margin: 0; padding: 0; display: block; } .footer-menu-list li { display: inline; margin-right: 1.2rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: default page layout :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .msfde-page-default .area-content { padding: 0 1.6rem; } .msfde-page-default .area-content { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 648px; padding: 0 2.4rem; } .msfde-page-default .area-side-blocks { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: none; width: 336px; } .msfde-page-default .area-sidebar { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: right; width: 336px; } .msfde-page-default .area-sharing { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [page] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [theme] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .area-country-navigation { padding: 0 1.6rem; padding: 0 0 0.8rem; } .area-country-navigation .select-navigation { width: 100%; } .area-country-navigation .horizontal-navigation { display: none; } .area-country-navigation .select-navigation { display: none; } .area-country-navigation .horizontal-navigation { display: block; } .panel-msfde-theme .area-mediabox { padding: 1.6rem 1.6rem 0; padding: 1.6rem 2.4rem 0; } .panel-msfde-theme .theme-content-body { clear: left; padding: 1.6rem; padding: 1.6rem 2.4rem 2.4rem; } .panel-msfde-theme .theme-content-body p:empty { display: none; } .panel-msfde-theme .theme-content-body .pane-title { font-size: 2.4rem; margin: 1.8rem 0 0.8rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [singlecolumn] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-singlecolumn article.view-mode-full header { padding-top: 2.1rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [events] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-events .area-intro { padding: 1.6rem; } .panel-msfde-events .area-side-blocks { display: none; } .panel-msfde-events .area-content { padding: 0 1.6rem; } .panel-msfde-events .area-content { padding: 2.4rem 1.6rem 0; } .panel-msfde-events .area-intro { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: none; width: 648px; padding: 2.4rem; } .panel-msfde-events .area-side-blocks { display: block; width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: none; width: 336px; } .panel-msfde-events .area-filters { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: both; } .panel-msfde-events .area-content { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; padding: 2.4rem 2.4rem 0; } .panel-msfde-events .area-sharing { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } .panel-msfde-events .area-baseboard { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; margin-top: 3rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [frontpage] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-frontpage .area-stage { margin-bottom: 2.4rem; } .panel-msfde-frontpage .area-highlights { margin-bottom: 2.4rem; } .panel-msfde-frontpage .area-content { width: 65.85366%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .panel-msfde-frontpage .area-sidebar { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: none; } .panel-msfde-frontpage .area-sharing { width: 63.41463%; float: left; margin-right: -100%; margin-left: 0%; clear: left; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: collapsible :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .node-document .collapsible-container .collapsible-label, .pane-vacancies .collapsible-container .collapsible-label, .page-faq .pane-pm-existing-pages .node-faq .collapsible-label { cursor: pointer; } .node-document .collapsible-container .collapsible-content, .pane-vacancies .collapsible-container .collapsible-content, .page-faq .pane-pm-existing-pages .node-faq .collapsible-content, .page-faq .pane-pm-existing-pages .node-faq .answer, .page-ansprechpartner .area-content .pane-contact .pane-content { height: 0; overflow: hidden; } .node-document .collapsed.collapsible-container .collapsible-content, .pane-vacancies .collapsed.collapsible-container .collapsible-content, .page-faq .pane-pm-existing-pages .collapsed.node-faq .collapsible-content, .page-faq .pane-pm-existing-pages .node-faq.collapsed .answer, .page-ansprechpartner .area-content .pane-contact.collapsed .pane-content { height: auto; } /** * MSFDE collapsible icon. */ .page-ansprechpartner .area-content .pane-contact .pane-title:before, .page-faq .pane-pm-existing-pages .node-faq h3:before, .faq-terms .node-faq h3:before, .node-document .collapsible-container .collapsible-label:before { cursor: pointer; transition: transform 180ms ease-out; } .page-ansprechpartner .area-content .pane-contact .pane-title { position: relative; } .page-ansprechpartner .area-content .pane-contact .pane-title:before { width: 10px; height: 10px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 10px / 2); left: 35%; left: calc(50% - 10px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTkuNjg1IDEuMzhjLjU1LS43NTguMzYzLTEuMzgtLjQxOC0xLjM4SC43MzJjLS43OCAwLS45NjguNjItLjQxNiAxLjM4bDMuNjc4IDguMDVjLjU1My43NjIgMS40NTguNzYyIDIuMDEgMGwzLjY4LTguMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .page-ansprechpartner .area-content .pane-contact .pane-title:before, .page-ansprechpartner .area-content .pane-contact .no-svg .pane-title:before, .no-js .page-ansprechpartner .area-content .pane-contact .pane-title:before, .page-ansprechpartner .area-content .pane-contact .no-js .pane-title:before { background-position: 0 -962px; } .page-faq .pane-pm-existing-pages .node-faq h3, .faq-terms .node-faq h3 { position: relative; } .page-faq .pane-pm-existing-pages .node-faq h3:before, .faq-terms .node-faq h3:before { width: 10px; height: 10px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 10px / 2); left: 35%; left: calc(50% - 10px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2I1YjViNSIgZD0iTTkuNjg1IDEuMzhjLjU1LS43NTguMzYzLTEuMzgtLjQxOC0xLjM4SC43MzJjLS43OCAwLS45NjguNjItLjQxNiAxLjM4bDMuNjc4IDguMDVjLjU1My43NjIgMS40NTguNzYyIDIuMDEgMGwzLjY4LTguMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .page-faq .pane-pm-existing-pages .node-faq h3:before, .page-faq .pane-pm-existing-pages .node-faq .no-svg h3:before, .no-svg .faq-terms .node-faq h3:before, .faq-terms .node-faq .no-svg h3:before, .no-js .page-faq .pane-pm-existing-pages .node-faq h3:before, .page-faq .pane-pm-existing-pages .node-faq .no-js h3:before, .no-js .faq-terms .node-faq h3:before, .faq-terms .node-faq .no-js h3:before { background-position: 0 -882px; } .node-document .collapsible-container .collapsible-label { position: relative; } .node-document .collapsible-container .collapsible-label:before { width: 10px; height: 10px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 10px / 2); left: 35%; left: calc(50% - 10px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCI+PHBhdGggZmlsbD0iI2UyMDAxYSIgZD0iTTkuNjg1IDEuMzhjLjU1LS43NTguMzYzLTEuMzgtLjQxOC0xLjM4SC43MzJjLS43OCAwLS45NjguNjItLjQxNiAxLjM4bDMuNjc4IDguMDVjLjU1My43NjIgMS40NTguNzYyIDIuMDEgMGwzLjY4LTguMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .node-document .collapsible-container .collapsible-label:before, .node-document .collapsible-container .no-svg .collapsible-label:before, .no-js .node-document .collapsible-container .collapsible-label:before, .node-document .collapsible-container .no-js .collapsible-label:before { background-position: 0 -922px; } .node-document .collapsible-container .collapsible-label:before, .page-faq .pane-pm-existing-pages .node-faq h3:before, .faq-terms .node-faq h3:before { left: 0; right: auto; } .page-ansprechpartner .area-content .pane-contact .pane-title:before { left: auto; right: 2.4rem; } .node-document .collapsed.collapsible-container .collapsible-label:before, .page-faq .pane-pm-existing-pages .node-faq.collapsed h3:before, .faq-terms .node-faq.collapsed h3:before, .page-ansprechpartner .area-content .pane-contact.collapsed .pane-title:before { transform: rotate(-180deg); } .node-document .collapsible-container .collapsible-label { color: #e2001a; position: relative; margin: 2rem 0 1rem; padding-left: 2rem; } .pane-related-content .node-document, .pane-meldungen .node-document, .node-document { padding: 2.4rem; /* head */ /* content */ /* Aside */ } .node-document .summary-image { float: left; margin-bottom: 2rem; } .node-document .summary-image .download { background: rgba(51, 55, 69, 0.8); display: block; height: 12rem; padding: 0; width: 12rem; text-indent: -119988px; overflow: hidden; text-align: left; position: relative; } .node-document .summary-image .download:before { width: 20px; height: 20px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 20px / 2); left: 35%; left: calc(50% - 20px / 2); background-position: 0 -2956px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .node-document .summary-image .download:before { background-position: 0 -2551.5px; } } .node-document .info { margin-left: calc(210px + 2rem); } .view-document-overview .node-document .info { margin-left: calc(140px + 2rem); } .without-image.node-document .info { margin-left: 0; } .node-document .date-display-single { font-size: 1.4rem; font-family: "Fago Sc Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; color: #7d7d7d; text-transform: capitalize; } .node-document .item-title { font-size: 2.4rem; line-height: 2.8rem; } .node-document .field-name-field-link { display: inline; } .node-document .field-name-field-link .field-items, .node-document .field-name-field-link .field-item { display: inherit; } .node-document .field-name-field-link a { text-transform: uppercase; } .pane-related-content .node-document dl, .pane-meldungen .node-document dl, .node-document dl { display: block; overflow: hidden; } .pane-related-content .node-document dt, .pane-meldungen .node-document dt, .node-document dt { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; float: left; clear: left; } .pane-related-content .node-document dt:after, .pane-meldungen .node-document dt:after, .node-document dt:after { content: ":"; } .pane-related-content .node-document dd, .pane-meldungen .node-document dd, .node-document dd { float: left; margin-left: 0.25rem; } .node-document .collapsible-container { clear: left; } .node-document .aside { padding-top: 1rem; border-top: 1px solid #dadada; } .node-document .links { margin: 0; float: left; } .node-document .links li { padding-left: 0; } a.msf-blue-call-to-action, a.msf-donate-call-to-action, a.msf-green-call-to-action, a.msf-work-call-to-action, a.msf-red-call-to-action { background-color: #333745; color: white; font-size: 2.4rem; height: auto; line-height: 2.4rem; margin: 2.4rem 0; padding: 1.3rem 1rem; } a.msf-blue-call-to-action:link, a.msf-donate-call-to-action:link, a.msf-green-call-to-action:link, a.msf-work-call-to-action:link, a.msf-red-call-to-action:link, a.msf-blue-call-to-action:active, a.msf-donate-call-to-action:active, a.msf-green-call-to-action:active, a.msf-work-call-to-action:active, a.msf-red-call-to-action:active, a.msf-blue-call-to-action:visited, a.msf-donate-call-to-action:visited, a.msf-green-call-to-action:visited, a.msf-work-call-to-action:visited, a.msf-red-call-to-action:visited { color: white; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content slider :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .msfde-token.paginated-textbox, .view-mode-full .quote-multiple, .area-sidebar .has-flexslider { position: relative; } .msfde-token.paginated-textbox .flex-prev, .view-mode-full .quote-multiple .flex-prev, .area-sidebar .has-flexslider .flex-prev { float: left; } .msfde-token.paginated-textbox .flex-next, .view-mode-full .quote-multiple .flex-next, .area-sidebar .has-flexslider .flex-next { float: right; } .msfde-token.paginated-textbox .flex-disabled, .view-mode-full .quote-multiple .flex-disabled, .area-sidebar .has-flexslider .flex-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: default; pointer-events: none; } .msfde-token.mitarbeiten-banner, .msfde-token.dark-banner, .msfde-token.donation-banner, .msfde-token.campaign-banner, .msfde-token.quote { position: relative; padding: 0.8rem 0.4rem; margin-left: -1.6rem; margin-right: -1.6rem; padding: 1.6rem; margin-left: -2.4rem; margin-right: -2.4rem; } .msfde-token.mitarbeiten-banner h3, .msfde-token.dark-banner h3, .msfde-token.donation-banner h3, .msfde-token.campaign-banner h3, .msfde-token.quote h3 { line-height: 1.2em; } .msfde-token.mitarbeiten-banner .col-center img, .msfde-token.dark-banner .col-center img, .msfde-token.donation-banner .col-center img, .msfde-token.campaign-banner .col-center img, .msfde-token.quote .col-center img { bottom: 0; margin: auto; position: absolute; right: 45%; top: 0; position: static; } .msfde-token.mitarbeiten-banner .col-right a, .msfde-token.dark-banner .col-right a, .msfde-token.donation-banner .col-right a, .msfde-token.campaign-banner .col-right a, .msfde-token.quote .col-right a { bottom: 0; margin: auto; position: absolute; right: 0.8rem; top: 0; position: static; } .msfde-token.paginated-textbox { padding: 0 2rem 2rem; background: #f1f1f1; padding: 0 14.63415% 2rem; } .msfde-token.paginated-textbox ul.slides { padding-left: 0; } .msfde-token.paginated-textbox .paging { font-size: 1.4rem; color: white; text-align: center; line-height: 34px; width: 85px; height: 42px; display: block; position: relative; top: 0; left: calc(50% - 42px); margin-bottom: 1.2rem; background: #333745; border-radius: 0 0 10rem 10rem; } .msfde-token.paginated-textbox .flex-control-paging { display: none; } .msfde-token.paginated-textbox .flex-direction-nav { margin-top: 1.6rem; } .msfde-token.paginated-textbox .item li ul { list-style-type: disc; } .msfde-token.paginated-textbox .item li ol { list-style-type: decimal; } .msfde-token.paginated-textbox .flex-prev, .msfde-token.paginated-textbox .flex-next { float: none; position: absolute; top: calc(50% - 11px); } .msfde-token.paginated-textbox .flex-prev { left: 2.43902%; } .msfde-token.paginated-textbox .flex-next { right: 2.43902%; } .msfde-token.quote { padding: 1.6rem; margin: 1.6rem 0; background: #f1f1f1; padding: 1.6rem 0; } .msfde-token.quote .quote-avatar { text-align: center; margin-bottom: 1.6rem; } .msfde-token.quote .quote-avatar img { width: 115px; height: 115px; } .msfde-token.quote .quote-author { font-size: 2rem; margin-bottom: 0.2rem; } .msfde-token.quote .quote-body p:last-child { margin-bottom: 0; } .msfde-token.quote .quote-share { clear: both; border-top: 1px solid lightgrey; } .msfde-token.quote .col-left { width: 22.22222%; float: left; margin-right: -100%; margin-left: 3.7037%; clear: none; } .msfde-token.quote .col-right { width: 59.25926%; float: left; margin-right: -100%; margin-left: 29.62963%; clear: none; } .msfde-token.quote .quote-share { margin: 0 3.7037%; } .msfde-token.quote .col-left { width: 18.51852%; float: left; margin-right: -100%; margin-left: 3.7037%; clear: none; } .msfde-token.quote .col-right { width: 62.96296%; float: left; margin-right: -100%; margin-left: 25.92593%; clear: none; } .view-mode-full .links, .additional .group-attachments, .vocabulary-glossar .pane-taxonomy-term-field-synonyms, .vocabulary-glossar .pane-taxonomy-term-field-link { border-top: 1px solid #dadada; padding: 1.6rem; padding: 2.4rem; } .node-event.node-teaser, .node-event.map-popup { margin-bottom: 2rem; background: white; border: 1px solid lightgrey; box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3); } .node-event.node-teaser a, .node-event.map-popup a { color: #333745; } .node-event.node-teaser .headline, .node-event.map-popup .headline { text-transform: uppercase; box-shadow: inset 0 -1px 0 0 lightgrey; } .node-event.node-teaser .title, .node-event.map-popup .title { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 1.4; display: inline; margin: 0; } .node-event.node-teaser .timetable, .node-event.map-popup .timetable { padding-left: 4.2rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTguNTMyIDBDMy44NDItLjAwNi4wMzIgMy43ODcuMDA2IDguNDg1Yy0uMDI4IDQuNjU4IDMuODIgOC41MTMgOC41IDguNTE1IDQuNjcgMCA4LjQ4OC0zLjgxNSA4LjQ4OC04LjQ4NkMxNi45OTQgMy44MyAxMy4xOTIuMDA2IDguNTMyIDB6bTMuNyA5Ljc1NmwtLjExNy4wMDhjLTEuMTkzIDAtMi41NjIuMDA1LTMuNzU1LS4wMDItLjQzNi0uMDAzLS43MDctLjI3LS43NC0uNzA3LS4wMi0uMjUzLS4wMTQtLjUwOC0uMDE0LS43NjIgMC0xLjU5NC0uMDA4LTMuMTc2LS4wMDItNC43NyAwLS41OS4yOS0uODguNzcyLS44OC4zOTYgMCAuNjc0LjM2OC42NzQuNjkyLjAwMi4xMjYtLjAyIDMuMTQtLjAyIDQuNTg1di41NzJoMS40MDJjLjUwOCAwIDEuMTY0LS4wMzcgMS42NzItLjAyNy4zOTMuMDA4Ljc3My4xOS43NzMuNjQ2LjAwMi40Ni0uMzA4LjY1LS42NDYuNjV6Ii8+PC9zdmc+'); background-repeat: no-repeat; background-position: 1.6rem center; } .no-svg .node-event.node-teaser .timetable, .no-svg .node-event.map-popup .timetable, .no-js .node-event.node-teaser .timetable, .no-js .node-event.map-popup .timetable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAb9JREFUOI2dk89L1GEQxj/P7DdiU1CLDmmnvC1YuEvabSN/dCuhQ1AX7Zp/QJc6RH+BdRPDW9BJOwW5h6gEF5Zoo255E4siNIm22p3pUKuL7q7h3GbmfT7PDMwrdkUuN9pFSjcCLkf4gBndOJsYb8EWqcZcqbS02ahRY5I9O3ItzGYMju2G18Pdv5o0XSouParXUtuA4bHbkh4IjuwIYisUz4X6t12lNNKV3pOnqutrqy8ADCB7bvy64O5uVxmPX68ULrpT2TuT7g0Oj18FsFxutCtqtZkW01dbrQVgUbufyec7LVJMmdnRto/NrWlDdjz949CkgSbaAQDcrTkE8OCSRfjAfhBwteoYcSYxo3s/hKQ7EQHot/AMssmdJl3Jv0PqaSaO0FB2aOyCWbz6m7sQFYJtiIdtJCErC/JNRxWDQCGivo0g9liVDWJhv3XahaRFS0geOnw5CMCdT9UK81YsPv0Gmj4IJGV+s1x+9j0F8HHtw7sTff2/JEb+HxG3SiuFWWj4gOtrqy97+/rfg59H6mit9c+gyVJxabZe2nNEmXy+M/0zmSKYcOw07j2YbRj+BrFw2Drml5efbDVq/gAV/ppXxl6newAAAABJRU5ErkJggg=='); } .node-event.node-teaser .md-timetable, .node-event.map-popup .md-timetable { padding-left: 4.2rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMSI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTE2LjQ4IDEuOTdIMTMuNVYuNTA3QzEzLjUuMTggMTMuMzU0IDAgMTMuMDM3IDBoLS4wMmMtLjMxNiAwLS40NzYuMTgtLjQ3Ni41MDdWMS45N0g1LjQ3Vi41MDdDNS40Ny4xOCA1LjI0IDAgNC45MiAwaC0uMDFjLS4zMTUgMC0uNzMuMTgtLjczLjUwN1YxLjk3SDEuNDU2Qy42NDYgMS45NyAwIDIuNTEzIDAgMy4zMzd2MTYuMDg4QzAgMjAuMjUuNjQ1IDIxIDEuNDUzIDIxSDE2LjQ4Yy44MSAwIDEuNTItLjc1IDEuNTItMS41NzRWMy4zMzZjMC0uODIzLS43MS0xLjM2Ni0xLjUyLTEuMzY2em0tMy45MzguODEydjEuMjgyYzAgLjMyNC4xNTguODYuNDc1Ljg2aC4wMmMuMzE2IDAgLjQ2Ni0uNTM2LjQ2Ni0uODZWMi43ODJjLjY0Mi4yMTcuNzg4LjY3Mi43ODggMS4yMDIgMCAuNzQ0LS41NiAxLjM0Ni0xLjI4IDEuMzQ2cy0xLjI2LS42MDItMS4yNi0xLjM0NmMwLS41My4xNS0uOTgyLjgtMS4yMDJ6bS04LjM2IDB2MS4yODJjMCAuMzI0LjQxLjg2LjcyOC44NmguMDFjLjMxNSAwIC41NDUtLjUzNi41NDUtLjg2VjIuNzgyYy42NDIuMjE3Ljc1Ny42NzIuNzU3IDEuMjAyIDAgLjc0NC0uNTg3IDEuMzQ2LTEuMzEyIDEuMzQ2LS43MyAwLTEuMzktLjYwMi0xLjM5LTEuMzQ2IDAtLjUzLjMzNC0uOTgyLjY2LTEuMjAyem0xMi4zNyAxNi41NzJIMS41MDdjMC03LjU0LS4wMTUtNS4yNDItLjAxNS0xMi4xM0gxNi41N2MwIDUuOTA1LS4wMTUgMTIuMTMtLjAxNSAxMi4xM3pNNi4yNTYgOC45NmguNzR2OS4yNjJoLS43NHYtOS4yNnptNS4xNDQgMGguNzM3djkuMjYySDExLjR2LTkuMjZ6bTMuNzkyIDQuMjZ2Ljc1M0gzLjIwNHYtLjc1NGgxMS45ODh6Ii8+PC9zdmc+'); background-repeat: no-repeat; background-position: 1.6rem center; } .no-svg .node-event.node-teaser .md-timetable, .no-svg .node-event.map-popup .md-timetable, .no-js .node-event.node-teaser .md-timetable, .no-js .node-event.map-popup .md-timetable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAdVJREFUOI3NkrFrE2EYxn/vl4smJRVSECwtLhkKItbmMJcunkPubxCcBbfi4D8gCm4u6lBw6KCbm5O0Q7Po2RChg4hLLWLJH9ATY0K+1yGm+XK9CNYOPuPzPu+P5/3ucqRUrUXb84uVmc7BXis9A6gG0dr8QuV652Dvret7AL7v50ulUg4g6XIemAvDsJAFSrqcUyiM5kmSDNrtdl9WguilgVvjqO1ZKz+NkdkskLV6CODMFctGbmGx8gqQoWVfqMgZgzyxQkWgPEnhEyLPjJEW2DLIBUAQrnpHEADMjKg2gS9gi2AmOYazIvJVVfNgis6iiB9Emmr/zqJzBlnKOg3sLtYIhiuu62UkV41b8pjMcqroGKToOsrGH7anSkRuAnc9AEG+tXc2YzdQr9eLcRz/cL0wDAvN5o0e3Lcjz69Fq0j6NR31dfZ12jvs5p8uB/HFyUrDd5gK+lv9f6DfX214p3+tsa5y9P+E1Vq07YYFQs/aRrUW7QOokduojkGoCkC7tXVntOQH0daHnc2GC6oGjecDk3u4+/7NvpM73dP+GaSq5lRAI00FDXSwdszMDR59L0snKy8rQdQD+9mofDxJExVdErjkifJYlXsYuXwiENIHHvwCCDuRAQcRWaIAAAAASUVORK5CYII='); } .node-event.node-teaser:hover, .node-event.map-popup:hover, .node-event.node-teaser:hover a, .node-event.map-popup:hover a, .node-event.node-teaser:hover .col:not(.date), .node-event.map-popup:hover .col:not(.date) { color: white; background-color: #333745; } .node-event.node-teaser:hover .headline, .node-event.map-popup:hover .headline { box-shadow: inset 0 -1px 0 0 #3d414e, inset 0 -2px 0 0 #1f2129; } .node-event.node-teaser:hover .location, .node-event.map-popup:hover .location { box-shadow: none; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiIgdmlld0JveD0iLTEgLTAuOTEgMjQgMjEuODIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMi45ODcgMTcuNjA0TDIwLjAxMyA1LjJsLS4wNDgtLjE1Ni0uMTE2LS4xMjQtLjE1LS4wNzgtLjE5LS4wMjRoLS4wNWwtLjA1LjAwNi0uMDUuMDA0LS4wNS4wMTItNC40NTMgMi41MyAxLjMyIDEzLjUwNyA2LjE2LTIuMzA1Yy4xMS0uMDI0LjE5NS0uMDczLjI4LS4xNC4wOS0uMDY3LjE2LS4xNTMuMjEzLS4yNDNsLjEyNS0uMjljLjAyLS4xLjAzMy0uMi4wMS0uM3pNOS45OSA3Ljk5Yy4yMTYuMzc3LjQ2Mi43MzcuNzEgMS4xNDVsLjE0Ni0uMTkzYy41ODMtLjk0IDEuMDE4LTEuNzU3IDEuNTktMi43MS40Ny0xLjA0MyAxLjA1NS0xLjc4MiAxLjQ3Ny0yLjk3LjYwOC0yLjIzMy0uOTYtMy43NzMtMi40ODMtNC4xLTEuODgtLjQwNS0zLjg5Ny45NDYtNC4wMzcgMi43OTQtLjA3Mi45MjYuMTY0IDEuNzA1LjYxIDIuNTkyLjU5IDEuMTggMS4yNjIgMi4wNTIgMS45ODggMy40NHptLjc0Mi03LjM5NGMuOTMuMDEyIDEuNjgyLjc1IDEuNjYgMS42NDctLjAxOC44NzgtLjc3NyAxLjU3LTEuNzA1IDEuNTU3LS45MjUtLjAwMy0xLjY2Ny0uNzE2LTEuNjY3LTEuNTkgMC0uODk4Ljc3LTEuNjI3IDEuNzEyLTEuNjE0em0yLjEyOCA2LjA5MmwtLjAyNC4wNDhjLS43MDQgMS4xODQtMS4yNCAyLjE5NC0xLjk2MiAzLjM1N2wtLjE3NC4yNDdjLS4zMTItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQwNC0uNzY2LS43OTMtMS40MDYtMS4xNi0yLjAxMmwtLjk4NiAxMS4yOSA3LjcyIDIuNzItMS4xNS0xMy40NzctMS4zODQtLjc0NXpNNy41MiA0Ljk3NWwtNC41ODMgMS45Ny0uMjcuMS0uMjIyLjE3My0uMTY1LjIwOC0uMDgyLjIyNUwtMSAyMC4xOGwuMDEyLjIyNy4wODQuMTguMTYuMTEzLjIxNC4wNGguMTE1bC4wNi0uMDIyLjA2LS4wMiA3LjI1NC0yLjU4M0w4LjA5IDUuOThjLS4yLS4zMjItLjM4Ny0uNjU2LS41NzQtMS4wMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .node-event.node-teaser:hover .location, .no-svg .node-event.map-popup:hover .location, .no-js .node-event.node-teaser:hover .location, .no-js .node-event.map-popup:hover .location { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAhhJREFUSImtlE2ITXEYxt/zGpoZX5m4QikbJcVi1ExpRsbKZCE2EmqUYkMSZWE1S9kg67GwY2ml1CyVlB0bQmEmHzWNmPL8Hpt7deY493Yxz+rc//95n9/7vud2IroQsEvSY0kLkt4Dl7up60rAJklfJb0Grkq6b9vAxaUCXGgG7mmdSXoi6UU39dmFZ0XVm5nLIqL3rzptJ2DItiW9kzQp6WHz953/DrddADskTbskSd9tb63xDwLj3XS9Gjgv6aWkBeCgpJ8lwPWKf7PtKUlIet6p4/WSbkqaK3cM7JZ0qxn+CThu+zDQB1yTNF+Cy/a6WoCkG65IEsAp4KykL8AlSW+a4DNVf/P8UCuz+i8aq+F+jogB21eKojhpe01mtvavNpsYaT33lPY4YHt3jX/GdiMztwFHIuJYeejaVUSM1k2wLzOLGvPHiNgYEZGZpzOzv3TXB3yrqRm03b8IYLtuPS1Ao81dIyI+VA8zc7ntoeoE+9uEzLQD2K4FNDX6GwA0MnNnnasoik4TbGgHaL3o1gTtuo/4hxU1NWy7J5u0ToD5yotdBCiKohaQmSttD3YzAR3uOk0QEbE3gS2Zuf2PVHgFTEbEM2AKmKsJGIiI2dqu4G1EPA3gROmzMCvpNjBcLbDdCxyV9EDSj9Jn4UCpfl7SXWDMdtEinZN0Dxi33VMNrpPttcCEpEfAiKRpYML2qm7ql1S/ACNJBHuIYFtBAAAAAElFTkSuQmCC'); } .node-event.node-teaser:hover .location.online, .node-event.map-popup:hover .location.online { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNi40MiIgdmlld0JveD0iLTIuNSAtMS43MTEgMjQgMTYuNDIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMS41IDEyLjczMnYuNzc4YzAgLjY2LS41MiAxLjE5OC0xLjE2NyAxLjE5OGgtMjEuNjdjLS42NCAwLTEuMTYzLS41MzgtMS4xNjMtMS4xOTh2LS43NzhoOS43MzVjLjA3OC4zNy4zOTguNTg3Ljc4LjU4N2gyLjk3Yy4zODYgMCAuNy0uMjIuNzg0LS41OWg5Ljczek0xNy44NzYtLjA5SDEuMTIydjEwLjMxaDE2Ljc1NFYtLjA5bTEuNTc4IDExLjkyNkgtLjQ1Vi0uNTFjMC0uNjY2LjUyLTEuMjAyIDEuMTYzLTEuMjAyaDE3LjU3NGMuNjQyIDAgMS4xNjYuNTM2IDEuMTY2IDEuMnYxMi4zNDh6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .node-event.node-teaser:hover .location.online, .no-svg .node-event.map-popup:hover .location.online, .no-js .node-event.node-teaser:hover .location.online, .no-js .node-event.map-popup:hover .location.online { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAMRJREFUOI3tkz0OQVEQRr/5no4QrdJaXqK1AIUFKKxAYQ0SpU5iATbAQnR6UWjMN5r3xO8juZXEqebe3DmnukCBpLG7eyTi7i5pVHpr5RAROYCDpCUSIDmQlAOY3QUK9lmWjZ7Xvsfd87tgiuwb/oF/4AcCjx+tHRHDFKGk1tsAyQ6ARUqAJCRdz1YOEdEF0EyR37gOJHcAYO6+ItmrWpB0NLMpgFNxVY+ICcn6h711zcy2kvoAsoq3jYiYvxBU+c9mtrkART6OeynwS+0AAAAASUVORK5CYII='); } .node-event.node-teaser:hover .timetable, .node-event.map-popup:hover .timetable { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguNTMyIDBDMy44NDItLjAwNi4wMzIgMy43ODcuMDA2IDguNDg1Yy0uMDI4IDQuNjU4IDMuODIgOC41MTMgOC41IDguNTE1IDQuNjcgMCA4LjQ4OC0zLjgxNSA4LjQ4OC04LjQ4NkMxNi45OTQgMy44MyAxMy4xOTIuMDA2IDguNTMyIDB6bTMuNyA5Ljc1NmwtLjExNy4wMDhjLTEuMTkzIDAtMi41NjIuMDA1LTMuNzU1LS4wMDItLjQzNi0uMDAzLS43MDctLjI3LS43NC0uNzA3LS4wMi0uMjUzLS4wMTQtLjUwOC0uMDE0LS43NjIgMC0xLjU5NC0uMDA4LTMuMTc2LS4wMDItNC43NyAwLS41OS4yOS0uODguNzcyLS44OC4zOTYgMCAuNjc0LjM2OC42NzQuNjkyLjAwMi4xMjYtLjAyIDMuMTQtLjAyIDQuNTg1di41NzJoMS40MDJjLjUwOCAwIDEuMTY0LS4wMzcgMS42NzItLjAyNy4zOTMuMDA4Ljc3My4xOS43NzMuNjQ2LjAwMi40Ni0uMzA4LjY1LS42NDYuNjV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .node-event.node-teaser:hover .timetable, .no-svg .node-event.map-popup:hover .timetable, .no-js .node-event.node-teaser:hover .timetable, .no-js .node-event.map-popup:hover .timetable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAStJREFUOI2dk8EuQ1EYhOf8sSwX4QnsJGJnK/EAIkEabOoBumAjIjwEWw/BUqRJLTyGB1CtYEOiM2Ohkrq595bO7pw/852ZPzlATrYzSQe22yR7/NYzyTtJh7azvOeXJO2S7LpCJHuSdsoApwWGN5I3RTBJJ3nAXsmrlwBA8r0EVAeAsJ3ZPi9p2K+qb/vCdi1s70fEbOWygCi8jJi33YiU0sYIQClkkGY9JC39AZIqZssTAKZHElI6sw0An7YXI6IxNM4mALwCmCnxr0haA3A/gCUAHwCGIS/JdhvA6qg0ZZJ0G7avxgUM0l0nSVO2HyJibowUjymlhZ9Dveq/lEnSZp56/E/AUWE829skO1Vmkh1JW5U9bdckNUm2SD6R7JPskmxJakqazHu+AOS3rTVXwR5WAAAAAElFTkSuQmCC'); } .node-event.node-teaser:hover .md-timetable, .node-event.map-popup:hover .md-timetable { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIyMSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjQ4IDEuOTdIMTMuNVYuNTA3QzEzLjUuMTggMTMuMzU0IDAgMTMuMDM3IDBoLS4wMmMtLjMxNiAwLS40NzYuMTgtLjQ3Ni41MDdWMS45N0g1LjQ3Vi41MDdDNS40Ny4xOCA1LjI0IDAgNC45MiAwaC0uMDFjLS4zMTUgMC0uNzMuMTgtLjczLjUwN1YxLjk3SDEuNDU2Qy42NDYgMS45NyAwIDIuNTEzIDAgMy4zMzd2MTYuMDg4QzAgMjAuMjUuNjQ1IDIxIDEuNDUzIDIxSDE2LjQ4Yy44MSAwIDEuNTItLjc1IDEuNTItMS41NzRWMy4zMzZjMC0uODIzLS43MS0xLjM2Ni0xLjUyLTEuMzY2em0tMy45MzguODEydjEuMjgyYzAgLjMyNC4xNTguODYuNDc1Ljg2aC4wMmMuMzE2IDAgLjQ2Ni0uNTM2LjQ2Ni0uODZWMi43ODJjLjY0Mi4yMTcuNzg4LjY3Mi43ODggMS4yMDIgMCAuNzQ0LS41NiAxLjM0Ni0xLjI4IDEuMzQ2cy0xLjI2LS42MDItMS4yNi0xLjM0NmMwLS41My4xNS0uOTgyLjgtMS4yMDJ6bS04LjM2IDB2MS4yODJjMCAuMzI0LjQxLjg2LjcyOC44NmguMDFjLjMxNSAwIC41NDUtLjUzNi41NDUtLjg2VjIuNzgyYy42NDIuMjE3Ljc1Ny42NzIuNzU3IDEuMjAyIDAgLjc0NC0uNTg3IDEuMzQ2LTEuMzEyIDEuMzQ2LS43MyAwLTEuMzktLjYwMi0xLjM5LTEuMzQ2IDAtLjUzLjMzNC0uOTgyLjY2LTEuMjAyem0xMi4zNyAxNi41NzJIMS41MDdjMC03LjU0LS4wMTUtNS4yNDItLjAxNS0xMi4xM0gxNi41N2MwIDUuOTA1LS4wMTUgMTIuMTMtLjAxNSAxMi4xM3pNNi4yNTYgOC45NmguNzR2OS4yNjJoLS43NHYtOS4yNnptNS4xNDQgMGguNzM3djkuMjYySDExLjR2LTkuMjZ6bTMuNzkyIDQuMjZ2Ljc1M0gzLjIwNHYtLjc1NGgxMS45ODh6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .node-event.node-teaser:hover .md-timetable, .no-svg .node-event.map-popup:hover .md-timetable, .no-js .node-event.node-teaser:hover .md-timetable, .no-js .node-event.map-popup:hover .md-timetable { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAYAAABLy77vAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAWlJREFUOI3NlLFqVkEUhGeON+SPRYqArYhNwMJgmSqND2DnCwiCRZCApWnjA9gERMQkT5DWIlbaWohYKSLYpxF/MzM2N/Gy3j/ij0WmWfjO7Jyzy7JAoyRHth+0/FS2N20/annXb14AcKk3XiG5kmQyFpRkOclkUBfJn5B0kIEk/ZB0nBmSdDysS7Kk55TkqmI/zT6AWyRfJrlfVdebY30guUdy0fadqlrrebrTkF6XAbwm+SnJ0sjJFgF8AbAA4KxeVWSSNF3fAFipqtUZl/0OAKvq5pD/ETSvur7LLskX8wQkuVtVDzsAIPm1qt4ODbaXqup7s2kCYErSA986ANQ5nQ5bZvspgKsN5rlB/6qLF9T1KwFA0u7g/WwkOWr8G7ZvJ/kMAEnunVWSxPZ220HSqxH2LMm1IbO9lSQX6o7qfwX9ThsTyc0RtpPk26hf0hTARwDv5xxmFcANJHki6WTWj/g3SZrafvwLPLwxKvA8tSAAAAAASUVORK5CYII='); } .node-event.node-teaser:hover .category, .node-event.map-popup:hover .category { box-shadow: inset 0 1px 0 0 #1f2129, inset 0 2px 0 0 #3d414e; } .node-event.node-teaser .category { box-shadow: inset 0 1px 0 0 lightgrey; padding-bottom: 0.8rem; } .node-event.node-teaser:hover .category { box-shadow: inset 0 1px 0 0 #1f2129, inset 0 2px 0 0 #3d414e; } .node-event.node-teaser .location, .node-event.node-teaser .timetable, .node-event.node-teaser .md-timetable { float: left; width: 50%; } .node-event.node-teaser .category { clear: left; } .node-event.node-teaser .timetable, .node-event.node-teaser .md-timetable { background-position: 0 center; padding-left: 2.8rem; } .node-event.node-teaser .col { float: left; } .node-event.node-teaser .date { width: 20%; max-width: 96px; padding: 0.6rem 0 0.8rem 0; } .node-event.node-teaser .month { display: block; } .node-event.node-teaser .headline { width: 80%; box-shadow: none; } .node-event.node-teaser .date, .node-event.node-teaser .headline { min-height: 80px; max-height: 80px; } .node-event.node-teaser .location { clear: left; line-height: 2.8rem; } .node-event.node-teaser .location, .node-event.node-teaser .timetable, .node-event.node-teaser .md-timetable, .node-event.node-teaser .category { width: 33.333%; box-shadow: inset 1px 1px 0 0 lightgrey; } .node-event.node-teaser .timetable, .node-event.node-teaser .md-timetable { background-position: 1.6rem center; padding-left: 4.2rem; line-height: 2.8rem; } .node-event.node-teaser .category { clear: none; border-top: 0; padding-top: 1.3rem; padding-bottom: 0; } .node-event.node-teaser:hover .timetable, .node-event.node-teaser:hover .md-timetable { box-shadow: inset 1px 0 0 0 #1f2129, inset 2px 0 0 0 #3d414e; } .node-event.node-teaser:hover .category { box-shadow: inset 1px 0 0 0 #1f2129, inset 2px 0 0 0 #3d414e; } .node-event.node-teaser .wrapper { width: 100%; display: table; } .node-event.node-teaser .col { height: 100%; clear: none; float: none; display: table-cell; vertical-align: middle; padding: 1.6rem; } .node-event.node-teaser .col:not(.date) { background-color: transparent; } .no-displaytable .node-event.node-teaser .col { float: left; } .node-event.node-teaser .date { width: 12%; min-width: 12%; } .node-event.node-teaser .headline { width: 44%; border-bottom: 0; box-shadow: inset -1px 0 0 0 lightgrey; } .node-event.node-teaser .location { width: 17%; padding: 1.6rem 1.6rem 1.6rem 5rem; box-shadow: none; } .node-event.node-teaser .timetable, .node-event.node-teaser .md-timetable { width: 19%; padding: 1.6rem 1.6rem 1.6rem 4.2rem; box-shadow: none; } .node-event.node-teaser .category { width: 10%; box-shadow: inset 1px 0 0 0 lightgrey; } .node-event.node-teaser:hover .headline { box-shadow: inset -1px 0 0 0 #3d414e, inset -2px 0 0 #1f2129; } .node-event .col { padding: 1.6rem; background: white; } .node-event .date { color: white; padding: 0.2rem 0 0.8rem 0; background: #e2001a; text-align: center; } .node-event .day, .node-event .month { line-height: 1.2; text-align: center; } .node-event .day { font-family: "Unit Slab Sc Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 3.4rem; } .node-event .month, .node-event .ab { font-family: "Fago Sc Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; text-transform: lowercase; } .node-event .location { padding-left: 5.2rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiIgdmlld0JveD0iLTEgLTAuOTEgMjQgMjEuODIiPjxwYXRoIGZpbGw9IiMzMzM3NDUiIGQ9Ik0yMi45ODcgMTcuNjA0TDIwLjAxMyA1LjJsLS4wNDgtLjE1Ni0uMTE2LS4xMjQtLjE1LS4wNzgtLjE5LS4wMjRoLS4wNWwtLjA1LjAwNi0uMDUuMDA0LS4wNS4wMTItNC40NTMgMi41MyAxLjMyIDEzLjUwNyA2LjE2LTIuMzA1Yy4xMS0uMDI0LjE5NS0uMDczLjI4LS4xNC4wOS0uMDY3LjE2LS4xNTMuMjEzLS4yNDNsLjEyNS0uMjljLjAyLS4xLjAzMy0uMi4wMS0uM3pNOS45OSA3Ljk5Yy4yMTYuMzc3LjQ2Mi43MzcuNzEgMS4xNDVsLjE0Ni0uMTkzYy41ODMtLjk0IDEuMDE4LTEuNzU3IDEuNTktMi43MS40Ny0xLjA0MyAxLjA1NS0xLjc4MiAxLjQ3Ny0yLjk3LjYwOC0yLjIzMy0uOTYtMy43NzMtMi40ODMtNC4xLTEuODgtLjQwNS0zLjg5Ny45NDYtNC4wMzcgMi43OTQtLjA3Mi45MjYuMTY0IDEuNzA1LjYxIDIuNTkyLjU5IDEuMTggMS4yNjIgMi4wNTIgMS45ODggMy40NHptLjc0Mi03LjM5NGMuOTMuMDEyIDEuNjgyLjc1IDEuNjYgMS42NDctLjAxOC44NzgtLjc3NyAxLjU3LTEuNzA1IDEuNTU3LS45MjUtLjAwMy0xLjY2Ny0uNzE2LTEuNjY3LTEuNTkgMC0uODk4Ljc3LTEuNjI3IDEuNzEyLTEuNjE0em0yLjEyOCA2LjA5MmwtLjAyNC4wNDhjLS43MDQgMS4xODQtMS4yNCAyLjE5NC0xLjk2MiAzLjM1N2wtLjE3NC4yNDdjLS4zMTItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQwNC0uNzY2LS43OTMtMS40MDYtMS4xNi0yLjAxMmwtLjk4NiAxMS4yOSA3LjcyIDIuNzItMS4xNS0xMy40NzctMS4zODQtLjc0NXpNNy41MiA0Ljk3NWwtNC41ODMgMS45Ny0uMjcuMS0uMjIyLjE3My0uMTY1LjIwOC0uMDgyLjIyNUwtMSAyMC4xOGwuMDEyLjIyNy4wODQuMTguMTYuMTEzLjIxNC4wNGguMTE1bC4wNi0uMDIyLjA2LS4wMiA3LjI1NC0yLjU4M0w4LjA5IDUuOThjLS4yLS4zMjItLjM4Ny0uNjU2LS41NzQtMS4wMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; background-position: 1.6rem center; } .no-svg .node-event .location, .no-js .node-event .location { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAvBJREFUSIm1lU9oXFUUxn/feTMxaRuVUKfYgiiCG6Ex86CJCc1gSOuiItKFSFGxIkjx30YUQVwoWEGkLgS3EdSFElwpaAIywYWNabMouuyiIE0roRAbnU7yznGRyWQyeeNkoXd1373fOb/znXPhiV2soeGJw2AfGzHmsKywcxfnZz7cTWzSTVAuP3q3JVqQR19gHymUyXjt4KH7V67+fvnnbvGFriUUsydBdzo6tjg/swAwdGTyPOJF4Fy3cOsKCPUAWGJNrSkSc/V2jWU3DsQcQIRPl49MTkWoDKQuPv0vAApiRcScsHHE2xK4UzOPD9rF5eHjqfADF87PfvevgNHRx/tr2d+ngZeE3yvsicx9zMwSADM+ufDL7JVN/dDo5EHLeB/iWVyXgCZArYnTtLI/kp53IuI5M/Vvnmehh0zxguBlh2W5vyolfxVt5ft69L8u/E2wvRtq93qxd/+ln769AW1DjqT4lsQrrcmBSMgG5fEr7jdEnA2zsyi+qce+pwXvbiXf8Fe8tTbW/Grr+ER7uxyWAw2ExRshnhG63eAeAAvL8lqM+dHNbXMGIyPHB9YiBtu1Iq5JlMDuC8VJx5+yRl0ekUntESA0vsNBPYsKbTNpiJcCDjT2zxu2pwXeB76a4zpN08f2bANg7GgPABFLglLulSjhXG0/NyhGUh/eDiAeyU0C1zzyAVKUMO0ANHyMNwGHHz5WEnowX6gli8gFEHYXkQ+QdLQJSFy51W8IYskt34EHJWJnixq3I5VKpWAAwjsCPHSzdbDb4EYJiw4A2/tnrSdtzKCzA8m9IxxKRCcACMZscGTikOCBnODLHvGePLlI+JTjKztqxAfcuN4BfsWdhYJFslV9+B+IryL0+eL8bOvf6nSlUjmzWiuciLBT4CeQ3QZmZLG29RZ9NbBpgs8W52d+BKIgvN+xL434Yl/f+g/VanU9r6JqtVoDpoHpNJ28wwtxUqFTUlKH9TlHU7d617/+rVq92all/8v6B3y2IyZmoMS/AAAAAElFTkSuQmCC'); } .node-event .location.online { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIxNi40MiIgdmlld0JveD0iLTIuNSAtMS43MTEgMjQgMTYuNDIiPjxwYXRoIGZpbGw9IiMzMzM3NDUiIGQ9Ik0yMS41IDEyLjczMnYuNzc4YzAgLjY2LS41MiAxLjE5OC0xLjE2NyAxLjE5OGgtMjEuNjdjLS42NCAwLTEuMTYzLS41MzgtMS4xNjMtMS4xOTh2LS43NzhoOS43MzVjLjA3OC4zNy4zOTguNTg3Ljc4LjU4N2gyLjk3Yy4zODYgMCAuNy0uMjIuNzg0LS41OWg5Ljczek0xNy44NzYtLjA5SDEuMTIydjEwLjMxaDE2Ljc1NFYtLjA5bTEuNTc4IDExLjkyNkgtLjQ1Vi0uNTFjMC0uNjY2LjUyLTEuMjAyIDEuMTYzLTEuMjAyaDE3LjU3NGMuNjQyIDAgMS4xNjYuNTM2IDEuMTY2IDEuMnYxMi4zNDh6Ii8+PC9zdmc+'); background-repeat: no-repeat; background-position: 1.6rem center; } .no-svg .node-event .location.online, .no-js .node-event .location.online { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAQCAYAAAAMJL+VAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAANhJREFUOI3t0z1qgkEUheH3XO0MhLTZhQq6gflImwWkyAIkugCxsLcTUtoFsoB0VkkVwSwjvaSwifda+JOI+BGYKuCphmHuebjFiG0ardSTYgRmZMWdUHc+m44BqrvrkJI8Fpg/5QF2FyIBhwBAmD4/3qednPp6OyWhHy6n7C85A2fgHwAHH02uq0a7uM8pDLg8CWBcCyY5gDbIMVBZ+YNk/ZzyPSIW+3OzVTwjbsoGgvgChoGWABbUCAYYtbI5h5cqxBvErTuVkrcXwONuef/VcComvg17XQNEszVhQFyjMQAAAABJRU5ErkJggg=='); } .node-event .category { min-height: 60px; } .node-event .filter-icon { width: 100%; min-height: 40px; display: block; } .node-event .filter-icon:before { bottom: auto; top: 0; } .node-event.view-mode-full .field-name-field-media-summary-image { margin-bottom: 0; } .node-event.view-mode-full .subcategory, .node-event.view-mode-full .category { border-bottom: 1px solid lightgrey; } .node-event.view-mode-full .subcategory { text-transform: uppercase; text-align: center; } .node-event.view-mode-full .category { padding: 1rem 0; border-top: 1px solid lightgrey; } .node-event.view-mode-full .subcategory, .node-event.view-mode-full .location { width: 50%; float: left; border: 0; } .node-event.view-mode-full .subcategory { border-right: 1px solid lightgrey; } .node-event.view-mode-full .category { clear: left; } .node-event.view-mode-full .subcategory, .node-event.view-mode-full .location { width: 50%; min-height: 60px; float: left; clear: none; } .node-event.view-mode-full .figure { position: relative; } .node-event.view-mode-full .cartouche { width: 74%; position: absolute; left: 2.6rem; bottom: 15%; z-index: 9; border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.3); } .node-event.view-mode-full .col { margin: 0; } .node-event.view-mode-full .cartouche { display: table; } .node-event.view-mode-full .col { min-height: 70px; float: none; clear: none; display: table-cell; vertical-align: middle; } .no-displaytable .node-event.view-mode-full .col { float: left; } .node-event.view-mode-full .date { color: white; width: 24%; padding: 0.5rem 1rem; } .node-event.view-mode-full .month { display: block; } .node-event.view-mode-full .subcategory { width: 25%; } .node-event.view-mode-full .location { width: 38%; } .node-event.view-mode-full .category { width: 13%; border: none; border-left: 1px solid lightgrey; } .node-event.view-mode-full .figure { margin-bottom: 2.4rem; } .node-event.view-mode-full .cartouche { left: 34px; bottom: 15%; } .node-event.view-mode-full .field-name-field-event-subcategory { text-transform: uppercase; } .node-event.view-mode-full .tab-trigger { display: none; } .node-event.view-mode-full .tab-trigger a { padding: 0 3rem 0 1rem; width: auto; text-indent: 0; } .node-event.view-mode-full .tab-trigger a:before { left: auto; right: 15%; } .node-event.view-mode-full .tab-pane:last-child .tab-trigger a { padding: 0 1rem 0 3rem; } .node-event.view-mode-full .tab-pane:last-child .tab-trigger a:before { left: 15%; right: auto; } .node-event.view-mode-full .center-wrapper { text-align: center; } .node-event.view-mode-full .content { min-height: 450px; padding: 0 0 2.4rem; } .node-event.view-mode-full .tab-pane { padding: 0 2.4rem; /* for IE 6/7 */ *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); /* non-JS fallback */ *zoom: 1; } .node-event.view-mode-full .tab-pane:before, .node-event.view-mode-full .tab-pane:after { content: ""; display: table; } .node-event.view-mode-full .tab-pane:after { clear: both; } .node-event.view-mode-full .tab-trigger { display: block; float: right; } .node-event.view-mode-full .tab-pane:last-child .tab-trigger { float: left; } .node-event.view-mode-full .figure { min-height: 338px; } .node-event.view-mode-full .figure--with-caption { margin-bottom: 0.5rem; } .node-event.view-mode-full .caption--outside { padding: 0 2.4rem; font-size: 1.4rem; line-height: 1.8rem; color: #7d7d7d; display: block; } .node-event.view-mode-full .caption--outside p { margin-bottom: 0.5rem; line-height: 1.8rem; } /** * Filters. */ .page-start .views-exposed-form, .page-mediathek .views-exposed-form { margin-top: 1.9rem; margin-bottom: -0.5rem; margin-top: 0; margin-bottom: 0; } .page-start .views-exposed-form .views-exposed-widgets, .page-mediathek .views-exposed-form .views-exposed-widgets { margin-bottom: 0; padding-top: 0; } .page-start .views-exposed-form .views-exposed-widget, .page-mediathek .views-exposed-form .views-exposed-widget { width: 100%; padding-top: 0; padding-left: 0; padding-right: 0; } .page-start .views-exposed-form .views-exposed-widget.has-tab-filters, .page-mediathek .views-exposed-form .views-exposed-widget.has-tab-filters { float: none; clear: both; padding-bottom: 0; } .page-start .views-exposed-form .filter-tabs, .page-mediathek .views-exposed-form .filter-tabs { text-align: center; width: 100%; margin: 0; padding-left: 0; background-color: #f1f1f1; border-color: rgba(0, 0, 0, 0.15); border-style: solid; border-width: 1px 0; } .page-start .views-exposed-form .filter-tabs a, .page-mediathek .views-exposed-form .filter-tabs a { font-size: 1.5rem; color: #333745; text-transform: uppercase; height: 77px; width: 20%; display: block; float: left; padding-top: 5.5rem; box-shadow: inset -1px 0 0 0 rgba(255, 255, 255, 0.9), inset -2px 0 0 rgba(0, 0, 0, 0.15); } .page-start .views-exposed-form .filter-tabs a:nth-child(5), .page-mediathek .views-exposed-form .filter-tabs a:nth-child(5) { box-shadow: none; } .page-start .views-exposed-form .filter-tabs a.selected, .page-mediathek .views-exposed-form .filter-tabs a.selected { color: #e2001a; } .page-start .views-exposed-form .filter-tabs a:focus, .page-mediathek .views-exposed-form .filter-tabs a:focus, .page-start .views-exposed-form .filter-tabs a:hover, .page-mediathek .views-exposed-form .filter-tabs a:hover, .page-start .views-exposed-form .filter-tabs a:active, .page-mediathek .views-exposed-form .filter-tabs a:active, .page-start .views-exposed-form .filter-tabs a.selected:focus, .page-mediathek .views-exposed-form .filter-tabs a.selected:focus, .page-start .views-exposed-form .filter-tabs a.selected:hover, .page-mediathek .views-exposed-form .filter-tabs a.selected:hover, .page-start .views-exposed-form .filter-tabs a.selected:active, .page-mediathek .views-exposed-form .filter-tabs a.selected:active { color: white; background-color: #e2001a; } .page-start .views-exposed-form .form-type-select, .page-mediathek .views-exposed-form .form-type-select { width: 100%; padding: 0 1.7rem; } .page-start .views-exposed-form select, .page-mediathek .views-exposed-form select { width: 100%; } .page-start .views-exposed-form select, .page-mediathek .views-exposed-form select, .page-start .views-exposed-form select option, .page-mediathek .views-exposed-form select option { text-transform: uppercase; } .page-start .views-exposed-form select.replaced-by-tabs, .page-mediathek .views-exposed-form select.replaced-by-tabs { display: none; } .page-start .views-exposed-form .form-type-select, .page-mediathek .views-exposed-form .form-type-select { padding: 0; } .node-document .share, .pane-vacancies .share { clear: both; margin-top: 1rem; display: inline-block; vertical-align: middle; clear: none; float: right; margin-top: 0; } .node-document .module-share, .pane-vacancies .module-share { display: inline; float: none; } .node-document .module-share .share-print, .pane-vacancies .module-share .share-print { display: none; } .view-id-tweets.view-display-id-page_2 .item, .view-artikelstarteite .facebook-feed .item { padding-top: 2.4rem; } .view-id-tweets.view-display-id-page_2 .share-actions, .view-artikelstarteite .facebook-feed .share-actions { padding-left: 2.4rem; } .view-id-tweets.view-display-id-page_2 .col-left, .view-artikelstarteite .facebook-feed .col-left { width: 12.19512%; float: left; margin-right: -100%; margin-left: 0%; clear: none; padding-left: 2.4rem; } .view-id-tweets.view-display-id-page_2 .col-right, .view-artikelstarteite .facebook-feed .col-right { width: 85.36585%; float: right; margin-left: 0; margin-right: 0; clear: none; padding-right: 2.4rem; } .view-id-tweets.view-display-id-page_2 .col-left, .view-artikelstarteite .facebook-feed .col-left { width: 14.81481%; float: left; margin-right: -100%; margin-left: 3.7037%; clear: none; padding: 0; } .view-id-tweets.view-display-id-page_2 .col-right, .view-artikelstarteite .facebook-feed .col-right { width: 74.07407%; float: left; margin-right: -100%; margin-left: 18.51852%; clear: none; padding: 0; } .view-id-tweets.view-display-id-page_2 .avatar img, .view-artikelstarteite .facebook-feed .avatar img { width: 72px; height: 72px; } .view-id-tweets.view-display-id-page_2 .share-actions, .view-artikelstarteite .facebook-feed .share-actions { padding-left: 18.51852%; } /** * Facebook / Twitter feeds on frontpage. */ .facebook-feed, .view-id-tweets, .view-id-tweets_msf_germany, .facebook-feed ul, .view-id-tweets ul, .view-id-tweets_msf_germany ul, .facebook-feed li, .view-id-tweets li, .view-id-tweets_msf_germany li { list-style: none; margin: 0; padding: 0; } .facebook-feed .item, .view-id-tweets .item, .view-id-tweets_msf_germany .item { padding: 1.6rem 0 0; margin: 0 0 1.6rem; } .facebook-feed .avatar img, .view-id-tweets .avatar img, .view-id-tweets_msf_germany .avatar img { display: block; border: 3px solid #f1f1f1; } .facebook-feed .col-left, .view-id-tweets .col-left, .view-id-tweets_msf_germany .col-left, .facebook-feed .col-right, .view-id-tweets .col-right, .view-id-tweets_msf_germany .col-right { margin-bottom: 2.4rem; } .facebook-feed .time, .view-id-tweets .time, .view-id-tweets_msf_germany .time { font-size: 1.2rem; color: #7d7d7d; display: block; margin-bottom: 0.8rem; } .facebook-feed .share-actions, .view-id-tweets .share-actions, .view-id-tweets_msf_germany .share-actions { text-transform: uppercase; height: 32px; clear: both; background: #f1f1f1 url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; } .facebook-feed .share-actions a, .view-id-tweets .share-actions a, .view-id-tweets_msf_germany .share-actions a { line-height: 32px; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: tables :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-vacancies .table { border-collapse: collapse; color: #333745; } .pane-vacancies .table thead, .pane-vacancies .table .table-header { background-color: #333745; color: white; } .pane-vacancies .table thead a, .pane-vacancies .table .table-header a { color: inherit; } .pane-vacancies .table tbody, .pane-vacancies .table .table-body { border: 1px solid #dadada; border-top: 0; } .pane-vacancies .table tr, .pane-vacancies .table .table-row { background-color: #f1f1f1; border-top: 1px solid lightgrey; box-shadow: inset 0 1px 0 0 white; } .pane-vacancies .table tr:first-child, .pane-vacancies .table .table-row:first-child { border-top: 0; box-shadow: none; } .pane-vacancies .table th, .pane-vacancies .table td, .pane-vacancies .table .table-head, .pane-vacancies .table .table-cell { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; line-height: 2rem; padding: 1.3rem 0.7rem 1rem; } .pane-vacancies .table th:first-child, .pane-vacancies .table td:first-child, .pane-vacancies .table .table-head:first-child, .pane-vacancies .table .table-cell:first-child { padding-left: 1.4rem; } .pane-vacancies .table th:last-child, .pane-vacancies .table td:last-child, .pane-vacancies .table .table-head:last-child, .pane-vacancies .table .table-cell:last-child { padding-right: 1.4rem; } .pane-vacancies .table th, .pane-vacancies .table .table-head { text-transform: uppercase; } .msfde-content-teaser { width: 100%; margin-bottom: 1.6rem; width: -webkit-calc(((100% - 1.7rem) / 2)); width: -moz-calc(((100% - 1.7rem) / 2)); width: calc(((100% - 1.7rem) / 2)); float: left; margin: 0 1.6rem 1.6rem 0; position: relative; overflow: hidden; } .msfde-content-teaser .overlay { width: 100%; padding: 0.8rem 1rem; background-color: #333745; } .msfde-content-teaser .title, .msfde-content-teaser .title a { color: white; } .msfde-content-teaser .title { font-size: 2.4rem; word-wrap: break-word; overflow-wrap: break-word; line-height: 1.2; margin: 0; } .msfde-content-teaser .body { color: white; display: none; margin-top: 1rem; } .msfde-content-teaser p { line-height: 1.3; } .msfde-content-teaser .button { max-width: 100%; padding: 0 0.8rem; } .no-js .msfde-content-teaser, .no-csscalc .msfde-content-teaser { width: 45%; } .msfde-content-teaser:nth-of-type(2n+2) { float: right; margin: 0 0 1.6rem 0; } .msfde-content-teaser .overlay { position: absolute; left: 0; bottom: 0; padding: 0.8rem 1.6rem 1.2rem; background-color: rgba(51, 55, 69, 0.8); } .no-rgba .msfde-content-teaser .overlay { background-color: transparent; background-image: url('../img/backgrounds/bg-transparent-petroleum.png?1573740001'); background-repeat: repeat; background-position: 0 0; } .no-touch .msfde-content-teaser .overlay { min-height: 0%; max-height: 100%; } .no-touch .msfde-content-teaser .body { width: -webkit-calc((100% - (1.6rem * 2))); width: -moz-calc((100% - (1.6rem * 2))); width: calc((100% - (1.6rem * 2))); display: block; position: absolute; opacity: 0; } .no-js .no-touch .msfde-content-teaser .body, .no-csscalc .no-touch .msfde-content-teaser .body { width: 89%; } .no-touch .msfde-content-teaser:hover .overlay, .no-touch .msfde-content-teaser:active .overlay { min-height: 100%; } .no-touch .msfde-content-teaser:hover .body, .no-touch .msfde-content-teaser:active .body { opacity: 1; } .csstransitions .msfde-content-teaser .overlay { transition: min-height 250ms ease-out; } .csstransitions .msfde-content-teaser .body { transition: opacity 180ms ease-in-out 200ms; } .csstransitions .msfde-content-teaser:hover .overlay, .csstransitions .msfde-content-teaser:active .overlay { transition: min-height 250ms ease-out; } .view-display-id-panel_pane_4 .col-right { padding: 0 1.6rem 1.6rem; } .view-display-id-panel_pane_4 .without-image .col-right { padding-top: 1.6rem; } .view-display-id-panel_pane_4 .node { float: left; width: 33.33333%; } .view-display-id-panel_pane_4 .teaser-wrapper { padding: 1.6rem 2.4rem; } .view-display-id-panel_pane_4 .col-right { padding: 0; } .panel-msfde-theme .view-region-news .teaser-wrapper, .view-artikelstarteite .teaser-wrapper, .view-article-overview .teaser-wrapper, .view-mode-full .footer .teaser-wrapper, .pane-related-content .teaser-wrapper, .pane-meldungen .teaser-wrapper, .pane-einsatzl-nder .teaser-wrapper, .area-main .pane-mitarbeiterportraets .teaser-wrapper { padding: 2.4rem 1.6rem; } .panel-msfde-theme .view-region-news .node, .view-artikelstarteite .node, .view-article-overview .node, .view-mode-full .footer .node, .pane-related-content .node, .pane-meldungen .node, .pane-einsatzl-nder .node, .area-main .pane-mitarbeiterportraets .node, .panel-msfde-theme .view-region-news .views-row, .view-artikelstarteite .views-row, .view-article-overview .views-row, .view-mode-full .footer .views-row, .pane-related-content .views-row, .pane-meldungen .views-row, .pane-einsatzl-nder .views-row, .area-main .pane-mitarbeiterportraets .views-row { border-bottom: 1px solid #dadada; } .panel-msfde-theme .view-region-news .node:last-child, .view-artikelstarteite .node:last-child, .view-article-overview .node:last-child, .view-mode-full .footer .node:last-child, .pane-related-content .node:last-child, .pane-meldungen .node:last-child, .pane-einsatzl-nder .node:last-child, .area-main .pane-mitarbeiterportraets .node:last-child, .panel-msfde-theme .view-region-news .views-row:last-child, .view-artikelstarteite .views-row:last-child, .view-article-overview .views-row:last-child, .view-mode-full .footer .views-row:last-child, .pane-related-content .views-row:last-child, .pane-meldungen .views-row:last-child, .pane-einsatzl-nder .views-row:last-child, .area-main .pane-mitarbeiterportraets .views-row:last-child { border: none; } .panel-msfde-theme .view-region-news .teaser-wrapper, .view-artikelstarteite .teaser-wrapper, .view-article-overview .teaser-wrapper, .view-mode-full .footer .teaser-wrapper, .pane-related-content .teaser-wrapper, .pane-meldungen .teaser-wrapper, .pane-einsatzl-nder .teaser-wrapper, .area-main .pane-mitarbeiterportraets .teaser-wrapper { padding: 3rem 2.4rem; } .panel-msfde-theme .view-region-news .col-left, .view-artikelstarteite .col-left, .view-article-overview .col-left, .view-mode-full .footer .col-left, .pane-related-content .col-left, .pane-meldungen .col-left, .pane-einsatzl-nder .col-left, .area-main .pane-mitarbeiterportraets .col-left { width: 34.14634%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .panel-msfde-theme .view-region-news .col-right, .view-artikelstarteite .col-right, .view-article-overview .col-right, .view-mode-full .footer .col-right, .pane-related-content .col-right, .pane-meldungen .col-right, .pane-einsatzl-nder .col-right, .area-main .pane-mitarbeiterportraets .col-right { width: 63.41463%; float: right; margin-left: 0; margin-right: 0; clear: none; } .panel-msfde-theme .view-region-news .without-image .col-right, .view-artikelstarteite .without-image .col-right, .view-article-overview .without-image .col-right, .view-mode-full .footer .without-image .col-right, .pane-related-content .without-image .col-right, .pane-meldungen .without-image .col-right, .pane-einsatzl-nder .without-image .col-right, .area-main .pane-mitarbeiterportraets .without-image .col-right { width: auto; float: none; margin: 0; padding: 0; } .panel-msfde-theme .view-region-news .teaser-wrapper, .view-artikelstarteite .teaser-wrapper, .view-article-overview .teaser-wrapper, .view-mode-full .footer .teaser-wrapper, .pane-related-content .teaser-wrapper, .pane-meldungen .teaser-wrapper, .pane-einsatzl-nder .teaser-wrapper, .area-main .pane-mitarbeiterportraets .teaser-wrapper { padding: 3rem 0; } .panel-msfde-theme .view-region-news .col-left, .view-artikelstarteite .col-left, .view-article-overview .col-left, .view-mode-full .footer .col-left, .pane-related-content .col-left, .pane-meldungen .col-left, .pane-einsatzl-nder .col-left, .area-main .pane-mitarbeiterportraets .col-left { width: 26.92308%; float: left; margin-right: -100%; margin-left: 3.84615%; clear: none; } .panel-msfde-theme .view-region-news .col-right, .view-artikelstarteite .col-right, .view-article-overview .col-right, .view-mode-full .footer .col-right, .pane-related-content .col-right, .pane-meldungen .col-right, .pane-einsatzl-nder .col-right, .area-main .pane-mitarbeiterportraets .col-right { width: 57.69231%; float: left; margin-right: -100%; margin-left: 34.61538%; clear: none; } .panel-msfde-theme .view-region-news .without-image .col-right, .view-artikelstarteite .without-image .col-right, .view-article-overview .without-image .col-right, .view-mode-full .footer .without-image .col-right, .pane-related-content .without-image .col-right, .pane-meldungen .without-image .col-right, .pane-einsatzl-nder .without-image .col-right, .area-main .pane-mitarbeiterportraets .without-image .col-right { width: 88.46154%; float: left; margin-right: -100%; margin-left: 3.84615%; clear: none; } .footer-slides .pane-mitarbeiterportraets .col-left { display: table-footer-group; } .footer-slides .pane-mitarbeiterportraets .col-right { display: table-header-group; } .footer-slides .pane-mitarbeiterportraets .teaser-wrapper { padding: 2.4rem; } .footer-slides .pane-mitarbeiterportraets .col-left { width: 34.14634%; float: right; margin-left: 0; margin-right: 0; clear: none; display: block; } .footer-slides .pane-mitarbeiterportraets .col-right { width: 63.41463%; float: left; margin-right: -100%; margin-left: 0%; clear: none; display: block; } .footer-slides .pane-mitarbeiterportraets .without-image .col-right { width: auto; float: none; margin: 0; padding: 0; } .footer-slides .pane-mitarbeiterportraets .teaser-wrapper { padding: 2.4rem; } .footer-slides .pane-mitarbeiterportraets .col-left { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .footer-slides .pane-mitarbeiterportraets .col-right { width: 66.66667%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .footer-slides .pane-mitarbeiterportraets .without-image .col-right { width: 100%; float: right; margin-left: 0; margin-right: 0; clear: none; } /** * Teasers */ .view-display-id-panel_pane_4 .teaser-thumb, .panel-msfde-theme .view-region-news .teaser-thumb, .view-artikelstarteite .teaser-thumb, .view-article-overview .teaser-thumb, .view-mode-full .footer .teaser-thumb, .pane-related-content .teaser-thumb, .pane-meldungen .teaser-thumb, .pane-einsatzl-nder .teaser-thumb, .area-main .pane-mitarbeiterportraets .teaser-thumb, .footer-slides .pane-mitarbeiterportraets .teaser-thumb, #block-views-presse-block-3 .teaser-thumb, .pane-views-presse-block-3 .teaser-thumb, #block-views-presse-block-4 .teaser-thumb, .pane-views-presse-block-4 .teaser-thumb, .document-related-publications .teaser-thumb { margin-bottom: 2rem; } .view-display-id-panel_pane_4 .teaser-thumb img, .panel-msfde-theme .view-region-news .teaser-thumb img, .view-artikelstarteite .teaser-thumb img, .view-article-overview .teaser-thumb img, .view-mode-full .footer .teaser-thumb img, .pane-related-content .teaser-thumb img, .pane-meldungen .teaser-thumb img, .pane-einsatzl-nder .teaser-thumb img, .area-main .pane-mitarbeiterportraets .teaser-thumb img, .footer-slides .pane-mitarbeiterportraets .teaser-thumb img, #block-views-presse-block-3 .teaser-thumb img, .pane-views-presse-block-3 .teaser-thumb img, #block-views-presse-block-4 .teaser-thumb img, .pane-views-presse-block-4 .teaser-thumb img, .document-related-publications .teaser-thumb img { box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); } .view-display-id-panel_pane_4 .teaser-postdate, .panel-msfde-theme .view-region-news .teaser-postdate, .view-artikelstarteite .teaser-postdate, .view-article-overview .teaser-postdate, .view-mode-full .footer .teaser-postdate, .pane-related-content .teaser-postdate, .pane-meldungen .teaser-postdate, .pane-einsatzl-nder .teaser-postdate, .area-main .pane-mitarbeiterportraets .teaser-postdate, .footer-slides .pane-mitarbeiterportraets .teaser-postdate, #block-views-presse-block-3 .teaser-postdate, .pane-views-presse-block-3 .teaser-postdate, #block-views-presse-block-4 .teaser-postdate, .pane-views-presse-block-4 .teaser-postdate, .document-related-publications .teaser-postdate { margin-bottom: 1rem; } .view-display-id-panel_pane_4 .teaser-area, .panel-msfde-theme .view-region-news .teaser-area, .view-artikelstarteite .teaser-area, .view-article-overview .teaser-area, .view-mode-full .footer .teaser-area, .pane-related-content .teaser-area, .pane-meldungen .teaser-area, .pane-einsatzl-nder .teaser-area, .area-main .pane-mitarbeiterportraets .teaser-area, .footer-slides .pane-mitarbeiterportraets .teaser-area, #block-views-presse-block-3 .teaser-area, .pane-views-presse-block-3 .teaser-area, #block-views-presse-block-4 .teaser-area, .pane-views-presse-block-4 .teaser-area, .document-related-publications .teaser-area { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.4rem; line-height: 2.8rem; } .view-display-id-panel_pane_4 .teaser-area:after, .panel-msfde-theme .view-region-news .teaser-area:after, .view-artikelstarteite .teaser-area:after, .view-article-overview .teaser-area:after, .view-mode-full .footer .teaser-area:after, .pane-related-content .teaser-area:after, .pane-meldungen .teaser-area:after, .pane-einsatzl-nder .teaser-area:after, .area-main .pane-mitarbeiterportraets .teaser-area:after, .footer-slides .pane-mitarbeiterportraets .teaser-area:after, #block-views-presse-block-3 .teaser-area:after, .pane-views-presse-block-3 .teaser-area:after, #block-views-presse-block-4 .teaser-area:after, .pane-views-presse-block-4 .teaser-area:after, .document-related-publications .teaser-area:after { content: ": "; } .view-display-id-panel_pane_4 .teaser-title h3, .panel-msfde-theme .view-region-news .teaser-title h3, .view-artikelstarteite .teaser-title h3, .view-article-overview .teaser-title h3, .view-mode-full .footer .teaser-title h3, .pane-related-content .teaser-title h3, .pane-meldungen .teaser-title h3, .pane-einsatzl-nder .teaser-title h3, .area-main .pane-mitarbeiterportraets .teaser-title h3, .footer-slides .pane-mitarbeiterportraets .teaser-title h3, #block-views-presse-block-3 .teaser-title h3, .pane-views-presse-block-3 .teaser-title h3, #block-views-presse-block-4 .teaser-title h3, .pane-views-presse-block-4 .teaser-title h3, .document-related-publications .teaser-title h3, .view-display-id-panel_pane_4 .teaser-title .h3, .panel-msfde-theme .view-region-news .teaser-title .h3, .view-artikelstarteite .teaser-title .h3, .view-article-overview .teaser-title .h3, .view-mode-full .footer .teaser-title .h3, .pane-related-content .teaser-title .h3, .pane-meldungen .teaser-title .h3, .pane-einsatzl-nder .teaser-title .h3, .area-main .pane-mitarbeiterportraets .teaser-title .h3, .footer-slides .pane-mitarbeiterportraets .teaser-title .h3, #block-views-presse-block-3 .teaser-title .h3, .pane-views-presse-block-3 .teaser-title .h3, #block-views-presse-block-4 .teaser-title .h3, .pane-views-presse-block-4 .teaser-title .h3, .document-related-publications .teaser-title .h3 { margin: 0; } .view-display-id-panel_pane_4 .teaser-body, .panel-msfde-theme .view-region-news .teaser-body, .view-artikelstarteite .teaser-body, .view-article-overview .teaser-body, .view-mode-full .footer .teaser-body, .pane-related-content .teaser-body, .pane-meldungen .teaser-body, .pane-einsatzl-nder .teaser-body, .area-main .pane-mitarbeiterportraets .teaser-body, .footer-slides .pane-mitarbeiterportraets .teaser-body, #block-views-presse-block-3 .teaser-body, .pane-views-presse-block-3 .teaser-body, #block-views-presse-block-4 .teaser-body, .pane-views-presse-block-4 .teaser-body, .document-related-publications .teaser-body { padding-top: 0.6rem; } .view-display-id-panel_pane_4 .teaser-body p, .panel-msfde-theme .view-region-news .teaser-body p, .view-artikelstarteite .teaser-body p, .view-article-overview .teaser-body p, .view-mode-full .footer .teaser-body p, .pane-related-content .teaser-body p, .pane-meldungen .teaser-body p, .pane-einsatzl-nder .teaser-body p, .area-main .pane-mitarbeiterportraets .teaser-body p, .footer-slides .pane-mitarbeiterportraets .teaser-body p, #block-views-presse-block-3 .teaser-body p, .pane-views-presse-block-3 .teaser-body p, #block-views-presse-block-4 .teaser-body p, .pane-views-presse-block-4 .teaser-body p, .document-related-publications .teaser-body p { display: inline; margin: 0; } .view-display-id-panel_pane_4 .teaser-body p:empty, .panel-msfde-theme .view-region-news .teaser-body p:empty, .view-artikelstarteite .teaser-body p:empty, .view-article-overview .teaser-body p:empty, .view-mode-full .footer .teaser-body p:empty, .pane-related-content .teaser-body p:empty, .pane-meldungen .teaser-body p:empty, .pane-einsatzl-nder .teaser-body p:empty, .area-main .pane-mitarbeiterportraets .teaser-body p:empty, .footer-slides .pane-mitarbeiterportraets .teaser-body p:empty, #block-views-presse-block-3 .teaser-body p:empty, .pane-views-presse-block-3 .teaser-body p:empty, #block-views-presse-block-4 .teaser-body p:empty, .pane-views-presse-block-4 .teaser-body p:empty, .document-related-publications .teaser-body p:empty { display: none; } .view-display-id-panel_pane_4:focus .teaser-postdate, .panel-msfde-theme .view-region-news:focus .teaser-postdate, .view-artikelstarteite:focus .teaser-postdate, .view-article-overview:focus .teaser-postdate, .view-mode-full .footer:focus .teaser-postdate, .pane-related-content:focus .teaser-postdate, .pane-meldungen:focus .teaser-postdate, .pane-einsatzl-nder:focus .teaser-postdate, .area-main .pane-mitarbeiterportraets:focus .teaser-postdate, .footer-slides .pane-mitarbeiterportraets:focus .teaser-postdate, #block-views-presse-block-3:focus .teaser-postdate, .pane-views-presse-block-3:focus .teaser-postdate, #block-views-presse-block-4:focus .teaser-postdate, .pane-views-presse-block-4:focus .teaser-postdate, .document-related-publications:focus .teaser-postdate, .view-display-id-panel_pane_4:focus .subtitlecountry, .panel-msfde-theme .view-region-news:focus .subtitlecountry, .view-artikelstarteite:focus .subtitlecountry, .view-article-overview:focus .subtitlecountry, .view-mode-full .footer:focus .subtitlecountry, .pane-related-content:focus .subtitlecountry, .pane-meldungen:focus .subtitlecountry, .pane-einsatzl-nder:focus .subtitlecountry, .area-main .pane-mitarbeiterportraets:focus .subtitlecountry, .footer-slides .pane-mitarbeiterportraets:focus .subtitlecountry, #block-views-presse-block-3:focus .subtitlecountry, .pane-views-presse-block-3:focus .subtitlecountry, #block-views-presse-block-4:focus .subtitlecountry, .pane-views-presse-block-4:focus .subtitlecountry, .document-related-publications:focus .subtitlecountry, .view-display-id-panel_pane_4:hover .teaser-postdate, .panel-msfde-theme .view-region-news:hover .teaser-postdate, .view-artikelstarteite:hover .teaser-postdate, .view-article-overview:hover .teaser-postdate, .view-mode-full .footer:hover .teaser-postdate, .pane-related-content:hover .teaser-postdate, .pane-meldungen:hover .teaser-postdate, .pane-einsatzl-nder:hover .teaser-postdate, .area-main .pane-mitarbeiterportraets:hover .teaser-postdate, .footer-slides .pane-mitarbeiterportraets:hover .teaser-postdate, #block-views-presse-block-3:hover .teaser-postdate, .pane-views-presse-block-3:hover .teaser-postdate, #block-views-presse-block-4:hover .teaser-postdate, .pane-views-presse-block-4:hover .teaser-postdate, .document-related-publications:hover .teaser-postdate, .view-display-id-panel_pane_4:hover .subtitlecountry, .panel-msfde-theme .view-region-news:hover .subtitlecountry, .view-artikelstarteite:hover .subtitlecountry, .view-article-overview:hover .subtitlecountry, .view-mode-full .footer:hover .subtitlecountry, .pane-related-content:hover .subtitlecountry, .pane-meldungen:hover .subtitlecountry, .pane-einsatzl-nder:hover .subtitlecountry, .area-main .pane-mitarbeiterportraets:hover .subtitlecountry, .footer-slides .pane-mitarbeiterportraets:hover .subtitlecountry, #block-views-presse-block-3:hover .subtitlecountry, .pane-views-presse-block-3:hover .subtitlecountry, #block-views-presse-block-4:hover .subtitlecountry, .pane-views-presse-block-4:hover .subtitlecountry, .document-related-publications:hover .subtitlecountry { color: #e2001a; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: page design styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body { background-color: #f1f1f1; background-image: none; background-repeat: no-repeat; background-position: center 108px; } .fact-open body { background-attachment: fixed; background-position: center 108px; background-repeat: repeat; background-size: cover; } body, .fact-open body { background-attachment: fixed; background-position: center 83px; background-repeat: repeat; background-size: cover; } .area-header { background: #e2001a url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#E6EF001E', endColorstr='#E6E00018'); background: url('../img/backgrounds/bg-dots.png?1573740001'), -webkit-linear-gradient(top, rgba(239, 0, 30, 0.9) 20%, rgba(224, 0, 24, 0.9) 100%), #e2001a; background: url('../img/backgrounds/bg-dots.png?1573740001'), -moz-linear-gradient(top, rgba(239, 0, 30, 0.9) 20%, rgba(224, 0, 24, 0.9) 100%), #e2001a; background: url('../img/backgrounds/bg-dots.png?1573740001'), -o-linear-gradient(top, rgba(239, 0, 30, 0.9) 20%, rgba(224, 0, 24, 0.9) 100%), #e2001a; background: url('../img/backgrounds/bg-dots.png?1573740001'), linear-gradient(to bottom, rgba(239, 0, 30, 0.9) 20%, rgba(224, 0, 24, 0.9) 100%), #e2001a; background-repeat: repeat, no-repeat, no-repeat; background-position: top left, top left, top left; -moz-osx-font-smoothing: auto; -webkit-font-smoothing: subpixel-antialiased; } .no-multiplebgs .area-header, .no-cssgradients .area-header, .no-rgba .area-header { background: #e2001a url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; } .area-header:after { background: #333745 url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; box-shadow: inset 0px 5px 3px -3px rgba(0, 0, 0, 0.4); } .area-header .inner { box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.4); } #header-menu { background: white; font-size: 1.2rem; line-height: 28px; text-transform: uppercase; } #header-menu .menu { width: 984px; text-align: right; padding: 0; margin: 0 auto; } #header-menu li { display: inline; margin-right: 1.2rem; } #header-menu a:link, #header-menu a:visited { color: #333745; } #header-menu .first a:link, #header-menu .first a:visited { color: #69adc4; } #header-logo { background: white url('../img/logos/msf_germany_logo.png?1573740001') no-repeat center; background-size: auto 65%; background-size: auto; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { #header-logo { background-image: url('../img/logos/msf_germany_logo.svg?1573740001'); } } .no-svg #header-logo { background-image: url('../img/logos/msf_germany_logo.png?1573740001'); } #map-dropdown { text-align: center; width: 100%; height: 35px; display: none; clear: both; background: #333745 url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; box-shadow: inset 0px 5px 3px -3px rgba(0, 0, 0, 0.4); display: block; height: 28px; } #map-dropdown .map-link { color: white; line-height: 37px; display: inline-block; vertical-align: middle; height: 35px; padding: 0 0 0 3rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwLjkyIDYuOTMybC4wMzItLjA2Mi4wMi4wMS4wMzUtLjAxMi4wNi4wMjQuMDQ0LS4wMTguMDQuMDA0LjA0LS4wMTguMDUtLjAwNC4wMi0uMDA2aC4wMWwuMDEuMDItLjAzLjA3OC4wMTcuMDUtLjA0LjA1NC0uMDMtLjAwNC0uMDQ2LS4wMzQtLjAyNS0uMDEtLjE0LS4wNjgtLjAyMy4wMDYtLjAyLS4wMXptLTEuNzI1LTIuNDZsLS4wMDUuMDA2LjAwNC4wMTUuMDE1LS4wMDIuMDEtLjAyLjAyLS4wMS4wMi0uMDFoLjAxdi4wMWwtLjAyLjA2LS4wMy4wMy0uMDA3LjAyLjAyLjAxLjA0LjAxaC4wMWwuMDIuMDIuMDIuMDN2LjAxbC0uMDIuMDktLjA5LjAyLS4wMTUuMDA4LjAwMy4wMTMuMDA0LjAxLS4wMzUuMDI0di4wMWguMDFsLjA0LS4wMTZ2LjA2NGwtLjA4LjAzLS4wMi4wMS4wMS4wMzcuMDctLjAwMy4wNi4wNGguMDNsLjAwNS0uMDAyLjAyLS4wMDcuMDE0LjAxTDkuMzIgNWwtLjA2LjAyaC0uMDRsLS4xMS4wNS0uMDMuMDN2LjAybC4wMi4wMDIuMDE2LS4wMS4wNjYuMDF2LjAxaC4wMWwuMDctLjA2LjA2OC4wMTcuMDg2LS4wMjcuMDUuMDEuMDYuMDEuMDUuMDIuMDctLjAxLjA2Ni0uMDRIOS43bC0uMDQtLjA2LjAwMy0uMDA1aC4wMDhsLjAxLjAwOGguMDJsLjA1LS4wMy4wMi0uMDM0LS4wMy0uMDYtLjA5LS4wMjctLjA0LS4wMDV2LS4wMWwuMDMtLjAzLS4wMTMtLjAzMi0uMDAyLS4wMy0uMDItLjA3aC0uMDFsLS4wNC4wMDJoLS4wMXYtLjAxTDkuNTIgNC42bC4wMDMtLjA0My0uMDEtLjA0LjAwNC0uMTUzLjAzLS4wNTRjLjAzLS4wNC0uMS0uMDM2LS4xMjYtLjAzNXYtLjAxbC4wMi0uMDMuMDQtLjAydi0uMDMybC0uMDgtLjAxLS4wMy4wMDUtLjAyMy4wMi0uMDYuMDZ2LjAwOGwtLjAyLjAwNGgtLjAxbC0uMDE2LjAxNy4wMDQuMDI3LjAyNy4wMDR2LjAwNWwtLjAxLjAzNWgtLjAxbC0uMDItLjAwOC0uMDMuMDUuMDA0LjAwN3YuMDh6TTIwIDEwYzAgNS41MjItNC40NzggMTAtMTAgMTAtNS41MjMgMC0xMC00LjQ3OC0xMC0xMEMwIDQuNDc3IDQuNDc3IDAgMTAgMGM1LjUyMiAwIDEwIDQuNDc3IDEwIDEwem0tNy4wNC00LjMwNGwuMDQtLjA1My0uMDE1LS4wMzVoLS4wNGwtLjAzNC4wMS0uMDItLjAxNy4wMS0uMDIuMDEtLjAxaC0uMDFsLS4wNy0uMDEtLjExLjAxLS4wMy4wNC0uMDMuMDgtLjA1LjExLS4wMi4wNC0uMDEuMS4wMS4wNi0uMDQuMDMuMDEuMTF2LjAxaC0uMDA3bC0uMDIzLS4wMDV2LjAxNGwuMDQuMDUyLjE0Mi4xMTguMDktLjAwMmguMTA0bC4wNTMtLjAxLjAxNC0uMDI2di0uMDFsLjA0LS4wNC4wOS0uMDYuMTYtLjAyLjE5LjA2NC4yMS4wMy4wNS4wMS4wMDUtLjAwMy4wOC0uMDMyYy4wNi4wMy4yNCAwIC4xOTQtLjE1LS4wMjMtLjA4LS4xMy0uMTIzLS4xNi0uMTM0bC0uMjQtLjE2NC0uMTE2LS4wMi0uMDktLjA2di0uMDFsLjA1LS4xMDItLjAwNi0uMDMtLjA2LS4wMzMuMDctLjA2NS4wMy0uMDM4LS4wMi0uMDMtLjExLjA1LS4wMS4wMDUtLjE2NS4wOTQtLjA0My4wOS4wNTYuMDg0LjAyNS4wMjMtLjEwNS4wOS0uMDM0LS4wMS0uMDA2LS4wMS0uMDktLjA4LS4wMTMtLjAyek0xOC4wMDMgMTBjMC0uODMtLjE0Mi0xLjY2Ni0uMjg3LTIuMTEtLjA0NS0uMTM4LS4xNS0uMjUtLjI4Ni0uMzAyLS4xMzYtLjA1My0uMjg4LS4wNDItLjQxNS4wMy0uMzIuMTgtLjMxLjIwNS0uNDIzLjItLjA1LS4wMDMtLjI4LjE1LS4zNjMtLjAyNi0uMDItLjAzMy0uMS0uMTgtLjIxLjAyMy0uMDMuMDU2LS4yLjAxNC0uMjUtLjAxNy0uMTctLjA5LS4zNi0uMy0uNDEtLjM1NC0uMDYtLjA2NC0uMjIuMDIzLS4xLjE5OC4zOS41ODUuNDYuNTkuNTcuNjQ4bC4xMS0uMDYyLjEtLjA3LjExLS4wODQuMTMuMDM1LjIyLjAzYy4xODIuMDguMTEuMjYuMDguNDdoLS4wMDhsLS4wMy4wMi4wMy4xOWgtLjAwNWwtLjA2LjA0Mi0uMS4xOWMtLjA0Ni4wNTYgMCAuMTktLjEuMTktLjA0IDAtLjE3LjA3Ni0uMTkuMTYyLS4wMjcuMS0uMDguMTktLjE2LjI2bC0uMjUuMmMtLjA1Ni4wNC0uMjcuMjctLjQ1LjMxbC0uMDY4LS4wMjZ2LS4wMDRjLS4xMjUtLjE5LS4xNS0uNDEyLS4yNDUtLjYxLS4xMS0uMjMzLS40MTQtLjI5NS0uNS0uNTUzLS4wNy0uMjItLjEtLjMxLS4yLS4zNy0uMDctLjA0LS4xMjctLjA5NC0uMTctLjE2LS4wNy0uMTEtLjE3Ni0uMjY3LS4yNjQtLjM1bC0uMDctLjE0NGgtLjA0bC0uMDEuMTMzLS4wNjMtLjAxYy0uMDYtLjA2NS0uMTYtLjE4LS4xOS0uMjVsLjAyLjA3NWMuMTMzLjE5My43OSAxLjE0My44MSAxLjIzLjEwNi42LjU3Ljc0LjgwNS45NmwuMDkuMTU1LjA4LjE0Yy4wNC4wNC4wODQuMDM4LjMzLjAwN2wuMS0uMDYuMjUtLjExLjExLS4wNzZjLjA1LS4wMi4xMDQtLjE3LjA5NSAwbC4wMTguMTI2Yy0uMDIyLjI1My0uMDQzLjI5NS0uMDYuMzQ0bC0uMDYuMTkyYy0uMDczLjMxLS4xOTMuNjM2LS40Ljg4bC0uMDEuMDE0Yy0uMTE2LjEwOC0uMzI2LjMwNS0uNDk3LjY0bC0uMzcuNmMtLjA0LjA3LS4wNS4wODgtLjAxNC4xOC4wMjIuMDcuMDk0LjM4LjEwNC43OC4wMTYuNDM4LS4wNTQuNTEtLjE5My42MWwtLjQ4LjM1Yy0uMTIyLjA5LS4xOTUuMjMtLjIuMzg1bC0uMDUuMjE4Yy4wMS4wMTYtLjI4Ny4xNjQtLjM5LjI4NXYuMDFjLjA3LjIxNC0uODA0Ljg0LS45ODUuODQtLjEzLS4wMDMtLjQ1My4wNS0uNjA2LjExNC0uMTA3LjA0Ni0uMzg2LS4wNS0uNDA2LS4xMWwuMDAyLS4wM2MuMDY4LS4wNTYtLjE2Mi0uMzktLjIxOC0uNDNsLS4xMy0uMjItLjAzNy0uNC0uMDE1LS4wMi0uMjctLjM4Yy0uMDQtLjA2LS4xNjItLjEzLS4xNjItLjIwNSAwLS4wOC4xNC0uNDYyLjE1LS40OGwuMDM4LS4wNi4wNC0uMDNjLjA3LS4wMzUuMTctLjEyMi4wNTUtLjMxbC0uMDQzLS4yMmMtLjAyNC0uMTY1LS4yNDUtLjU1LS4yOC0uNTg2IDAgMC0uMjYtLjEyOC0uMzc4LS4zN2wuMDI0LS4wMzJjLjExLS4wOS4wOS0uMi4xMi0uNDNsLjAxLS4wNC4wMDItLjAxOHYtLjAwMmMuMDEtLjA0My4wMi0uMTA0LS4wNC0uMmwtLjA1LS4wMjJoLS4wMDZsLS4wNy0uMDU3di0uMDA0bC0uMTYtLjAxYy0uMTE2LjAzLS4zNjMuMDgtLjM5LS4wOC0uMDM3LS4yMTItLjE4NC0uMjYtLjI1NS0uMjU0LS4zMDcuMDItLjU2Ni4yOC0uODguMjZMOC41NSAxMmMtLjI3LS4xMDMtLjU2NS0uMTA0LS44NDItLjE2LS4wOTQtLjAxNi0uMjMtLjA2LS4yOTctLjEzbC0uMzktLjM4LS4wNi0uMDhjLS4xMi0uMTktLjE3LS42MDUtLjItLjY4bC0uMDEtLjAzMi0uMDMtLjA2M3YtLjAwMmMtLjA5LS4xMTgtLjEyLS4yNzMtLjA3LS40MTZsLjE1My0uNTEuMDA4LS4wMjQuMDEtLjA1Yy4wMzYtLjI1My0uMDEzLS4zNDUtLjAzNi0uMzktLjA1LS4wODMtLjA1LS4wODMuMTctLjM5LjM5Ny0uNTU2LjQ2Ni0uNTgzLjU0NS0uNjE2LjE3NS4wMi41MDMtLjE5Mi41LS4zMDctLjAwNS0uMDM1LS4wMS0uMTEyLjA1Ni0uMjE0bC4xLS4xMDUuMzYtLjI5Yy4wNy0uMDUuMTYtLjA2LjIzLS4wMWwuMTUuMDFIOWMuMjE0LS4xLjQ1LS4xMyAxLjU1LS4ybC4wOTYuMDUuMDkuMmMuMDMuMDQ3IDAgLjA4LS4wODUuMTdsLS4wMS4wOS4xNi4wNS4zMS4xMWMuMDk4LjAyOC4xOC4wOC4yNC4xNTYuMDQuMDUuNTg4LjM3NC41NjUtLjA3bC4wOC0uMTI1Yy4xNzQtLjE0Ny4zMDQuMDQuMzUuMDVsLjE0LjAxOGguMDA2Yy4wNSAwIC4wNy4wNTguMjI3LjA0Ny4yNy0uMDIuNTQuMDIyLjgxLS4wMjVsLjA5NS0uMDM4Yy4zLS4yNDUtLjAwMi0uNTQ1LjA0LS44MTUtLjA5LjAwNC0uMTguMDQtLjI1LjFsLS4wOTUuMDQyLS4xOTYtLjA3LS4wOC4wMzVjLS4wMjMuMDYtLjMxLjAxNy0uMzkyLS4xMjRsLS4xMS0uMDk0aC4wMDVjLjA4LS4wOC0uMDUtLjE0LS4wNi0uMmwuMDM3LS4wNy4wOS0uMDU3LS4xMDMuMDQtLjA1Mi0uMDEtLjEzNS0uMDNjLS4wNTUgMC0uMTEuMDEzLS4xMjMuMDdsLS4wMi4wMjRoLS4wMjVsLS4wNC4wMDUtLjAxOC4wMzZjLjAwNi4wNS4xMzguMS4wMy4xNWwtLjA1LjAzLS4xNC0uMDMtLjA0LjAwMy0uMDEtLjAwNC0uMDU0LS4wNS0uMDI2LS4wNC0uMDI1LS4wMjItLjAzOC0uMDYtLjAxLS4wODJjLS4wMS0uMDY1LS4wNDMtLjEzLS4xLS4xN2wtLjA1LS4wMTYtLjAzLS4wMDYtLjA3NC0uMDMzLS4zNTUtLjI1NS0uMDctLjAyLS4wNC0uMDM2LS4xMS0uMDRIMTAuOWwtLjAyNC4wNi4wMjIuMDQuMjA0LjNjLjAzNi4wNS4wOS4wOC4xNS4wNzVsLjA1LjA0Ni4wMi4wM2MuMDk4LjA1My4yMjQuMDYuMjkuMTdsLS4wMS4wNDMtLjA0LjAxLS4wMDItLjAzLS4wMDItLjAxNC0uMDYtLjA0NS0uMDk0LjA0LS4wMDUuMDA1LjAzLjA2LjA1LjA4LS4wNC4wMi0uMDMuMDc1LS4wNC4wNS0uMDUtLjAxdi0uMDdsLjAzLS4wM2MuMDQtLjAyLS4wMDUtLjA4Ny0uMDI4LS4xMmwtLjA3NC0uMDctLjE0Ni0uMTFjLS4xMi0uMTUtLjMyLS4yMi0uNDItLjM5bC0uMDktLjA3Ny0uMDg1LS4wMi0uMjg2LjE1LS4yOS0uMDQtLjE0LjI1Yy0uMTEuMDYyLS4yNC4wODMtLjM0LjE3bC0uMDEuMDE2LS4wOC4xMXYuMDRsLS4wNC4xMS0uMDIuMDgtLjExLjAxLS4xMS4xLS4yMS0uMDAyTDguNyA3bC0uMDQuMDM2Yy0uMDg2IDAtLjA1Ni0uMTAzLS4wOS0uMTQ3bC0uMDctLjA0LS4wODQuMDItLjA1Mi0uMDM4LS4wMy0uMDMuMDI2LS4xNDYtLjAwNC0uMDUtLjA0LS4wMy0uMDEtLjAwNC4wOTUtLjE3LjAxLS4wMjVjLjA4LS4yMDYuMDgtLjI3NS4wNy0uMzQ0bC4wNDctLjA2aC4wNWMuMDMzLS4wMzguMDg4LS4wNS4xMzQtLjAyNi4wNi4wMy4xODMuMDc1LjM5NC4wODVsLjE1LjAzLjEtLjA0NC4wNC0uMTcuMDUtLjA3Ni4wMS0uMDItLjAyNC0uMWMtLjA5LS4wMS0uMDYtLjEyLS4xMi0uMTZsLS4xNy0uMDY3Yy0uMDE4IDAgLjAyNC0uMDg0LjA5My0uMTFsLjAxLjAwNC4xNC4wMy4wNS0uMDIzLjAxLS4wNS4wMy0uMDMzLjEzLjAzNS4wMzYtLjAzLjAxLS4wMi4xMjYtLjA4LjEzLS4xMDguMTc0LS4xMy4xLS4wNTMuMDItLjAyNi4wNS0uMDMuMS0uMDA1LjA1My0uMDI0Yy4wNTMgMCAuMTIuMDIuMTEtLjEyLS4wMTYtLjEzLjAyNi0uMjYuMTE2LS4zNWwuMDQuMS0uMDIuMDdjLS4xNy4xOS4wNDIuMTguMDUuMjNsLjAxLjAyaC4wMmwuMTg2LS4wNjYuMDMyLjA1NWMuMDM0LjAzLjA5LjA0LjE0LjAxNC4wOTQtLjA1LjIwNS0uMDY3LjMxMi0uMDQ3LjA1NS4wMS4xODctLjEyLjE2LS4xOWwtLjAwNi0uMTM0LjAyNS0uMDYzLjA1My0uMDA2aC4wN2wuMDU2LS4wNzYtLjAxLS4wMTUtLjA0LS4wODMuMDc0LS4wNzRjLjExLS4wMi4xMy4wNC4yNC0uMDUybC4wMS0uMDItLjAyLS4wMTZjLS4wOS0uMDItLjE4LS4wMS0uMjY2LjAybC0uMS4wMzQtLjA2LjAxNGMtLjA3LS4wMS0uMTE4LS4wNzUtLjE0Ni0uMTUtLjAzNC0uMDg2LS4wMi0uMTg0LjAzLS4yNmwuMDYzLS4xMjUuMDEzLS4wNWMtLjAxLS4wNS0uMS0uMDc3LS4xNS0uMDY2LS4xLjAyLS4wMzMuMTQtLjA3My4ybC0uMTI1LjExLS4wMi4yMzhjLjAyLjA5NS4wMS4xOS0uMDMuMjc4bC0uMDEuMjMtLjE3NC4xMmMtLjAxLjA0NC0uMDk0LS4wMi0uMTIzLS4wNWwtLjA2LS4xOWMtLjAyLS4wNTYtLjA2NS0uMDk4LS4xMi0uMTE1bC0uMzEuMDZjLS4xMDMtLjAzLS4xNzYtLjEyLS4xODItLjIzLS4wMDQtLjExLjA2LS4yMS4xNi0uMjUuMzQ1LS4xNC40MS0uMjYuNDMtLjM0NWwuMDQtLjA0LjAyOC0uMDUuMDktLjExLjA3LS4xcy4xOC0uMTc3LjM2Ni0uMjM3bC4xNzItLjAyNi4xMDYuMDIuMDE0LjA1LjIuMDY1Yy4xMDYuMDUuMjQuMDM1LjM1NS4wNi4wNS4wMS4wOC4wNTYuMDc1LjEwNS0uMDA1LjA1LS4wNDcuMDg2LS4wOTYuMDg1bC0uMDc0LjA1NC4wMjQuMDkuMTQuMDc3Yy4wNi4wMi4xNTQuMDM2LjExMy0uMDFsLS4wNi0uMDI3Yy0uMDggMC0uMDU1LS4wNzgtLjAxLS4wNi4wNS4wMi4xODMuMDM0LjA5LS4wNTd2LS4wNGwuMDM0LS4wNjMuMDgtLjAxNi4wMy0uMDA0LjAyNS0uMDM2LjAyNi0uMDMyLjA1My0uMDE1LjAxLS4wNDJjLS4wMS0uMDM0LjAyLS4xMzMuMDctLjE1MmguMDRsLjA0LS4wMjUuMDktLjA1LjExLS4wMjR2LS4wNGwtLjA4NS0uMDkuMDU3LS4wNi0uMDM2LS4wNmMtLjc3My0uMzEtMS42MS0uNDk0LTIuNDgtLjU0LS4xNi4xLS4zMi4yMS0uNDY0LjMzLS41My40MzYtMS4zNi42MTYtMS4zNDYuNTdsLS4xLS4wMjMtLjA3LjAxLS4wMTItLjAzLS4yMTMuMDktLjAxLjAwNC0uMTYuMDQtLjEuMDAzLS4wMS0uMDA2LjA1Ni0uMDQtLjA1Ni4wMTctLjA1LjAwNGMtLjA3LS4wMTQtLjE1LjA0LS4yLjA4bC0uMDMuMDA4LS4wMy4wMjRjMCAuMDMtLjE3LjExLS4xNy4wOTdsLS4wMy0uMDEzLS4wNjcuMDUzLS4xNC4wOS0uMDkzLjA2LS4wNi4wNC0uMDItLjA1LjAzNy0uMDUtLjAxLS4wMDcuMDItLjA0NC0uMDctLjAydi0uMDJsLjA5My0uMTR2LS4wM2MuMDMtLjA0My4xMy0uMTczLjI0My0uMTlsLjAxLS4wMS0uMDQ0LS4wNC4xNy0uMTQuMDkyLS4wNnMuMTMtLjA2Ny4yMy0uMDdjLjA5LS4wMDguMzItLjE2NS4zMi0uMTY3di0uMDRsLjAxLS4wMS4wNy0uMDMuMDEtLjAwNS0uMDE2LS4wMS0uMDguMDI0LS4wMS0uMDFWMi4zbC4xOTMtLjA3Yy4wMy0uMDEuMDMtLjA3LS4wMy0uMDYtLjI5LjA1LS41NS4xNC0uODI2LjIzbC0uMDYzLjA0di4wMjVsLS4wMzYuMDE0LjAyNi4wMS0uMDAyLjAyLS4wNi4wMi0uMDE2LS4wMS0uMDY0LjAzLS4xNC4wNC4wNC0uMDQ4LjA1LS4wNUg3LjJsLS4xNi4xLS4xMTcuMDk2LS4wMDQtLjAxLS4wNS4wMjQuMDEtLjA3My4wMS0uMDItLjEyLjA5LS4wOC4wNC0uMDYtLjAxLS4zMy4xNi0uMDMuMDItLjAxNi4wM0w2LjIyIDN2LjAxOGguMDZsLjA2My4wMjMtLjAwNy4wNy0uMDQyLjA1LS4wOS4xLS4wNjUuMDUtLjM3LjYtLjMuMDZoLS4wOGwtLjA1LS4wNGMtLjAzLS4wOC0uMTItLjExLS4yLS4wOEg1LjFjLS4wMjYuMDEtLjE5LjA2LS4xOC4wODQgMCAwIC4yOS0uMDkuMjI2LjA2NmgtLjAyMmwtLjA0Mi4wMy0uMDc3LS4wMi0uMDE2LjA0Ny4wMS4wMzUtLjA3LjA0OC0uMDUuMDg1LS4wMS4wNjMtLjIxLjAxLS4xMy4wMjRjLS4wNS4wMTctLjE0LjAzOC0uMTguMDk1LS4wOS4wOTgtLjA4LjEyLS4xNy4wOTNsLS4wMi4wMDRDMy4yIDUuNTQgMi41MSA2LjgyMiAyLjE5IDguMjV2LjAwM2wtLjA4LjQxdi4wMTZsLjAzOC4wMmMuMDcgMCAuMTMuMDUuMTQ0LjEybC4wMy4wNC4wNS0uMDFjLjAxLS4wMS4wNy4wNC4wNzUuMTFsLjAyMi4xLS4wMy4xMS0uMDEuMDJjLjAzLjEzLjE4LjY5LjIxLjcybC4wNC4wMTNjLjMxLjM1LjY1LjkxNi42NCAxLjA5LS4wNy4xMy0uMDYuMTI3LS4wMDIuMTk3LjEwNi4xMzMuMTA0LjE0LjA2NC4yNzRsLjExLS4wNi4xMS4wNjMuMDYuMDhjLjA2Ni4wNi4xLjE0LjA5LjIyNiAwIDAgLjEgMCAuMjM0LjEuMTcuMTMuNzc0LjgyLjggMS4wMS4wMS4wOS0uMDI2LjE3LS4wNy4yNDMtLjA1LjA4My0uMjEuMjYtLjI0LjM1MmwtLjA4Ny4wOTUuMDY0LjI3NWMuMDE0LjA1LjA1Mi4zOS4wMzMuNTNsLjAxLjE5Yy4wMDguMDI1LS4wNjIuMTA2LS4xMS4wN2wtLjEyLS4wMmMtLjA4NC4xNC0uMzg2LjE2Mi0uMzIuMzFsLjA2LjEzLjAzLjE2M2MwIC4wMi4wODUuMi4xNS4yN0M1LjY3IDE3LjA1IDcuNzIgMTggOS45OTcgMTggMTQuNDE4IDE3Ljk5OCAxOCAxNC40MTUgMTggOS45OTR6TTguODE3IDQuOWwuMS0uMDQ1LjEwNi0uMDE4LjA1LS4wNzguMDEtLjA1LjAwNy0uMDUuMDM4LS4wNS4wMzUtLjAyYy4wMjUtLjAzNy0uMDY0LS4xNDQtLjEyLS4xM2wtLjEyMy4xLS4wNTIuMDEtLjAyMy4wNC0uMDM3LjA0di4wM2wtLjAxNC4wNS0uMDguMDgzLS4wMDIuMDUyLjEwNS4wMDR6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .svg #map-dropdown .map-link { background-size: auto 69%; background-position: left center; } .no-svg #map-dropdown .map-link, .no-js #map-dropdown .map-link { background-position: 0 -3590px; } #map-dropdown .map-link.map-back { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iNC41IDQuNSAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjQzIDEyLjVsNC42NzYtNC42NzVjLjUyNi0uNTIzLjUyNi0xLjM3NSAwLTEuOWwtMS4wMy0xLjAzYy0uNTIzLS41MjUtMS4zNzYtLjUyNS0xLjkgMEwxMi41IDkuNTY4IDcuODI2IDQuODk1Yy0uNTI1LS41MjUtMS4zNzYtLjUyNS0xLjkwMiAwbC0xLjAzIDEuMDNjLS41MjUuNTI0LS41MjUgMS4zNzYgMCAxLjlMOS41NjggMTIuNWwtNC42NzMgNC42NzRjLS41MjYuNTIzLS41MjUgMS4zNzggMCAxLjlsMS4wMyAxLjAzYy41MjUuNTI3IDEuMzc2LjUyNyAxLjkwMiAwTDEyLjUgMTUuNDNsNC42NzYgNC42NzZjLjUyMy41MjYgMS4zNzYuNTI2IDEuOSAwbDEuMDMtMS4wM2MuNTI1LS41MjMuNTI1LTEuMzc2IDAtMS45TDE1LjQzIDEyLjV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .svg #map-dropdown .map-link.map-back { background-size: auto 56%; } .no-svg #map-dropdown .map-link.map-back, .no-js #map-dropdown .map-link.map-back { background-position: 0 -724px; } #map-dropdown .map-link { line-height: 30px; height: 28px; padding: 0 0 0 2.7rem; background-size: auto; } #breadcrumb { background: transparent; font-size: 0.1rem; letter-spacing: -1em; word-spacing: -1em; } #breadcrumb ol { padding-left: 0; } #breadcrumb li { display: none; } #breadcrumb li:last-child { display: inline; } #breadcrumb a { -webkit-hyphens: auto; -moz-hyphens: auto; -o-hyphens: auto; hyphens: auto; -webkit-hyphenate-limit-lines: 2; -moz-hyphenate-limit-lines: 2; -o-hyphenate-limit-lines: 2; hyphenate-limit-lines: 2; -webkit-hyphenate-limit-chars: 6 3 2; -moz-hyphenate-limit-chars: 6 3 2; -o-hyphenate-limit-chars: 6 3 2; hyphenate-limit-chars: 6 3 2; -webkit-hyphenate-character: "\2010"; -moz-hyphenate-character: "\2010"; -o-hyphenate-character: "\2010"; hyphenate-character: "\2010"; color: white; text-transform: uppercase; padding: 0.5rem 1rem 0.4rem; background: #e2001a; } #breadcrumb li { display: inline; } #breadcrumb li { font-size: 1.6rem; letter-spacing: normal; word-spacing: normal; display: inline-block; vertical-align: middle; } #breadcrumb a { color: #e2001a; background: white; } #breadcrumb a:not(.home) { position: relative; padding-right: 1.6rem; } #breadcrumb a:not(.home):after { width: 6px; height: 6px; content: ""; position: absolute; background: #b5b5b5; top: calc(50% - 3px); right: -3px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); background: linear-gradient(45deg, #b5b5b5 0%, #b5b5b5 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); } .no-csstransforms #breadcrumb a:not(.home):after, .no-cssgradients #breadcrumb a:not(.home):after { display: none; } #breadcrumb a:not(.home):after { right: 0.1rem; } #breadcrumb a.home { margin-right: 2rem; position: relative; } #breadcrumb a.home:after { width: 11px; height: 11px; content: ""; position: absolute; background: white; top: calc(50% - 5px); right: -5px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); background: linear-gradient(45deg, #ffffff 0%, #ffffff 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%); } .no-csstransforms #breadcrumb a.home:after, .no-cssgradients #breadcrumb a.home:after { display: none; } #breadcrumb a.active, #breadcrumb li:last-child a { color: #7d7d7d; padding-right: 1rem; } #breadcrumb a.active:after, #breadcrumb li:last-child a:after { display: none; } .area-side-blocks { background-color: #f1f1f1; box-shadow: inset 0px 5px 8px -7px rgba(0, 0, 0, 0.5); background: transparent; box-shadow: none; } .area-sidebar { background-color: #f1f1f1; box-shadow: inset 0px 5px 8px -7px rgba(0, 0, 0, 0.5); box-shadow: inset 5px 0px 8px -5px rgba(0, 0, 0, 0.3); } .area-sharing { border-top: 0.5rem solid lightgrey; background: white url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; border-top-color: #f0f0f0; } .area-baseboard { background: #f1f1f1; } .area-footer { color: white; background-color: #272930; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.68) 100%); } .area-footer a:link, .area-footer a:hover, .area-footer a:active, .area-footer a:visited { color: white; } .no-cssgradients .area-footer, .no-rgba .area-footer { background: transparent url('../img/backgrounds/bg-footer.png?1573740001') repeat 0 0; } .footer-social, .footer-sitemap, .footer-notice, .footer-menu { box-shadow: inset 0 1px 0 0 #17191d, inset 0 2px 0 0 #32343b; box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.7), inset 0 2px 0 0 rgba(200, 200, 200, 0.1); } .footer-donate { background: #69adc4 url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; font-size: 1.8rem; border-top: 5px solid #a0cbda; box-shadow: 0px 7px 6px -3px rgba(0, 0, 0, 0.5); font-size: 1.6rem; } .footer-donate a:link { color: white; } .footer-donate h3 { line-height: 1; margin-bottom: 0.8rem; } .footer-donate .account-holder, .footer-donate .spendenkonto_wert { white-space: nowrap; font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } .footer-donate a.btn { color: #333745; } .footer-donate a.btn:active { color: white; } .footer-donate .zeiten, .footer-donate .telefon, .footer-donate .email { background-position: center left; } .footer-donate .zeiten { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTguNTMyIDBDMy44NDItLjAwNi4wMzIgMy43ODcuMDA2IDguNDg1Yy0uMDI4IDQuNjU4IDMuODIgOC41MTMgOC41IDguNTE1IDQuNjcgMCA4LjQ4OC0zLjgxNSA4LjQ4OC04LjQ4NkMxNi45OTQgMy44MyAxMy4xOTIuMDA2IDguNTMyIDB6bTMuNyA5Ljc1NmwtLjExNy4wMDhjLTEuMTkzIDAtMi41NjIuMDA1LTMuNzU1LS4wMDItLjQzNi0uMDAzLS43MDctLjI3LS43NC0uNzA3LS4wMi0uMjUzLS4wMTQtLjUwOC0uMDE0LS43NjIgMC0xLjU5NC0uMDA4LTMuMTc2LS4wMDItNC43NyAwLS41OS4yOS0uODguNzcyLS44OC4zOTYgMCAuNjc0LjM2OC42NzQuNjkyLjAwMi4xMjYtLjAyIDMuMTQtLjAyIDQuNTg1di41NzJoMS40MDJjLjUwOCAwIDEuMTY0LS4wMzcgMS42NzItLjAyNy4zOTMuMDA4Ljc3My4xOS43NzMuNjQ2LjAwMi40Ni0uMzA4LjY1LS42NDYuNjV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .footer-donate .zeiten, .no-js .footer-donate .zeiten { background-position: 0 -358px; } .footer-donate .telefon { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTEwLjA4NyAxMi4yN2MuMzg1LjE5Mi44NS4yMzcgMS4xOTQtLjExLjM1LS4zNDcgMS40LTEuNTgyIDEuNC0xLjU4MnMuMzQtLjM4Ljg0LS4wNjhjLjUuMzE0IDEuNDMuOTc2IDMuMzUgMi4xNzcuMzEuMjU0LjE3LjY2LjE3LjY2cy0xLjM0IDIuMTY4LTMuNDUgMy4yMjhjLS40NzIuMjk1LTEuNTgtLjAyLTEuNTgtLjAyUzMuMTQgMTQuNTguMDkgNS41N0MtLjEgNS4xNjUuMDcyIDQuNDQuMDcyIDQuNDRzLjI2NS0xLjYwOCAyLjctMy42NzVDMy4xNy40MyAzLjU5Ljc0OCAzLjU5Ljc0OHMxLjE4NyAxLjIzIDIuNjc0IDMuMjg0Yy4xNjUuMjI1LjAzNS42MS0uMDkuNjktMS4wMzguODI0LTEuNjQ4IDEuODQtMS42NDggMS44NHMtLjExMy40MTguMTI0LjcxIDIuMTIgMy4zMDYgNS40MzcgNXoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .footer-donate .telefon, .no-js .footer-donate .telefon { background-position: 0 -3162px; } .footer-donate .email { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjQ3MiA1LjA1NGwtNC45NjUgNC40NzIgNC44OTUgNC40MDhjLjI5Mi0uMzYuNDc0LS44MTcuNDc0LTEuMzE4di02LjMzYzAtLjQ2Mi0uMTUyLS44ODYtLjQwNC0xLjIzMnptLS44MjUtLjY4Yy0uMjctLjEyMy0uNTY2LS4xOTctLjg4Mi0uMTk3SDIuMTFjLS4zMTYgMC0uNjEzLjA3NC0uODgzLjJsNy4yMSA2LjQ5NCA3LjIxLTYuNDl6bS0xNS4yNDIuNjhDLjE1NSA1LjQgMCA1LjgyNCAwIDYuMjg2djYuMzI4YzAgLjQ5OC4xOC45NS40NjggMS4zMTJsNC44OTQtNC40MUwuNDA1IDUuMDU0em04LjQ0IDYuODY3bC0uMDA4LjAyLS4wNDguMDQtLjAxLjAxLS4wMS4wMS0uMTYuMS0uMDYuMDE3LS4xMi4wMi0uMTItLjAyLS4wNi0uMDE0LS4xNi0uMS0uMDEtLjAwNi0uMDEtLjAxLS4wNDgtLjAzMi0uMDEtLjAxLTEuODgtMS42OS00LjgyIDQuMzRjLjI0LjEuNTAyLjE1OC43OC4xNThoMTIuNjZjLjI3NCAwIC41MzItLjA1NC43Ny0uMTVsLTQuODE0LTQuMzQtMS44NzggMS42OHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .footer-donate .email, .no-js .footer-donate .email { background-position: 0 -1363px; } .footer-donate .bankverbindung { position: relative; } .footer-donate .bankverbindung:before { width: 98px; height: 85px; content: ""; display: block; position: absolute; top: 0; left: 0; z-index: 1; display: none; background-position: 0 -876px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .footer-donate .bankverbindung:before { background-position: 0 -695px; } } .footer-donate .payment_methods { padding-left: 0; list-style-type: none; display: flex; justify-content: flex-start; } .footer-donate .payment_methods li { background-color: white; padding: 3px 8px; margin-right: 10px; display: flex; } .footer-donate li.payment_method--klarna { padding: 0; background-color: transparent; } .footer-donate .blz { margin-left: 1.6rem; } .footer-donate .bankverbindung:before { display: block; } .footer-donate .iban_text, .footer-donate .bic_text, .footer-donate .account-holder, .footer-donate .spendenkonto_wert, .footer-donate .spendenkonto_text { font-size: 2rem; line-height: 1.1; } .views-field-field-media-avatar { text-align: center; @include breakpoint($mq-tablet) { text-align: right; } img { @extend %msfde-rounded-avatar; } } text-align: left; @include msfde-container-rounded; border: 1px solid rgba(255, 255, 255, .15); background-color: darken($color-anthracite--four, 6%); box-shadow: inset 0 0 5px 0px rgba(0, 0, 0, 1); &:before { border: 1px solid rgba(255, 255, 255, .18); border-right: 0; border-bottom: 0; background-color: darken($color-anthracite--four, 6%); box-shadow: inset 4px 4px 5px -3px rgba(0, 0, 0, 1); } @include breakpoint($mq-desktop) { background-color: rgba(0, 0, 0, .4); &:before { background: linear-gradient( 135deg, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .6) 51%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 100% ); } } } .views-field-field-firstname, .views-field-field-lastname { @include webfont("Unit Slab Bold"); } } */ .footer-social-links .icon { list-style: none; } .footer-social-links .icon a { text-indent: -119988px; overflow: hidden; text-align: left; } .footer-social-links .icon-facebook a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDBDNy4xNjQgMCAwIDcuMTYzIDAgMTZjMCA4LjgzNiA3LjE2NCAxNiAxNiAxNnMxNi03LjE2NCAxNi0xNmMwLTguODM3LTcuMTY0LTE2LTE2LTE2em00LjI0MiAxN0gxNy41djguNUgxM3YtOC40OTdsLTIuNS0uMDE1VjEzLjVoMlY5Ljc3YzAtMS43IDIuNjY2LTMuNzcgMy45NjUtMy43N0gyMHY0aC0xLjc4N2MtLjU4IDAtLjcxMy41NTItLjcxMy45MXYyLjU5aDMuNDI4bC0uNjg2IDMuNXoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-facebook a, .no-js .footer-social-links .icon-facebook a { background-position: 0 -324px; } .footer-social-links .icon-twitter a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMyIDE2YzAgOC44MzctNy4xNjQgMTYtMTYgMTZTMCAyNC44MzcgMCAxNkMwIDcuMTY0IDcuMTY0IDAgMTYgMHMxNiA3LjE2NCAxNiAxNnptLTYuMzk1LTUuOTU4Yy0uNzA3LjMxMy0xLjQ2Ny41MjQtMi4yNjUuNjIyLjgxMy0uNDg4IDEuNDM4LTEuMjYyIDEuNzMzLTIuMTgyLS43NjIuNDUzLTEuNjA2Ljc4LTIuNTAyLjk1Ny0uNzItLjc3LTEuNzQtMS4yNS0yLjg3LTEuMjUtMi4xNyAwLTMuOTQgMS43Ni0zLjk0IDMuOTQgMCAuMzEuMDQuNjEuMTEuOS0zLjI3LS4xNy02LjE4LTEuNzQtOC4xMi00LjEyLS4zMzIuNTgtLjUzIDEuMjYtLjUzIDEuOTggMCAxLjM3LjcgMi41NyAxLjc1IDMuMjgtLjY0LS4wMi0xLjI1LS4yLTEuNzgtLjV2LjA1YzAgMS45MSAxLjM2IDMuNSAzLjE2NSAzLjg2LS4zMy4wOS0uNjguMTMtMS4wNC4xMy0uMjU1IDAtLjUtLjAyMi0uNzQtLjA3LjUgMS41NjcgMS45NTQgMi43MDcgMy42OCAyLjczNy0xLjM1IDEuMDYtMy4wNSAxLjY5LTQuODk2IDEuNjktLjMyIDAtLjYzLS4wMjMtLjk0LS4wNiAxLjc0NSAxLjEyIDMuODE1IDEuNzcgNi4wNCAxLjc3IDcuMjUgMCAxMS4yMTUtNi4wMDMgMTEuMjE1LTExLjIxbC0uMDEtLjUxYy43Ny0uNTU3IDEuNDQtMS4yNSAxLjk2NS0yLjA0eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-twitter a, .no-js .footer-social-links .icon-twitter a { background-position: 0 -2015px; } .footer-social-links .icon-youtube a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1LjYxIDEyLjA5NWMuMTQ2IDAgLjI2Ni0uMDQ1LjM1My0uMTM2cy4xMy0uMjIuMTMtLjM4VjguMzdjMC0uMTMtLjA0Ni0uMjMtLjEzNC0uMzEyLS4wOS0uMDgtLjIxLS4xMTgtLjM2LS4xMTgtLjE0IDAtLjI0LjA0LS4zMy4xMTctLjA5LjA4LS4xMy4xODMtLjEzLjMxdjMuMjE0YzAgLjE3LjA0LjI5LjEyLjM4LjA4LjA5LjE5LjE0LjMzLjE0ek0xNiAwQzcuMTYzIDAgMCA3LjE2MyAwIDE2YzAgOC44MzggNy4xNjMgMTYgMTYgMTZzMTYtNy4xNjIgMTYtMTZjMC04LjgzNy03LjE2My0xNi0xNi0xNnptMi4xNDUgNy4wNjZoMS4wOTd2NC41MjNjMCAuMTQuMDIyLjI0LjA3LjMuMDQ0LjA2LjExOC4wOS4yMjMuMDkuMDggMCAuMTgyLS4wNC4zMDUtLjEyLjEyMy0uMDkuMjM0LS4xOS4zNC0uMzJWNy4wNmgxLjA5N3Y1LjlIMjAuMTh2LS42NTJjLS4yMDMuMjQtLjQxMi40MjYtLjYzMy41NS0uMjIuMTI2LS40My4xODgtLjYzNy4xODgtLjI1MyAwLS40NDQtLjA4NS0uNTczLS4yNi0uMTI4LS4xNzctLjE5LS40NC0uMTktLjc5di00LjkzaC0uMDAyem0tMi40ODMtLjE0N2MuNDU0IDAgLjgyNi4xNCAxLjExNy40Mi4yOC4yOC40My42NS40MyAxLjF2My4wNGMwIC41LS4xNS45LS40MyAxLjE5cy0uNjguNDMtMS4xOC40M2MtLjQ4IDAtLjg3LS4xNS0xLjE1LS40NS0uMjktLjI5OC0uNDQtLjY5Ny0uNDQtMS4xOTdWOC40MWMwLS40NTYuMTUtLjgyLjQ0LTEuMDkuMjk0LS4yNy42OS0uNDA1IDEuMTktLjQwNXptLTQuNDc0LTEuOTVsLjggMy4xOWguMDhsLjc2NC0zLjJoMS4yNTVsLTEuNDQgNC42OHYzLjMxaC0xLjIzNFY5LjhMOS45NCA0Ljk3aDEuMjQ4em0xMy43MyAxOS4zOGMwIDEuNDEtMS4xNyAyLjU1LTIuNjEgMi41NS0yLjA1OC4wOC00LjE2LjEyLTYuMzA4LjEyLTIuMTQ2IDAtNC4yNTItLjA0LTYuMzEtLjEyLTEuNDQgMC0yLjYwOC0xLjE1LTIuNjA4LTIuNTYtLjA4Ni0xLjEyLS4xMjUtMi4yNC0uMTItMy4zNS0uMDA1LTEuMTIuMDM0LTIuMjQuMTItMy4zNSAwLTEuNDEgMS4xNjgtMi41NiAyLjYxLTIuNTYgMS45NTQtLjA4IDMuOTUyLS4xMiA1Ljk4Ny0uMTJoLjYzYzIuMDMgMCA0LjAzLjA0IDUuOTkuMTIgMS40NCAwIDIuNjEgMS4xNCAyLjYxIDIuNTUuMDkgMS4xMTQuMTIgMi4yMzMuMTIgMy4zNSAwIDEuMTItLjA0IDIuMjMyLS4xMiAzLjM1ek0xMi41NyAxNi40N0g4LjU4NXYxLjIySDkuOTN2Ny4xOWgxLjI5N3YtNy4xODdoMS4zNDR2LTEuMjJ6bTEuMzcgNi44OGMtLjEwNS4xMzctLjIyNS4yNS0uMzU0LjMzMy0uMTMuMDktLjIzNi4xMy0uMzIyLjEzLS4xMDUgMC0uMTg1LS4wMy0uMjMtLjA5OC0uMDUtLjA2NS0uMDc0LS4xNzMtLjA3NC0uMzE4VjE4LjY0aC0xLjE1MnY1LjE4N2MwIC4zNjcuMDY1LjY0NS4yMDIuODMuMTM2LjE4My4zMzcuMjc0LjYuMjc0LjIxNyAwIC40NC0uMDYuNjctLjE5cy40NTItLjMyLjY2My0uNTd2LjY5aDEuMTU0di02LjJoLTEuMTU0djQuNzF6bTcuNjgzLTQuODYyYy0uNTE2IDAtLjkzOC4xNy0xLjI2NC41MS0uMzMuMzQtLjQ5Ljc3NS0uNDkgMS4zMTJ2Mi43ODNjMCAuNTk4LjE0IDEuMDY2LjQ0IDEuNDA4LjI5LjM0LjcuNTIgMS4yMi41Mi41NyAwIDEtLjE2IDEuMjktLjQ4LjI4LS4zMi40My0uOC40My0xLjQzdi0uNDZoLTEuMTh2LjQzMmMwIC4zNjMtLjA0LjYtLjEyLjcwNy0uMDguMTAyLS4yMS4xNi0uNC4xNi0uMTkgMC0uMzEtLjA2LS4zOS0uMTktLjA4LS4xMjgtLjExLS4zNS0uMTEtLjY4VjIxLjloMi4ydi0xLjU4YzAtLjU5LS4xNC0xLjA0LS40MjgtMS4zNTQtLjI4NC0uMzEzLS42OS0uNDY3LTEuMjE4LS40Njd6bS40NTMgMi40NEgyMS4wNlYyMC4zYzAtLjI2LjA0LS40NDYuMTItLjU2LjA3OC0uMTEuMjA4LS4xNjcuMzk0LS4xNjcuMTc3IDAgLjMwMi4wNTcuMzg0LjE2OC4wOC4xMi4xMi4zLjEyLjU2bC0uMDAyLjYzek0xOC4xOSAxOC42OWMtLjE4IDAtLjM1LjA1LS41My4xNDgtLjE3LjEtLjM0LjI0LS40OS40MzV2LTIuNzFoLTEuMTYzdjguNDFoMS4xNjR2LS40OGMuMTUuMTkuMzIuMzMuNDkuNDIuMTguMDkuMzguMTM3LjYxLjEzNy4zNSAwIC42MS0uMTE2Ljc5LS4zNS4xOC0uMjM1LjI3LS41NzQuMjctMS4wMTN2LTMuNDRjMC0uNTEtLjA5LS44OTYtLjI4LTEuMTYtLjE5LS4yNjMtLjQ3LS4zOTYtLjgzMy0uMzk2em0tLjA2IDQuODI3YzAgLjE5Ny0uMDMuMzQtLjEuNDI3LS4wNjMuMDg3LS4xNy4xMy0uMzEuMTMtLjEgMC0uMTktLjAyLS4yNzctLjA2Ni0uMDktLjA0NC0uMTgtLjExNC0uMjczLS4yMnYtMy44NmMuMDc3LS4wODYuMTU1LS4xNDguMjM1LS4xOXMuMTYyLS4wNi4yNDYtLjA2Yy4xNiAwIC4yNy4wNTYuMzYuMTYzLjA5LjExLjEzLjI3LjEzLjQ4djMuMnoiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-youtube a, .no-js .footer-social-links .icon-youtube a { background-position: 0 -2808px; } .footer-social-links .icon-xing a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDBDNy4xNjQgMCAwIDcuMTYzIDAgMTZjMCA4LjgzNiA3LjE2NCAxNiAxNiAxNnMxNi03LjE2NCAxNi0xNmMwLTguODM3LTcuMTY0LTE2LTE2LTE2em0tNS4xOTcgMjBoLTIuODljLS4xNzMgMC0uMzAyLS4wNjgtLjM3Ni0uMTg4LS4wNzYtLjEyNS0uMDgtLjI3OCAwLS40NGwzLjA2OC01LjQxMnYtLjAxNWwtMS45NS0zLjM4Yy0uMDgyLS4xNjMtLjA5NS0uMjktLjAyLS40MTUuMDc1LS4xMi4yMi0uMTUuMzk0LS4xNWgyLjg4Yy40NCAwIC42Ni4yNTcuOC41MTRsMS45OSAzLjQ0Ni0zLjEyIDUuNWMtLjE1LjI3LS4zNi41NC0uNzkuNTR6TTI0LjQ2IDYuNjE2bC02LjM5NSAxMS4zMDh2LjAybDQuMDc0IDcuNDRjLjA3LjE2LjA4LjU2NSAwIC42OS0uMDguMTE3LS4yMS40MjYtLjM5LjQyNmgtMi44OGMtLjQ0IDAtLjY3LS41MzctLjgxLS43OTNsLTQuMTEtNy42NSA2LjQzLTExLjcwM2MuMTUtLjI4LjM0LS44NTQuNzctLjg1NGgyLjkyYy4xNyAwIC4zMS4zMS4zOC40My4wNy4xMjIuMDcuNTI2LS4wMS42ODZ6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-xing a, .no-js .footer-social-links .icon-xing a { background-position: 0 -2434px; } .footer-social-links .icon-instagram a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzIiIHdpZHRoPSIzMiI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLS4wMDYgLS4xMikgc2NhbGUoLjA2MjYyKSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTM5MS42IDE1NC41Yy0zLjItOC4xLTYuOS0xNC0xMy4xLTIwLjEtNi4xLTYuMS0xMS45LTkuOS0yMC4xLTEzLjEtNi4yLTIuNC0xNS40LTUuMi0zMi40LTYtMTguNC0uOC0yMy45LTEtNzAuNS0xcy01Mi4xLjItNzAuNSAxYy0xNyAuOC0yNi4zIDMuNi0zMi40IDYtOC4xIDMuMi0xNCA2LjktMjAuMSAxMy4xLTYuMSA2LjEtOS45IDExLjktMTMuMSAyMC4xLTIuNCA2LjItNS4yIDE1LjQtNiAzMi40LS44IDE4LjQtMSAyMy45LTEgNzAuNXMuMiA1Mi4xIDEgNzAuNWMuOCAxNyAzLjYgMjYuMyA2IDMyLjQgMy4yIDguMSA2LjkgMTQgMTMuMSAyMC4xIDYuMSA2LjEgMTEuOSA5LjkgMjAuMSAxMy4xIDYuMiAyLjQgMTUuNCA1LjIgMzIuNCA2IDE4LjQuOCAyMy45IDEgNzAuNSAxczUyLjEtLjIgNzAuNS0xYzE3LS44IDI2LjMtMy42IDMyLjQtNiA4LjEtMy4yIDE0LTYuOSAyMC4xLTEzLjEgNi4xLTYuMSA5LjktMTEuOSAxMy4xLTIwLjEgMi40LTYuMiA1LjItMTUuNCA2LTMyLjQuOC0xOC40IDEtMjMuOSAxLTcwLjVzLS4yLTUyLjEtMS03MC41Yy0uNy0xNy0zLjYtMjYuMy02LTMyLjR6TTI1NS42IDM0N2MtNDkuNSAwLTg5LjYtNDAuMS04OS42LTg5LjYgMC00OS41IDQwLjEtODkuNiA4OS42LTg5LjYgNDkuNSAwIDg5LjYgNDAuMSA4OS42IDg5LjYgMCA0OS41LTQwLjEgODkuNi04OS42IDg5LjZ6bTkzLjEtMTYxLjhjLTExLjYgMC0yMC45LTkuNC0yMC45LTIwLjkgMC0xMS42IDkuNC0yMC45IDIwLjktMjAuOSAxMS42IDAgMjAuOSA5LjQgMjAuOSAyMC45LjEgMTEuNS05LjMgMjAuOS0yMC45IDIwLjl6Ii8+PGNpcmNsZSBjeD0iMjU1LjYiIGN5PSIyNTcuNCIgcj0iNTguMiIvPjxwYXRoIGQ9Ik0yNTUuNiAxLjlDMTE0LjUgMS45LjEgMTE2LjMuMSAyNTcuNHMxMTQuNCAyNTUuNSAyNTUuNSAyNTUuNSAyNTUuNS0xMTQuNCAyNTUuNS0yNTUuNVMzOTYuNyAxLjkgMjU1LjYgMS45em0xNzMuNSAzMjcuNWMtLjggMTguNi0zLjggMzEuMy04LjEgNDIuNC00LjUgMTEuNS0xMC40IDIxLjItMjAuMSAzMC45LTkuNyA5LjctMTkuNCAxNS43LTMwLjkgMjAuMS0xMS4xIDQuMy0yMy44IDcuMy00Mi40IDguMS0xOC42LjgtMjQuNiAxLjEtNzIgMS4xcy01My4zLS4yLTcyLTEuMWMtMTguNi0uOC0zMS4zLTMuOC00Mi40LTguMS0xMS41LTQuNS0yMS4yLTEwLjQtMzAuOS0yMC4xLTkuNy05LjctMTUuNy0xOS40LTIwLjEtMzAuOS00LjMtMTEuMS03LjMtMjMuOC04LjEtNDIuNC0uOC0xOC42LTEuMS0yNC42LTEuMS03MnMuMi01My4zIDEuMS03MmMuOC0xOC42IDMuOC0zMS4zIDguMS00Mi40IDQuNS0xMS41IDEwLjQtMjEuMiAyMC4xLTMwLjkgOS43LTkuNyAxOS40LTE1LjcgMzAuOS0yMC4xIDExLjEtNC4zIDIzLjgtNy4zIDQyLjQtOC4xIDE4LjYtLjggMjQuNi0xLjEgNzItMS4xczUzLjMuMiA3MiAxLjFjMTguNi44IDMxLjMgMy44IDQyLjQgOC4xIDExLjUgNC41IDIxLjIgMTAuNCAzMC45IDIwLjEgOS43IDkuNyAxNS43IDE5LjQgMjAuMSAzMC45IDQuMyAxMS4xIDcuMyAyMy44IDguMSA0Mi40LjggMTguNiAxLjEgMjQuNiAxLjEgNzItLjEgNDcuNC0uMyA1My40LTEuMSA3MnoiLz48L2c+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-instagram a, .no-js .footer-social-links .icon-instagram a { background-position: 0 -1123px; } .footer-social-links .icon-linkedin a { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2IDBDNy4xNjQgMCAwIDcuMTYzIDAgMTZzNy4xNjQgMTYgMTYgMTYgMTYtNy4xNjMgMTYtMTZTMjQuODM2IDAgMTYgMHptLTUuNSAyNUg3VjEyLjVoMy41VjI1ek04LjkyNyAxMC45MmMtMS4yMjggMC0yLjAyLS44Ny0yLjAyLTEuOTQzIDAtMS4xLjgyLTEuOTQzIDIuMDctMS45NDMgMS4yNTUgMCAyLjAyMi44NDQgMi4wNDggMS45NDMtLjAwMiAxLjA3NC0uNzk1IDEuOTQ0LTIuMDk4IDEuOTQ0ek0yNSAyNWgtNHYtNi45NjZjMC0xLjYxMi0uNDYtMi43MTItMS44NjctMi43MTItMS4wNzIgMC0xLjcxNy43NDItMiAxLjQ1OC0uMTA0LjI1Ni0uMTMzLjYxNS0uMTMzLjk3MlYyNWgtNHYtOC41NTNjMC0xLjU2Mi4xNzMtMi40NDcuMTItMy45NDdoMy4zOGwuMTggMS41aC4wNzZjLjUxMi0uNSAxLjcyLTEuOTIyIDMuODE2LTEuOTIyIDIuNTU3IDAgNC40MyAxLjgxMiA0LjQzIDUuNDk2VjI1eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .footer-social-links .icon-linkedin a, .no-js .footer-social-links .icon-linkedin a { background-position: 0 -1311px; } .footer-social-newsletter input[type="text"] { width: 168px; height: 32px; } .footer-notice { font-size: 1.2rem; } .footer-notice p { margin: 0 0 1rem; } .footer-sitemap a, .footer-menu a { text-transform: uppercase; } .footer-sitemap ul, .footer-sitemap li { list-style: none; } .footer-sitemap li { line-height: 2; } .footer-sitemap > ul > li { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } .footer-sitemap ul ul li { font-size: 1.3rem; } .footer-menu-list li { list-style: none; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .document-title { padding: 0 1.6rem; margin-top: 2.1rem; padding-top: 2.1rem; padding: 0 2.4rem; } .document-title--events { margin-top: 0; padding: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panel [page] design styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels layout [theme] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .area-country-navigation { background: transparent; } .panel-msfde-theme .area-mediabox .title { margin: 0 0 0.4rem; line-height: 1.4; } .panel-msfde-theme .area-mediabox .subtitle { margin: 0 0 1.4rem; line-height: 1.4; } .panel-msfde-theme .area-mediabox .field-name-field-media-summary-image { margin: 1rem 0; } .panel-msfde-theme .area-mediabox .figcaption--slider-item { font-size: 1.4rem; } .panel-msfde-theme .area-mediabox span[data-picture] { background: #f1f1f1; } .panel-msfde-theme .postdate { display: none; margin: 1rem 0; padding: 0 0.8rem; text-align: right; } .vocabulary-countries .panel-msfde-theme .postdate { display: block; } .panel-msfde-theme label { font-weight: normal; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panel [frontpage] design styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-frontpage .area-content { background: transparent; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: panels [events] desing styles :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .panel-msfde-events .area-filters, .panel-msfde-events .area-content, .panel-msfde-events .area-sharing { background: #f1f1f1; } .panel-msfde-events .area-sharing { border-top: 5px solid #dadada; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: views :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /** * Pager */ .pager { width: 100%; height: 48px; text-align: center; list-style: none; margin: 0; padding: 0; border-top: 1px solid #dadada; } .pager li { color: #333745; height: 49px; display: inline-block; vertical-align: middle; position: relative; top: -1px; } .pager li a, .pager li span { color: #7d7d7d; height: 49px; width: 26px; display: block; padding-top: 8px; } .pager li span.current-page { color: #333745; border-top: 1px solid #333745; } .pager li.pager-previous a:before, .pager li.pager-next a:before { top: 22%; } /** * .area-highlights View Buehne */ .pane-buehne-panel-pane-4 { position: relative; } .pane-buehne-panel-pane-4 .pane-title { background: white url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; background: #f1f1f1; } .view-display-id-panel_pane_4 .teaser-wrapper { padding-bottom: 200px; margin-bottom: -200px; } .view-display-id-panel_pane_4 .col-right { padding-bottom: 1.6rem; } .view-display-id-panel_pane_4 .subtitlecountry:after { content: " "; } /** * .area-news View Artikel Startseite */ .facebook-feed .share { padding-left: 2.8rem; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS42MzEiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjEuODY1IDEuOTA3IDE1LjYzMTEwNCAxNi4wMDAwMDEiPjxwYXRoIGQ9Ik0xNC42OSAxMi4yODZjLS43MjcgMC0xLjM4Ny4yNzgtMS44ODQuNzMyTDcuNDQgMTAuMjgzYy4wMjItLjE0LjAzNS0uMjgyLjAzNS0uNDI3bC0uMDEtLjI0MiA1LjQxNS0yLjc2Yy40ODguNDE1IDEuMTIuNjY1IDEuODEuNjY1IDEuNTUgMCAyLjgwNi0xLjI2IDIuODA2LTIuODFTMTYuMjQgMS45IDE0LjY5IDEuOXMtMi44MDYgMS4yNi0yLjgwNiAyLjgwNmwuMDEzLjI2LTUuNDEgMi43NkM2IDcuMzA2IDUuMzY3IDcuMDUgNC42NzIgNy4wNWMtMS41NDggMC0yLjgwNSAxLjI2LTIuODA1IDIuODA3IDAgMS41NTIgMS4yNTcgMi44MDYgMi44MDYgMi44MDYuNjI2IDAgMS4yLS4yMDUgMS42NjctLjU1bDUuNTU0IDIuODMtLjAwNy4xNWMwIDEuNTUgMS4yNTYgMi44MDYgMi44MDYgMi44MDZzMi44MDctMS4yNSAyLjgwNy0yLjhjMC0xLjU1LTEuMjU4LTIuODEtMi44MDctMi44MXoiIGZpbGw9IiMzMzM3NDUiLz48L3N2Zz4='); background-repeat: no-repeat; } .no-svg .facebook-feed .share, .no-js .facebook-feed .share { background-position: 0 -5318px; } .view-id-tweets_msf_germany.view-display-id-page_1 { margin-bottom: 1.6rem; } .view-id-tweets_msf_germany.view-display-id-page_1 .col-left { display: none; } .view-id-tweets ul, .view-id-tweets li, .view-id-tweets .item-list ul, .view-id-tweets .item-list li, .view-id-tweets_msf_germany ul, .view-id-tweets_msf_germany li, .view-id-tweets_msf_germany .item-list ul, .view-id-tweets_msf_germany .item-list li { list-style: none; margin: 0; padding: 0; } .view-id-tweets .username a, .view-id-tweets_msf_germany .username a { color: #333745; } .view-id-tweets .username .name, .view-id-tweets_msf_germany .username .name { text-transform: uppercase; } .view-id-tweets .share-actions li, .view-id-tweets_msf_germany .share-actions li { display: block; float: left; margin-right: 1.6rem; } .view-id-tweets .share, .view-id-tweets_msf_germany .share { padding-left: 2.8rem; } .view-id-tweets .reply, .view-id-tweets_msf_germany .reply { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiMzMzM3NDUiIGQ9Ik02IDMuNVYuNTAyYzAtLjIwNS0uMTI0LS4zOS0uMzEzLS40NjVMNS41IDBjLS4xMzQgMC0uMjY2LjA1NC0uMzYyLjE1NmwtNC45NCA1LjQxQy4wNDIgNS43Mi0uMDA2IDUuODU2IDAgNmMtLjAxLjEzNi4wODcuMzE4LjE4OC40MjRsLjAxNC4wMDVILjE5N2w0Ljk0IDUuNDFjLjA5Ny4xLjIzLjE1LjM2My4xNWwuMTg3LS4wNGMuMTktLjA4LjMxNC0uMjYuMzEzLS40N3YtM2M5LjY1OCAwIDkuOTg4IDMuMjcgMTAgMy41LS4wMTItOC4wMi0xMC04LjUtMTAtOC41eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-id-tweets .reply, .no-js .view-id-tweets .reply, .no-svg .view-id-tweets_msf_germany .reply, .no-js .view-id-tweets_msf_germany .reply { background-position: 0 -5404px; } .view-id-tweets .retweet, .view-id-tweets_msf_germany .retweet { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSIxMyI+PHBhdGggZD0iTTMgNUgwbDQuNTY2LTVMOSA1SDZ2NWgzbDMgM0gzVjV6bTEzIDNoM2wtNC41NjUgNUwxMCA4aDNWM2gtM0w3IDBoOXY4eiIgZmlsbD0iIzMzMzc0NSIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-id-tweets .retweet, .no-js .view-id-tweets .retweet, .no-svg .view-id-tweets_msf_germany .retweet, .no-js .view-id-tweets_msf_germany .retweet { background-position: 0 -5446px; } .view-id-tweets .favorite, .view-id-tweets_msf_germany .favorite { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTEyLjY3OCAxNmMtLjExNiAwLS4yMzMtLjAzNi0uMzM0LS4xMDVMOCAxMi44NjVsLTQuMjkzIDMuMDI3Yy0uMS4wNy0uMjIuMTA2LS4zMzYuMTA2LS4xMiAwLS4yNC0uMDM3LS4zNC0uMTEtLjItLjE0NC0uMjgtLjQtLjIxLS42MzVsMS43MS01LjE4OC00LjI4LTMuMDNjLS4yMS0uMTQtLjI5LS40LS4yMi0uNjM4Qy4xIDYuMTYuMzMgNiAuNTggNmg1LjIzNkw3LjQ1NC4zODNDNy41MzQuMTUzIDcuNzU0IDAgOCAwcy40NjcuMTU0LjU0Ny4zODRMMTAuMTg3IDZoNS4yMzVjLjI1MiAwIC40NzYuMTYuNTUuMzk3LjA3Ny4yMzctLjAxMi40OTYtLjIyLjY0bC00LjI4IDMuMDMgMS43NTUgNS4xODNjLjA4LjIzMy0uMDAzLjQ5LS4yMDMuNjM3LS4xMDMuMDc1LS4yMjQuMTEzLS4zNDYuMTEzeiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-id-tweets .favorite, .no-js .view-id-tweets .favorite, .no-svg .view-id-tweets_msf_germany .favorite, .no-js .view-id-tweets_msf_germany .favorite { background-position: 0 -5358px; } .view-content { transition: opacity 0.25s ease; } .view-content.outgoing { opacity: .3; } .view-id-presse .item-list ul, .view-id-presse .item-list li { list-style: none; margin: 0; padding: 0; } .view-id-presse li.views-row { padding: 1rem 2.4rem; } .view-id-presse .date { -moz-font-feature-settings: "onum=1"; -webkit-font-feature-settings: "onum" 1; -moz-font-feature-settings: "onum" 1; font-feature-settings: "onum" 1; } .view-id-presse .lineage-item, .view-id-presse .date { font-family: "Fago Sc Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; color: #7d7d7d; text-transform: capitalize; margin: 0.8rem 0 1.2rem; } .view-id-presse .lineage-item::before { content: " • "; display: inline-block; width: 0.5rem; left: -0.25rem; position: relative; text-align: center; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: media :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .view-mode-full .field-name-body .view-mode-m_teaser, .view-mode-full .field-name-body .view-mode-m_teaser_attr { float: left; padding-bottom: 1.5rem; margin-right: 2.4rem; float: left; max-width: 218px; margin-right: 2.4rem; max-width: 168px; } .view-mode-m_full img { margin-bottom: 0.75rem; } .view-mode-m_full .video-js { margin-bottom: 0.75rem; } figcaption p, .figcaption--slider-item p, .field-name-field-metadata-caption p { margin-bottom: 0.5rem; line-height: 1.8rem; } figcaption div.copyright, .figcaption--slider-item div.copyright, .field-name-field-metadata-caption div.copyright { color: #7d7d7d; line-height: 1.8rem; display: block; } .caption { font-size: 1.4rem; } .caption p { margin-bottom: .5rem; } div.copyright { font-size: 1.4rem; line-height: 1.8rem; color: #7d7d7d; display: block; margin-bottom: 0.5rem; line-height: 1.8rem; } div.copyright::before { content: '©'; } .view-mode-mt_full .caption { line-height: 2.4rem; } .media-group-image { /* */ margin: 2.4rem 0 0; position: relative; /* */ } .media-group-image .field-collection-view-links, .media-group-image .action-links { margin: 0; left: 1rem; list-style: none; top: 0.5rem; padding: 0; position: absolute; } .media-group-image .action-links { top: 5.5rem; } .media-group-image .field-collection-container, .media-group-image .view-mode-m_gallery_overlay { position: relative; } .media-group-image .inner-wrapper img { width: 100%; } .media-group-image .figcaption--slider-item { background-color: rgba(51, 55, 69, 0.6); bottom: 0; color: white; margin-bottom: 0; position: absolute; width: 100%; } .media-group-image .figcaption--slider-item .field-item { margin: 0; } .media-group-image.overlay-captions .figcaption--slider-item { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.4rem; padding: 0.5rem 2.5rem; text-align: center; } .media-group-image.overlay-captions .figcaption--slider-item p { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.4rem; text-align: center; line-height: 2.6rem; padding-top: 2.2rem; } .media-group-image.overlay-captions .figcaption--slider-item .caption { font-size: 2.4rem; } .media-group-image.overlay-captions .figcaption--slider-item strong { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; color: #69adc4; font-size: 4.8rem; margin-right: 0.5rem; } .media-group-image.overlay-captions .copyright { color: white; float: right; font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; } .media-group-image .captions-container { margin-top: 1rem; overflow: hidden; position: relative; } .media-group-image .captions-container .figcaption--slider-item, .media-group-image .captions-container figcaption { background: none; bottom: auto; color: #333745; display: block; font-size: 1.4rem; left: -100%; padding: 0; position: absolute; top: 0; width: 100%; text-align: left; } .media-group-image .captions-container .figcaption--slider-item.active, .media-group-image .captions-container figcaption.active { left: 0; } .media-group-image .captions-container .caption { display: block; /* *:last-child { margin-bottom: 0; } */ } .media-group-image .captions-container .caption p { margin-bottom: 0.5em; } .media-group-image .captions-container .copyright { display: block; color: #7d7d7d; } .media-group-image .controls-container { display: hidden; height: 7.5rem; margin-top: 1rem; overflow: hidden; position: relative; display: block; } .media-group-image .flex-control-thumbs { margin: 0 -0.5rem; margin-left: -0.5rem; margin-right: -0.5rem; padding-left: 0; position: relative; transition: left 400ms ease; } .media-group-image .flex-control-thumbs li { width: 11.2rem; display: block; float: left; margin: 0 0.5rem; padding-left: 0; background-color: #333745; } .media-group-image .flex-control-thumbs img { cursor: pointer; height: auto; width: 100%; opacity: 0.7; filter: alpha(opacity=70); } .media-group-image .flex-control-thumbs img.flex-active { opacity: 1; filter: alpha(opacity=100); } .media-group-image .flex-direction-nav li { display: inline; } .media-group-image .flex-direction-nav a { background-color: rgba(51, 55, 69, 0.8); } .media-group-image .flex-direction-nav .flex-prev { left: 0; } .media-group-image .flex-direction-nav .flex-next { right: 0; } .media-group-image .flex-direction-nav .flex-next, .media-group-image .flex-direction-nav .flex-prev { width: 45px; height: 7.5rem; text-indent: -119988px; overflow: hidden; text-align: left; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; position: absolute; top: 0; } .media-group-image .flex-direction-nav .flex-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .m-gallery { clear: both; } article.view-mode-full > .content > .file { padding: 0 0 1.5rem 0; } article.view-mode-full > .content > .file .video-js, article.view-mode-full > .content > .file span img { margin-bottom: 0.8rem; } article.view-mode-full > .content > .file .video-js, article.view-mode-full > .content > .file span img { margin-bottom: 0.53333rem; } article.view-mode-full > .content > .file-image { float: left; max-width: 218px; margin-right: 2.4rem; max-width: 168px; } article.view-mode-full > .content > .file-image img { box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2); } .area-side-blocks article.view-mode-full > .content > .file-image img, .area-sidebar article.view-mode-full > .content > .file-image img { box-shadow: none; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: popup :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .mfp-content { max-width: 984px; } button.mfp-close { text-indent: -119988px; overflow: hidden; text-align: left; height: 40px; width: 40px; right: 0; top: 5px; border: 0; box-shadow: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; position: relative; position: absolute; } button.mfp-close, button.mfp-close:active { right: 5px; top: 5px; background: none !important; } button.mfp-close:before { width: 22px; height: 22px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 22px / 2); left: 35%; left: calc(50% - 22px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgdmlld0JveD0iMS41IDEuNTAxIDIyIDIyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTYuNTMzIDEyLjVsNi40MjUtNi40MjhjLjcyMy0uNzIuNzIzLTEuODkgMC0yLjYxMmwtMS40MTQtMS40MTdjLS43MjMtLjcyMi0xLjg5My0uNzIyLTIuNjE1IDBMMTIuNSA4LjQ2NiA2LjA3NCAyLjA0MmMtLjcyMy0uNzIyLTEuODkyLS43MjItMi42MTYgMEwyLjA0MiAzLjQ1N2MtLjcyMi43MjItLjcyMiAxLjg5MyAwIDIuNjE1TDguNDY3IDEyLjVsLTYuNDI0IDYuNDI3Yy0uNzI0LjcyLS43MjIgMS44OTQgMCAyLjYxNWwxLjQxNyAxLjQxM2MuNzIuNzI1IDEuODkuNzI1IDIuNjE1IDBsNi40MjUtNi40MyA2LjQyOCA2LjQzNGMuNzIzLjcyIDEuODkyLjcyIDIuNjE1IDBsMS40MTUtMS40MmMuNzIyLS43My43MjItMS44OSAwLTIuNjJsLTYuNDI1LTYuNDN6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg button.mfp-close:before, .no-js button.mfp-close:before { background-position: 0 -776px; } .mfp-close-btn-in button.mfp-close { color: white; } .mfp-bg { opacity: 0.6; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: UI :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .messages.acquia_purge_messages { border: none; } .ajax-progress-throbber { width: 100%; height: 100%; position: absolute; padding: 0; } .ajax-progress-throbber .throbber { margin: 0; opacity: .2; width: 100%; height: 100%; } a.tabledrag-handle .handle { height: 23px; width: 23px; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: all content types [common] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .view-mode-full .header, .view-mode-full .figure, .view-mode-full .share, .view-mode-full .content { padding: 0 1.6rem 1.6rem; } .view-mode-full .header { margin-top: 2.1rem; padding-top: 2.1rem; padding-top: 0; } .view-mode-full .header h1 { font-size: 2.4rem; line-height: 1.2; margin: 0 0 1.2rem; font-size: 3rem; margin: 0 0 1.1rem; } .view-mode-full .field-name-post-date { font-family: "Fago Sc Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; -moz-font-feature-settings: "onum=1"; -webkit-font-feature-settings: "onum" 1; -moz-font-feature-settings: "onum" 1; font-feature-settings: "onum" 1; color: #7d7d7d; text-transform: capitalize; margin: 0.8rem 0 1.2rem; } .view-mode-full .links ul { list-style: none; padding-left: 0; } .view-mode-full .links li { padding-left: 0; padding-bottom: 0.2em; padding-top: 0.2em; } .view-mode-full .footer { border-top: 5px solid #dadada; } .view-mode-full .header, .view-mode-full .figure, .view-mode-full .share { padding: 0 2.4rem; } .view-mode-full .content { padding: 0 2.4rem 2.4rem; } .view-mode-full .quote-multiple { background: #f1f1f1; margin: 2.4rem 0; width: -webkit-calc((100% - 2.4rem)); width: -moz-calc((100% - 2.4rem)); width: calc((100% - 2.4rem)); } .no-js .view-mode-full .quote-multiple, .no-csscalc .view-mode-full .quote-multiple { width: 90%; } .view-mode-full .quote-multiple .quote { margin-bottom: 0; margin-top: 0; padding-bottom: 0; left: 0; width: 100%; } .view-mode-full .quote-multiple.has-flexslider { padding-bottom: 5.6rem; } .view-mode-full .quote-multiple .flex-prev, .view-mode-full .quote-multiple .flex-next { bottom: 2.4rem; position: absolute; } .view-mode-full .quote-multiple .flex-prev { left: 26.73913%; left: calc(21.73913% + 2.4rem); } .view-mode-full .quote-multiple .flex-next { right: 2.4rem; } .view-mode-full .msfde-content-teaser ~ .field-collection-container { clear: both; padding-top: 0.1rem; } .view-mode-full .postdate, .view-mode-full .field-name-changed-date { margin: 1rem 0; } .field-collection-view { margin-left: 0; margin-right: 0; border-bottom: 0; } .action-links, .field-collection-view-links { display: none; } .field-collection-container { border-bottom: 0; } .field-collection-container.vacancy.embedded_content { float: left; } .field-collection-container.vacancy.embedded_content a.download { padding: 0.5rem 0 0.5rem 2.4rem; display: block; } .field-collection-container.vacancy.full a.download { display: block; line-height: normal; float: none; } .msfde-token.mitarbeiten-banner { margin-bottom: 1.5rem; } .msfde-token.dark-banner { margin-bottom: 1.5rem; } .msfde-token.donation-banner { margin-bottom: 1.5rem; } .msfde-token.campaign-banner { margin-bottom: 1.5rem; } .msfde-token.campaign-banner .col-center img { position: absolute; right: 30%; } .msfde-token.campaign-banner .col-right a { position: absolute; right: 1.6rem; } .msfde-token.campaign-banner.work-worldwide h3:before { width: 46px; height: 47px; content: ""; display: block; position: absolute; z-index: 1; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0Ni4yIiBoZWlnaHQ9IjQ3Ij48cGF0aCBmaWxsPSIjRTIwMDFBIiBkPSJNMzQuNCA0Mi40aC45di42aC0uOXptLTIgMS4zaC44di4zaC0uOHptLS4xLS43aC44di4zaC0uOHoiLz48cGF0aCBkPSJNMzQuMyAzMy40em0tLjYtLjZjLjEtLjQtMS4xLTEuMy0xLjYtMS4zLS42LS4xLTEuMi4xLTEuOC4yLTEgLjItMSAxLjQtMS43IDEuOGwtMS4zLjljLS42LjUtLjQuNC0uNCAxIDAgLjQgMi4yIDEuMSAyLjYuOS40LS4xLjMtLjYuNS0uOGwxLjMtLjVjLjMtLjIgMS0uMSAxLjQtLjFoLjhjLS4xIDAtLjEuMS0uMS4yLjEuMS42IDAgLjYtLjJzLjMtMS41LjEtMS40Yy42LS4yLS40LS42LS40LS43em0xMi4yLTcuMnptLjMtLjdzMC01LjQtLjMtNS41YzAgLjMtLjIgMC0uMS0uMWguMmMuMi0uMi0uMy0yLS40LTIuMy0uNC0uOC0uNC0xLjktLjgtMi44LS40LS44LS43LTEuNy0xLjEtMi40LS45LTEuNC0xLjQtMi45LTIuNi00LjItLjctLjctMS41LTEuNy0yLjQtMi4yLS44LS41LTEuNS0xLjQtMi40LTEuOS0uOS0uNS0xLjctLjktMi42LTEuMi0uMy0uMS0xLjEtLjQtMS4zLS42LS43LS42LTEuOC0uNS0yLjUtLjlzLTIuMi0uMi0zLS41Yy0uNC0uMi0xLjMtLjItMS43LS4yLS42IDAtMS4xLS4yLTEuNy0uMWwtMS4xLS4xYy0uMS0uMS0uNyAwLS45IDAgLjEgMC0uNy4xLS43LjEtLjQuMS0xIC40LTEuNS4yLS4zLS4xLS44LjMtMS4yLjItLjUgMC0uOC4yLTEuMy4zLTEuMi4xLTIuOC45LTMuOCAxLjYtLjMuMi0uNy40LTEgLjQtLjQgMC0uNi45LS45LjktLjMgMC0yLjEgMS0yLjIgMS4zLS40LjYtMS4zIDEtMS43IDEuMy0uMi4yLTEgMS42LTEuMiAxLjUtLjMtLjEtLjUgMC0uOS4zLjIuMSAxLjMtLjUuNC4zLS4xLjEtMS4yLjMtMSAuNSAwIDAgLjMtLjIuNC0uMS4zLjMtLjUgMS0uNyAxLjMtLjEuMi0xLjMgMS44LTEuMiAyIC4xLjItLjQuOS0uNSAxLjEtLjMuNC0uMSAxLS41IDEuNC0uMi4yLS40IDEuOS0uNSAxLjktLjEgMC0uMS0uMi0uMy0uMi0uMSAwIC4xIDEuNi0uMyAxLjMtLjEgMCAuMS0uMy4xLS4zLS41IDAtLjUgMi42LS43IDIuNi4zIDAgLjEtLjcuNC0uNSAwIC41LS4yLjYtLjQuOS0uMi4yLS4xLjgtLjIgMS0uMS4zLS4xIDEuNC0uMSAxLjguMiAxLS4yIDIgLjMgMi45LS4yLjEtLjItLjItLjMtLjJ2LjRoLS4xcy41IDEuOS40IDEuOGwuMi0uMXMuMy44LjEgMWMwLS4zLS4yLS41LS4zLS44bC0uMS41Yy0uMS0uNSAwIC40IDAgLjUuNi0uNi44IDIuNC45IDIuNC0uNSAwLS4yLTEuNS0uNy0xLjRsLjIuOWMuMS4xLjMuMy40LjV2LjVjLjYtLjEgMS4zIDEuNiAxLjUgMi4zLS4yIDAtLjUtLjUtLjctLjMuMS0uMSAxLjkgMi4zIDIgMi41LjEuMSAxLjYgMi4zIDEuMyAyLjNsLS40LS40Yy4xLjIuNS42LjcuNyAwLS4xLS4yLS40IDAtLjQgMCAwIC43LjUuNy42aC0uMmMwIC4xLjYuNS43LjUuNC4zLjUuNy42IDEgLjIuNSAxIC40IDEuMiAxIDAgLjEuNS41LjYuNi41LjEuNi40IDEgLjYuOS41IDEuOCAxLjEgMi43IDEuNS4xLS4xIDIuNSAxIDIuOCAxLjEgMSAuNCAyIC44IDMuMS45IDIuMi4zIDQuNC45IDYuNy40IDEuNy0uNCAzLjgtLjUgNS41LTEuMS43LS4yIDEuOC0uNCAyLjMtLjkuNC0uMyAxLjItLjQgMS41LS44LjEtLjEuNi0uMS41LS4yIDAtLjIuNS0uNC42LS40LjUtLjIuNS0uNyAxLjEtLjcuMSAwIDAtLjMuMi0uNC4zLS4zLjctLjQgMS4xLS42LjctLjUgMS0xLjIgMS43LTEuNS0uMS0uMi40LS42LjMtLjZ2LjFjLjgtLjEgMS4xLTEuNCAxLjctMS44LjItLjEgMS4xLTEuMyAxLjEtMS41IDAgMC0uMi4yLS4yLjEtLjEtLjEuMy0uMi4yLS4xdi0uM2MuMS0uMy41LS4yLjYtLjYtLjEgMC0uMSAwLS4yLjEtLjItLjEgMS0yIDEtMi4yIDAtLjcuNy0xLjcuOC0yLjIgMC0uNC4zLTEuNi42LTIuMS4xLS4xLS4xLS41IDAtLjVzLjEtMS4zLjEtMS42bC4xLjJjLjMtLjMtLjEtMi4xLjMtMi4zek0uNCAyMy43Yy4xLjEuMS4yIDAgLjJ2LS4yem0wIC4zYy4yIDAgLjEuMi4yLjMtLjEtLjEtLjItLjEtLjItLjN6bS4yLjljMC0uMS0uMi0uNSAwLS41LjEuMi4xLjMgMCAuNXptLjEtNS43Yy0uMS0uMS0uMS0uMiAwLS40LjEtLjMuMS4zIDAgLjR6bS4xIDIuM2MwLS40IDAtLjguMS0xLjEuMS40IDAgLjctLjEgMS4xem0uMi0zYzAgLjEtLjEuMS0uMi4xcy0uMS0uNi4xLS42Yy4yLjEgMCAuNC4xLjV6bTMuMiA4LjhjMC0uMS0uMS0uMiAwLS4zIDAgLjEuMS4yIDAgLjN6bS4zIDUuMXMtLjMtLjItLjMtLjNjLjItLjMuMy4zLjMuM3ptLjUgMS4ybC0uMS0uMS0uMy0uNi0uMS4yYy0uMS0uMS0uMi0uMy0uMy0uNS40LjEgMSAuNC44IDF6bTM1LjMgNS41bC0uNi4yYy0uMy0uMy42LS4zLjYtLjQuMS4xLjEuMSAwIC4yem0uNS0uM2MtLjEuMS0uMy4xLS41LjEuMi0uMi44LS4zLjUtLjF6bS45LTEzLjVjMCAuMyAwIDItLjMgMi4xLS4xIDAtLjIuNy0uMi44IDAtLjEgMC0uMi4xLS4yLjIgMS42LTEuNSAzLjItMS43IDQuNi0uMS41LS44IDEuMi0xLjEgMS4zLS40LjEtLjUuNS0uNi45LS4xLjMtLjIuNi0uMy43bC4xLS4zYy0uMS0uMS0uMi42LS4yLjYtLjEuNC0uNyAxLjEtMS4xIDEuMS0uNS4xLS44IDEuMS0xLjQgMS4xLS40IDAtMSAuOC0xLjMgMS0xLjkgMS4zLTMuNyAyLjEtNS45IDIuNi0xLjEuMi0yLjUuOS0zLjYuOC0uNCAwLS44IDAtMS4yLS4xLS4yIDAtMS4xLjMtLjYtLjEtLjktLjEtMiAuNC0yLjkuMWwtMi45LS44Yy0uNC0uMS00LjItMS40LTQtMi4xIDAgMC0xLjMtLjEtMS0uNWguMmMtLjMgMC0xLS4yLTEtLjYgMC0uNi0xLjMtLjktMS40LTEuNS4xIDAgLjIuMS4zIDAtLjgtLjgtMS43LTEuNy0yLjMtMi42LS40LS42LS43LTEuNi0xLjQtMi0uNC0uMi0uMS0uNy4yLS4yIDAtLjMtMS4zLTIuMi0xLTIuMi0uMi0uNC0uOS0xLjUtLjctMS45LjUuNS4xLS40IDAtLjgtLjEtLjYtLjMtMS4xLS4zLTEuNyAwLS4yLS40LTIuMS0uMS0yLjEuMi0xLjYuNC0zLjMuOS00LjktLjEuMS0uNC42LS40LjYtLjIgMCAuNy0yIC41LTIuMS4xLS4yLjUtMS4xLjctMS4zIDAgMCAxLjktMyAyLTMuMS4xLS41IDIuOS0zLjIgMy40LTMuMSAwIDAtLjUuMS0uNCAwQzExIDkgMTIuMiA4LjMgMTIuNSA4Yy4yLS4yLjctLjYuOS0uNy4yLS4xLjYuMS43LS4xLS4xLS4xLS4yLjEtLjIgMC0uMi0uNiA1LjktMyA2LjctMi43LjEgMCAxLjMtLjEgMS40LS4yLjQtLjEgMS42IDAgMi4xIDAgMS43LjEgMy43LjIgNS4zLjkgMS4yLjcgMi40IDEuMyAzLjYgMS44LjUuMiAxIC41IDEuNS45LjIuMS4zLjUuNS41LjIuMS41LS4xLjUuMy4xLjMgMS41IDEuMSAxLjggMS40LjYuNiAxLjUgMS4zIDEuOCAyLjEuNSAxLjEgMS4yIDIuMiAxLjcgMy41LTEuMi0uMS0yLjQtLjItMy42LjEtMSAuMi0yLjItLjQtMy4yLS41LTEuMy0uMi0xLjctMS0yLjgtMS42LTEuMi0uNi0yLjktLjEtMyAxLjRsLjItLjFjLS4xIDAgLjQgMS4zLjUgMS40LjUgMSAxIDItLjIgMi42LS43LjMtMS41LjctMS45IDEuNC0uNC42LS43LjktMS4zIDEuMy0uOS42LTEuMyAyLjUtMS43IDMuNC0uMS4yLS4zLjYtLjUuNy0uMiAwLS42LS4yLS44LjEgMC0uMS0uMi4zLS4yLjMuMS41LS43LjEtLjguMyAwIC4xLjMuMi41LjItLjEuMS0uMi4xLS4zLjEuMy4yIDAgLjMuMi43LjIgMCAuNC0uNi4xLjQgMCAuMi41LjYuNi44LjIuMy41LjQuNy42IDAgLjEtLjIuMSAwIC4yLjMuMi45LjMgMS4zLjIuOS0uMSAxLjMtLjMgMS41LjUgMCAwIDEuMS42IDEuMS43LjEuNC44LjEuNiAwIC4yLS4xLjUuNC41LjIgMCAwIC4xLjEgMCAuMi45LjMgMS45LS41IDIuNi0uOSAwLS4xLS4xIDAtLjIgMCAwLS4xIDEuMS0uNSAxLjMtLjZoLjRsLjYtLjR2LjJjLjIuMyAxLS41IDEuMi0uNCAwIDAtLjIuMi0uMS4yLjEuMS40LS4yLjUtLjItLjEtLjEtLjIgMC0uMiAwLS4xLS4xLjUtLjQuNS0uMiAwIC4zLTEuMS42LTEgLjggMCAwIC42LS4yLjctLjIuMiAwIC44LS4yIDEuMS0uMi0uMSAwLS4zLjItLjIuMiAwLS4xLjYgMCAuNS4xLjItLjEtLjItLjUuMi0uNi4yIDAgLjMgMCAuMS4yLjIgMCAuMy0uMS4zLS4yLS42IDAgLjYtMi4yLjgtMi41LjItLjQuNS0xLjEuOS0xLjMuMi0uMS41LS4yLjYtLjMgMCAuMiAxLjUuNSAxLjcuM2wtLjMtLjFjMC0uMS42LS40LjctLjIuMS4xLS4yLjItLjIuMi40LjEuMy4yLjUtLjEtLjQgMCAwLS4yIDAtLjMuMy0uMS40LjEuNC41em0tNS44IDMuOHptOS45LTcuNGMwIC4xLjEuMSAwIC4ydi0uMnptLjEgMS4zYy0uMS0uMy0uMS0uNiAwLS45di45em0tMi44IDEyYzAtLjEgMC0uMi4xLS4zIDAgLjEgMCAuMi0uMS4zem0uMy0uOGMwIC4xIDAgLjItLjEuM3MwLS4yLjEtLjN6bTAgLjdjMC0uMSAwLS4xLjEtLjIuMS4xIDAgLjEtLjEuMnptLjItLjljMCAuMS0uMS4yLS4yLjIgMC0uMS4yLS42LjMtLjZsLS4xLjR6bS4xLS40YzAtLjIuMS0uNC4yLS41IDAgLjItLjEuMy0uMi41em0uMi0uNWMtLjEtLjEgMC0uMSAwLS4yLjEuMS4xLjEgMCAuMnptMS4xLTIuNXMtLjEgMS0uMyAxLjFjLS4yLjEtLjMuMi0uNC42IDAtLjIuOS0yLjkgMS0yLjlsLS4zIDEuMnptLjItMS4zdi0uMWMuMSAwIC4xIDAgMCAuMXptLjMtMS4xcy0uMS45LS4yLjljLS4yLS4xLjItMS4xLjItMS4yLjEuMS4xLjIgMCAuM3ptMC0uNGwuMS0uM2MwIC4xIDAgLjItLjEuM3ptLjMtMi4xYzAgLjQtLjItLjQgMC0uNHYuNHptLjEuNWMwIC4xLS4yLS4yIDAtLjN2LjN6bTAtLjVjLS4xLS4xIDAtLjEgMCAwLS4xLS4yLS4xLS44IDAtLjguMS0uMS4xLjcgMCAuOHptMC0xLjJzLS4zLS43IDAtLjljLjEuNSAwIC41IDAgLjl6bTAtMS4zYy4xIDAgLjEuMS4xLjIuMS4zLS40LS4zLS4xLS4yek0uNyAxOC44em0tLjEgNi4xYzAtLjEtLjEtLjEgMCAwem00MS4xLjR6bTQuMi0uOHptLS45IDYuMWMwIC4xLS4xLjEgMCAwek01LjkgMTUuOHptMzQuNCAyMy4zem0zLjMtNS4xek00LjMgMzIuMXptLjYgMS40czAgLjEuMS4xYzAtLjEtLjEtLjEtLjEtLjF6bTEtMTcuN3MtLjEgMC0uMS4xYy4xIDAgLjEtLjEuMS0uMXptMzkuOSA5Ljl6bS03LjkgOS4yek0xIDE4LjV6bTIwLjYgMTEuOWMuMS0uNC0uMi0uNS0uMy0uOHYuM2MtLjEgMC0uMi0uOC0uNC0uNi0uMSAwIC4yLjQuMi41LTEuMS0xLjMtMi42LTIuMy0yLjMtNC4yLjEtMS4xIDEuMyAwIDItLjUuNC0uMiAxLjEtLjIgMS41LS4zLjQtLjEuNS0uNC44LS41LjktLjMtLjItMS43LS4zLTIuMS0uMS0uMy0uNS0xLjUtLjQtMS44LjEtLjMgMS0uMSAxLjMtLjIuNC0uMSAxLjktLjggMi4xLS42LjcuNSAxLjItMS40IDEuNC0xLjYuNC0uNi0xLTEuOC0xLjUtMi0xLjItLjUtMi40LS41LTMuNy0uNy0uNi0uMS0xLjMtMS44LTEuNy0yLjQtLjQtLjYtMS4yLTEuMi0yLTEuNC0uOS0uMi0yLjMtLjctMy4zLS42LS43LjEtMS41LjYtMi4xIDEtMSAuNS0uNiAyLjEtMS42IDIuMy0uNS4xLTEuNi45LTEuNSAxLjYgMC0uMSAwLS4xLjEtLjFzLS4yLjctLjMuOGMtLjEtLjIgMC0uMiAwLS40LS4xLjEtLjMuOC0uNCAxIC4xIDAgLjIuMS4yLjJzLS4zLjQtLjIuNmMwIDAgLjItLjEuMiAwIC4xLS4xIDAtLjUuMi0uNS0uMS40LjEgMS43LS4zLjktLjIgMC0uMiAxLjYtLjEgMS45IDAtLjEuMS0uMS4xLS4xIDAgLjctLjEgMS4zIDAgMS45IDAgMC0uMS0uMi0uMS0uMS0uMiAxLjYtLjMgMy40LjMgNS4yLjQgMS4zIDEuMSAyLjggMiAzLjkuNC41LjcuNy45IDEuMXYtLjJjLjItLjEgMiAxLjYgMi4xIDEuOS0uMSAwLS40LS4yLS41LS4zLjEuMi45LjcuNy4yLjIuMS4zLjIuNC4zLS4xLS4xLS4yLS4xLS4zLS4xLjEuMS44LjYuOS40bC0uMS0uMWMuNi4xIDEuNC43IDIuMS40LjUtLjIuNS4xLjggMCAuNC0uMS4yLS41LjUtLjIuMiAwIC4zLS4xLjUtLjN2LjJjLjYuMyAxLjItMS44IDEuNS0xLjhsLjEuMWMuOS0uNC40LTEuNy41LTIuMnoiIGZpbGw9IiNmZmYiLz48L3N2Zz4='); background-repeat: no-repeat; display: none; position: static; vertical-align: middle; margin-right: 1.5rem; margin-left: 1rem; } .no-svg .msfde-token.campaign-banner.work-worldwide h3:before, .no-js .msfde-token.campaign-banner.work-worldwide h3:before { background-position: 0 -3644px; } .msfde-token.campaign-banner.work-worldwide h3:before { display: inline-block; } .msfde-token.campaign-banner.work-worldwide .col-center img { right: 10rem; right: 27%; } .msfde-token.donation-banner-partner-werden { margin-bottom: 1.5rem; } .msfde-token.donation-banner-partner-werden .col-center { display: none; } .msfde-token.donation-banner-partner-werden .col-center img { left: -100%; max-width: none; position: relative; top: 2.5rem; transform: rotate(-15deg); } .msfde-token.donation-banner-partner-werden .col-right { text-align: right; } .msfde-token.donation-banner-partner-werden .col-right a { position: absolute; } .msfde-token.donation-banner-partner-werden .col-left { width: 45%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .msfde-token.donation-banner-partner-werden .col-right { width: 55.0%; float: right; margin-left: 0; margin-right: 0; clear: none; } .msfde-token.donation-banner-partner-werden .col-left { width: 65%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .msfde-token.donation-banner-partner-werden .col-right { width: 35%; float: right; margin-left: 0; margin-right: 0; clear: none; } .msfde-token.donation-banner-partner-werden .col-left { width: 61.90476%; float: left; margin-right: -100%; margin-left: 0%; clear: none; } .msfde-token.donation-banner-partner-werden .col-center { width: 4.7619%; float: left; margin-right: -100%; margin-left: 61.90476%; clear: none; display: block; } .msfde-token.donation-banner-partner-werden .col-right { width: 33.33333%; float: right; margin-left: 0; margin-right: 0; clear: none; } .msfde-token.donation-banner-geschenkspende h2, .msfde-token.donation-banner-geschenkspende h3, .msfde-token.donation-banner-geschenkspende h4 { font-size: 2.1rem; } .msfde-token.rss-link { background-color: #333745; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMC4yMTg3NjciIHZlcnNpb249IjEiIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMC4yMTkiPjxlbGxpcHNlIGN5PSIxNy40NDYiIGN4PSIyLjc0MyIgcng9IjIuNzQzIiByeT0iMi43NzMiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTMuMjU3IDIwLjIySDkuMzdjMC01LjIzNC00LjE5NC05LjQ3NS05LjM3LTkuNDc1VjYuODE3YzcuMzIyIDAgMTMuMjU3IDYgMTMuMjU3IDEzLjQwMnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTYgMjAuMjJDMTYgMTEuMjg1IDguODM3IDQuMDQzIDAgNC4wNDNWMGMxMS4wNDYgMCAyMCA5LjA1MiAyMCAyMC4yMnoiIGZpbGw9IiNmZmYiLz4mZ3Q7PC9zdmc+'); background-repeat: no-repeat; padding-left: 4rem; background-position: 1rem center; color: white; } .no-svg .msfde-token.rss-link, .no-js .msfde-token.rss-link { background-position: 0 -5268px; } .msfde-token.rss-link:link, .msfde-token.rss-link:visited { color: white; } .msfde-token.rss-link:active, .msfde-token.rss-link:focus, .msfde-token.rss-link:hover { color: #e2001a; } .msfde-token.sequence { margin-bottom: 2.4rem; margin-top: 4.8rem; } .msfde-token.sequence .item { background-color: #f1f1f1; border: 1px solid white; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); display: block; margin-bottom: 4.8rem; padding: 1.6rem 0; position: relative; } .msfde-token.sequence .item:after { border: 0 solid #f1f1f1; border-top-width: 10px; bottom: -10px; content: ""; display: block; height: 0; left: 0; margin: auto; position: absolute; right: 0; width: 0; } .msfde-token.sequence .item:last-child { margin-bottom: 0; } .msfde-token.sequence .item:last-child:after { display: none; } .msfde-token.sequence .item__no { background-color: #b9d065; border-radius: 100%; color: white; font-size: 3.7rem; height: 5rem; left: 0; line-height: 5.4rem; margin: 0 auto; position: absolute; right: 0; text-align: center; top: -3rem; width: 5rem; } .msfde-token.sequence .item__title { margin-bottom: 0.5rem; margin-top: 1rem; } .msfde-token.sequence .item__main { margin-left: 1.6rem; margin-right: 1.6rem; } .msfde-token.sequence .item.has-image .item__main { margin-left: 12.1rem; } .msfde-token.sequence .item__image { padding: 2.4rem 0 1.6rem; text-align: center; float: left; width: 12.1rem; } .msfde-token.sequence .item__image img { height: auto; max-width: 100%; } .additional .group-attachments { border-top: 5px solid #f0f0f0; } .additional .group-attachments .action-links, .additional .group-attachments .field-collection-view-links { display: none; } .additional .group-attachments .title { font-size: 2.4rem; line-height: 2.8rem; margin-bottom: 1.2rem; } .additional .group-attachments .group-list, .additional .group-attachments .group-list ul, .additional .group-attachments .group-list li { list-style: none; margin: 0; padding: 0; } .additional .group-attachments .group-list .group-item { margin-bottom: 2.4rem; } .additional .group-attachments .group-item p { margin: 0; } .additional .group-attachments .group-item a { color: #333745; } .additional .group-attachments .group-item a:focus, .additional .group-attachments .group-item a:hover { color: #e2001a; } .additional .group-attachments .button { text-transform: uppercase; width: 40px; float: left; margin-right: 2rem; } .additional .group-attachments .button a { width: 100%; height: 100%; display: block; text-indent: -119988px; overflow: hidden; text-align: left; position: relative; } .additional .group-attachments .button a:before { width: 20px; height: 20px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 20px / 2); left: 35%; left: calc(50% - 20px / 2); background-position: 0 -2746px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .additional .group-attachments .button a:before { background-position: 0 -2401.5px; } } .additional .group-attachments .button a:hover:before, .additional .group-attachments .button a:focus:before { background-position: 0 -2796px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .additional .group-attachments .button a:hover:before, .additional .group-attachments .button a:focus:before { background-position: 0 -2436.5px; } } .additional .group-attachments .button a:active:before { background-position: 0 -2956px; } @media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi) { .additional .group-attachments .button a:active:before { background-position: 0 -2551.5px; } } .additional .group-attachments .meta { color: #7d7d7d; font-size: 1.3rem; } .additional .media-type-audio { margin-left: 2.4rem; margin-bottom: 2.4rem; } a.msf-blue-call-to-action, a.msf-donate-call-to-action { background-color: #69adc4; } a.msf-green-call-to-action, a.msf-work-call-to-action { background-color: #b9d065; } a.msf-red-call-to-action { background-color: #e2001a; } .subtitlecountry { text-transform: uppercase; color: #7d7d7d; } .view-mode-full header .subtitlecountry { display: block; } .view-mode-teaser .subtitlecountry { margin-right: 0.4em; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type article :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-region-news, .pane-related-content { border-top: 5px solid #dadada; } .pane-related-content, .pane-meldungen { /* CType specific */ } .pane-related-content .views-row, .pane-meldungen .views-row { padding: 0; } .pane-related-content .views-row:first-child, .pane-meldungen .views-row:first-child { padding-top: 0; } .pane-related-content .pane-title { padding-left: 0; padding-right: 0; } #sidebar #block-views-presse-block-3 .content, #sidebar #block-views-presse-block-3 .pane-content, #sidebar .pane-views-presse-block-3 .content, #sidebar .pane-views-presse-block-3 .pane-content, #sidebar #block-views-presse-block-4 .content, #sidebar #block-views-presse-block-4 .pane-content, #sidebar .pane-views-presse-block-4 .content, #sidebar .pane-views-presse-block-4 .pane-content, #sidebar .document-related-publications .content, #sidebar .document-related-publications .pane-content { padding: 0; } #block-views-presse-block-3 .view-content, .pane-views-presse-block-3 .view-content, #block-views-presse-block-4 .view-content, .pane-views-presse-block-4 .view-content, .document-related-publications .view-content { position: relative; } #block-views-presse-block-3 .node-teaser, .pane-views-presse-block-3 .node-teaser, #block-views-presse-block-4 .node-teaser, .pane-views-presse-block-4 .node-teaser, .document-related-publications .node-teaser { padding: 1.7rem 1.7rem 0.85rem; } #block-views-presse-block-3 .teaser-wrapper:focus, #block-views-presse-block-3 .teaser-wrapper:hover, .pane-views-presse-block-3 .teaser-wrapper:focus, .pane-views-presse-block-3 .teaser-wrapper:hover, #block-views-presse-block-4 .teaser-wrapper:focus, #block-views-presse-block-4 .teaser-wrapper:hover, .pane-views-presse-block-4 .teaser-wrapper:focus, .pane-views-presse-block-4 .teaser-wrapper:hover, .document-related-publications .teaser-wrapper:focus, .document-related-publications .teaser-wrapper:hover { background-color: transparent; } #block-views-presse-block-3 .teaser-type, .pane-views-presse-block-3 .teaser-type, #block-views-presse-block-4 .teaser-type, .pane-views-presse-block-4 .teaser-type, .document-related-publications .teaser-type { display: none; } #block-views-presse-block-5 .view-content, .pane-views-presse-block-5 .view-content, #block-views-presse-block-6 .view-content, .pane-views-presse-block-6 .view-content { line-height: 1.8rem; list-style: none; padding: 0; } #block-views-presse-block-5 .views-row, .pane-views-presse-block-5 .views-row, #block-views-presse-block-6 .views-row, .pane-views-presse-block-6 .views-row { padding: 1rem 0; border-top: 1px solid #dadada; } #block-views-presse-block-5 .views-row:first-child, .pane-views-presse-block-5 .views-row:first-child, #block-views-presse-block-6 .views-row:first-child, .pane-views-presse-block-6 .views-row:first-child { border-top-width: 0; padding-top: 0; } #block-views-presse-block-5 .views-row:last-child, .pane-views-presse-block-5 .views-row:last-child, #block-views-presse-block-6 .views-row:last-child, .pane-views-presse-block-6 .views-row:last-child { padding-bottom: 0; } #block-views-presse-block-5 .date, .pane-views-presse-block-5 .date, #block-views-presse-block-6 .date, .pane-views-presse-block-6 .date { font-size: 1.4rem; color: #7d7d7d; text-transform: uppercase; display: block; } #block-views-presse-block-5 .headline, .pane-views-presse-block-5 .headline, #block-views-presse-block-6 .headline, .pane-views-presse-block-6 .headline { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.5rem; line-height: 1.8rem; margin-bottom: 0; } #block-views-presse-block-5 .headline a:link, #block-views-presse-block-5 .headline a:visited, .pane-views-presse-block-5 .headline a:link, .pane-views-presse-block-5 .headline a:visited, #block-views-presse-block-6 .headline a:link, #block-views-presse-block-6 .headline a:visited, .pane-views-presse-block-6 .headline a:link, .pane-views-presse-block-6 .headline a:visited { color: #e2001a; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type quote :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .node-quote.node-teaser blockquote { margin: 0; } .has-flexslider .node-quote.node-teaser { padding: 1.6rem; } .node-quote.node-teaser p.quotee-position { line-height: 2rem; margin-bottom: 1rem; } .node-quote.node-teaser p.quotee-position:before, .node-quote.node-teaser p.quotee-position:after { content: none; } .node-quote.node-teaser .quote-author { line-height: 2.5rem; margin-bottom: 0.2rem; } .node-quote.node-teaser .quote-avatar { float: left; margin-right: 1rem; margin-bottom: 1.6rem; } .node-quote.node-teaser .quote-avatar img { width: 115px; height: 115px; } .node-quote.node-teaser .field-name-body { clear: left; } .node-quote.node-teaser .field-name-body p { display: inline; } .node-quote.node-teaser .field-name-body p:before, .node-quote.node-teaser .field-name-body p:after { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.4rem; line-height: 1rem; position: relative; } .node-quote.node-teaser .field-name-body p:before { bottom: 2px; content: open-quote; padding-right: .25em; } .node-quote.node-teaser .field-name-body p:after { top: 5px; content: close-quote; padding-left: .25em; } .node-quote.node-teaser .field-name-body p:last-child { margin-bottom: 0; } #sidebar .block-quote-multiple.has-flexslider .content, #sidebar .block-quote-multiple.has-flexslider .pane-content { display: none; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type contact :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ #sidebar .block-contact-single .content, #sidebar .block-contact-multiple .content, #baseboard .block-contact-single .content, #baseboard .block-contact-multiple .content { padding: 0; } #sidebar .block-contact-multiple.has-flexslider > .content, #baseboard .block-contact-multiple.has-flexslider > .content { display: none; } .node-contact.node-teaser { padding: 1.7rem; } .views-row .node-contact.node-teaser { padding-top: 1.7rem; border-bottom: 5px solid #dadada; } .has-flexslider .views-row .node-contact.node-teaser { border-bottom: 0; } .views-row-last .node-contact.node-teaser { border-bottom: 0; } .node-contact.node-teaser header { height: 12.1rem; position: relative; } .node-contact.node-teaser .bottom-up-text { bottom: 0; margin-left: 125px; } .node-contact.node-teaser .contact-name { margin-bottom: 0; line-height: 2.6rem; } .node-contact.node-teaser p.contact-position { line-height: 1.8rem; margin-bottom: 0; } .contact-avatar { float: left; } .contact-avatar img { width: 115px; height: 115px; } .node-contact.node-teaser .contact-name { font-size: 2rem; } .node-contact.node-teaser .contact-info, .node-contact.node-teaser .contact-position { font-size: 0.9em; padding-top: 0.85rem; } .node-contact.node-teaser .contact-position { hyphens: auto; } .contact-info { border-top: 1px solid rgba(0, 0, 0, 0.2); margin-bottom: 0; padding-top: 1.7rem; min-height: 4.1rem; } .contact-info dd { margin-left: 0; padding-left: 28px; } .contact-info .tel { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTEwLjA4NyAxMi4yN2MuMzg1LjE5Mi44NS4yMzcgMS4xOTQtLjExLjM1LS4zNDcgMS40LTEuNTgyIDEuNC0xLjU4MnMuMzQtLjM4Ljg0LS4wNjhjLjUuMzE0IDEuNDMuOTc2IDMuMzUgMi4xNzcuMzEuMjU0LjE3LjY2LjE3LjY2cy0xLjM0IDIuMTY4LTMuNDUgMy4yMjhjLS40NzIuMjk1LTEuNTgtLjAyLTEuNTgtLjAyUzMuMTQgMTQuNTguMDkgNS41N0MtLjEgNS4xNjUuMDcyIDQuNDQuMDcyIDQuNDRzLjI2NS0xLjYwOCAyLjctMy42NzVDMy4xNy40MyAzLjU5Ljc0OCAzLjU5Ljc0OHMxLjE4NyAxLjIzIDIuNjc0IDMuMjg0Yy4xNjUuMjI1LjAzNS42MS0uMDkuNjktMS4wMzguODI0LTEuNjQ4IDEuODQtMS42NDggMS44NHMtLjExMy40MTguMTI0LjcxIDIuMTIgMy4zMDYgNS40MzcgNXoiLz48L3N2Zz4='); background-repeat: no-repeat; } .svg .contact-info .tel { background-position: 0 30%; } .no-svg .contact-info .tel, .no-js .contact-info .tel { background-position: 0 -3209px; } .contact-info .email { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNyIgaGVpZ2h0PSIxNyI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTE2LjQ3MiA1LjA1NGwtNC45NjUgNC40NzIgNC44OTUgNC40MDhjLjI5Mi0uMzYuNDc0LS44MTcuNDc0LTEuMzE4di02LjMzYzAtLjQ2Mi0uMTUyLS44ODYtLjQwNC0xLjIzMnptLS44MjUtLjY4Yy0uMjctLjEyMy0uNTY2LS4xOTctLjg4Mi0uMTk3SDIuMTFjLS4zMTYgMC0uNjEzLjA3NC0uODgzLjJsNy4yMSA2LjQ5NCA3LjIxLTYuNDl6bS0xNS4yNDIuNjhDLjE1NSA1LjQgMCA1LjgyNCAwIDYuMjg2djYuMzI4YzAgLjQ5OC4xOC45NS40NjggMS4zMTJsNC44OTQtNC40MUwuNDA1IDUuMDU0em04LjQ0IDYuODY3bC0uMDA4LjAyLS4wNDguMDQtLjAxLjAxLS4wMS4wMS0uMTYuMS0uMDYuMDE3LS4xMi4wMi0uMTItLjAyLS4wNi0uMDE0LS4xNi0uMS0uMDEtLjAwNi0uMDEtLjAxLS4wNDgtLjAzMi0uMDEtLjAxLTEuODgtMS42OS00LjgyIDQuMzRjLjI0LjEuNTAyLjE1OC43OC4xNThoMTIuNjZjLjI3NCAwIC41MzItLjA1NC43Ny0uMTVsLTQuODE0LTQuMzQtMS44NzggMS42OHoiLz48L3N2Zz4='); background-repeat: no-repeat; } .svg .contact-info .email { background-position: 0 30%; } .no-svg .contact-info .email, .no-js .contact-info .email { background-position: 0 -1410px; } .contact-info .email a { display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; vertical-align: top; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type [teaser] :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .msfde-donate .content-teaser-overlay { background-color: #69adc4; background-color: rgba(105, 173, 196, 0.8); } .no-rgba .msfde-donate .content-teaser-overlay { background-color: transparent; background-image: url('../img/backgrounds/bg-transparent-blue.png?1573740001'); } .msfde-collaborate .content-teaser-overlay { background-color: #b9d065; background-color: rgba(185, 208, 101, 0.8); } .no-rgba .msfde-collaborate .content-teaser-overlay { background-color: transparent; background-image: url('../img/backgrounds/bg-transparent-green.png?1573740001'); } .msfde-organisation .content-teaser-overlay { background-color: #e2001a; background-color: rgba(226, 0, 26, 0.8); } .no-rgba .msfde-organisation .content-teaser-overlay { background-color: transparent; background-image: url('../img/backgrounds/bg-transparent-red.png?1573740001'); } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type iframe :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ body.node-type-iframe .area-content { padding-top: 1.1rem; padding-bottom: 1.1rem; background: #f0f0f0; } body.node-type-iframe .area-content iframe { width: 100%; } body.node-type-iframe .area-content iframe.mobil-safari-bug-workaround { width: 1px; min-width: 100%; } body.node-type-iframe .view-mode-full .content { padding: 0; } .no-js body.node-type-iframe iframe { min-height: 500px; overflow: auto; } #sidebar .block-w21-msf-iframes .content { padding-left: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type page :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .page-node-397 .footer { border-top: 0; } .page-node-397 .footer .header > * { margin: 0; } .page-node-397 .footer .figure { display: none; } .page-node-397 .footer .content { padding-bottom: 0; padding-top: 0; } .page-node-397 .footer .content:focus, .page-node-397 .footer .content:hover { background: none; } .page-node-397 .footer h2, .page-node-397 .footer h3 { margin: 1.2rem 0 2.4rem; margin-left: -2.4rem; margin-right: -2.4rem; } .page-node-397 .footer ul { margin: 2.4rem 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type vacancy :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-vacancies { /* Aside */ } .pane-vacancies .pane-content { padding: 1.6rem; padding-top: 0; padding: 2.4rem; } .pane-vacancies .table .table-cell { display: block; float: left; } .pane-vacancies .table .table-head:last-child { display: none; } .pane-vacancies .table .table-cell:first-child { width: 58.33333%; } .pane-vacancies .table .table-cell:nth-child(2) { width: 20%; white-space: nowrap; overflow: hidden; } .pane-vacancies .table .table-cell:nth-child(3) { width: 21.66667%; padding-right: 1.4rem; } .pane-vacancies .table .details { padding: 0 0.7rem 1rem; padding: 1.4rem; padding-top: 0; } .pane-vacancies .collapsible-content { background-color: white; box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.3); clear: left; padding: 0 !important; width: 100%; } .pane-vacancies .collapsed a { color: #333745; } .pane-vacancies .details { box-shadow: inset 0 -1px 3px -1px rgba(0, 0, 0, 0.3); } .pane-vacancies .content { border-bottom: 1px solid #dadada; padding-top: 1.4rem; position: relative; } .pane-vacancies .field-name-field-subtitle { border-bottom: 1px solid #dadada; margin-bottom: 1.2rem; padding-bottom: 0.8rem; text-transform: uppercase; } .pane-vacancies .aside { padding-top: 1rem; } .pane-vacancies .readmore { bottom: 0; position: absolute; right: 0; text-transform: uppercase; } .node-vacancy .download { line-height: 3rem; float: left; } .node-vacancy .download .file-icon { display: none; } .node-vacancy.view-mode-full .download { margin-top: 2.4rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type article :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-einsatzl-nder .view-filters { border: 0 solid #333745; border-bottom-width: 3px; } .pane-einsatzl-nder .views-exposed-widgets { padding: 1.6rem 1.6rem 3.4rem; padding: 2.4rem 2.4rem 3.4rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type person profile :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .node-person-profile.view-mode-full .section-header { margin-bottom: 2.4rem; } .node-person-profile.view-mode-full .person-profile-headline { display: block; margin-bottom: 0.5rem; } .node-person-profile.view-mode-full .details { margin-bottom: 1.6rem; } .node-person-profile.view-mode-full .details .age { float: left; width: 30%; } .node-person-profile.view-mode-full .details .region { float: left; width: 70%; } .node-person-profile.view-mode-full a.related-profession { float: right; position: relative; display: block; z-index: 2; } .node-person-profile.view-mode-full .field-name-field-bio { clear: left; } .node-person-profile.view-mode-full .field-name-field-bio .person-profile-headline { border-top: 1px solid #dadada; margin-bottom: 0.5rem; } .node-person-profile.view-mode-full .section-header, .node-person-profile.view-mode-full .field-name-field-bio .person-profile-headline { margin-left: -1.6rem; margin-right: -1.6rem; padding: 0 1.6rem; margin-left: -2.4rem; margin-right: -2.4rem; padding-left: 2.4rem; padding-right: 2.4rem; padding-top: 1.6rem; } .page-person-profiles .area-content { padding: 0; } .page-unsere-arbeit-arbeitsalltag-mitarbeiterportraets .area-content .pane-block { padding: 0 1.6rem; padding: 0 2.4rem; } .area-main .pane-mitarbeiterportraets .views-row { padding: 0; } .area-main .pane-mitarbeiterportraets .views-row:first-child { padding-top: 0; } .area-main .pane-mitarbeiterportraets .view-footer { display: none; } .area-main .pane-mitarbeiterportraets .teaser-title h2 { margin-bottom: 0; } .footer-slides .pane-mitarbeiterportraets { margin: 2.4rem 0; padding: 2.4rem 4rem 5.6rem; position: relative; padding-left: 8rem; padding-right: 8rem; padding-left: 12rem; padding-right: 12rem; } .footer-slides .pane-mitarbeiterportraets .pane-title { display: none; } .footer-slides .pane-mitarbeiterportraets .view-footer { bottom: 0; clear: both; right: 4rem; position: absolute; right: 8rem; right: 12rem; } .footer-slides .pane-mitarbeiterportraets .view-footer a { color: #333745; } .footer-slides .pane-mitarbeiterportraets .view-footer a:active { color: white; } .footer-slides .pane-mitarbeiterportraets .teaser-wrapper { color: white; display: block; background-color: #1c1d22; border: 1px solid rgba(255, 255, 255, 0.03); box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.15); } .footer-slides .pane-mitarbeiterportraets .teaser-wrapper:focus, .footer-slides .pane-mitarbeiterportraets .teaser-wrapper:hover { background-color: transparent; color: #e2001a; } .footer-slides .pane-mitarbeiterportraets .node-person-profile { background-color: #333745; box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.3); min-height: 18rem; } .footer-slides .pane-mitarbeiterportraets .col-left { text-align: right; } .footer-slides .pane-mitarbeiterportraets .teaser-thumb { margin-bottom: 0; } .footer-slides .pane-mitarbeiterportraets .col-right { padding: 1.6rem 1.6rem 0; padding: 0 2.4rem 0 0; } .footer-slides .pane-mitarbeiterportraets .teaser-postdate { display: none; } .footer-slides .pane-mitarbeiterportraets .teaser-title { padding-top: 1rem; } .footer-slides .pane-mitarbeiterportraets .teaser-title .h3 { font-size: 1.6rem; line-height: 1.8rem; margin-bottom: 1rem; } .footer-slides .pane-mitarbeiterportraets .teaser-body { padding: 0 0 1rem; padding-bottom: 0; } .footer-slides .pane-mitarbeiterportraets .flex-prev, .footer-slides .pane-mitarbeiterportraets .flex-next { left: 0; opacity: 0.7; overflow: hidden; position: absolute; text-indent: -999em; top: 0; width: 4rem; height: 70%; height: 85%; width: 7rem; height: 90%; width: 12rem; } .footer-slides .pane-mitarbeiterportraets .flex-prev:focus, .footer-slides .pane-mitarbeiterportraets .flex-prev:hover, .footer-slides .pane-mitarbeiterportraets .flex-next:focus, .footer-slides .pane-mitarbeiterportraets .flex-next:hover { opacity: 1; } .footer-slides .pane-mitarbeiterportraets .flex-next { left: auto; right: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: content type media library element :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .mediathek-full { /* begin interim */ /* end interim */ } .mediathek-full .field-label { display: none; } .mediathek-full .view-mode-full { padding: 0; } .mediathek-full .field-type-text-long p { line-height: 2.4rem; } .mediathek-full ul { list-style: none; margin: 0; padding: 0; } .mediathek-full .item-wrapper { position: relative; overflow: hidden; } .mediathek-full .media-wrapper { position: relative; overflow: hidden; } .mediathek-full .media-wrapper img { height: auto; width: 100%; } .mediathek-full .content-wrapper { background-color: rgba(0, 0, 0, 0.7); color: white; display: block; height: 100%; padding: 1.6rem; padding-right: 0; padding-bottom: 3rem; position: absolute; right: 0; top: 0; transition: all 0.4s ease-in; width: 24rem; z-index: 5; } .mediathek-full .content-wrapper .inner-wrapper { height: 100%; padding-right: 1.6rem; } .mediathek-full .content-wrapper ol { padding-left: 2.6rem; list-style: decimal; } .mediathek-full .content-wrapper ul { list-style: disc; padding-left: 1.8rem; } .mediathek-full .content-wrapper li { padding-left: 0; } .mediathek-full.content-closed .content-wrapper { right: -22.4rem; width: 28.9rem; padding-left: 6.5rem; transition: all 0.4s ease-out; } .mediathek-full .content-title { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 2.4rem; line-height: 2.8rem; } .mediathek-full .copyright { font-size: 1.4rem; padding: 0.5rem 0.8rem 0.5rem 1.6rem; bottom: 0; color: #f1f1f1; left: 0; position: absolute; transition: all 0.4s ease-out; z-index: 2; } .mediathek-full.content-closed .copyright { padding-left: 6.5rem; } .mediathek-full .icon-mediathek { background-color: transparent; background-position: left center; transition: opacity 0.2s 0.1s ease-in; pointer-events: none; } .mediathek-full .icon-mediathek::before { pointer-events: none; } .mediathek-full.content-closed .icon-mediathek { opacity: 0; transition-delay: 0; } .mediathek-full .module-share { right: 26rem; top: 2rem; position: absolute; transition: right 0.37s ease-in; z-index: 1; } .block-mediathek-top-story .mediathek-full .module-share { display: none; } .mediathek-full .module-share .share-title, .mediathek-full .module-share .share-items { height: 4.2rem; line-height: 3.5rem; padding: 0.5rem 1rem; background-color: rgba(0, 0, 0, 0.7); margin: 0; } .mediathek-full .module-share .share-items { line-height: 2rem; } .mediathek-full .module-share .share-item:first-child { padding-left: 0; } .mfp-content .mediathek-full .module-share .share-title { display: inline-block; vertical-align: middle; } .mediathek-full .module-share .share-title { font-size: 1.6rem; display: none; margin-right: 0; text-transform: uppercase; } .mfp-content .mediathek-full .module-share .share-items { display: none; } .mfp-content .mediathek-full .module-share:hover .share-title { display: none; } .mfp-content .mediathek-full .module-share:hover .share-items { display: block; } .mediathek-full.content-closed .module-share { right: 8.5rem; transition: right 0.37s ease-out; } .mediathek-full .toggle { width: 4rem; height: 4rem; left: -2rem; margin-top: -2rem; text-indent: -119988px; overflow: hidden; text-align: left; background-color: transparent; background-image: none; border-radius: 0; box-shadow: none; color: white; display: none; padding: 0; top: 50%; } .mediathek-full .toggle i { border-radius: 2rem; border-width: 2rem; background: none; border-color: rgba(0, 0, 0, 0.7); border-style: solid; border-right-color: transparent; border-bottom-color: transparent; display: block; height: 0; left: 0; overflow: hidden; position: absolute; top: 0; transform: rotate(-45deg); width: 0; z-index: -1; } .mediathek-full .toggle-open { position: relative; } .mediathek-full .toggle-open:before { width: 16px; height: 16px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 16px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMS4zMzMgMiAxNiAxNiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE2LjI2MiA4LjM0NmgtNS4yNzVWMy4wN2MwLS41OS0uNDgtMS4wNy0xLjA3LTEuMDdIOC43NWMtLjU5IDAtMS4wNy40OC0xLjA3IDEuMDd2NS4yNzZIMi40MDNjLS41OTIgMC0xLjA3LjQ4LTEuMDcgMS4wNzJ2MS4xNjRjMCAuNTkyLjQ3OCAxLjA3IDEuMDcgMS4wN2g1LjI3NXY1LjI3N2MwIC41OS40OCAxLjA3IDEuMDcgMS4wN0g5LjkxYy41OTMgMCAxLjA3NC0uNDggMS4wNzQtMS4wN3YtNS4yOGg1LjI3NWMuNTkgMCAxLjA3LS40OCAxLjA3LTEuMDdWOS40MWMwLS41OTItLjQ4LTEuMDcyLTEuMDctMS4wNzJ6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .mediathek-full .toggle-open:before, .no-js .mediathek-full .toggle-open:before { background-position: 0 -5222px; } .mediathek-full .toggle-close { position: relative; } .mediathek-full .toggle-close:before { width: 16px; height: 3px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 3px / 2); left: 35%; left: calc(50% - 16px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIyLjk3OCIgdmlld0JveD0iMTQuNSAyMS4wMSAxNiAyLjk3OCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTMwLjUgMjIuOTE3YzAgLjU5LS40NzcgMS4wNy0xLjA3IDEuMDdIMTUuNTdjLS41OTQgMC0xLjA3LS40OC0xLjA3LTEuMDd2LS44MzZjMC0uNTkuNDc3LTEuMDcgMS4wNy0xLjA3aDEzLjg2Yy41OTIgMCAxLjA3LjQ4IDEuMDcgMS4wN3YuODR6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .mediathek-full .toggle-close:before, .no-js .mediathek-full .toggle-close:before { background-position: 0 -4907px; } .mediathek-full .toggle-open, .mediathek-full .toggle-close { position: absolute; } .mfp-content .mediathek-full .toggle { display: none; } .mfp-content .mediathek-full .toggle-close { display: block; } .mfp-content .mediathek-full.content-closed .toggle-open { display: block; } .mfp-content .mediathek-full.content-closed .toggle-close { display: none; } .page-mediathek .mfp-close { right: 15px !important; } /* Full view: photo report */ .mediathek-full.media-type-image_list .flex-next, .mediathek-full.media-type-image_list .flex-prev { top: 42%; } /* Full view: audio */ /* Full view: video */ /* Full view: audio and video */ .mediathek-full.media-type-audio, .mediathek-full.media-type-video { background-color: black; } .mediathek-full.media-type-audio .content-wrapper, .mediathek-full.media-type-video .content-wrapper { background-color: none; } .block-mediathek-top-story .mediathek-full.media-type-audio .content-wrapper, .block-mediathek-top-story .mediathek-full.media-type-video .content-wrapper { width: 29.6rem; } .mediathek-full.media-type-audio.content-closed .content-wrapper, .mediathek-full.media-type-video.content-closed .content-wrapper { right: 0; width: auto; padding-left: 1.6rem; } .mediathek-full.media-type-audio .module-share, .mediathek-full.media-type-video .module-share { right: 40rem; } .mediathek-full.media-type-audio.content-closed .content-wrapper, .mediathek-full.media-type-video.content-closed .content-wrapper { width: 34.4rem; right: -32.8rem; } /* Full view: photo */ .mediathek-thumbnail-navigation { margin: 1rem -0.5rem 0; position: relative; } .mediathek-thumbnail-navigation .toggle, .mediathek-thumbnail-navigation .content-wrapper, .mediathek-thumbnail-navigation .mfp-close, .mediathek-thumbnail-navigation .module-share, .mediathek-thumbnail-navigation .field-label { display: none; } .mediathek-thumbnail-navigation .item-wrapper { max-height: 5rem; padding: 0 0.5rem; max-height: 7rem; max-height: 10rem; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; *behavior: none; cursor: pointer; float: left; overflow: hidden; width: 14%; width: calc(100% / 7); } .mediathek-thumbnail-navigation .item-wrapper.active .field { opacity: 1; filter: alpha(opacity=50); } .mediathek-thumbnail-navigation .media-wrapper { background-color: black; } .mediathek-thumbnail-navigation .field { opacity: 0.5; filter: alpha(opacity=50); } .mediathek-thumbnail-navigation .flex-direction-nav .flex-viewport { margin: 0 -0.5rem; padding: 0 0.5rem; } .mediathek-thumbnail-navigation .flex-direction-nav a { margin-top: -5rem; background-color: rgba(0, 0, 0, 0.7); } .mediathek-thumbnail-navigation .flex-direction-nav .flex-next, .mediathek-thumbnail-navigation .flex-direction-nav .flex-prev { height: 10rem; width: 6.5rem; } .mediathek-thumbnail-navigation .flex-direction-nav .flex-next { right: 0.5rem; } .mediathek-thumbnail-navigation .flex-direction-nav .flex-prev { left: 0.5rem; } .mediathek-thumbnail-navigation .flex-direction-nav .flex-disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } .node-media-library-element.node-teaser .teaser-thumb { position: relative; } .node-media-library-element.node-teaser .icon-mediathek { bottom: auto; left: 0; position: absolute; right: auto; top: 0; } .node-media-library-element.node-teaser .field-type-image { margin-bottom: 0; } .node-media-library-element.node-teaser .field-name-field-metadata-copyright { color: #7d7d7d; display: none; font-size: 1.4rem; margin-top: 0.5rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: Paragraph type Icon left with headline and text :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ aside .paragraphs-item-icon-left-with-headline-and-text { margin-bottom: 1rem; } aside .paragraphs-item-icon-left-with-headline-and-text .field-name-field-icon { float: left; margin-right: 10px; width: 40px; } aside .paragraphs-item-icon-left-with-headline-and-text .text { overflow: hidden; } aside .paragraphs-item-icon-left-with-headline-and-text h3 { margin-bottom: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: press :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-presse .views-exposed-widgets, .view-presse .views-exposed-widgets { padding: 1.4rem 1.4rem 3.4rem; } .pane-presse .views-exposed-widget, .view-presse .views-exposed-widget { width: 37%; float: left; padding: 0 1rem; } .pane-presse .views-exposed-widget:nth-child(3), .view-presse .views-exposed-widget:nth-child(3) { width: 26%; } .pane-presse .views-exposed-widget label, .view-presse .views-exposed-widget label { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; color: #7d7d7d; } .pane-presse .views-exposed-widget select, .view-presse .views-exposed-widget select { width: 100%; } .pane-presse .views-exposed-widget .description, .view-presse .views-exposed-widget .description { display: none; } .pane-presse .date, .pane-presse .country, .pane-presse .lineage-item, .view-presse .date, .view-presse .country, .view-presse .lineage-item { color: #7d7d7d; font-size: 1.4rem; } .pane-presse .lineage-item:before, .view-presse .lineage-item:before { content: " • "; display: inline-block; width: 0.5rem; left: -0.25rem; position: relative; text-align: center; } .pane-presse .row-title, .view-presse .row-title { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 0.2rem; margin-top: 0.4rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: FAQ :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .page-faq .pane-pm-existing-pages, .faq-terms { list-style-type: none; padding-left: 0; } .page-faq .pane-pm-existing-pages .faq-term-header, .faq-terms .faq-term-header { color: #333745; } .page-faq .pane-pm-existing-pages .node-faq, .faq-terms .node-faq { padding-bottom: 0; } .page-faq .pane-pm-existing-pages .node-faq h3, .faq-terms .node-faq h3 { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; color: #333745; line-height: 1.3; display: block; position: relative; margin-bottom: 0.5rem; padding-left: 3rem; } .page-faq .pane-pm-existing-pages .node-faq .answer, .faq-terms .node-faq .answer { padding-left: 40px; } .page-faq .pane-pm-existing-pages .node-faq.collapsed h3, .faq-terms .node-faq.collapsed h3 { margin-bottom: 1.5rem; } .page-faq .highlight { background-color: #f1f1f1; } /* The Glossary Overview Page */ .page-organisation-wissen-glossar .lexicon-autocomplete { margin-left: 2.4rem; margin-top: 2.4rem; } .page-organisation-wissen-glossar .ui-autocomplete.ui-widget a { padding-left: 1rem; height: 2em; } .page-organisation-wissen-glossar .ui-autocomplete.ui-widget strong { font-family: "Fago Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } .page-organisation-wissen-glossar .pane-pm-existing-pages { border-top: 1px solid transparent; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-alphabar-instructions { padding: 0 2.4rem 2.4rem; margin-bottom: 2.4rem; box-shadow: 0px 3px 4px -2px rgba(0, 0, 0, 0.3); } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links { background-color: transparent; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links ul { list-style: none; padding: 0; text-align: center; margin-left: 2.4rem; margin-right: 2.4rem; background-color: #f1f1f1; border-bottom: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.3); } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li { display: inline-block; background-color: #f1f1f1; height: 35px; line-height: 35px; width: 50px; padding-left: 0; box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.8); margin: 0.3rem; text-transform: uppercase; background-color: transparent; box-shadow: none; margin: 0; height: 40px; width: 22px; line-height: 40px; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(255, 255, 255, 0.8); } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li a { display: block; font-size: 100%; height: 35px; line-height: 35px; width: 50px; position: relative; transition: top .25s; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li a:active { background-color: #e2001a; color: white; top: 2px; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li a { height: 40px; width: 22px; line-height: 40px; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li a:hover { background-color: #333745; color: white; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li:last-child { border-right: 0; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-links li:first-child { border-left: 0; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list ul.alphagroup { margin-top: 0; list-style: none; padding-left: 0; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .lexicon-letter { color: #333745; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .jumpto-term { display: inline-block; position: relative; top: -155px; top: -130px; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .jumpto-letter { display: inline-block; position: relative; top: -130px; top: -100px; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li { padding-top: 0; padding-bottom: 0; border-top: 1px solid transparent; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:first-child { padding-top: 0; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:last-child { border-bottom: 1px solid transparent; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li dt { font-family: "Unit Slab Bold", "roboto_slabbold", "Lucida Bright", Lucidabright, Cambria, "Dejavu Serif", "Bitstream Vera Serif", "Trebuchet MS", Tahoma, sans-serif; font-style: normal; font-weight: 400; -moz-font-feature-settings: liga=1; -webkit-font-feature-settings: liga; -moz-font-feature-settings: liga; font-feature-settings: liga; font-size: 16px; font-size: 1.6rem; line-height: 30px; line-height: 3rem; line-height: 2.6rem; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li dt a:link, .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li dt a:visited { color: #333745; text-decoration: none; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li dd { margin-left: 0; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dt, .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dd { color: #e2001a; } .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dt a:link, .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dt a:visited, .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dd a:link, .page-organisation-wissen-glossar .pane-pm-existing-pages .lexicon-list .alphagroup > li:hover dd a:visited { color: #e2001a; } /* The Glossary Term detail Page */ .vocabulary-glossar .area-content { border-top: 1px solid transparent; } .vocabulary-glossar .pane-title { margin-bottom: 1rem; } .vocabulary-glossar .pane-page-title { padding: 0 2.4rem 0; } .vocabulary-glossar h1 { font-size: 2.4rem; line-height: 1.2; margin: 0 0 1.2rem; font-size: 3rem; margin: 2.1rem 0 1.1rem; } .vocabulary-glossar .pane-term-description { padding: 0 2.4rem 0; min-height: 140px; } .vocabulary-glossar .pane-taxonomy-term-field-summary-image { margin: 0 2.4rem 1.6rem; max-width: 100%; max-width: 50%; float: left; margin-bottom: 0.8rem; margin-bottom: 0; } /* underlined terms in content */ a.lexicon-term, a.lexicon-term.active { color: #333745; border-bottom-color: #e2001a; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: documents :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .pane-document-overview { /* exposed filter */ /* basics */ } .pane-document-overview .views-exposed-widgets { padding: 1.4rem 1.4rem 3.4rem; } .pane-document-overview .views-exposed-widget { width: 37%; float: left; padding: 0 1rem; } .pane-document-overview .views-exposed-widget:nth-child(3) { width: 26%; } .pane-document-overview .views-exposed-widget label { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.4rem; color: #7d7d7d; } .pane-document-overview .views-exposed-widget select { width: 100%; } .pane-document-overview .view-filters { border-color: #333745; border-style: solid; border-width: 0; border-bottom-width: 0.3rem; } .pane-document-overview .node-document { padding: 0; } .content .view-id-publikationen_akut { margin-left: -2.4rem; margin-right: -2.4rem; } .content .view-id-publikationen_akut .node-document { padding-left: 2.4rem; padding-right: 2.4rem; } .content .view-id-publikationen_akut .node-document { padding: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: events :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .block-node-event-info span.category, .block-node-event-info span.subcategory { text-transform: uppercase; margin-left: 1rem; padding-left: 3.6rem; } .block-node-event-info span.category:first-child, .block-node-event-info span.subcategory:first-child { margin-left: 0; } .block-node-event-info .event-info-section { padding-bottom: 1rem; padding-top: 1rem; border-bottom: 1px solid lightgrey; } .block-node-event-info .event-info-section h3 { margin-bottom: 1rem; } .block-node-event-info .event-info-section:last-child { border-bottom-width: 0; padding-bottom: 0; } .block-node-event-info .event-info-section p:last-child { margin-bottom: 0; } .block-node-event-info .date-formatted { font-size: 1.4rem; text-transform: uppercase; color: #7d7d7d; } .block-node-event-info .city { position: relative; padding-left: 3.6rem; } .block-node-event-info .city:before { width: 24px; height: 22px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 22px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiIgdmlld0JveD0iLTEgLTAuOTEgMjQgMjEuODIiPjxwYXRoIGZpbGw9IiMzMzM3NDUiIGQ9Ik0yMi45ODcgMTcuNjA0TDIwLjAxMyA1LjJsLS4wNDgtLjE1Ni0uMTE2LS4xMjQtLjE1LS4wNzgtLjE5LS4wMjRoLS4wNWwtLjA1LjAwNi0uMDUuMDA0LS4wNS4wMTItNC40NTMgMi41MyAxLjMyIDEzLjUwNyA2LjE2LTIuMzA1Yy4xMS0uMDI0LjE5NS0uMDczLjI4LS4xNC4wOS0uMDY3LjE2LS4xNTMuMjEzLS4yNDNsLjEyNS0uMjljLjAyLS4xLjAzMy0uMi4wMS0uM3pNOS45OSA3Ljk5Yy4yMTYuMzc3LjQ2Mi43MzcuNzEgMS4xNDVsLjE0Ni0uMTkzYy41ODMtLjk0IDEuMDE4LTEuNzU3IDEuNTktMi43MS40Ny0xLjA0MyAxLjA1NS0xLjc4MiAxLjQ3Ny0yLjk3LjYwOC0yLjIzMy0uOTYtMy43NzMtMi40ODMtNC4xLTEuODgtLjQwNS0zLjg5Ny45NDYtNC4wMzcgMi43OTQtLjA3Mi45MjYuMTY0IDEuNzA1LjYxIDIuNTkyLjU5IDEuMTggMS4yNjIgMi4wNTIgMS45ODggMy40NHptLjc0Mi03LjM5NGMuOTMuMDEyIDEuNjgyLjc1IDEuNjYgMS42NDctLjAxOC44NzgtLjc3NyAxLjU3LTEuNzA1IDEuNTU3LS45MjUtLjAwMy0xLjY2Ny0uNzE2LTEuNjY3LTEuNTkgMC0uODk4Ljc3LTEuNjI3IDEuNzEyLTEuNjE0em0yLjEyOCA2LjA5MmwtLjAyNC4wNDhjLS43MDQgMS4xODQtMS4yNCAyLjE5NC0xLjk2MiAzLjM1N2wtLjE3NC4yNDdjLS4zMTItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQwNC0uNzY2LS43OTMtMS40MDYtMS4xNi0yLjAxMmwtLjk4NiAxMS4yOSA3LjcyIDIuNzItMS4xNS0xMy40NzctMS4zODQtLjc0NXpNNy41MiA0Ljk3NWwtNC41ODMgMS45Ny0uMjcuMS0uMjIyLjE3My0uMTY1LjIwOC0uMDgyLjIyNUwtMSAyMC4xOGwuMDEyLjIyNy4wODQuMTguMTYuMTEzLjIxNC4wNGguMTE1bC4wNi0uMDIyLjA2LS4wMiA3LjI1NC0yLjU4M0w4LjA5IDUuOThjLS4yLS4zMjItLjM4Ny0uNjU2LS41NzQtMS4wMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; left: 0; } .no-svg .block-node-event-info .city:before, .no-js .block-node-event-info .city:before { background-position: 0 -2597px; } .pane-msf-germany-events .pane-title { display: none; } .form-item-distance-center { width: 80%; } .form-item-distance-center input { width: 100%; } .events-filters-where .title, .events-filters-when .title { padding: 0.6rem 0 0.8rem 5rem; border-bottom: 1px solid lightgrey; } .events-filters-where { margin-bottom: 2.4rem; } .events-filters-where .title { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNCIgdmlld0JveD0iLTIuNSAtMiAyNyAyNCI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTI0LjQ4MyAxOC4zNjNMMjEuMTM4IDQuNzJsLS4wNTMtLjE3LS4xMzItLjEzNy0uMTU4LS4wODYtLjIwNy0uMDI3aC0uMDUzbC0uMDUzLjAwNi0uMDUyLjAwNi0uMDUuMDEzLTUuMDEgMi43ODMgMS40OCAxNC44NTUgNi45MzItMi41MzRjLjEyLS4wMy4yMTctLjA4LjMxNi0uMTYuMDk1LS4wOC4xOC0uMTcuMjM3LS4yN2wuMTQtLjMyYy4wMjMtLjExLjAzOC0uMjIuMDA4LS4zM3pNOS44NjUgNy43ODhjLjI0Mi40MTcuNTE4LjgxMi43OTYgMS4yNmwuMTctLjIxYy42Ni0xLjAzNyAxLjE1LTEuOTMzIDEuNzktMi45ODMuNTMtMS4xNDYgMS4xOS0xLjk2IDEuNjYtMy4yNjcuNjktMi40NTUtMS4wOC00LjE1LTIuNzktNC41MUM5LjM3LTIuMzY1IDcuMS0uODggNi45NCAxLjE1M2MtLjA4IDEuMDIuMTg1IDEuODc1LjY4NiAyLjg1Mi42NjYgMS4yOTUgMS40MiAyLjI1NiAyLjI0IDMuNzg0em0uODMzLTguMTMyYzEuMDQ2LjAxMyAxLjg5Mi44MjQgMS44NyAxLjgxMi0uMDIuOTY2LS44NzcgMS43MjYtMS45MiAxLjcxMi0xLjA0Mi0uMDAzLTEuODc2LS43ODgtMS44NzYtMS43NSAwLS45ODUuODY2LTEuNzg3IDEuOTI2LTEuNzc0em0yLjM5MyA2LjdsLS4wMi4wNTVjLS43OSAxLjMxLTEuMzkgMi40Mi0yLjIgMy43bC0uMTkuMjdjLS4zNS0uNTUtLjY5LTEuMDUtLjk5LTEuNTctLjQ1LS44NC0uODktMS41NC0xLjMtMi4yMUw3LjI2IDE5LjAxIDE1Ljk0IDIyIDE0LjY0NiA3LjE3N2wtMS41NTYtLjgyem0tNi0xLjg4MkwxLjkzIDYuNjRsLS4zLjExLS4yNS4xOS0uMTkuMjI4LS4wOTMuMjUtMy41OTggMTMuNzguMDEuMjQ4LjA5LjE5Ny4xOC4xMjQuMjQuMDQ1aC4wNmwuMDYtLjAwMi4wNi0uMDIzLjA2NS0uMDIyIDguMTYyLTIuODQgMS4zLTEzLjM0N2MtLjIyNC0uMzU1LS40MzUtLjcyLS42NDYtMS4xMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .svg .events-filters-where .title { background-position: left 38%; } .no-svg .events-filters-where .title, .no-js .events-filters-where .title { background-position: 0 -2543px; } .events-filters-where .form-select { width: 100%; max-width: 400px; } .events-filters-when .title { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzNC4xMzkiIHZpZXdCb3g9Ii0xLjUgLTEuNjQxIDMwIDM0LjEzOSI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTI1Ljk3NSAxLjU2SDIxVi0uODJjMC0uNTI3LS4yNTUtLjgyMy0uNzg0LS44MjNoLS4wMTRjLS41MyAwLS44MS4yOTQtLjgxLjgyMnYyLjM4SDcuNjA1Vi0uODJjMC0uNTI3LS4zODItLjgyMy0uOTEyLS44MjNINi42OGMtLjUzIDAtMS4yMTYuMjk0LTEuMjE2LjgyMnYyLjM4SC45MjRjLTEuMzUgMC0yLjQyMy44OC0yLjQyMyAyLjIydjI2LjE1YzAgMS4zNCAxLjA4IDIuNTYgMi40MyAyLjU2aDI1LjA1YzEuMzUgMCAyLjUzLTEuMjIgMi41My0yLjU3VjMuNzljMC0xLjM0NS0xLjE3LTIuMjMtMi41Mi0yLjIzem0tNi41OCAxLjMyMnYyLjA4NWMwIC41MjcuMjc4IDEuMzk0LjgxIDEuMzk0aC4wMTNjLjUzIDAgLjc4NC0uODYuNzg0LTEuMzlWMi44OGMxLjA3Mi4zNTUgMS4zMTggMS4wOTggMS4zMTggMS45NTggMCAxLjIwNy0uOTQgMi4xODUtMi4xNSAyLjE4NS0xLjIxNCAwLTIuMS0uOTc4LTIuMS0yLjE4NSAwLS44Ni4yNTItMS42IDEuMzI0LTEuOTU2em0tMTMuOTMyIDB2Mi4wODVjMCAuNTI3LjY4NiAxLjM5NCAxLjIxNSAxLjM5NGguMDE2Yy41MyAwIC45MTItLjg2LjkxMi0xLjM5VjIuODhjMS4wNzIuMzU1IDEuMjUyIDEuMDk4IDEuMjUyIDEuOTU4IDAgMS4yMDctLjk3IDIuMTg1LTIuMTgyIDIuMTg1LTEuMjEzIDAtMi4zMTctLjk3OC0yLjMxNy0yLjE4NSAwLS44Ni41Ny0xLjYgMS4xLTEuOTU2em0yMC42MzIgMjYuOTVIMS4wMDVjMC0xMi4yNy0uMDE4LTguNTM1LS4wMTgtMTkuNzM3aDI1LjEyYzAgOS42LS4wMTIgMTkuNzM4LS4wMTIgMTkuNzM4ek0xMi41NDcgMjUuMzdoLTYuNjJ2LTEuNjg3Yy43Ni0uNTk3IDEuMzk0LTEuMTY0IDEuOTAyLTEuNy41MS0uNTM3LjkyLTEuMDQyIDEuMjMtMS41Mi4zMS0uNDguNTQtLjkyNC42Ny0xLjMzNy4xMy0uNDEuMi0uNzg3LjItMS4xMjUgMC0uNDctLjExLS44Mi0uMzMtMS4wNS0uMjItLjIyLS41Ni0uMzMtMS4wMy0uMzMtLjM4IDAtLjc0Ni4wNy0xLjA5LjItLjM0NS4xMy0uNjkuMy0xLjA0LjQ5bC0uNjUtMS4zM2MuMTgtLjE0LjM4Ny0uMjguNjItLjQyLjIzNS0uMTQuNDg4LS4yNi43NTctLjM3LjI3LS4xMS41Ni0uMi44Ny0uMjcuMzEtLjA3LjYzLS4xLjk2LS4xIDEuMDcgMCAxLjg4NS4yNSAyLjQ1Ljc2LjU2Mi41MS44NDYgMS4yOC44NDYgMi4zMSAwIC40NC0uMDc3LjktLjIyNyAxLjM4LS4xNS40OC0uMzg2Ljk2LS43MSAxLjQ1NC0uMzIzLjQ5LS43NDMuOTg0LTEuMjU3IDEuNDc4LS41MTUuNDktMS4xMzcuOTgtMS44NjUgMS40NWg0LjI5MnYxLjc0em0yLjkyLTcuNzI2SDE0LjE4di0yLjY0aDYuOTY1djEuODY0Yy0uMy4zMTgtLjYyNS43NTItLjk4IDEuMy0uMzU1LjU0NS0uNjkgMS4xOS0xLjAwNSAxLjkzNy0uMzEuNzQ2LS41ODYgMS41NzctLjgxNCAyLjUtLjIzMi45Mi0uMzY0IDEuOS0uNDAyIDIuOTQzbC0yLjM5Ny0uMzEzYy4wOS0xLjAzMy4yODctMS45OTIuNTkyLTIuODc3LjMtLjg4OC42NS0xLjY4NiAxLjA0LTIuNDAyLjM5LS43MTYuOC0xLjM0NCAxLjIzLTEuODc4LjQzLS41MzguODEtLjk4IDEuMTUtMS4zMjdoLTMuODdsLS4yMy45eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .events-filters-when .title, .no-js .events-filters-when .title { background-position: 0 -72px; } .events-date-from input.form-text, .events-date-to input.form-text { width: 140px; } .events-date-from .description, .events-date-to .description { font-size: 1.1rem; color: #7d7d7d; } .events-date-to .form-radios .form-item { float: left; } .events-date-to .form-item:last-child label { padding-right: 0; } .events-online .form-checkboxes { margin-top: 1.6rem; } .events-online .form-checkboxes label { padding-left: 50px; padding-right: 0; } .events-geographic, .events-online { width: 50%; float: left; } .events-online { padding-top: 3.7rem; padding-left: 4rem; } .events-online .form-checkboxes { margin-top: 0; } .form-item-distance-center, .form-item-distance-search-distance { display: block; float: left; } .form-item-distance-center { width: 50%; } .form-item-distance-search-distance { width: 40%; margin-left: 1.6rem; } .form-item-distance-search-distance select { padding: 0.4rem; } .events-online .form-checkboxes { float: right; margin-right: 1rem; } .area-filters { box-shadow: inset 0 1px 0 0 silver, inset 0 -1px 0 0 silver; } .area-filters ul, .area-filters li { margin: 0; padding: 0; } .area-filters li { list-style: none; display: inline-block; vertical-align: middle; } .area-filters select[name="category"], .area-filters select[name="sub"] { margin-bottom: 1rem; width: 100%; } .area-filters select[name="category"] { margin-bottom: 1.6rem; } .area-filters .categories, .area-filters .subcategories { text-align: center; display: none; } .area-filters .categories { height: 79px; padding-top: 1px; font-size: 0.1rem; letter-spacing: -1em; word-spacing: -1em; } .area-filters .categories li { font-size: 1.6rem; letter-spacing: normal; word-spacing: normal; display: inline-block; vertical-align: middle; } .area-filters .categories li { min-width: -webkit-calc((100% / 6)); min-width: -moz-calc((100% / 6)); min-width: calc((100% / 6)); } .no-js .area-filters .categories li, .no-csscalc .area-filters .categories li { min-width: 16.666%; } .area-filters .categories a { height: 78px; line-height: 125px; text-align: center; display: block; } .area-filters .categories a:focus, .area-filters .categories a:hover, .area-filters .categories a:active, .area-filters .categories a.selected:focus, .area-filters .categories a.selected:hover, .area-filters .categories a.selected:active { color: white; background-color: #e2001a; } .area-filters .categories li:not(:last-child) a { box-shadow: inset -1px 0 0 0 white, inset -2px 0 0 silver; } .area-filters .categories .selected { color: #e2001a; } .area-filters .subcategories { min-height: 70px; padding: 1.2rem 0 1.6rem 0; background: #333745; box-shadow: inset 0 10px 10px -8px rgba(0, 0, 0, 0.4), inset 0 -10px 10px -8px rgba(0, 0, 0, 0.4); } .area-filters .subcategories li { padding-top: 1rem; } .area-filters .subcategories a { font-size: 1.4rem; color: white; text-transform: uppercase; vertical-align: text-bottom; height: 2.5rem; line-height: 2.5rem; display: inline-block; vertical-align: middle; padding: 0 1rem; background: #20232b; border-radius: 1rem; } .area-filters .subcategories a:hover, .area-filters .subcategories a:active, .area-filters .subcategories .active a, .area-filters .subcategories li.selected a { background: #e2001a; } .area-filters select[name="category"], .area-filters select[name="sub"] { display: none; } .area-filters .categories, .area-filters .subcategories { display: block; } .area-filters .categories li { min-width: 12.8rem; } .area-filters .categories li:first-child a { box-shadow: inset 1px 0 0 0 silver, inset 2px 0 0 0 white, inset -1px 0 0 0 white, inset -2px 0 0 silver; } .area-filters .categories li:last-child a { box-shadow: inset -1px 0 0 0 white, inset -2px 0 0 silver; } .area-filters .subcategories { text-align: left; padding: 0 5rem; } .area-filters .subcategories li { padding-top: 2.2rem; margin-right: 2rem; } .area-filters .categories .icon-online, .area-filters .categories .active a:after { display: none; } .view-switch { float: right; margin-bottom: 2.4rem; } .view-switch + .view-content { clear: right; } .view-display-id-map .view-switch + .view-content { clear: none; } .view-switch .button { display: block; float: left; width: 5rem; padding: 0; text-indent: -99em; border-radius: 0; } .view-switch .button:first-child { border-top-left-radius: .5rem; border-bottom-left-radius: .5rem; } .view-switch .button:last-child { border-top-right-radius: .5rem; border-bottom-right-radius: .5rem; } .view-switch .button + .button { position: relative; left: -1px; } .view-switch .button.active { cursor: default; } .view-switch .button:active { background-color: #e2001a; background-image: none; } .view-switch .button.button-list-view { position: relative; } .view-switch .button.button-list-view:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMTAuNTY5IDEwLjU2OSAyNCAyNCI+PHBhdGggZmlsbD0iIzMzMzc0NSIgZD0iTTM0LjU3IDMzLjY1M2MwIC41MDUtLjQxLjkxNi0uOTE3LjkxNmgtMjIuMTdjLS41MDQgMC0uOTE1LS40MS0uOTE1LS45MnYtMS42NGMwLS41MS40MS0uOTIuOTE2LS45MmgyMi4xNjhjLjUwNiAwIC45MTYuNDEuOTE2LjkxdjEuNjR6bTAtNi45NDhjMCAuNTA1LS40MS45MTYtLjkxNy45MTZoLTIyLjE3Yy0uNTA0IDAtLjkxNS0uNDEtLjkxNS0uOTF2LTEuNjRjMC0uNS40MS0uOTEuOTE2LS45MWgyMi4xNjhjLjUwNiAwIC45MTYuNDEuOTE2LjkydjEuNjV6bTAtNi42M2MwIC41MDQtLjQxLjkxNS0uOTE3LjkxNWgtMjIuMTdjLS41MDQgMC0uOTE1LS40MS0uOTE1LS45MTZWMTguNDNjMC0uNTAzLjQxLS45MTQuOTE2LS45MTRoMjIuMTY4Yy41MDYgMCAuOTE2LjQxLjkxNi45MTV2MS42NXptMC02Ljk0OGMwIC41MDUtLjQxLjkxNi0uOTE3LjkxNmgtMjIuMTdjLS41MDQgMC0uOTE1LS40MS0uOTE1LS45MTZ2LTEuNjQyYzAtLjUwNi40MS0uOTE3LjkxNi0uOTE3aDIyLjE2OGMuNTA2IDAgLjkxNi40MS45MTYuOTE3djEuNjQyeiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-switch .button.button-list-view:before, .no-js .view-switch .button.button-list-view:before { background-position: 0 -1457px; } .view-switch .button.button-list-view.active { position: relative; } .view-switch .button.button-list-view.active:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMTAuNTY4IDEwLjU2OCAyNCAyNCI+PHBhdGggZmlsbD0iI0UyMDAxQSIgZD0iTTM0LjU2OCAzMy42NTNjMCAuNTA1LS40MS45MTUtLjkxNi45MTVoLTIyLjE3Yy0uNTA0IDAtLjkxNC0uNDEtLjkxNC0uOTE1VjMyLjAxYzAtLjUwNi40MS0uOTE2LjkxNS0uOTE2aDIyLjE3Yy41MDUgMCAuOTE1LjQxLjkxNS45MTZ2MS42NDN6bTAtNi45NDhjMCAuNTA1LS40MS45MTYtLjkxNi45MTZoLTIyLjE3Yy0uNTA0IDAtLjkxNC0uNDEtLjkxNC0uOTF2LTEuNjRjMC0uNS40MS0uOTEuOTE1LS45MWgyMi4xN2MuNTA1IDAgLjkxNS40MS45MTUuOTJ2MS42NXptMC02LjYzMmMwIC41MDUtLjQxLjkxNS0uOTE2LjkxNWgtMjIuMTdjLS41MDQgMC0uOTE0LS40MS0uOTE0LS45MTVWMTguNDNjMC0uNTA1LjQxLS45MTYuOTE1LS45MTZoMjIuMTdjLjUwNSAwIC45MTUuNDEuOTE1LjkxNnYxLjY0M3ptMC02Ljk0OGMwIC41MDUtLjQxLjkxNS0uOTE2LjkxNWgtMjIuMTdjLS41MDQgMC0uOTE0LS40MS0uOTE0LS45MTV2LTEuNjQzYzAtLjUwNS40MS0uOTE1LjkxNS0uOTE1aDIyLjE3Yy41MDUgMCAuOTE1LjQxLjkxNS45MTV2MS42NDN6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .view-switch .button.button-list-view.active:before, .no-js .view-switch .button.button-list-view.active:before { background-position: 0 -1511px; } .view-switch .button.button-list-view:active { position: relative; } .view-switch .button.button-list-view:active:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMTAuNTY4IDEwLjU2OCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTM0LjU2OCAzMy42NTJjMCAuNTA0LS40MS45MTYtLjkxNi45MTZIMTEuNDg0Yy0uNTA1IDAtLjkxNi0uNDEtLjkxNi0uOTE2VjMyLjAxYzAtLjUwNy40MS0uOTE3LjkxNi0uOTE3aDIyLjE2OGMuNTA2IDAgLjkxNi40MS45MTYuOTE2djEuNjR6bTAtNi45NDdjMCAuNTA0LS40MS45MTQtLjkxNi45MTRIMTEuNDg0Yy0uNTA1IDAtLjkxNi0uNDEtLjkxNi0uOTJ2LTEuNjRjMC0uNTEuNDEtLjkyLjkxNi0uOTJoMjIuMTY4Yy41MDYgMCAuOTE2LjQxLjkxNi45MXYxLjY1em0wLTYuNjMzYzAgLjUwNS0uNDEuOTE2LS45MTYuOTE2SDExLjQ4NGMtLjUwNSAwLS45MTYtLjQxLS45MTYtLjkxNlYxOC40M2MwLS41MDYuNDEtLjkxNi45MTYtLjkxNmgyMi4xNjhjLjUwNiAwIC45MTYuNDEuOTE2LjkxNnYxLjY0MnptMC02Ljk0N2MwIC41MDUtLjQxLjkxNS0uOTE2LjkxNUgxMS40ODRjLS41MDUgMC0uOTE2LS40MS0uOTE2LS45MTV2LTEuNjQyYzAtLjUwNS40MS0uOTE2LjkxNi0uOTE2aDIyLjE2OGMuNTA2IDAgLjkxNi40MS45MTYuOTE2djEuNjQyeiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-switch .button.button-list-view:active:before, .no-js .view-switch .button.button-list-view:active:before { background-position: 0 -1565px; } .view-switch .button.button-map-view { position: relative; } .view-switch .button.button-map-view:before { width: 24px; height: 22px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 22px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiIgdmlld0JveD0iLTEgLTAuOTEgMjQgMjEuODIiPjxwYXRoIGZpbGw9IiMzMzM3NDUiIGQ9Ik0yMi45ODcgMTcuNjA0TDIwLjAxMyA1LjJsLS4wNDgtLjE1Ni0uMTE2LS4xMjQtLjE1LS4wNzgtLjE5LS4wMjRoLS4wNWwtLjA1LjAwNi0uMDUuMDA0LS4wNS4wMTItNC40NTMgMi41MyAxLjMyIDEzLjUwNyA2LjE2LTIuMzA1Yy4xMS0uMDI0LjE5NS0uMDczLjI4LS4xNC4wOS0uMDY3LjE2LS4xNTMuMjEzLS4yNDNsLjEyNS0uMjljLjAyLS4xLjAzMy0uMi4wMS0uM3pNOS45OSA3Ljk5Yy4yMTYuMzc3LjQ2Mi43MzcuNzEgMS4xNDVsLjE0Ni0uMTkzYy41ODMtLjk0IDEuMDE4LTEuNzU3IDEuNTktMi43MS40Ny0xLjA0MyAxLjA1NS0xLjc4MiAxLjQ3Ny0yLjk3LjYwOC0yLjIzMy0uOTYtMy43NzMtMi40ODMtNC4xLTEuODgtLjQwNS0zLjg5Ny45NDYtNC4wMzcgMi43OTQtLjA3Mi45MjYuMTY0IDEuNzA1LjYxIDIuNTkyLjU5IDEuMTggMS4yNjIgMi4wNTIgMS45ODggMy40NHptLjc0Mi03LjM5NGMuOTMuMDEyIDEuNjgyLjc1IDEuNjYgMS42NDctLjAxOC44NzgtLjc3NyAxLjU3LTEuNzA1IDEuNTU3LS45MjUtLjAwMy0xLjY2Ny0uNzE2LTEuNjY3LTEuNTkgMC0uODk4Ljc3LTEuNjI3IDEuNzEyLTEuNjE0em0yLjEyOCA2LjA5MmwtLjAyNC4wNDhjLS43MDQgMS4xODQtMS4yNCAyLjE5NC0xLjk2MiAzLjM1N2wtLjE3NC4yNDdjLS4zMTItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQwNC0uNzY2LS43OTMtMS40MDYtMS4xNi0yLjAxMmwtLjk4NiAxMS4yOSA3LjcyIDIuNzItMS4xNS0xMy40NzctMS4zODQtLjc0NXpNNy41MiA0Ljk3NWwtNC41ODMgMS45Ny0uMjcuMS0uMjIyLjE3My0uMTY1LjIwOC0uMDgyLjIyNUwtMSAyMC4xOGwuMDEyLjIyNy4wODQuMTguMTYuMTEzLjIxNC4wNGguMTE1bC4wNi0uMDIyLjA2LS4wMiA3LjI1NC0yLjU4M0w4LjA5IDUuOThjLS4yLS4zMjItLjM4Ny0uNjU2LS41NzQtMS4wMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .view-switch .button.button-map-view:before, .no-js .view-switch .button.button-map-view:before { background-position: 0 -2597px; } .view-switch .button.button-map-view.active { position: relative; } .view-switch .button.button-map-view.active:before { width: 24px; height: 22px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 22px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiI+PHBhdGggZmlsbD0iI0UyMDAxQSIgZD0iTTIyLjk4NiAxNy42MDRMMjAuMDE0IDUuMmwtLjA1LS4xNTYtLjExNC0uMTI0LS4xNDItLjA3OC0uMTg3LS4wMjNoLS4xM2wtLjA0LjAxLTQuNDUgMi41MyAxLjMyIDEzLjUxIDYuMTYtMi4zMWMuMTEtLjAzLjItLjA4LjI4OC0uMTQuMDg1LS4wNy4xNi0uMTYuMjEtLjI1bC4xMjQtLjI5Yy4wMi0uMS4wMzQtLjIuMDA4LS4zek05Ljk5IDcuOTljLjIxNi4zNzcuNDYyLjczNy43MSAxLjE0NWwuMTQ2LS4xOTJjLjU4My0uOTQgMS4wMTgtMS43NTcgMS41OS0yLjcxLjQ3LTEuMDQzIDEuMDU1LTEuNzgyIDEuNDc3LTIuOTcyLjYwOC0yLjIzLS45Ni0zLjc3LTIuNDgzLTQuMDktMS44OC0uNDEtMy44OTcuOTQtNC4wMzcgMi43OS0uMDcyLjkzLjE2NCAxLjcxLjYxIDIuNkM4LjU5MyA1Ljc0IDkuMjY1IDYuNjEgOS45OSA4em0uNzQyLTcuMzk0Yy45My4wMTIgMS42ODIuNzUgMS42NiAxLjY0Ni0uMDE4Ljg3OC0uNzc3IDEuNTctMS43MDUgMS41NTctLjkyNS0uMDEtMS42NjctLjcyLTEuNjY3LTEuNTkgMC0uOS43Ny0xLjYzIDEuNzEyLTEuNjJ6bTIuMTI3IDYuMDkybC0uMDMuMDQ4Yy0uNzEgMS4xODQtMS4yNCAyLjE5NC0xLjk2IDMuMzU2bC0uMTguMjQ4Yy0uMzItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQxLS43NjYtLjgtMS40MDYtMS4xNi0yLjAxMmwtLjk4IDExLjI5IDcuNzIgMi43Mi0xLjE1LTEzLjQ3Ny0xLjM5LS43NDV6TTcuNTIgNC45NzVsLTQuNTgzIDEuOTctLjI3LjEtLjIyMi4xNzMtLjE2NS4yMDgtLjA4Mi4yMjVMLTEgMjAuMThsLjAxMi4yMjcuMDg0LjE4LjE2LjExMy4yMTQuMDRoLjExNWwuMDYtLjAyMi4wNi0uMDIgNy4yNTQtMi41ODNMOC4wOSA1Ljk4Yy0uMi0uMzIyLS4zODctLjY1Ni0uNTc0LTEuMDA1eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; } .no-svg .view-switch .button.button-map-view.active:before, .no-js .view-switch .button.button-map-view.active:before { background-position: 0 -2649px; } .view-switch .button.button-map-view:active { position: relative; } .view-switch .button.button-map-view:active:before { width: 24px; height: 22px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 22px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMS44MiIgdmlld0JveD0iLTEgLTAuOTEgMjQgMjEuODIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0yMi45ODcgMTcuNjA0TDIwLjAxMyA1LjJsLS4wNDgtLjE1Ni0uMTE2LS4xMjQtLjE1LS4wNzgtLjE5LS4wMjRoLS4wNWwtLjA1LjAwNi0uMDUuMDA0LS4wNS4wMTItNC40NTMgMi41MyAxLjMyIDEzLjUwNyA2LjE2LTIuMzA1Yy4xMS0uMDI0LjE5NS0uMDczLjI4LS4xNC4wOS0uMDY3LjE2LS4xNTMuMjEzLS4yNDNsLjEyNS0uMjljLjAyLS4xLjAzMy0uMi4wMS0uM3pNOS45OSA3Ljk5Yy4yMTYuMzc3LjQ2Mi43MzcuNzEgMS4xNDVsLjE0Ni0uMTkzYy41ODMtLjk0IDEuMDE4LTEuNzU3IDEuNTktMi43MS40Ny0xLjA0MyAxLjA1NS0xLjc4MiAxLjQ3Ny0yLjk3LjYwOC0yLjIzMy0uOTYtMy43NzMtMi40ODMtNC4xLTEuODgtLjQwNS0zLjg5Ny45NDYtNC4wMzcgMi43OTQtLjA3Mi45MjYuMTY0IDEuNzA1LjYxIDIuNTkyLjU5IDEuMTggMS4yNjIgMi4wNTIgMS45ODggMy40NHptLjc0Mi03LjM5NGMuOTMuMDEyIDEuNjgyLjc1IDEuNjYgMS42NDctLjAxOC44NzgtLjc3NyAxLjU3LTEuNzA1IDEuNTU3LS45MjUtLjAwMy0xLjY2Ny0uNzE2LTEuNjY3LTEuNTkgMC0uODk4Ljc3LTEuNjI3IDEuNzEyLTEuNjE0em0yLjEyOCA2LjA5MmwtLjAyNC4wNDhjLS43MDQgMS4xODQtMS4yNCAyLjE5NC0xLjk2MiAzLjM1N2wtLjE3NC4yNDdjLS4zMTItLjUwNC0uNjEtLjk2Mi0uODgtMS40MjgtLjQwNC0uNzY2LS43OTMtMS40MDYtMS4xNi0yLjAxMmwtLjk4NiAxMS4yOSA3LjcyIDIuNzItMS4xNS0xMy40NzctMS4zODQtLjc0NXpNNy41MiA0Ljk3NWwtNC41ODMgMS45Ny0uMjcuMS0uMjIyLjE3My0uMTY1LjIwOC0uMDgyLjIyNUwtMSAyMC4xOGwuMDEyLjIyNy4wODQuMTguMTYuMTEzLjIxNC4wNGguMTE1bC4wNi0uMDIyLjA2LS4wMiA3LjI1NC0yLjU4M0w4LjA5IDUuOThjLS4yLS4zMjItLjM4Ny0uNjU2LS41NzQtMS4wMDV6Ii8+PC9zdmc+'); background-repeat: no-repeat; } .no-svg .view-switch .button.button-map-view:active:before, .no-js .view-switch .button.button-map-view:active:before { background-position: 0 -2701px; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: events, map view :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .view-msf-germany-events.view-display-id-map { margin-bottom: 2.4rem; margin-bottom: 0; } .view-msf-germany-events.view-display-id-map > .view-content { height: 40rem; margin-bottom: 2.4rem; height: 60rem; float: left; height: 72rem; width: 68%; } .view-msf-germany-events.view-display-id-map .attachment { float: right; width: 32%; } .view-msf-germany-events.view-display-id-map .attachment .attachment-title { background-color: #333745; box-sizing: border-box; color: white; font-size: 2.4rem; margin: 0; padding: 0.6rem; text-align: center; width: 100%; margin-bottom: 2.4rem; margin-bottom: 0; } .view-msf-germany-events.view-display-id-map .attachment .views-row { margin-bottom: 2.4rem; box-sizing: border-box; float: left; padding-right: 1.2rem; width: 50%; float: none; width: 100%; } .view-msf-germany-events.view-display-id-map .attachment .views-row:nth-child(2n) { padding-right: 0; padding-left: 1.2rem; } .view-msf-germany-events.view-display-id-map .attachment .views-row, .view-msf-germany-events.view-display-id-map .attachment .views-row:nth-child(2n) { padding: 0; } .getlocations_map_wrapper { height: 100%; padding-right: 2.4rem; } .view-display-id-block .getlocations_map_wrapper { padding-right: 0; } .node-event.map-popup { border: 0; margin-bottom: 0; padding: 7.5rem 1rem 0; position: relative; width: 26rem; min-height: 15rem; padding-left: 10.5rem; padding-top: 0; width: 36rem; } .node-event.map-popup .category, .node-event.map-popup .date { height: 7.5rem; position: absolute; width: 50%; left: 0; width: 9.5rem; } .node-event.map-popup .category { box-sizing: border-box; background-color: #f1f1f1; top: 0; right: 0; left: 0; right: auto; } .node-event.map-popup .date { top: 0; left: 0; bottom: 0; top: auto; } .node-event.map-popup .headline { box-sizing: border-box; padding-left: 0; padding-right: 0; height: 7.5rem; padding: 0.8rem 0; } .node-event.map-popup .title { font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; line-height: 1.3; } .node-event.map-popup .gm-style { font-size: 1.6rem; } .node-event.map-popup .location, .node-event.map-popup .timetable, .node-event.map-popup .md-timetable { font-size: 1.6rem; background-position: 0.8rem center; padding: 0.5rem 0 1rem 3.7rem; } .node-event.map-popup .location { background-position: 0.5rem bottom; padding: 1rem 0 0 4rem; } .node-event.map-popup .day, .node-event.map-popup .month { display: block; } .node-event.map-popup .ab { left: 0.5rem; line-height: 4.2rem; position: absolute; top: 0; } .node-event.map-popup .month { font-size: 1.6rem; } .node-event.block-sidebar { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 2px -1px rgba(0, 0, 0, 0.2); position: relative; } .node-event.block-sidebar.no-image { padding-top: 10rem; } .node-event.block-sidebar.no-image .info { position: relative; } .node-event.block-sidebar.no-image .headline { box-shadow: none; } .node-event.block-sidebar > .wrapper { display: block; } .node-event.block-sidebar img { height: auto; width: 100%; min-height: 10rem; } .node-event.block-sidebar .field-name-field-metadata-copyright { display: none; } .node-event.block-sidebar .info { position: relative; } .node-event.block-sidebar .category { background-color: rgba(51, 55, 69, 0.9); color: white; display: block; font-size: 1.4rem; height: 3rem; left: 0; line-height: 3rem; min-height: 0; padding: 0 1rem; position: absolute; text-transform: uppercase; top: -10rem; } .node-event.block-sidebar .date { background: #e2001a; height: 7rem; left: 0; position: absolute; top: -7rem; width: 8rem; } .node-event.block-sidebar .day, .node-event.block-sidebar .month { display: block; } .node-event.block-sidebar .ab { left: 0.5rem; line-height: 4.2rem; position: absolute; top: 0; } .node-event.block-sidebar .month { font-size: 1.6rem; } .node-event.block-sidebar .headline { background: transparent; box-shadow: inset 0px 2px 3px -1px rgba(0, 0, 0, 0.2); padding: 1rem; } .node-event.block-sidebar .title { color: #333745; font-family: "Fago Regular", "fira_sans_otregular", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; font-size: 1.6rem; line-height: 1.8rem; margin: 0; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: page ansprechpartner :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .page-ansprechpartner .area-sharing { background: #f1f1f1; border-top-color: #dadada; } .page-ansprechpartner .area-content { background: #f1f1f1; padding-top: 1.8rem; padding-bottom: 1rem; } .page-ansprechpartner .area-content iframe { max-width: 100%; } .page-ansprechpartner .area-content .panel-pane { margin-bottom: 1.8rem; } .page-ansprechpartner .area-content .pane-title { font-size: 2rem; line-height: 3.5rem; margin: 0 1.3rem 0.8rem; padding-right: 3.2rem; font-size: 3rem; line-height: 4.5rem; margin: 1.8rem 2.3rem 0.8rem; } .page-ansprechpartner .pane-node { border-bottom: 1px solid #dadada; margin-bottom: 1.8rem; } .page-ansprechpartner .col-left { border-top: 1px solid #dadada; } .page-ansprechpartner .col-right { border-top: 1px solid #dadada; padding-left: 2.4rem; } .page-ansprechpartner .col-left, .page-ansprechpartner .col-right { padding-top: 1.6rem; width: 50%; float: left; padding-top: 2.4rem; } .page-ansprechpartner .col-left, .page-ansprechpartner .col-wide { clear: both; } .page-ansprechpartner .widget-social-links { /* for IE 6/7 */ *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); /* non-JS fallback */ *zoom: 1; margin-bottom: 2.4rem; } .page-ansprechpartner .widget-social-links ul, .page-ansprechpartner .widget-social-links li { list-style: none; margin: 0; padding: 0; } .page-ansprechpartner .widget-social-links ul { /* for IE 6/7 */ *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif"); /* non-JS fallback */ *zoom: 1; padding: 0.8rem 0; } .page-ansprechpartner .widget-social-links ul:before, .page-ansprechpartner .widget-social-links ul:after { content: ""; display: table; } .page-ansprechpartner .widget-social-links ul:after { clear: both; } .page-ansprechpartner .widget-social-links .icon { width: 25%; min-width: 48px; max-width: 80px; display: block; float: left; } .page-ansprechpartner .widget-social-links .icon a { text-indent: -119988px; overflow: hidden; text-align: left; width: 48px; height: 48px; display: block; } .page-ansprechpartner .widget-social-links:before, .page-ansprechpartner .widget-social-links:after { content: ""; display: table; } .page-ansprechpartner .widget-social-links:after { clear: both; } .page-ansprechpartner .widget-social-links .widget-list { margin: 0; padding: 0; } .page-ansprechpartner .widget-social-links .widget-list .icon { width: 58px; } .page-ansprechpartner .widget-container > p { width: 55%; display: block; float: left; } .page-ansprechpartner .widget-social-links { width: 45%; display: block; float: left; } .page-ansprechpartner .widget-container > p { width: 45%; } .page-ansprechpartner .widget-social-links { width: auto; float: right; margin-right: 2.4rem; } .page-ansprechpartner .widget-social-links .widget-title, .page-ansprechpartner .widget-social-links .widget-list { float: left; } .page-ansprechpartner .widget-social-links .widget-title { margin-right: 1.6rem; } .pane-contact .pane-title { background: white; border: 1px solid #dadada; box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.3); font-size: 2.4rem; line-height: 4.5rem; padding: 0 2rem; } .pane-contact .pane-content { padding: 0 0.5rem; padding: 0 0.8rem; } .pane-contact .item-list > ul { list-style: none; margin: 0; } .pane-contact .views-row { float: left; margin-left: 0; margin-top: 40px; padding: 0 0.8rem; width: 100%; padding: 0 1.7rem; width: 33.33333%; } .pane-contact .views-row:nth-child(3n+1) { clear: left; } .pane-contact .views-row .node-contact.node-teaser { border-bottom-width: 0; } .page-was-passt-zu-mir #wahlomat { margin: 0 1.6rem 1.6rem; } /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: social links :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ /* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: MSF Germany: facts :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ .fact-flyaway { position: relative; } .fact-open .fact-flyaway { display: none; } html.fact-open { height: 100%; overflow: hidden; } html.fact-open body { height: 100%; } .fact-open #breadcrumb { display: none; } .area-facts { clear: both; padding: 0; position: relative; } .not-front .area-facts { display: none; } .front .area-facts { display: none; } .has-fact.front .area-facts { display: block; } .not-front .area-facts { display: block; max-width: 984px; position: fixed; top: 30rem; width: 100%; } .area-facts .field-name-field-hintergrund { position: absolute; top: 0; width: 100%; } .area-facts ul { list-style: none; padding: 0; margin: 0; } .area-facts .pane-title { margin: 0; } .area-facts .pane-content { position: relative; } .area-facts .content-title { font-size: 3rem; line-height: 1; margin: 0; text-transform: uppercase; font-family: "Fago Rough TT Bold", "fira_sans_otbold", "Trebuchet MS", "DejaVu Sans", "Bitstream Vera Sans", Tahoma, sans-serif; font-style: normal; font-weight: 400; } .area-facts .content-title span { background: rgba(0, 0, 0, 0.6); color: white; padding: 0.8rem 2.4rem; display: inline-block; vertical-align: middle; position: relative; background: white url('../img/backgrounds/bg-dots.png?1573740001') repeat top left; color: #333745; } .area-facts .content-title .field-name-field-teaser-highlight-number { font-size: 5.5rem; padding-bottom: 0; white-space: nowrap; margin-bottom: -0.5rem; } .fact-main { position: relative; display: none; padding: 0 2.4rem; padding-left: 0; padding-right: 0; } .front .fact-main { display: block; } .fact-open .fact-current .fact-main { position: fixed; display: block; padding-left: 0; padding-right: 0; max-width: 984px; } display: none; float: right; padding: 1rem 2rem 1.5rem; /* .not-front & { position: absolute; @include breakpoint($breakpoint-facts) { display: block; } } */ } .fact-open .donate-teaser { display: block; } .donate-teaser .teaser-title { font-size: 2.6rem; margin-right: 1rem; top: 0.3rem; color: white; display: inline; position: relative; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); } .fact-footer { bottom: 0; display: none; margin-top: 0; max-width: 984px; position: fixed; width: 100%; } .fact-open .fact-current .fact-footer { display: block; } .fact-footer .fact-footer-content { clear: both; } .fact-footer .fact-source { float: right; font-size: 1.3rem; padding: 0.75rem 1.5rem 0; text-align: right; } .fact-footer .fact-source .field-label { font-weight: normal; } .fact-footer .fact-navigation, .fact-footer .module-share { float: left; margin-right: 2rem; } .fact-footer .fact-navigation li, .fact-footer .module-share li { display: inline-block; vertical-align: middle; } .fact-footer .fact-navigation li { box-shadow: inset -1px 0 0 0 #aaaaaa, inset -2px 0 0 #d9d9d9; padding: 1.6rem 2rem 1.6rem 1.6rem; line-height: 2rem; } .fact-footer .fact-navigation li:first-child { padding-left: 2rem; } .fact-footer .fact-navigation + .module-share { margin-left: 0; } .fact-footer .module-share { margin-left: 2rem; padding-top: 0.7em; padding-bottom: 1rem; } .fact-button-wrapper { display: none; /*position: relative; left: -50px; .front & { left: auto; }*/ } .front .fact-button-wrapper { display: block; } .fact-button { display: inline-block; vertical-align: middle; border: 0; line-height: 1.2; overflow: hidden; padding: 1.6rem 2.4rem 1.6rem 6rem; position: relative; text-align: center; text-overflow: ellipsis; text-transform: uppercase; background: rgba(0, 0, 0, 0.6); color: white; border: none; box-shadow: none; border-radius: 0; height: 5.1rem; margin-top: 1rem; position: relative; background: #f1f1f1; color: #333745; } .fact-button:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMjQuMTI5IDI0LjA1MyAyNCAyNCI+PHBhdGggZD0iTTMxLjE1NSA0MC4yMjRjLS4yMjYtLjIyNi0uNTg4LS4yMjYtLjgxIDBMMjcuMTUgNDMuNDFsLTIuMDQ3LTIuMDM3Yy0uMTA4LS4xMTMtLjI1My0uMTctLjQwNC0uMTctLjA3IDAtLjE1LjAxLS4yMi4wNDctLjIyLjA4NC0uMzYuMjktLjM2LjUyNXY1LjcxNWMwIC4zMi4yNS41NjMuNTYuNTYzaDUuNzJjLjIzIDAgLjQ0LS4xMy41My0uMzQ4LjA5LS4yMTYuMDQtLjQ2LS4xMy0uNjJsLTIuMDUtMi4wNiAzLjE5My0zLjE4NWMuMjIzLS4yMjYuMjIzLS41OTMgMC0uODFsLS44MDYtLjgwNnptMTYuNjI1IDEuMDI0Yy0uMDY0LS4wMzctLjE0LS4wNDctLjIxNS0uMDQ3LS4xNSAwLS4zLjA2LS40MDQuMTdsLTIuMDQgMi4wNC0zLjE5LTMuMThjLS4yMS0uMjItLjU4LS4yMi0uODEgMGwtLjguODFjLS4yMi4yMi0uMjIuNTggMCAuODFsMy4xOSAzLjE5LTIuMDUgMi4wNmMtLjE2LjE2LS4yMDIuNDEtLjExLjYyLjA4Ny4yMi4yOS4zNS41MjguMzVoNS43MTZjLjMyIDAgLjU2NC0uMjQuNTY0LS41NnYtNS43MmMwLS4yMy0uMTMtLjQ0LS4zNS0uNTN6TTI4Ljc3MiAyNy4wNzVsMi4wNS0yLjA1Yy4xNjQtLjE2NC4yMS0uNDA4LjEyLS42MjQtLjA4OC0uMjEtLjI5NS0uMzQtLjUyNS0uMzRoLTUuNzJjLS4zMTQgMC0uNTY4LjI2LS41NjguNTd2NS43MmMwIC4yMy4xMy40NC4zNS41M2wuMjEuMDVjLjE1IDAgLjI5LS4wNi40LS4xN2wyLjA1LTIuMDUgMy4xOSAzLjJjLjIyLjIyLjU4LjIyLjgxIDBsLjgtLjgxYy4yMjUtLjIyLjIyNS0uNTgzIDAtLjgxbC0zLjE5LTMuMTl6bTE4Ljc5My0zLjAyMkg0MS44NWMtLjIzNCAwLS40NC4xMzYtLjUyNi4zNDgtLjA5NC4yMi0uMDQ3LjQ2LjExMy42M2wyLjA1IDIuMDUtMy4xODggMy4xOWMtLjIzLjIzLS4yMy41OSAwIC44MWwuOC44MWMuMjIuMjMuNTkuMjMuODEuMDFsMy4xOS0zLjE5IDIuMDUgMi4wNWMuMS4xMS4yNS4xNy40LjE3LjA3IDAgLjE1LS4wMS4yMS0uMDUuMjE0LS4wOC4zNS0uMjkuMzUtLjUydi01LjcyYzAtLjMxNS0uMjUtLjU3LS41Ny0uNTd6IiBmaWxsPSIjMzMzNzQ1Ii8+PC9zdmc+'); background-repeat: no-repeat; left: 2rem; } .no-svg .fact-button:before, .no-js .fact-button:before { background-position: 0 -5114px; } .fact-button:focus, .fact-button:hover { background: #e2001a; color: white; position: relative; } .fact-button:focus:before, .fact-button:hover:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMjQuMTI5IDI0LjA1MyAyNCAyNCI+PHBhdGggZD0iTTMxLjE1NSA0MC4yMjVjLS4yMjYtLjIyNy0uNTg4LS4yMjctLjgxIDBMMjcuMTUgNDMuNDFsLTIuMDQ3LTIuMDM3Yy0uMTA4LS4xMTMtLjI1My0uMTctLjQwNC0uMTctLjA3IDAtLjE1LjAxLS4yMi4wNDctLjIyLjA4NS0uMzYuMjktLjM2LjUyNnY1LjcxNWMwIC4zMi4yNS41Ny41Ni41N2g1LjcyYy4yMyAwIC40NC0uMTMuNTMtLjM1LjA5LS4yMS4wMy0uNDYtLjEzLS42MmwtMi4wNS0yLjA2IDMuMTkyLTMuMThjLjIyLS4yMi4yMi0uNTkgMC0uOGwtLjgxLS44MDJ6bTE2LjYyNSAxLjAyM2MtLjA2NC0uMDM3LS4xNC0uMDQ3LS4yMTQtLjA0Ny0uMTUgMC0uMy4wNi0uNDA1LjE3bC0yLjA0IDIuMDQtMy4xOS0zLjE4Yy0uMjEtLjIyLS41OC0uMjItLjgxIDBsLS44MS44MWMtLjIyLjIyLS4yMi41OCAwIC44MWwzLjE5IDMuMTktMi4wNSAyLjA2Yy0uMTYuMTYtLjIuNDEtLjExLjYyLjA5LjIyLjI5LjM1LjUzLjM1aDUuNzJjLjMyIDAgLjU2LS4yNC41Ni0uNTZ2LTUuNzJjMC0uMjMtLjEzLS40NC0uMzUtLjUzek0yOC43NzIgMjcuMDc1bDIuMDUtMi4wNWMuMTY0LS4xNjQuMjEtLjQwOC4xMjItLjYyNC0uMDktLjIxLS4yOTctLjM0LS41MjctLjM0aC01LjcyYy0uMzE0IDAtLjU2OC4yNi0uNTY4LjU3djUuNzJjMCAuMjMuMTMuNDQuMzUuNTNsLjIxLjA1Yy4xNSAwIC4yOS0uMDYuNC0uMTdsMi4wNS0yLjA0MyAzLjE5IDMuMTljLjIyLjIyLjU4LjIyLjgxLS4wMDNsLjgxLS44MWMuMjItLjIyLjIyLS41ODMgMC0uODFsLTMuMi0zLjE5em0xOC43OTQtMy4wMjJINDEuODVjLS4yMzQgMC0uNDQuMTM2LS41MjYuMzQ4LS4wOTQuMjItLjA0Ny40Ni4xMTMuNjNsMi4wNSAyLjA1LTMuMTg3IDMuMTljLS4yMjcuMjMtLjIyNy41OSAwIC44MWwuODEuODFjLjIyNC4yMy41OS4yMy44MDcuMDFsMy4xOTYtMy4xOSAyLjA0OCAyLjA1Yy4xMS4xMS4yNi4xNy40MS4xN2wuMjItLjA0Yy4yMi0uMDg0LjM1LS4yOTUuMzUtLjUyNXYtNS43MmMwLS4zMTctLjI0LS41Ny0uNTYtLjU3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: 2rem; } .no-svg .fact-button:focus:before, .no-js .fact-button:focus:before, .no-svg .fact-button:hover:before, .no-js .fact-button:hover:before { background-position: 0 -5168px; } .fact-open .fact-button { position: relative; } .fact-open .fact-button:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC4wMDIiIGhlaWdodD0iMjMuOTk5IiB2aWV3Qm94PSIyNC4xMjggMjQuMDUyIDI0LjAwMiAyMy45OTkiPjxwYXRoIGQ9Ik0yNS4xMDIgNDcuODhjLjIyNi4yMjcuNTg3LjIyNy44MTMgMGwzLjE5LTMuMTg1IDIuMDUgMi4wNWMuMTA3LjEwMy4yNTMuMTYuNDAzLjE2LjA3NSAwIC4xNSAwIC4yMi0uMDQuMjEzLS4wOTMuMzU0LS4zLjM1NC0uNTI1di01LjcxNGMwLS4zMi0uMjYtLjU3My0uNTczLS41NzNoLTUuNzJjLS4yMyAwLS40NS4xNC0uNTMuMzQ4LS4wOS4yMi0uMDQuNDcuMTIuNjNsMi4wNSAyLjA1LTMuMiAzLjJjLS4yMi4yMi0uMjIuNTggMCAuODFsLjguOHptMTUuMzg0LTEuMDE0Yy4wNjYuMDM4LjE0Mi4wMzguMjE3LjAzOC4xNSAwIC4zLS4wNTcuNDAzLS4xNmwyLjA1LTIuMDUgMy4xODYgMy4xODdjLjIyNi4yMy41OTIuMjMuODE3IDBsLjgtLjc5Yy4yMS0uMjIuMjEtLjU5IDAtLjgxbC0zLjItMy4yIDIuMDUtMi4wNWMuMTYtLjE2LjIxLS40MS4xMi0uNjMtLjA5LS4yLS4zLS4zNC0uNTMtLjM0aC01LjdjLS4zMiAwLS41NzguMjYtLjU3OC41OHY1LjcxOGMwIC4yMjUuMTQuNDMuMzU2LjUyNnpNMjcuNDkgMjkuMDNsLTIuMDUgMi4wNDhjLS4xNjUuMTY0LS4yMTYuNDA4LS4xMjcuNjI1LjA5LjIxLjMuMzQ4LjUzLjM0OGg1LjcxNWMuMzE0IDAgLjU3My0uMjUuNTczLS41NnYtNS43MmMwLS4yMy0uMTQtLjQ0LS4zNS0uNTJsLS4yMS0uMDRjLS4xNSAwLS4yOS4wNi0uNC4xN2wtMi4wNSAyLjA1LTMuMTktMy4xOTVjLS4yMi0uMjItLjU4LS4yMi0uODAyLjAwNWwtLjgxLjgxYy0uMjIuMjItLjIyLjU4IDAgLjgwNWwzLjE5NSAzLjE5em0xMy4yMTMgMy4wMmg1LjcxNGMuMjI2IDAgLjQ0LS4xMzYuNTI2LS4zNDcuMDk0LS4yMTcuMDM3LS40Ni0uMTIzLS42MjVsLTIuMDQ4LTIuMDUgMy4xOTUtMy4xOWMuMjE2LS4yMjYuMjE2LS41ODcgMC0uODA4bC0uODEtLjgxYy0uMjI1LS4yMjUtLjU5LS4yMjUtLjgxNi0uMDAzbC0zLjE4IDMuMTk1LTIuMDUtMi4wNDhjLS4xLS4xMDgtLjI1LS4xNy0uNC0uMTctLjA3IDAtLjE1LjAxNS0uMjEuMDQ4LS4yMS4wODQtLjM1LjI5NS0uMzUuNTI2djUuNzE0YzAgLjMxNS4yNTcuNTcuNTc3LjU3eiIgZmlsbD0iIzMzMzc0NSIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: 2rem; } .no-svg .fact-open .fact-button:before, .no-js .fact-open .fact-button:before { background-position: 0 -676px; } .fact-open .fact-button:focus, .fact-open .fact-button:hover { position: relative; } .fact-open .fact-button:focus:before, .fact-open .fact-button:hover:before { width: 24px; height: 24px; content: ""; display: block; position: absolute; z-index: 1; top: 35%; top: calc(50% - 24px / 2); left: 35%; left: calc(50% - 24px / 2); background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNC4wMDIiIGhlaWdodD0iMjMuOTk5IiB2aWV3Qm94PSIyNC4xMjggMjQuMDUyIDI0LjAwMiAyMy45OTkiPjxwYXRoIGQ9Ik0yNS4xMDIgNDcuODhjLjIyNi4yMjcuNTg3LjIyNy44MTMgMGwzLjE5LTMuMTg1IDIuMDUgMi4wNWMuMTA3LjEwMy4yNTMuMTYuNDAzLjE2LjA3NSAwIC4xNSAwIC4yMi0uMDQuMjEzLS4wOTMuMzU0LS4zLjM1NC0uNTI1di01LjcxNGMwLS4zMi0uMjYtLjU3My0uNTczLS41NzNoLTUuNzJjLS4yMyAwLS40NS4xNC0uNTMuMzQ4LS4wOS4yMi0uMDQuNDcuMTIuNjNsMi4wNSAyLjA1LTMuMiAzLjJjLS4yMi4yMi0uMjIuNTggMCAuODFsLjguOHptMTUuMzg0LTEuMDE0Yy4wNjYuMDM4LjE0Mi4wMzguMjE3LjAzOC4xNSAwIC4zLS4wNTcuNDAzLS4xNmwyLjA1LTIuMDUgMy4xODYgMy4xODdjLjIyNi4yMy41OTIuMjMuODE3IDBsLjgtLjc5Yy4yMS0uMjIuMjEtLjU5IDAtLjgxbC0zLjItMy4yIDIuMDUtMi4wNWMuMTYtLjE2LjIxLS40MS4xMi0uNjMtLjA5LS4yLS4zLS4zNC0uNTMtLjM0aC01LjdjLS4zMiAwLS41NzguMjYtLjU3OC41OHY1LjcxOGMwIC4yMjUuMTQuNDMuMzU2LjUyNnpNMjcuNDkgMjkuMDNsLTIuMDUgMi4wNDhjLS4xNjUuMTY0LS4yMTYuNDA4LS4xMjcuNjI1LjA5LjIxLjMuMzQ4LjUzLjM0OGg1LjcxNWMuMzE0IDAgLjU3My0uMjUuNTczLS41NnYtNS43MmMwLS4yMy0uMTQtLjQ0LS4zNS0uNTJsLS4yMS0uMDRjLS4xNSAwLS4yOS4wNi0uNC4xN2wtMi4wNSAyLjA1LTMuMTktMy4xOTVjLS4yMi0uMjItLjU4LS4yMi0uODAyLjAwNWwtLjgxLjgxYy0uMjIuMjItLjIyLjU4IDAgLjgwNWwzLjE5NSAzLjE5em0xMy4yMTMgMy4wMmg1LjcxNGMuMjI2IDAgLjQ0LS4xMzYuNTI2LS4zNDcuMDk0LS4yMTcuMDM3LS40Ni0uMTIzLS42MjVsLTIuMDQ4LTIuMDUgMy4xOTUtMy4xOWMuMjE2LS4yMjYuMjE2LS41ODcgMC0uODA4bC0uODEtLjgxYy0uMjI1LS4yMjUtLjU5LS4yMjUtLjgxNi0uMDAzbC0zLjE4IDMuMTk1LTIuMDUtMi4wNDhjLS4xLS4xMDgtLjI1LS4xNy0uNC0uMTctLjA3IDAtLjE1LjAxNS0uMjEuMDQ4LS4yMS4wODQtLjM1LjI5NS0uMzUuNTI2djUuNzE0YzAgLjMxNS4yNTcuNTcuNTc3LjU3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg=='); background-repeat: no-repeat; left: 2rem; } .no-svg .fact-open .fact-button:focus:before, .no-js .fact-open .fact-button:focus:before, .no-svg .fact-open .fact-button:hover:before, .no-js .fact-open .fact-button:hover:before { background-position: 0 -828px; } .fact-button.hide { display: none; } .js .fact-button { cursor: pointer; } .fact-button-prev, .fact-button-next { background: rgba(241, 241, 241, 0.8); border: 0; bottom: 0; box-shadow: none; display: none; height: 8.5rem; margin: auto; padding: 0; position: fixed; text-indent: -99em; top: 0; width: 8.5rem; } .fact-open .has-fact .fact-button-prev, .fact-open .has-fact .fact-button-next { display: block; transform: translateX(0); transition: all 0.4s ease-in; } .fact-button-prev:before, .fact-button-next:before { top: 0; bottom: 0; margin: auto; }