:root { --color-blue: #072b41; --color-light-blue: #89b9dd; --color-light-grey: #dfe5e5; --color-black: #000000; font-display: optional; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-variation-settings: normal; font-variant-ligatures: normal; letter-spacing: 0.031rem; font-kerning: auto; font-family: sans-serif; font-weight: 400; font-style: normal; font-size: 1rem; line-height: 150%; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ul { list-style: none; } ul li a { text-decoration: none; } figure { margin: 0; padding: 0; } body { max-width: 80rem; margin-left: auto; margin-right: auto; padding-left: 3vw; padding-right: 3vw; box-sizing: border-box; } .cc-head p, .cc-head p a, .cc-detail-btn span ,.cc-group, .cc-info a, .cc-cookie p { color: #000000; color: var(--color-black); } .cc-detail-btn span { font-size: 1rem; } a.cc-focus { font-size: 1rem; color: #000000; color: var(--color-black); } .module-cookiebar-opener { margin: 0.5rem; } .module-cookiebar-opener a { color: #072b41; color: var(--color-blue); text-decoration: none; } #header { padding-left: 4%; padding-right: 4%; } #header .inside { display: flex; align-items: baseline; } .logo { flex-basis: 20%; } #header .logo img { width: 100%; height: auto; } #header .mod_form { flex-shrink: 0; flex-basis: 50%; } #header .formbody { height: 0; } .mod_form { text-align: right; } #ctrl_1, #ctrl_3 { position: relative; top: -0.356rem; width: 9.375rem; border: 0.063rem solid #89b9dd; border: 0.063rem solid var(--color-light-blue); font-size: 1.1rem; color: #072b41; color: var(--color-blue); } .lupe { position: relative; top: -0.9rem; left: -0.063rem; } .mod_changelanguage { flex-basis: 30%; } .mod_changelanguage ul { display: flex; } .mod_changelanguage ul li img { width: 85%; height: auto; } @media screen and (max-width: 24.313em) { #ctrl_1, #ctrl_3 { width: 7.5rem; } } @media screen and (max-width: 36.25em) { #header .logo { flex-basis: 40%; } .mod_changelanguage { flex-basis: 120%; } } #header-nav-img input[type=checkbox], #footer input[type=checkbox] { display: none; } .mod_navigation { height: 2.5rem; background-color: #072b41; background-color: var(--color-blue); } .mod_navigation ul { display: flex; justify-content: space-around; justify-content: space-evenly; align-items: center; height: 2.5rem; margin: 0; padding: 0; } .mod_navigation ul li a { color: #89b9dd; color: var(--color-light-blue); } .mod_navigation ul li a:hover, .mod_navigation ul li .active { color: #dfe5e5; color: var(--color-light-grey); font-weight: 400; } @media screen and (max-width: 49.938em) { #header-nav-img .level_1 { display: none; height: auto; line-height: 250%; } #header-nav-img .hamburger { height: 1.563rem; width: 1.563rem; padding: 0.469rem 0.688rem 0.344rem 0.688rem; cursor: pointer; } #header-nav-img .hamburger div { background-color: #dfe5e5; background-color: var(--color-light-grey); border: 0.063rem #dfe5e5; border: 0.063rem solid var(--color-light-grey); border-radius: 0.125rem 0.125rem 0.125rem 0.125rem; height: 0.125rem; margin-top: 0.188rem; width: 90%; } #header-nav-img input[type=checkbox]:checked ~ .level_1 { display: block; position: absolute; z-index: 1; background-color: #072b41; background-color: var(--color-blue); text-indent: 1.563rem; padding-right: 1.563rem; padding-bottom: 0.938rem; } .mod_navigation ul li.first { margin-top: 0.938rem; } } .img-header img { width: 100%; height: auto; } @keyframes scaling { 0%{ transform: scale(1);} 1%{ transform: scale(1.001);} 2%{ transform: scale(1.002);} 3%{ transform: scale(1.003);} 4%{ transform: scale(1.004);} 5%{ transform: scale(1.005);} 6%{ transform: scale(1.006);} 7%{ transform: scale(1.007);} 8%{ transform: scale(1.008);} 9%{ transform: scale(1.009);} 10%{ transform: scale(1.010);} 11%{ transform: scale(1.011);} 12%{ transform: scale(1.012);} 13%{ transform: scale(1.013);} 14%{ transform: scale(1.014);} 15%{ transform: scale(1.015);} 16%{ transform: scale(1.016);} 17%{ transform: scale(1.017);} 18%{ transform: scale(1.018);} 19%{ transform: scale(1.019);} 20%{ transform: scale(1.020);} 21%{ transform: scale(1.021);} 22%{ transform: scale(1.022);} 23%{ transform: scale(1.023);} 24%{ transform: scale(1.024);} 25%{ transform: scale(1.025);} 26%{ transform: scale(1.026);} 27%{ transform: scale(1.027);} 28%{ transform: scale(1.028);} 29%{ transform: scale(1.029);} 30%{ transform: scale(1.030);} 31%{ transform: scale(1.031);} 32%{ transform: scale(1.032);} 33%{ transform: scale(1.033);} 34%{ transform: scale(1.034);} 35%{ transform: scale(1.035);} 36%{ transform: scale(1.036);} 37%{ transform: scale(1.037);} 38%{ transform: scale(1.038);} 39%{ transform: scale(1.039);} 40%{ transform: scale(1.040);} 41%{ transform: scale(1.041);} 42%{ transform: scale(1.042);} 43%{ transform: scale(1.043);} 44%{ transform: scale(1.044);} 45%{ transform: scale(1.045);} 46%{ transform: scale(1.046);} 47%{ transform: scale(1.047);} 48%{ transform: scale(1.048);} 49%{ transform: scale(1.049);} 50%{ transform: scale(1.050);} 51%{ transform: scale(1.049);} 52%{ transform: scale(1.048);} 53%{ transform: scale(1.047);} 54%{ transform: scale(1.046);} 55%{ transform: scale(1.045);} 56%{ transform: scale(1.044);} 57%{ transform: scale(1.043);} 58%{ transform: scale(1.042);} 59%{ transform: scale(1.041);} 60%{ transform: scale(1.040);} 61%{ transform: scale(1.039);} 62%{ transform: scale(1.038);} 63%{ transform: scale(1.037);} 64%{ transform: scale(1.036);} 65%{ transform: scale(1.035);} 66%{ transform: scale(1.034);} 67%{ transform: scale(1.033);} 68%{ transform: scale(1.032);} 69%{ transform: scale(1.031);} 70%{ transform: scale(1.030);} 71%{ transform: scale(1.029);} 72%{ transform: scale(1.028);} 73%{ transform: scale(1.027);} 74%{ transform: scale(1.026);} 75%{ transform: scale(1.025);} 76%{ transform: scale(1.024);} 77%{ transform: scale(1.023);} 78%{ transform: scale(1.022);} 79%{ transform: scale(1.021);} 80%{ transform: scale(1.020);} 81%{ transform: scale(1.019);} 82%{ transform: scale(1.018);} 83%{ transform: scale(1.017);} 84%{ transform: scale(1.016);} 85%{ transform: scale(1.015);} 86%{ transform: scale(1.014);} 87%{ transform: scale(1.013);} 88%{ transform: scale(1.012);} 89%{ transform: scale(1.011);} 90%{ transform: scale(1.010);} 91%{ transform: scale(1.009);} 92%{ transform: scale(1.008);} 93%{ transform: scale(1.007);} 94%{ transform: scale(1.006);} 95%{ transform: scale(1.005);} 96%{ transform: scale(1.004);} 97%{ transform: scale(1.003);} 98%{ transform: scale(1.002);} 99%{ transform: scale(1.001);} 100%{ transform: scale(1.000);} } .img-header img { animation: scaling 24s steps(1) infinite; } .content-text { hyphens: auto; color: #072b41; color: var(--color-blue); } .content-text ul { margin: 0.938rem; padding: 0; list-style: disc; text-align: left; } .content-text ul a { color: #072b41; color: var(--color-blue); } .content-text a, .content-text a:hover, .content-text a .active { color: #072b41; color: var(--color-blue); } h1 { height: 2.5rem; background-color: #072b41; background-color: var(--color-blue); text-align: center; font-size: 1rem; font-weight: 400; line-height: 2.5rem; color: #dfe5e5; color: var(--color-light-grey); } h2, h3 h4 { font-size: 1.25rem; font-weight: 700; } .ce_toplink { margin-left: calc(100% - 5rem); margin-bottom: 0.625rem; padding-bottom: 0.313rem; height: 1.25rem; width: 5rem; line-height: 1.25rem; text-align: center; background-color: #072b41; background-color: var(--color-blue); } .ce_toplink a { color: #dfe5e5; color: var(--color-light-grey); font-size: 0.75rem; text-decoration: none; } .content-text img { width: 35%; height: auto; float: right; margin-top: 0.625rem; margin-left: 0.938rem; margin-bottom: 0.625rem; } .content-text figure { margin: 0; } video { width: 90%; height: auto; } .content-player figure { text-align: center; margin-top: 1.875rem; margin-bottom: 0.625rem; } .content-image figure { text-align: center; } .text_image .content-image figure img { max-width: 80%; height: auto; margin-top: 0.625rem; margin-bottom: 0.625rem; } .text-left .content-text { text-align: left; hyphens: auto; } .caption { font-size: 0.8rem; color: #072b41; color: var(--color-blue); } .sound-n-safe .caption { font-size: 0.8rem; padding-left: calc(67% + 8.0vw); height: 0; position: relative; top: -0.5rem; } .container { margin-top: 3.75rem; display: flex; flex-wrap: wrap; justify-content: center; } .container > * { flex: 1 1 15.625rem; } .container img { width: 100%; height: auto; } .card { margin: 1rem; border: 0.125rem solid #072b41; border: 0.125rem solid var(--color-blue); } .card ul { margin: 0.938rem; padding: 0; list-style: disc; text-align: left; } .card > * { flex: 1 1 15.625rem; } .headline { background-color: #072b41; background-color: var(--color-blue); color: #dfe5e5; color: var(--color-light-grey); text-align: center; line-height: 3rem; } .container h2 { margin: 0; } .content { color: #89b9dd; color: var(--color-light-blue); align-self: center; padding: 1rem 2rem; } .img-ce_text { width: 50%; height: auto; } .more { position: relative; top: 0; left: calc(100% - 5.625rem); width: 5.5rem; height: 1.688rem; text-align: center; background-color: #072b41; background-color: var(--color-blue); } .more a, .more a:hover, .more a .active { color: #dfe5e5; color: var(--color-light-grey); text-decoration: none; } #footer-logos { background-color: #072b41; background-color: var(--color-blue); padding: 3% 0% 4% 5%; } #footer-logos .inside { color: #dfe5e5; color: var(--color-light-grey); display: -ms-grid; display: grid; grid-row: auto; -ms-grid-columns: auto 2% auto 2% auto 2% auto; -ms-grid-rows: auto auto; grid-column: auto; grid-gap: 0 2%; } #footer-logos .inside a { color: #dfe5e5; color: var(--color-light-grey); text-decoration: none; } #footer-logos img { width: 75%; height: auto; } #footer-logos .image_container1 img { width: 65%; height: auto; } .image_container1 { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; margin: 0; -ms-grid-row-align: end; align-self: flex-end; } .image_container2 { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 2 / 3; grid-row: 1 / 2; margin: 0; -ms-grid-row-align: end; align-self: flex-end; } .image_container3 { -ms-grid-column: 5; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; margin: 0; -ms-grid-row-align: end; align-self: flex-end; } .image_container4 { -ms-grid-column: 7; -ms-grid-row: 1; grid-column: 4 / 5; grid-row: 1 / 2; margin: 0; -ms-grid-row-align: end; align-self: flex-end; } .text_image_container1 { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; -ms-grid-row-align: start; align-self: flex-start; } .text_image_container2 { -ms-grid-column: 3; -ms-grid-row: 2; grid-column: 2 / 3; grid-row: 2 / 3; -ms-grid-row-align: start; align-self: flex-start; } .text_image_container3 { -ms-grid-column: 5; -ms-grid-row: 2; grid-column: 3 / 4; grid-row: 2 / 3; -ms-grid-row-align: start; align-self: flex-start; } .text_image_container4 { -ms-grid-column: 7; -ms-grid-row: 2; grid-column: 4 / 5; grid-row: 2 / 3; -ms-grid-row-align: start; align-self: flex-start; } #footer { background-color: #072b41; background-color: var(--color-blue); color: #dfe5e5; color: var(--color-light-grey); } #footer p { margin: 0; } #footer .inside { padding-bottom: 2%; display: flex; justify-content: space-around; justify-content: space-evenly; align-items: start; } .mod_customnav ul li { height: 3.125rem; } #footer ul { margin: 0; padding: 0; } .mod_customnav ul li a { color: #dfe5e5; color: var(--color-light-grey); text-decoration: none; } .mod_customnav ul li a:hover { color: #dfe5e5; color: var(--color-light-grey); font-weight: 400; } .mod_customnav ul li .active { color: #dfe5e5; color: var(--color-light-grey); font-weight: 700; } @media screen and (max-width: 40.563em) { #footer, #footer-logos { font-size: 0.875rem; } } @media screen and (max-width: 36.25em) { #footer-logos { font-size: 0.688rem; } #footer { font-size: 0.625rem; } } #main .formbody { padding-top: 1.25rem; } #ctrl_keywords_18, #ctrl_keywords_19 { width: 9.688rem; } #ctrl_submit_18, #ctrl_submit_19 { position: relative; top: -1.5rem; left: 10rem; height: 1.188rem; border: none; background-color: #072b41; background-color: var(--color-blue); color: #dfe5e5; color: var(--color-light-grey); } @-moz-document url-prefix() { #ctrl_submit_18, #ctrl_submit_19 { position: relative; top: -1.5rem; height: 1.375rem; } } _:-ms-fullscreen, :root #ctrl_submit_18, #ctrl_submit_19 { height: 1.563rem; } .widget-radio { display: none; } .relevance { display: none; } mark.highlight { background-color: #072b41; background-color: var(--color-blue); color: #dfe5e5; color: var(--color-light-grey); } h3 a { color: #072b41; color: var(--color-blue); }