/* Theme name: DM-Theme Theme URI: http://www.letmaier.com Author: Christoph Letmaier Author URI: http://www.letmaier.com Description: Custom Wordpress theme for Diversity Managen - Vielfalt im Unternehmen managen Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: clear, simple, fast, responsive */ /* variables ------------------------------ */ /* * { border: 0.5px solid #ccc; } */ .row { width: 100%; margin: 0; } .columns:nth-child(1n+1) { margin-bottom: 1rem; } .columns:nth-child(2n+2) { margin-bottom: 1rem; } .columns:nth-child(3n+3) { margin-bottom: 1rem; } .columns:nth-child(4n+4) { margin-left: 0; } .two-thirds.column { width: 68.333333%; } #divm-body { background-image: linear-gradient(0deg, rgba(23, 70, 91, 1), rgba(79, 140, 167, 1), rgba(35, 108, 139, 1)); font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-style: normal; font-size: 1.6rem; letter-spacing: 0rem; line-height: 2.5rem; } header { width: 100%; } /* body { background-image: linear-gradient(0deg, rgba(29, 82, 105, 1), rgba(96, 160, 188, 1), rgba(43, 122, 156, 1)); font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; font-size: 1.6rem; } */ h1 { font-family: HelveticaLTWXX-Black; font-weight: normal; font-style: normal; font-size: 3.3rem; letter-spacing: -.05rem; } h2 { font-family: HelveticaLTWXX-Light; font-weight: bold; font-size: 2.3rem; letter-spacing: .1rem; } h3 { font-family: HelveticaLTWXX-Black; font-weight: normal; font-size: 3rem; margin-bottom: 0rem; letter-spacing: -.05rem; } h4 { font-family: HelveticaLTWXX-Black; font-weight: normal; font-size: 2rem; margin-bottom: 0rem; letter-spacing: -.05rem; } h5 { font-family: HelveticaLTWXX-Black; font-weight: normal; font-size: 2rem; margin-bottom: 0rem; letter-spacing: -.05rem; } .divm-wrapper { width: 100%; } .divm-standard-img { display: block; width: 100%; height: auto; margin-top: 5px; } .divm-standard-img70 { display: block; width: 70%; height: auto; margin-top: 5px; } .divm-editor-image img { width: 80%; height: auto; margin-top: 7rem; margin-left: 2rem; } .divm-editor-image-general img { width: 80%; height: auto; margin-top: 7rem; margin-left: 4rem; } .divm-frontpage-image, .divm-frontpage-image2 img { width: 100%; height: auto; margin-top: 0.5rem; } .divm-frontpage-editor-image { width: 90%; height: auto; margin: 0.5rem 0 2rem 0; } .divm-breakword { word-break: break-all; } .divm-hightlight-text { font-size: 2.2rem; line-height: 3rem; } .divm-hightlight-text a { color: white; } .divm-cursor-pointer { cursor: pointer; } .divm-cursor-pointer-diversity-management { color: #678da5; cursor: pointer; } .divm-cursor-pointer-diversity-management:hover { text-decoration: underline; } .divm-cursor-pointer-alter { color: #b54363; cursor: pointer; } .divm-cursor-pointer-alter:hover { text-decoration: underline; } .divm-cursor-pointer-geschlecht { color: #c96b29; cursor: pointer; } .divm-cursor-pointer-geschlecht:hover { text-decoration: underline; } .divm-cursor-pointer-herkunft { color: #9ea360; cursor: pointer; } .divm-cursor-pointer-herkunft:hover { text-decoration: underline; } .divm-cursor-pointer-faehigkeiten { color: #56a3af; cursor: pointer; } .divm-cursor-pointer-faehigkeiten:hover { text-decoration: underline; } .divm-cursor-pointer-religion { color: #823567; cursor: pointer; } .divm-cursor-pointer-religion:hover { text-decoration: underline; } .divm-cursor-pointer-orientierungen { color: #a3914a; cursor: pointer; } .divm-cursor-pointer-orientierungen:hover { text-decoration: underline; } .divm-download-diversity-management { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #5b7b8f; border-radius: 3px; text-decoration: none; } .divm-download-diversity-management:hover { background-color: #6d8ea2; } .divm-download-diversity-management span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-diversity-management span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-geschlecht { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #c87335; border-radius: 3px; text-decoration: none; } .divm-download-geschlecht:hover { background-color: #d38044; } .divm-download-geschlecht span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-geschlecht span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-alter { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #b34f65; border-radius: 3px; text-decoration: none; } .divm-download-alter:hover { background-color: #c45c73; } .divm-download-alter span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-alter span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-herkunft { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #9aa456; border-radius: 3px; text-decoration: none; } .divm-download-herkunft:hover { background-color: #aab463; } .divm-download-herkunft span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-herkunft span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-faehigkeiten { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #56a3af; border-radius: 3px; text-decoration: none; } .divm-download-faehigkeiten:hover { background-color: #61b5c2; } .divm-download-faehigkeiten span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-faehigkeiten span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-religion { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #823e68; border-radius: 3px; text-decoration: none; } .divm-download-religion:hover { background-color: #994a7b; } .divm-download-religion span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-religion span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-download-orientierungen { position: relative; z-index: 10; transition: 0.3s; display: block; width: 85%; padding: 11px 8px 11px 45px; margin-left: 2rem; box-sizing: border-box; background-color: #a3914a; border-radius: 3px; text-decoration: none; } .divm-download-orientierungen:hover { background-color: #ac9b56; } .divm-download-orientierungen span { display: block; color: #fff; line-height: 1.9rem; } .divm-download-orientierungen span:before { content: ""; width: 20px; height: 20px; background: url(./images/symbol_download.svg); position: absolute; vertical-align: middle; background-size: 20px 20px; margin-left: -30px; } .divm-infobox-title-diversity-management { background-color: #5b7b8f; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; } .divm-infobox-textbox-diversity-management { background-color: #779db7; color: #fff; padding: 13px 20px; } .divm-infobox-textbox-diversity-management ul { margin-left: 1.6rem; text-align: left; } .divm-infobox-textbox-diversity-management ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-infobox-textbox-diversity-management p { color: #fff; margin-bottom: 1.5rem; } .divm-infobox-textbox-diversity-management sup { color: #d6e4f3; } .divm-infobox-title-geschlecht { background-color: #c87335; color: #fff; padding: 7px 20px; margin-bottom: 0rem; margin-top: 5rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; } .divm-infobox-title-geschlecht sup { color: #f3ccaf; } .divm-infobox-textbox-geschlecht { background-color: #f5e7d8; color: #000; padding: 13px 20px; } .divm-infobox-textbox-geschlecht ul { margin-left: 1.6rem; text-align: left;} .divm-infobox-textbox-geschlecht ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-infobox-textbox-geschlecht p { color: #000; margin-bottom: 1.5rem; } .divm-infobox-textbox-geschlecht sup { color: #c96b29; } .divm-infobox-title-herkunft { background-color: #9aa456; color: #fff; padding: 7px 20px; margin-bottom: 0rem; margin-top: 5rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; } .divm-infobox-title-herkunft sup { color: #9aa456; } .divm-infobox-textbox-herkunft { background-color: #eceee0; color: #000; padding: 13px 20px; } .divm-infobox-textbox-herkunft h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; text-align: left; } .divm-infobox-textbox-herkunft ul { margin-left: 1.6rem; text-align: left;} .divm-infobox-textbox-herkunft ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-infobox-textbox-herkunft p { color: #000; margin-bottom: 1.5rem; } .divm-infobox-textbox-herkunft sup { color: #9aa456; } .divm-infobox-title-religion { background-color: #823e68; color: #fff; padding: 7px 20px; margin-bottom: 0rem; margin-top: 5rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; } .divm-infobox-title-religion sup { color: #e7dee6; } .divm-infobox-textbox-religion { background-color: #e7dee6; color: #000; padding: 13px 20px; } .divm-infobox-textbox-religion h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; } .divm-infobox-textbox-religion ul { margin-left: 1.6rem; text-align: left;} .divm-infobox-textbox-religion ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-infobox-textbox-religion p { color: #000; margin-bottom: 1.5rem; } .divm-infobox-textbox-religion sup { color: #823e68; } .divm-infobox-title-orientierungen { background-color: #a3914a; color: #fff; padding: 7px 20px; margin-bottom: 0rem; margin-top: 5rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; } .divm-infobox-title-orientierungen sup { color: #f7f0df; } .divm-infobox-textbox-orientierungen { background-color: #f7f0df; color: #000; padding: 13px 20px; } .divm-infobox-textbox-orientierungen h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; } .divm-infobox-textbox-orientierungen ul { margin-left: 1.6rem; text-align: left;} .divm-infobox-textbox-orientierungen ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-infobox-textbox-orientierungen p { color: #000; margin-bottom: 1.5rem; } .divm-infobox-textbox-orientierungen sup { color: #a3914a; } .divm-goodpractice-title-alter { display: block; float: left; width: 100%; background-color: #b34f65; color: #fff; padding: 7px 20px; box-sizing: border-box; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-alter sup { color: #d6e4f3; } .divm-goodpractice-textbox-alter { float: left; background-color: #f4eaeb; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-alter ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-alter ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-alter p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-alter sup { color: #b34f65; } .divm-goodpractice-title-geschlecht { background-color: #a35f2b; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-geschlecht sup { color: #f3ccaf; } .divm-goodpractice-textbox-geschlecht { background-color: #ebceb1; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-geschlecht ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-geschlecht ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-geschlecht p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-geschlecht sup { color: #c96b29; } .divm-goodpractice-title-herkunft { clear: both; background-color: #9aa456; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-herkunft sup { color: #9aa456; } .divm-goodpractice-textbox-herkunft { background-color: #eceee0; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-herkunft ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-herkunft ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-herkunft p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-herkunft sup { color: #9aa456; } .divm-goodpractice-title-faehigkeiten { background-color: #3d6d75; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-faehigkeiten sup { color: #e0ecef; } .divm-goodpractice-textbox-faehigkeiten { background-color: #e0ecef; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-faehigkeiten ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-faehigkeiten ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-faehigkeiten p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-faehigkeiten sup { color: #3d6d75; } .divm-goodpractice-title-religion { background-color: #823e68; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-religion sup { color: #e7dee6; } .divm-goodpractice-textbox-religion { background-color: #e7dee6; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-religion ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-religion ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-religion p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-religion sup { color: #823e68; } .divm-goodpractice-title-orientierungen { background-color: #ceb160; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-goodpractice-title-orientierungen sup { color: #f7f0df; } .divm-goodpractice-textbox-orientierungen { background-color: #f7f0df; color: #000; padding: 13px 20px; } .divm-goodpractice-textbox-orientierungen ul { margin-left: 1.6rem; text-align: left; } .divm-goodpractice-textbox-orientierungen ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-goodpractice-textbox-orientierungen p { color: #000; margin-bottom: 1.5rem; } .divm-goodpractice-textbox-orientierungen sup { color: #ceb160; } .divm-praxistipp-title-alter { display: block; float: left; width: 100%; background-color: #853d4c; color: #fff; padding: 7px 20px; box-sizing: border-box; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-alter sup { color: #d6e4f3; } .divm-praxistipp-textbox-alter { display: block; float: left; background-color: #ead4d6; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-alter h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; text-align:left; } .divm-praxistipp-textbox-alter ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-alter ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-alter p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-alter sup { color: #b34f65; } .divm-praxistipp-title-geschlecht { background-color: #a35f2b; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-geschlecht sup { color: #f3ccaf; } .divm-praxistipp-textbox-geschlecht { background-color: #ebceb1; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-geschlecht h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; } .divm-praxistipp-textbox-geschlecht ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-geschlecht ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-geschlecht p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-geschlecht sup { color: #c96b29; } .divm-praxistipp-title-herkunft { background-color: #788145; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-herkunft sup { color: #d9dcc0; } .divm-praxistipp-textbox-herkunft { float: left; background-color: #d9dcc0; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-herkunft h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; text-align: left; } .divm-praxistipp-textbox-herkunft ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-herkunft ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-herkunft p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-herkunft sup { color: #788145; } .divm-praxistipp-title-faehigkeiten { background-color: #3d6d75; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-faehigkeiten sup { color: #788145; } .divm-praxistipp-textbox-faehigkeiten { background-color: #cee1e5; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-faehigkeiten h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; } .divm-praxistipp-textbox-faehigkeiten ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-faehigkeiten ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-faehigkeiten p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-faehigkeiten sup { color: #3d6d75; } .divm-praxistipp-title-religion { background-color: #823e68; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-religion sup { color: #e7dee6; } .divm-praxistipp-textbox-religion { background-color: #e7dee6; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-religion h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; } .divm-praxistipp-textbox-religion ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-religion ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-religion p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-religion sup { color: #823e68; } .divm-praxistipp-title-orientierungen { background-color: #ad9653; color: #fff; padding: 7px 20px; margin-bottom: 0rem; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; font-size: 2.3rem; text-align: left; letter-spacing: 0rem; margin-top: 5rem; } .divm-praxistipp-title-orientierungen sup { color: #e8d4a2; } .divm-praxistipp-textbox-orientierungen { background-color: #e8d4a2; color: #000; padding: 13px 20px; } .divm-praxistipp-textbox-orientierungen h6 { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; color: #000; text-align: left; } .divm-praxistipp-textbox-orientierungen ul { margin-left: 1.6rem; text-align: left; } .divm-praxistipp-textbox-orientierungen ul li { list-style-position: outside; list-style-type: disc; text-indent: 0rem } .divm-praxistipp-textbox-orientierungen p { color: #000; margin-bottom: 1.5rem; } .divm-praxistipp-textbox-orientierungen sup { color: #ad9653; } .divm-contenttable1 { display: block; float: left; width: 100%; margin-top: 3rem; clear: both; } .divm-contenttable1-td1 { display: block; float: left; width: 40%; vertical-align: top; padding-right: 5rem; box-sizing: border-box; } .divm-contenttable1-td1 h4 { line-height: 3rem; } .divm-contenttable1-td2 { display: block; float: left; width: 60%; vertical-align: top; } .divm-fotobox-diversity-management { display: block; float: left; background-image: linear-gradient(90deg, rgba(79, 140, 167, 1), rgba(79, 140, 167, 1), rgba(35, 108, 139, 1)); color: #fff; padding: 12px 20px; } .divm-contenttable2 { display: block; float: left; width: 100%; margin-top: 0.5rem; padding: 1.5rem; box-sizing: border-box; } .divm-contenttable2-td1 { display: block; float: left; width: 30%; vertical-align: top; padding-right: 5rem; box-sizing: border-box; font-size: 1.8rem; text-align: left; line-height: 2.1rem; } .divm-contenttable2-td1 span { display: block; margin-top: 1rem; margin-bottom: 2rem; } .divm-contenttable2-td2 { display: block; float: left; width: 70%; vertical-align: top; font-size: 1.8rem; line-height: 2.6rem; } .divm-contenttable2-td2 .divm-name { text-align: left; line-height: 2.6rem; margin-top: 2rem; margin-bottom: 1rem; } .divm-contenttable3 { display: inline-table; width: 100%; margin-top: 0.5rem; } .divm-contenttable3-tr { display: table-row; width: 100%; } .divm-contenttable3-td1 { display: table-cell; width: 30%; vertical-align: top; padding-right: 5rem; box-sizing: border-box; text-align: left; line-height: 2.1rem; } .divm-contenttable3-td1 span { display: block; margin-top: 1rem; margin-bottom: 2rem; } .divm-contenttable3-td2 { display: table-cell; width: 70%; vertical-align: top; } .divm-contenttable4 { display: block; float: left; width: 100%; margin-top: 0.5rem; } .divm-contenttable4-td1 { display: block; float: left; width: 45%; vertical-align: top; padding-right: 5rem; box-sizing: border-box; } .divm-contenttable4-td1 span { display: block; margin-top: 1rem; margin-bottom: 2rem; } .divm-contenttable4-td2 { display: block; float: left; width: 55%; vertical-align: top; } .divm-contenttable5 { display: inline-table; width: 100%; margin-top: 3rem; margin-bottom: 2rem; } .divm-contenttable5-tr { display: table-row; width: 100%; } .divm-contenttable5-tdh { display: table-cell; width: 100%; text-align: left; vertical-align: top; padding: 0.5rem 0.5rem 0.5rem 1rem; box-sizing: border-box; background-color: #823e68; color: #fff; } .divm-contenttable5-td1 { display: table-cell; width: 100%; text-align: left; vertical-align: top; padding: 0.5rem 0.5rem 0.5rem 1rem; box-sizing: border-box; } .divm-contenttable5-td2 { display: table-cell; width: 100%; text-align: left; vertical-align: top; padding: 0.5rem 0.5rem 0.5rem 1rem; box-sizing: border-box; background-color: #e7dee6; border-top: 0.5px dotted #000; border-bottom: 0.5px dotted #000; } .divm-contenttable6 { display: block; float: left; width: 100%; margin-top: 0.5rem; } .divm-contenttable6-td1 { display: block; float: left; width: 60%; vertical-align: top; padding-right: 5rem; box-sizing: border-box; } .divm-contenttable6-td1 span { display: block; margin-top: 1rem; margin-bottom: 2rem; } .divm-contenttable6-td2 { display: block; float: left; width: 40%; vertical-align: top; } .divm-referencestable { display: inline-table; width: 100%; margin-bottom: 8rem; } .divm-referencestable-tr { display: table-row; width: 100%; } .divm-referencestable-td1 { display: table-cell; width: 4%; vertical-align: top; padding-bottom: 1rem; } .divm-referencestable-td1 sup { vertical-align: baseline; } .divm-referencestable-td2 { display: table-cell; width: 96%; vertical-align: top; text-align: left; padding-bottom: 1rem; font-size: 1.4rem; word-break: break-all; } #chl-webdesign-info { float: right; color: #777; font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 3rem; } #chl-webdesign-info a { color: #777; text-decoration: none; } #chl-webdesign-info a:hover { color: #aaa; text-decoration: none; } #chl-webdesign-info a:after { display: none; } #chl-webdesign-info a:hover:after { display: none; } .chl-mobilebreak { display: none; } /* ------------------------------------ */ /* Settings for custom brochure designs */ /* ------------------------------------ */ .panel-grid-cell .widget-title { margin-top: 10rem; } .divm-editor-references h3 { font-size: 2.0rem; color: #999; margin-bottom: 3rem; text-align: left; border-bottom: 0.5px solid #aaa; padding-bottom: 1rem; } .divm-editor-frontpage, .divm-editor-frontpage-author, .divm-editor-frontpage-maintext { position: relative; z-index: 10; color: #fff; font-weight: normal; } .divm-editor-frontpage h1 { color: #fff; } .divm-editor-frontpage h3 { color: #fff; font-size: 2.5rem; margin-top: 2rem !important; } .divm-editor-frontpage-author { padding-right: 2rem; box-sizing: border-box; } .divm-editor-frontpage-maintext { position: relative; z-index: 10; font-size: 1.8rem; line-height: 3rem; font-family: HelveticaLTWXX-Roman, Arial, sans-serif; font-weight: normal; } .divm-editor-general { position: relative; z-index: 10; } .divm-editor-general h3 { color: #555; margin-bottom: 3rem; text-align: left; } .divm-editor-general h4 { color: #555; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-general h5 { color: #555; font-size: 2.0rem; margin-bottom: 1rem; margin-top: 6rem; text-align: left; } .divm-editor-general sup { color: #678da5; cursor: pointer; } .divm-editor-diversity-management { position: relative; z-index: 10; } .divm-editor-diversity-management h3 { color: #678da5; margin-bottom: 3rem; text-align: left; } .divm-editor-diversity-management-frontpage h3 { color: #678da5; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-diversity-management h4 { color: #678da5; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-diversity-management .divm-contenttable1-td1 h4 { color: #678da5; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 1rem; text-align: left; } .divm-editor-diversity-management sup { color: #678da5; cursor: pointer; } .divm-editor-diversity-management h5 sup { color: #d6e4f3; cursor: pointer; } .divm-editor-alter { position: relative; z-index: 10; } .divm-editor-alter h3 { color: #b54363; margin-bottom: 3rem; text-align: left; } .divm-editor-alter-frontpage h3 { color: #b54363; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-alter h4 { color: #b54363; font-size: 2.0rem; margin-bottom: 1rem; margin-top: 4rem; text-align: left; } .divm-editor-alter sup { color: #b54363; cursor: pointer; } .divm-editor-geschlecht { position: relative; z-index: 10; } .divm-editor-geschlecht h3 { color: #c96b29; margin-bottom: 3rem; text-align: left; } .divm-editor-geschlecht-frontpage h3 { color: #c96b29; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-geschlecht h4 { color: #c96b29; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-geschlecht sup { color: #c96b29; cursor: pointer; } .divm-editor-herkunft { position: relative; z-index: 10; } .divm-editor-herkunft h3 { color: #9ea360; margin-bottom: 3rem; text-align: left; } .divm-editor-herkunft-frontpage h3 { color: #9ea360; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-herkunft h4 { color: #9ea360; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-herkunft sup { color: #9ea360; cursor: pointer; } .divm-editor-faehigkeiten { position: relative; z-index: 10; } .divm-editor-faehigkeiten h3 { color: #56a3af; margin-bottom: 3rem; text-align: left; } .divm-editor-faehigkeiten-frontpage h3 { color: #56a3af; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-faehigkeiten h4 { color: #56a3af; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-faehigkeiten sup { color: #56a3af; cursor: pointer; } .divm-editor-religion { position: relative; z-index: 10; } .divm-editor-religion h3 { color: #823567; margin-bottom: 3rem; text-align: left; } .divm-editor-religion-frontpage h3 { color: #823567; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-religion h4 { color: #823567; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-religion sup { color: #823567; cursor: pointer; } .divm-editor-orientierungen { position: relative; z-index: 10; } .divm-editor-orientierungen h3 { color: #a3914a; margin-bottom: 3rem; text-align: left; } .divm-editor-orientierungen-frontpage h3 { color: #a3914a; margin-bottom: 2rem; text-align: left; margin-top: 0 !important; } .divm-editor-orientierungen h4 { color: #a3914a; font-size: 2.0rem; margin-bottom: 2rem; margin-top: 4rem; text-align: left; } .divm-editor-orientierungen sup { color: #a3914a; cursor: pointer; } .divm-features h5, .divm-features p, .divm-features span, .divm-features .textwidget, .divm-features ul { text-align: left; } .divm-features .textwidget { font-size: 1.8rem; line-height: 2.7rem; } .divm-features .sow-icon-container { display: none; } .divm-bullets-general { display: table; list-style-position: outside; list-style: none; } .divm-bullets-general li { display: table-row; font-family: HelveticaLTWXX-Light, Arial, sans-serif; font-weight: bold; text-align: left; padding-bottom: 0rem; margin-bottom: 0rem; } .divm-bullets-general li:before { display: table-cell; content: "\25A0"; text-align: right; color: #888; padding-right: 1rem; } .divm-bullets-general li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-diversity-management { display: table; list-style-position: outside; list-style: none; } .divm-bullets-diversity-management li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-diversity-management li:before { display: table-cell; content: "\25A0"; color: #678da5; text-align: right; padding-right: 1rem; } .divm-bullets-diversity-management li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-alter { display: table; list-style-position: outside; list-style: none; } .divm-bullets-alter li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-alter li:before { display: table-cell; content: "\25A0"; color: #b54363; text-align: right; padding-right: 1rem; } .divm-bullets-alter li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-geschlecht { display: table; list-style-position: outside; list-style: none; } .divm-bullets-geschlecht li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-geschlecht li:before { display: table-cell; content: "\25A0"; color: #c96b29; text-align: right; padding-right: 1rem; } .divm-bullets-geschlecht li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-herkunft { display: table; list-style-position: outside; list-style: none; } .divm-bullets-herkunft li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-herkunft li:before { display: table-cell; content: "\25A0"; color: #9ea360; text-align: right; padding-right: 1rem; } .divm-bullets-herkunft li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-faehigkeiten { display: table; list-style-position: outside; list-style: none; } .divm-bullets-faehigkeiten li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-faehigkeiten li:before { display: table-cell; content: "\25A0"; color: #56a3af; text-align: right; padding-right: 1rem; } .divm-bullets-faehigkeiten li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-religion { display: table; list-style-position: outside; list-style: none; } .divm-bullets-religion li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-religion li:before { display: table-cell; content: "\25A0"; color: #823567; text-align: right; padding-right: 1rem; } .divm-bullets-religion li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-bullets-orientierungen { display: table; list-style-position: outside; list-style: none; } .divm-bullets-orientierungen li { display: table-row; font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; text-align: left; padding-bottom: 0.2rem; } .divm-bullets-orientierungen li:before { display: table-cell; content: "\25A0"; color: #ab9c36; text-align: right; padding-right: 1rem; } .divm-bullets-orientierungen li:after { display: block; content: ""; margin-bottom: 1.3rem; } .divm-sidemenucontainer { position: relative; } .divm-pagesidemenu { position: relative; top: 0; margin-left: 2.1rem; margin-top: 3rem; width: 100%; padding-right: 4rem; box-sizing: border-box; } .divm-pagesidemenu li { font-family: HelveticaLTWXX-Black, Arial, sans-serif; font-weight: normal; font-size: 1.5rem; list-style-position: outside; list-style-type: none; text-align: left; padding-bottom: 1rem; line-height: 2rem; } #divm-pagesidemenu-diversity-managment li { color: #678da5; border-bottom: 0.5px solid #678da5; } #divm-pagesidemenu-alter-generationen li { color: #b54363; border-bottom: 0.5px solid #b54363; } #divm-pagesidemenu-geschlecht li { color: #c96b29; border-bottom: 0.5px solid #b54363; } #divm-pagesidemenu-herkunft li { color: #a5b258; border-bottom: 0.5px solid #a5b258; } #divm-pagesidemenu-faehigkeiten li { color: #56a3af; border-bottom: 0.5px solid #56a3af; } #divm-pagesidemenu-religion li { color: #823567; border-bottom: 0.5px solid #823567; } #divm-pagesidemenu-orientierungen li { color: #a3914a; border-bottom: 0.5px solid #ab9c36; } #divm-mobile-menu { position: fixed; width: 100%; top: 0px; left: 0px; display: none; background-color: #edf0f4; z-index: 100; padding: 5px; background-image: linear-gradient(0deg, rgba(237, 240, 244, 1), rgba(255, 255, 255, 1)); } #divm-mobile-menu img { width: 35px; height: 35px; margin: 12px 1.5rem; display: inline-block; vertical-align: middle; } #divm-mobile-menu a { text-decoration: none; } .divm-button-header { display: inline-block; position: absolute; right: 1rem; top: 10px; vertical-align: middle; background-color: #678da5; border-radius: 4px; padding: 7px 10px 7px 10px; float: none; cursor: pointer; text-decoration: none; margin: 10px 20px 10px 0; line-height: 1.5rem; z-index: 0; color: #fff; } #divm-header { position: relative; width: 100%; height: 8vw; z-index: 10; background: url(./images/diversity-figuren.svg); background-position: center bottom; background-size: cover; padding: 5rem 0 0 0; box-sizing: border-box; margin: 0 0 3rem 0; } #divm-headerbackground { position: absolute; top: 105px; right: 0px; z-index: 1; width: 750px; height: 750px; background: url(./images/header-gradient-aqua.svg); background-position: center top; background-size: cover; } #divm-headerbackground-alter { position: absolute; z-index: 10; top: 0px; right: 0px; width: 750px; height: 750px; background: url(./images/header-gradient-himbeer.svg); background-position: center top; background-size: cover; } #divm-footer { float: left; width: 100%; height: auto; background-color: #fff; } #divm-footer-top { width: 100%; height: 7rem; background: url(./images/footer-background.svg); background-position: center top; background-size: cover; } .divm-rowbg-top { width: 100%; height: 7rem; background: url(./images/footer-background.svg); background-position: center top; background-size: cover; } #divm-footerlogos { float: left; width: 100%; vertical-align: middle; display: flex; align-items: center; margin-top: 1rem; margin-bottom: 4rem; } #divm-footerlogos a { float: left; width: 12%; height: auto; } #divm-footerlogos a:not(:last-child) { margin-right: 30px; } .divm-color-white { position: relative; z-index: 10; color: #fff; } .divm-color-aqua { position: relative; z-index: 10; color: #678da5; } .divm-color-himbeer { position: relative; z-index: 10; color: #b54363; } .divm-color-marille { position: relative; z-index: 10; color: #c96b29; } .divm-color-kiwi { position: relative; z-index: 10; color: #9ea360; } .divm-color-tuerkis { position: relative; z-index: 10; color: #56a3af; } .divm-color-cassis { position: relative; z-index: 10; color: #823567; } .divm-color-honig { position: relative; z-index: 10; color: #a3914a; } .divm-color-black { position: relative; z-index: 10; color: #333; } .divm-link-frontpage { position: relative; z-index: 10; color: #fff; font-weight: normal; text-decoration: none; top: -2rem; } .divm-link-frontpage:hover { color: #d6e4f3; } .divm-font-bold, em { font-family: HelveticaLTWXX-Bold, Arial, sans-serif; font-weight: normal; font-style: normal !important; } .divm-fontsmall1 { font-size: 1.3rem; } .divm-fontsmall2 { font-size: 1.5rem; } .divm-abbildung-text { font-size: 1.4rem; margin-bottom: 6rem; } .divm-floatleft { display: inline-block; float: left; } .divm-floatleft-footer { display: inline-block; float: left; } .divm-floatright { display: inline-block; float: right; } .divm-floatright-footer { display: inline-block; position: relative; z-index: 10; float: right; } .divm-textright { text-align: right; } .divm-textleft { text-align: right; } .divm-display-block { display: block; } #divm-brochure0 { position: relative; z-index: 10; background-color: #fff; height: 40rem; background: url(./images/image_brochure_diversity-management.svg); background-position: left top; background-size: cover; cursor: pointer; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure1 { position: relative; z-index: 10; background-color: #b54363; background: url(./images/image_brochure_alter-generationen.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure2 { position: relative; z-index: 10; background-color: #c96b29; background: url(./images/image_brochure_geschlecht-geschlechtsidentitaet.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure3 { position: relative; z-index: 10; background-color: #a5b258; background: url(./images/image_brochure_herkunft-ethnische-zugehoerigkeit.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure4 { position: relative; z-index: 10; background-color: #56a3af; background: url(./images/image_brochure_faehigkeiten-behinderungen.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure5 { position: relative; z-index: 10; background-color: #823567; background: url(./images/image_brochure_religion-weltanschauungen.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } #divm-brochure6 { position: relative; z-index: 10; background-color: #a3914a; background: url(./images/image_brochure_sexuelle-orientierungen.svg); background-position: right top; background-size: cover; box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.1); } .divm-brochure { height: 19.55rem; width: 32.4%; cursor: pointer; } .divm-brochure-overlay { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.3); z-index: 0; } #divm-logo-container { display: flex; float: left; align-items: center; width: 50%; } #divm-logosymbol { width: 70px; min-width: 70px; float: left; margin-right: 2rem; } #divm-logosymbol img { position: relative; display: block; width: 100%; height: auto; } #divm-logotext { width: 400px; float: left; } #divm-logotitle { font-family: HelveticaLTWXX-Black; font-weight: normal; font-style: normal; font-size: 3.3rem; letter-spacing: -.05rem; margin-bottom: 1rem; } #divm-logosubtitle { font-family: HelveticaLTWXX-Light; font-weight: bold; font-size: 2.3rem; letter-spacing: .1rem; margin-bottom: 0; padding-left: 2px; } #divm-headermenu-container { float: right; width: auto; text-align: right; } .divm-farbmarke-menu { display: inline-block; width: 50px; height: 50px; margin: 12px 0 0 0; } .divm-rotate { animation: rotation 60s infinite linear; } @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .divm-pattern-textblock-upper { position: relative; right: 20px; bottom: -43px; text-align: right; line-height: 1.7rem; } .divm-pattern-textblock-lower { position: relative; left: 13px; bottom: -128px; text-align: left; } .divm-pattern-textblock-lower3 { position: relative; left: 13px; bottom: -102px; text-align: left; } .divm-button { position: relative; right: 12px; top: 92px; display: inline-block; background-color: #fff; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 10px 10px 10px 0; line-height: 1.5rem; z-index: 0; } .divm-button a { text-decoration: none; } .divm-button span { display: block; position: relative; transition: 0.3s; color: #405b71; text-transform: uppercase; font-size: 1.8rem; } .divm-button span:after { content: ''; background-image: url(./images/symbol_arrow_right_aqua.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button:hover span { padding-right: 20px; } .divm-button:hover span:after { opacity: 1; right: 0; } .divm-button:after { height: 0px; } .divm-button:hover:after { height: 0px; } .divm-button-diversity-management { display: inline-block; background-color: #678da5; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-diversity-management a { text-decoration: none; } .divm-button-diversity-management span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-diversity-management span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-diversity-management:hover span { padding-right: 20px; } .divm-button-diversity-management:hover span:after { opacity: 1; right: 0; } .divm-button-diversity-management:after { height: 0px; } .divm-button-diversity-management:hover:after { height: 0px; } .divm-button-alter { display: inline-block; background-color: #b54363; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-alter a { text-decoration: none; } .divm-button-alter span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-alter span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-alter:hover span { padding-right: 20px; } .divm-button-alter:hover span:after { opacity: 1; right: 0; } .divm-button-alter:after { height: 0px; } .divm-button-alter:hover:after { height: 0px; } .divm-button-geschlecht { display: inline-block; background-color: #c96b29; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-geschlecht a { text-decoration: none; } .divm-button-geschlecht span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-geschlecht span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-geschlecht:hover span { padding-right: 20px; } .divm-button-geschlecht:hover span:after { opacity: 1; right: 0; } .divm-button-geschlecht:after { height: 0px; } .divm-button-geschlecht:hover:after { height: 0px; } .divm-button-herkunft { display: inline-block; background-color: #9ea360; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-herkunft a { text-decoration: none; } .divm-button-herkunft span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-herkunft span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-herkunft:hover span { padding-right: 20px; } .divm-button-herkunft:hover span:after { opacity: 1; right: 0; } .divm-button-herkunft:after { height: 0px; } .divm-button-herkunft:hover:after { height: 0px; } .divm-button-faehigkeiten { display: inline-block; background-color: #56a3af; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-faehigkeiten a { text-decoration: none; } .divm-button-faehigkeiten span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-faehigkeiten span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-faehigkeiten:hover span { padding-right: 20px; } .divm-button-faehigkeiten:hover span:after { opacity: 1; right: 0; } .divm-button-faehigkeiten:after { height: 0px; } .divm-button-faehigkeiten:hover:after { height: 0px; } .divm-button-religion { display: inline-block; background-color: #823567; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-religion a { text-decoration: none; } .divm-button-religion span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-religion span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-religion:hover span { padding-right: 20px; } .divm-button-religion:hover span:after { opacity: 1; right: 0; } .divm-button-religion:after { height: 0px; } .divm-button-religion:hover:after { height: 0px; } .divm-button-orientierungen { display: inline-block; background-color: #a3914a; border-radius: 4px; padding: 12px 14px 12px 14px; float: none; cursor: pointer; text-decoration: none; margin: 0 0 1rem 0; line-height: 1.5rem; z-index: 0; } .divm-button-orientierungen a { text-decoration: none; } .divm-button-orientierungen span { display: block; position: relative; transition: 0.3s; color: #fff; text-transform: uppercase; font-size: 1.8rem; } .divm-button-orientierungen span:after { content: ''; background-image: url(./images/symbol_arrow_right_white.svg); background-size: 14px 14px; position: absolute; vertical-align: middle; width: 13px; height: 13px; opacity: 0; top: 0px; right: -20px; transition: 0.3s; font-size: 2rem; font-weight: bold; } .divm-button-orientierungen:hover span { padding-right: 20px; } .divm-button-orientierungen:hover span:after { opacity: 1; right: 0; } .divm-button-orientierungen:after { height: 0px; } .divm-button-orientierungen:hover:after { height: 0px; } .divm-button-brochure { float: right; display: inline-block; background-color: #fff; border-radius: 4px; padding: 6px 8px 5px 10px; cursor: pointer; text-decoration: none; margin: 10px 23px 10px 0; line-height: 1.5rem; z-index: 10; } .divm-button-brochure img { width: 13px; height: 13px; } .divm-subpage-title { display: flex; width: 100%; align-items: center; } .divm-spt-td1 { width: 26.5%; float: left; } .divm-spt-td1-general { width: 26.5%; float: left; } .divm-spt-td2 { width: 69%; float: left; padding: 0px 20px 0px 20px; box-sizing: border-box; } .divm-spt-td2-general { width: 69%; float: left; padding: 0px 20px 0px 20px; box-sizing: border-box; min-height: 115px; } .divm-spt-td2-general h1 { width: 100%; float: left; padding: 55px 20px 0px 0px; box-sizing: border-box; min-height: 115px; } .divm-spt-td2 h1 { position: relative; z-index: 10; } .divm-title-alter { background-color: #cb7b92; } .divm-content-diversity-management { background-color: #d6dfe9; } .divm-content-alter { background-color: #e9c7d0; } .divm-content-geschlecht { background-color: #efd3bf; } .divm-content-herkunft { background-color: #e1e4cb; } .divm-content-faehigkeiten { background-color: #cce4e7; } .divm-content-religion { background-color: #d9c2d1; } .divm-content-orientierungen { background-color: #e6dfbd; } .divm-content-white { background-color: #fff; text-align: justify; } .divm-title-rowbg-diversity-managment { background: url(./images/subpage-title-background_aqua.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-alter { background: url(./images/subpage-title-background_himbeer.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-geschlecht { background: url(./images/subpage-title-background_marille.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-herkunft { background: url(./images/subpage-title-background_kiwi.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-faehigkeiten { background: url(./images/subpage-title-background_tuerkis.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-religion { background: url(./images/subpage-title-background_cassis.svg); background-position: center top; background-size: cover; } .divm-title-rowbg-orientierungen { background: url(./images/subpage-title-background_honig.svg); background-position: center top; background-size: cover; } .divm-content-row-background { background: url(images/subpage-content-background.svg); background-position: center top; background-size: contain; } .divm-rowbg-white { background-color: #fff; } .divm-farbmarke { position: relative; z-index: 10; display: block; width: 150px; height: auto; margin: 0 0 0 -20px; } .divm-navmenuitem { cursor: pointer; } #divm-pagesidemenu-diversity-managment .divm-navmenuitem:hover, #divm-pagesidemenu-alter-generationen .divm-navmenuitem:hover, #divm-pagesidemenu-geschlecht .divm-navmenuitem:hover, #divm-pagesidemenu-herkunft .divm-navmenuitem:hover, #divm-pagesidemenu-faehigkeiten .divm-navmenuitem:hover, #divm-pagesidemenu-religion .divm-navmenuitem:hover, #divm-pagesidemenu-orientierungen .divm-navmenuitem:hover { color: #000; } .divm-navmenuitem-active { cursor: pointer; } #divm-footer-menu { float: right; } #divm-footer-menu li { float: left; list-style-type: none; margin-right: 1rem; } #divm-footer-menu li:after { content: "|"; padding-left: 1rem; } #divm-footer-menu li a { color: #678da5; text-decoration: none; } #divm-footer-menu li a:hover { color: #000; } #divm-footer-menu li:last-child { float: left; list-style-type: none; margin-right: 0rem; padding-right: 0rem; } #divm-footer-menu li:last-child:after { content: ""; } .divm-nomargin { margin: 0rem; } .divm-nobottommargin { margin-bottom: 0rem; } .divm-marginleft-pattern { margin-left: 1rem; } .divm-topmargin { margin-top: 5rem; } .divm-toppadding { padding-top: 9rem; } .divm-toppadding-footer { padding-top: 5rem; } .divm-bottommargin { margin-bottom: 3rem; } .divm-bottommargin2 { margin-bottom: 2rem; } .divm-bottommargin3 { margin-bottom: 8rem; } .divm-bottommargin4 { margin-bottom: 16rem; } .divm-paddingright1 { padding-right: 3rem; box-sizing: border-box; } .divm-padding-left { position: relative; z-index: 10; padding-left: 2.8rem; text-align: left; } @media (min-width: 1981px) { #divm-header { height: 12vw; } } @media (max-width: 1980px) { #divm-header { height: 13vw; } } @media (max-width: 1600px) { .container { width: 95%; } #divm-header { height: 16vw; } .divm-toppadding-footer { padding-top: 3rem; } } @media (max-width: 1200px) { #divm-header { height: 20vw; } .one-third.column { width: 100%; } .two-thirds.column { width: 100%; } #divm-brochure0 { width: 100%; margin-bottom: 1rem; } #divm-brochure1 { width: 49.3%; float: left; min-height: 260px; } #divm-brochure2 { width: 49.3%; float: right; min-height: 260px; } #divm-brochure3 { width: 49.3%; float: left; min-height: 260px; } #divm-brochure4 { width: 49.3%; float: right; min-height: 260px; } #divm-brochure5 { width: 49.3%; float: left; min-height: 260px; } #divm-brochure6 { width: 49.3%; float: right; min-height: 260px; } .divm-marginleft-pattern { margin: 0; } .divm-pattern-textblock-lower { position: relative; left: 20px; bottom: -183px; text-align: left; } .divm-pattern-textblock-lower3 { position: relative; left: 20px; bottom: -157px; text-align: left; } } @media (max-width: 1024px) { h1 { font-size: 2.5rem; } #divm-logotitle { font-size: 2.7rem; margin-bottom: 0.5rem; } #divm-logosubtitle { font-size: 1.9rem; padding-left: 1px; } #divm-header { height: 22vw; } #divm-logosymbol { width: 60px; min-width: 60px; } .divm-farbmarke-menu { margin: 0 0 0 0; } } @media (max-width: 850px) and (max-height: 600px) { #divm-body { word-wrap: break-word; -ms-hyphens: auto; hyphens: auto; -webkit-hyphens: auto; } #divm-header { height: 30vw; } .divm-spt-td2 { padding-right: 5px; } .divm-spt-td2-general { padding-right: 5px; } .eight.columns { width: 100%; } .four.columns { width: 100%; } .divm-standard-img70 { width: 100%; } } @media (max-width: 900px) { .sow-features-feature { width: 100% !important; padding: 0 !important; } #divm-logo-container { width: 100%; } #divm-headermenu-container { float: left; width: 100%; text-align: left; } #divm-logotext { width: 100%; } .divm-farbmarke-menu { margin: 20px 0 0 0; } .divm-farbmarke-menu { display: inline-block; width: 44px; height: 44px; margin: 12px 0 0 0; } .divm-farbmarke { width: 115px; } .eight.columns { width: 100%; } .four.columns { width: 100%; } #pg-6-1 { display: block; } #pgc-6-1-0, #pgc-6-1-2 { float: left; width: 30% !important; padding-right: 2rem; } #pgc-6-1-1 { clear: right; } #pgc-6-1-2 { clear: left; } #pgc-6-1-1, #pgc-6-1-3 { float: left; width: 70% !important; } #divm-brochure1 { min-height: 220px; } #divm-brochure2 { min-height: 220px; } #divm-brochure3 { min-height: 220px; } #divm-brochure4 { min-height: 220px; } #divm-brochure5 { min-height: 220px; } #divm-brochure6 { min-height: 220px; } .divm-marginleft-pattern { margin: 0; } .divm-pattern-textblock-lower { position: relative; left: 20px; bottom: -143px; text-align: left; } .divm-pattern-textblock-lower3 { position: relative; left: 20px; bottom: -117px; text-align: left; } } @media (max-width: 780px) and (max-height: 600px) { #divm-header { height: 30vw; } .two-thirds.column { width: 100%; } .divm-marginleft-pattern { margin: 0; } .divm-pagesidemenu { padding-right: 0; } } @media (max-width: 780px) and (min-height: 600px) { #divm-header { height: 33vw; } } @media (max-width: 650px) { #divm-header { height: 30vw; } #divm-footer .container { padding-top: 0rem; } #divm-footerlogos { display: block; text-align: center; padding-top: 4rem; } .divm-floatleft-footer { display: block; text-align: center; } .divm-floatright-footer { display: block; text-align: center; } #divm-footer-menu { float: none; display: inline-block; text-align: center; } #divm-brochure0 { width: 100%; min-height: 260px; } #divm-brochure1 { width: 100%; min-height: 260px; } #divm-brochure2 { width: 100%; min-height: 260px; } #divm-brochure3 { width: 100%; min-height: 260px; } #divm-brochure4 { width: 100%; min-height: 260px; } #divm-brochure5 { width: 100%; min-height: 260px; } #divm-brochure6 { width: 100%; min-height: 260px; } .panel-grid-cell { margin-bottom: 0px !important; } .divm-frontpage-image2 { margin-top: 30px; } .divm-spt-td1-general { display: none; } .divm-spt-td2-general { width: 100%; padding-left: 0px; } .divm-padding-left { padding-left: 0; margin-left: 0; } .three.columns { width: 100%; } .divm-pattern-textblock-lower { position: relative; left: 20px; bottom: -163px; text-align: left; } .divm-pattern-textblock-lower3 { position: relative; left: 20px; bottom: -160px; text-align: left; } } @media (max-width: 580px) { /*#divm-body { font-size: 1.4rem; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }*/ #divm-body { font-size: 1.4rem; word-wrap: break-word; } #divm-header { height: 45vw; padding-top: 3rem; } #divm-logotitle { font-size: 2.5rem; margin-bottom: 0.5rem; } #divm-logosubtitle { font-size: 1.8rem; padding-left: 1px; } .divm-editor-frontpage-maintext { font-size: 1.7rem; } .divm-pagesidemenu { margin-left: 0; padding-right: 0; } .divm-contenttable3-td1 { display: block; width: 100%; margin-bottom: 2rem; } .divm-contenttable3-td2 { display: block; width: 100%; padding-bottom: 2rem; } .divm-contenttable6-td1 { width: 100%; margin-bottom: 2rem; padding-right: 0; } .divm-contenttable6-td2 { width: 100%; } .divm-referencestable-td1 { width: 8%; } .divm-referencestable-td2 { width: 92%; } .divm-contenttable4-td1 { display: block; float: left; width: 100%; vertical-align: top; padding-right: 0rem; box-sizing: border-box; margin-bottom: 2rem; } .divm-contenttable4-td1 span { display: block; margin-top: 1rem; margin-bottom: 2rem; } .divm-contenttable4-td2 { display: block; float: left; width: 100%; vertical-align: top; } .divm-referencestable-td2 { font-size: 1.25rem; } .divm-contenttable1-td1 { width: 100%; margin-bottom: 2rem; padding-right: 0; } .divm-contenttable1-td2 { width: 100%; } .divm-contenttable2-td1 { width: 100%; margin-bottom: 2rem; padding-right: 0; } .divm-contenttable2-td2 { width: 100%; } .divm-download-diversity-management, .divm-download-alter, .divm-download-geschlecht, .divm-download-herkunft, .divm-download-faehigkeiten, .divm-download-religion, .divm-download-orientierungen { margin-left: 0; width: 100%; } #pg-6-1 { display: flex; } #pgc-6-1-0, #pgc-6-1-2 { float: none; width: 100% !important; padding-right: 2rem; } #pgc-6-1-1 { clear: none !important; } #pgc-6-1-2 { clear: none !important; } #pgc-6-1-1, #pgc-6-1-3 { float: none; width: 100% !important; } .divm-frontpage-editor-image { width: 100%; height: auto; margin: 0.5rem 0 2rem 0; } .divm-frontpage-editor-image .sow-image-container { justify-content: center; } .divm-frontpage-editor-image .sow-image-container > a { width: 80%; height: auto; } .divm-frontpage-editor-image .sow-image-container img { width: 100%; height: auto; } #chl-webdesign-info { display: block; width: 100%; float: none; text-align: center; line-height: 2rem; } .chl-mobilebreak { display: inline; } #divm-footerlogos { display: flex; flex-direction: column; align-items: center; } #divm-footerlogos a { display: block; width: 60%; margin-bottom: 5rem; } #divm-footerlogos a:not(:last-child) { margin-right: 0px; } } @media (max-width: 460px) { h1 { font-size: 1.8rem; } .divm-h1-frontpage { font-size: 3rem; } #divm-logotitle { font-size: 1.8rem; margin-bottom: -0.5rem; } #divm-logosubtitle { font-size: 1.2rem; padding-left: 1px; } #divm-logosymbol { width: 50px; min-width: 50px; margin-right: 1rem; } #divm-logotext { width: 280px; } #divm-brochure0 { width: 100%; min-height: 220px; } #divm-brochure1 { width: 100%; min-height: 220px; } #divm-brochure2 { width: 100%; min-height: 220px; } #divm-brochure3 { width: 100%; min-height: 220px; } #divm-brochure4 { width: 100%; min-height: 220px; } #divm-brochure5 { width: 100%; min-height: 220px; } #divm-brochure6 { width: 100%; min-height: 220px; } .divm-pattern-textblock-lower { position: relative; left: 20px; bottom: -143px; text-align: left; } .divm-pattern-textblock-lower3 { position: relative; left: 20px; bottom: -117px; text-align: left; } .divm-content-white { background-color: #fff; text-align: left; } } @media (max-width: 400px) { #divm-logosymbol { width: 35px; min-width: 35px; margin-right: 1rem; } #divm-logotext { width: 270px; } .divm-farbmarke-menu { display: inline-block; width: 35px; height: 35px; margin: 12px 0 0 0; } }