/* Simplify Technologies Blau = #0214c0 Magenta = #a40351 Schwarz = #333333 Dunkelgrau = #9e9e9e Grau = #c4c2c3 Hellgrau = #e6e6e6 Weiss = #ffffff */ html, body {margin:0px; padding:0px; height:100%;} html {overflow-y: scroll;} body {background-color:#FFFFFF;} * {outline:none; font-family: 'Barlow', sans-serif;} a {text-decoration:none;} img {border:0px; display:block; margin:0px; padding:0px;} form {margin:0px; padding:0px;} header, nav, section, article, aside, footer {display:block;position:relative;} nav ul {display:block; margin:0px; padding:0px;} nav li {display:block; margin:0px; padding:0px; list-style:none;} nav a {display:block;} strong, b, h1, h2, h3, h4, h5, h6, th {font-weight: 600;} h1, h2, h3, h4, h5, h6, th {text-transform: uppercase;} h1 {color:#0214c0; font-size: 36px; line-height:42px; margin:40px 0px 40px 0px;} h2 {color:#9e9e9e; font-size: 36px; line-height:42px; margin:30px 0px 15px 0px;} h2 span {display:block;color:#0214c0;} h2 span.dark {display:block;color:#333333;} h3 {color:#333333; font-size: 24px; line-height:36px; margin:25px 0px 15px 0px;} h4 {color:#0214c0; font-size: 18px; line-height:26px; margin:25px 0px 15px 0px;} h5 {color:#333333; font-size: 16px; line-height:24px; margin:25px 0px 15px 0px;} p {color:#333333; font-size: 15px; line-height:22px; margin:15px 0px 15px 0px;} li, td, th {color:#333333; font-size: 15px; line-height:22px;} .hidden {display:none;} .wrapper, hr {position:relative; box-sizing: border-box; padding:0px 25px 0px 25px; max-width:1280px; /*min-width:320px;*/ min-width:1280px; margin: auto auto;} hr {padding:30px 0px 30px 0px; border:0px; background-image:url(../images/layout/hr.png); background-repeat:repeat-x; background-position:0px center;} .toggleMore {margin-top:30px; margin-bottom:30px; background-image:url(../images/layout/hr.png); background-repeat:repeat-x; background-position:0px center;} .toggleMore a {transition:color 0.3s ease-in 0s; transition:background 0.3s ease-in 0s; display:inline-block; color:#333333; background-color:#FFFFFF; text-transform:uppercase; font-size: 13px; line-height:20px; padding: 0px 10px 0px 60px; margin-left:-30px; background-image:url(../images/layout/togglmore-plus.svg); background-repeat: no-repeat; background-position:30px center; background-size:auto 20px;} .toggleMore a:hover {color:#0214c0; background-image:url(../images/layout/togglmore-plus-a.svg);} .toggleLess {margin-top:0px; margin-bottom:30px; text-align:right; background-image:url(../images/layout/hr.png); background-repeat:repeat-x; background-position:0px center;} .toggleLess a {transition:color 0.3s ease-in 0s; transition:background 0.3s ease-in 0s; display:inline-block; color:#333333; background-color:#FFFFFF; text-transform:uppercase; font-size: 13px; line-height:20px; padding: 0px 50px 0px 10px; margin-right:-20px; background-image:url(../images/layout/togglmore-minus.svg); background-repeat: no-repeat; background-position:right 20px center; background-size:auto 20px;} .toggleLess a:hover {color:#0214c0; background-image:url(../images/layout/togglmore-minus-a.svg);} a.button {display: block; margin:10px 0px 10px 0px; color:#000000; font-weight:bold; transition:color 0.3s ease-in 0s;} a.button:hover{text-decoration: none;} a.button:before {content:""; display:inline-block; width:25px; height:25px; background-image:url(../images/layout/hightlight-arrow-r-g.svg); background-size:cover; background-repeat: no-repeat; margin-right:5px; position:relative; top:7px;} a.button:hover:before {background-image:url(../images/layout/hightlight-arrow-r-b.svg)} #backtotop {display:none; position: fixed; z-index:200; bottom:15px; left:0px; width:70px; height:70px; box-sizing: border-box; padding-top: 46px; font-size:13px; line-height:20px; text-align:center; text-transform:uppercase; color:#FFFFFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bcbcbc+0,626262+100 */ background: #bcbcbc; /* Old browsers */ background: -moz-linear-gradient(top, #bcbcbc 0%, #626262 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #bcbcbc 0%,#626262 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #bcbcbc 0%,#626262 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#626262',GradientType=0 ); /* IE6-9 */} #backtotop img {position:absolute; top:10px; left:20px; width:30px; transform: rotate(270deg);} #backtotop:hover {background: #9e9e9e; /* Old browsers */ background: -moz-linear-gradient(top, #9e9e9e 0%, #333333 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #9e9e9e 0%,#333333 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #9e9e9e 0%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e9e', endColorstr='#333333',GradientType=0 ); /* IE6-9 */} header {} #logo {position:absolute; z-index:100; top:20px; left:20px; box-sizing:border-box; height:110px; background-color:#FFFFFF; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);} #logo img {box-sizing:border-box; height:108px; border-bottom:5px solid #0214c0; padding:20px 20px 15px 20px;} #mobile_home {display:none; position:absolute; right:10px; top:10px; box-sizing:border-box; height:60px; width:60px; border:2px solid #ffffff; padding:10px; background-color:#333333; transition:background-color 0.3s ease-in 0s; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);} #mobile_home:hover {background-color:#c4c2c3;} #mobile_home img {width:100%;} #nav_mobile {display:none;position:absolute; z-index:101; top:80px; width:100%; background-color:#333333; border-top:2px solid #FFFFFF; border-bottom:2px solid #FFFFFF; padding:20px 0px 20px 0px;} #nav_mobile a {transition:background-color 0.3s ease-in 0s;} #nav_mobile div {transition:background-color 0.3s ease-in 0s;} #nav_mobile>.wrapper {padding:0px;} #nav_mobile>.wrapper>ul {font-size:0;} #nav_mobile>.wrapper>ul:not(:first-of-type) {margin-top:30px;} #nav_mobile>.wrapper>ul>li {position:relative; display:block; line-height:20px; font-size: 15px; text-transform: uppercase; padding:0px;} #nav_mobile>.wrapper>ul>li:not(:first-of-type) {border-top:1px solid rgba(255,255,255,0.1);} #nav_mobile>.wrapper>ul>li>a {color:#FFFFFF; padding:10px 50px 10px 10px;} #nav_mobile>.wrapper>ul>li.active>a {background-color:#a40351;} #nav_mobile>.wrapper>ul>li>a:hover {background-color:#000000;} #nav_mobile>.wrapper>ul>li.sub {cursor:pointer;} #nav_mobile>.wrapper>ul>li.sub>div{color:#FFFFFF; padding:10px 50px 10px 10px; background-image:url(../images/layout/nav-arrow-u.svg); background-size: 30px auto; background-repeat:no-repeat; background-position:right 4px center;} #nav_mobile>.wrapper>ul>li.sub>div:hover {background-color:#000000;background-image:url(../images/layout/nav-arrow-u-a.svg);} #nav_mobile>.wrapper>ul>li.sub.active>div {background-color:#a40351;} #nav_mobile>.wrapper>ul>li>ul {display:none; border-top:1px solid rgba(255,255,255,0.1);margin-left:20px;padding-bottom:20px;} #nav_mobile>.wrapper>ul>li.active>ul {display:block;} #nav_mobile>.wrapper>ul>li>ul>li {position:relative; display:block; line-height:18px; font-size: 13px; text-transform: uppercase; padding:0px;} #nav_mobile>.wrapper>ul>li>ul>li:not(:first-of-type) {border-top:1px solid rgba(255,255,255,0.1);} #nav_mobile>.wrapper>ul>li>ul>li>a {color:#FFFFFF; padding:8px 50px 8px 10px;} #nav_mobile>.wrapper>ul>li>ul>li>a>span {color:#c4c2c3; display:block; font-size: 13px; line-height: 16px; margin-top:3px; text-transform:none;} #nav_mobile>.wrapper>ul>li>ul>li.active>a {background-color:#a40351;} #nav_mobile>.wrapper>ul>li>ul>li>a:hover {background-color:#000000;} #nav_mobile>.wrapper>ul>li>ul>li.sub {cursor:pointer;} #nav_mobile>.wrapper>ul>li>ul>li.sub>div{color:#FFFFFF; padding:8px 50px 8px 10px; background-image:url(../images/layout/nav-arrow-u.svg); background-size: 30px auto; background-repeat:no-repeat; background-position:right 4px center;} #nav_mobile>.wrapper>ul>li>ul>li.sub>div:hover {background-color:#000000;background-image:url(../images/layout/nav-arrow-u-a.svg);} #nav_mobile>.wrapper>ul>li>ul>li.sub.active>div {background-color:#a40351;} #nav_mobile>.wrapper>ul>li>ul>li>div>span {color:#c4c2c3; display:block; font-size: 13px; line-height: 16px; margin-top:3px; text-transform:none;} #nav_mobile>.wrapper>ul>li>ul>li>ul {display:none; border-top:1px solid rgba(255,255,255,0.1);margin-left:20px;padding-bottom:20px;} #nav_mobile>.wrapper>ul>li>ul>li.active>ul {display:block;} #nav_mobile>.wrapper>ul>li>ul>li>ul>li {position:relative; display:block; line-height:16px; font-size: 12px; text-transform: uppercase; padding:0px;} #nav_mobile>.wrapper>ul>li>ul>li>ul>li:not(:first-of-type) {border-top:1px solid rgba(255,255,255,0.1);} #nav_mobile>.wrapper>ul>li>ul>li>ul>li>a {color:#FFFFFF; padding:8px 50px 8px 10px;} #nav_mobile>.wrapper>ul>li>ul>li>ul>li>a>span {color:#c4c2c3; display:block; font-size: 12px; line-height: 15px; margin-top:3px; text-transform:none;} #nav_mobile>.wrapper>ul>li>ul>li>ul>li.active>a {background-color:#a40351;} #nav_mobile>.wrapper>ul>li>ul>li>ul>li>a:hover {background-color:#000000;} #nav_top {height:53px; border-bottom:2px solid #FFFFFF; background-color:#0214c0; text-align:right;} #nav_top ul {font-size:0;} #nav_top li {display:inline-block;height:23px;padding-top:30px;line-height:23px; font-size:13px; text-transform: uppercase; color:#FFFFFF;} #nav_top li:not(:first-of-type) {margin-left:20px;} #nav_top a {color:#FFFFFF;} #nav_top a:hover {text-decoration: underline;} #nav_main {height:40px; background-color:#333333;} #nav_main a {transition:background-color 0.3s ease-in 0s;} #nav_main>.wrapper>ul {font-size:0;margin-left:300px;} #nav_main>.wrapper>ul>li {position:relative; display:inline-block; line-height:40px; height:40px; font-size: 15px; text-transform: uppercase;} #nav_main>.wrapper>ul>li:not(:first-of-type) {margin-left:20px;} #nav_main>.wrapper>ul>li>a {color:#FFFFFF;padding:0px 20px 0px 20px;} #nav_main>.wrapper>ul>li.active>a {background-color:#a40351;} #nav_main>.wrapper>ul>li>a:hover {background-color:#000000;} #nav_main>.wrapper>ul>li>ul {display:none; position:absolute; top:40px; left:0px; z-index:111; border-top:2px solid #FFFFFF;} #nav_main>.wrapper>ul>li:hover>ul {display:block;} #nav_main>.wrapper>ul>li>ul>li {position:relative; display:block; line-height:20px; font-size: 15px; text-transform: uppercase; white-space: nowrap;} #nav_main>.wrapper>ul>li>ul>li:not(:first-of-type) {border-top:1px solid #9e9e9e;} #nav_main>.wrapper>ul>li>ul>li>a {background-color:#333333; padding:10px 20px 10px 20px; color:#FFFFFF;} #nav_main>.wrapper>ul>li>ul>li.active>a {background-color:#a40351;} #nav_main>.wrapper>ul>li>ul>li.sub>a {padding-right:40px; background-image:url(../images/layout/nav-arrow-r.svg); background-size: 30px auto; background-repeat:no-repeat; background-position:right 4px center;} #nav_main>.wrapper>ul>li>ul>li.sub>a:hover {background-image:url(../images/layout/nav-arrow-r-a.svg);} #nav_main>.wrapper>ul>li>ul>li>a:hover {background-color:#000000;} #nav_main>.wrapper>ul>li>ul>li>a>span {color:#c4c2c3; display:block; font-size: 13px; line-height: 16px; margin-top:3px; text-transform:none;} #nav_main>.wrapper>ul>li>ul>li>ul {display:none; position:absolute; top:0px; left:100%; z-index:111; border-left:1px solid #9e9e9e;} #nav_main>.wrapper>ul>li>ul>li:hover>ul {display:block;} #nav_main>.wrapper>ul>li>ul>li>ul>li {display:block; line-height:20px; font-size: 15px; text-transform: uppercase; white-space: nowrap;} #nav_main>.wrapper>ul>li>ul>li>ul>li:not(:first-of-type) {border-top:1px solid #9e9e9e;} #nav_main>.wrapper>ul>li>ul>li>ul>li>a {background-color:#333333; padding:10px 20px 10px 20px; color:#FFFFFF;} #nav_main>.wrapper>ul>li>ul>li>ul>li.active>a {background-color:#a40351;} #nav_main>.wrapper>ul>li>ul>li>ul>li>a:hover {background-color:#000000;} #nav_main>.wrapper>ul>li>ul>li>ul>li>a>span {color:#c4c2c3; display:block; font-size: 13px; line-height: 16px; margin-top:3px; text-transform:none;} #nav_sub {height:53px; border-top:2px solid #FFFFFF; background-color:#c4c2c3; text-align:right;} #nav_sub form {display:inline-block; vertical-align:top; padding:0px 0px 0px 10px; background-color:#d1cfd0; color:#333333; text-transform:uppercase; height:23px; font-size:0; transition:background-color 0.3s ease-in 0s;} #nav_sub form:hover, #nav_sub form:focus {background-color:#FFFFFF;} #nav_sub form span {display:inline-block; vertical-align:top; line-height:23px; font-size:13px;} #nav_sub form input[type=text] {display:inline-block; font-weight:600; vertical-align:top; padding:0px 5px 0px 5px; width:120px; background-color:transparent; color:#333333; text-transform:uppercase; height:23px; line-height:23px; font-size:13px; border:0px;} #nav_sub form span.s::before {content:"["; display:inline-block; margin-left:8px; vertical-align:top; color:#333333; height:23px; line-height:23px; font-size:13px;} #nav_sub form span.s::after {content:"]"; display:inline-block; vertical-align:top; color:#333333; height:23px; line-height:23px; font-size:13px;} #nav_sub form input[type=button] {display:inline-block; vertical-align:top; margin-left:3px; padding:0px; width:35px; height:23px; border:0px; background-color:transparent; background-image:url(../images/layout/search-arrow.svg); background-repeat:no-repeat; background-size:auto 23px; background-position:center center; cursor:pointer;} #nav_sub form input[type=button]:hover {background-image:url(../images/layout/search-arrow-a.svg);} .teaser {margin:0px; padding:0px;} .teaser .container {position:relative; width:100%; max-width:1650px; height:550px; margin: auto auto; overflow:hidden;} .teaser ul {position:absolute; margin:0px; padding:0px; width:10000px; height:100%; margin: auto auto; font-size:0;} .teaser ul li {display:block; float:left; list-style:none; margin:0px; padding:0px; width:100%; max-width:1650px; height:100%;font-size:30px; background-size:cover;} .teaser nav {position:absolute; bottom:5%; display:block; width:100%; z-index:10; text-align:center; font-size:0;} .teaser nav a {display:inline-block; box-sizing: border-box; width:20px; height:20px; background-color:rgba(0,0,0,0.5); border:2px solid #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); transition:background-color 0.3s ease-in 0s;} .teaser nav a:not(:first-of-type) {margin-left:20px;} .teaser nav a:hover {background-color:rgba(2,20,192,0.75);} .teaser nav a.active {background-color:#a40351;} .headline {padding:10px 0px 10px 0px;} .headline h1 {margin:0px;} .teaser+.headline {background-color:#c4c2c3;} .wrapper>h1,.wrapper>h2,.wrapper>h3,.wrapper>h4 {width:100%;margin:20px 0px;} .content {padding:30px 0px 30px 0px;} .content .wrapper {display:flex; justify-content: space-between; flex-flow: row wrap;} .content article {width:48%;margin-top:40px;} .content h3 + article {margin-top:20px;} .content article:nth-of-type(-n+2) {margin-top:0px;} .content.drittel article:nth-of-type(-n+3) {margin-top:0px;} .content article *:first-child {margin-top:0px;} .content.halb article {width:48%;} .content.voll article {width:100%;} .content.drittel article {width:31%;} .content img {max-width:100%;} .content a {color:#0214c0;} .content a:hover {text-decoration: underline;} .content a.button:hover{text-decoration: none;} .wrapper.hintergrundbild{background-size: cover; background-repeat: no-repeat; background-origin:content-box; background-position: center;} .wrapper.hintergrundbild article{padding:15px; box-sizing:border-box;} .wrapper.hintergrundbild h1,.wrapper.hintergrundbild h2,.wrapper.hintergrundbild h3,.wrapper.hintergrundbild h4{padding-left:15px; box-sizing:border-box;} article.hintergrundbild{background-size: cover; background-repeat: no-repeat; padding: 15px; box-sizing:border-box; background-position: center;} .hintergrundbild.schrift-weiss p,.hintergrundbild.schrift-weiss h1,.hintergrundbild.schrift-weiss h2,.hintergrundbild.schrift-weiss h3,.hintergrundbild.schrift-weiss h4{color:#ffffff;} .hintergrund-grau{background-color:#9e9e9e;} .hintergrund-grau *{color:#FFFFFF;} .column2 {display:flex; justify-content: space-between; flex-flow: row wrap;} .column2 article {width:48%;margin-top:40px;} .column2 article:nth-of-type(-n+2) {margin-top:0px;} .column2 article *:first-child {margin-top:0px;} .highlight_links_2 {padding:30px 0px 30px 0px;} .highlight_links_2 .wrapper {display:flex; justify-content: space-between; flex-flow: row wrap;} .highlight_links_2 a {display:block; width:48%;margin-top:0px; overflow:hidden; position:relative;} .highlight_links_2 a:nth-of-type(-n+2) {margin-top:0px;} .highlight_links_2 a *:first-child {margin-top:0px;} .highlight_links_2 a img {width:100%;} .highlight_links_2 a:hover img {animation: pulse 0.25s 2; animation-timing-function: linear;} .highlight_links_2 a>.corner {position:absolute; display:block; top:-15%; left:-10%; width:40%; height:125%; background-color:#9e9e9e; transform: rotate(15deg);} .highlight_links_2 a.color>.corner {background-color:#a40351;} .highlight_links_2 a>.corner>span {position:absolute; display:block; transform: rotate(-15deg); width:100%; height:100%; box-sizing:border-box; padding: 30% 0% 10% 35%; color:#FFFFFF; background-image:url(../images/layout/hightlight-arrow-r-w.svg); background-repeat:no-repeat; background-position:center 85%; background-size: 50px auto;} .highlight_links_2 a>.corner>span h4 {margin-top:0px; color:#FFFFFF;} .highlight_links_2 a>.corner>span p {margin-top:0px; color:#FFFFFF; font-size: 17px; line-height:23px;} .highlight_3 {padding:30px 0px 30px 0px;} .highlight_3 .wrapper {display:flex; justify-content: space-between; flex-flow: row wrap;} .highlight_3 .wrapper>div {display:block; width:32%;margin-top:40px; overflow:hidden; position:relative;} .highlight_3 .wrapper>div:nth-of-type(-n+3) {margin-top:0px;} .highlight_3 .wrapper>div>div {box-sizing: border-box; margin-top:5%; height:95%; padding: 20px 15px 0px 40%; background-color:#e6e6e6;} /* .hightlight_3 .wrapper>div img {width:100%;} */ /* .hightlight_3 .wrapper>div:hover img {animation: pulse 0.25s 2; animation-timing-function: linear;} */ .highlight_3 .wrapper>div>.corner {position:absolute; display:block; top:-15%; left:-10%; width:40%; height:125%; background-color:#9e9e9e; transform: rotate(15deg);} .highlight_3 .wrapper>div.color>.corner {background-color:#0214c0;} .highlight_3 .wrapper>div>.corner>span {position:absolute; display:block; transform: rotate(-15deg); width:100%; height:100%; box-sizing:border-box; padding: 30% 0% 10% 35%; color:#FFFFFF; background-image:url(../images/layout/hightlight-arrow-r-w.svg); background-repeat:no-repeat; background-position:center 85%; background-size: 50px auto;} .highlight_3 .wrapper>div>h4 {position:absolute; top:15px; left: 15px; margin:0px; font-size:15px; line-height:20px; color:#FFFFFF;} .highlight_3 .wrapper>div>div p {margin-top:0px;} .highlight_3 .wrapper>div>div a.button_tel {display:block; color:#333333; margin:15px 0px 15px -40%; padding:5px 0px 5px 40%; background-color:#FFFFFF; text-decoration:none; font-weight:600; transition:color 0.3s ease-in 0s;} .highlight_3 .wrapper>div>div a.button_tel:hover {color:#0214c0;} .downloads {margin:30px 0px 30px 0px;} .downloads .wrapper {display:flex; justify-content: flex-start; flex-flow: row wrap;} .downloads .wrapper>h5 {margin:0px; padding:0px 20px 0px 0px;} .downloads .wrapper>ul {margin:0px; padding:0px;} .downloads .wrapper>ul>li {list-style:none; margin:0px; padding:0px;} .downloads .wrapper>ul>li:not(:last-child) {padding-bottom:10px;} .downloads .wrapper>ul>li>a {display:block; transition:color 0.3s ease-in 0s; transition:background 0.3s ease-in 0s; padding:0px 0px 0px 25px; color:#333333; text-decoration:none; background-image:url(../images/layout/download.svg); background-repeat: no-repeat; background-position:0px 0px; background-size:auto 20px;} .downloads .wrapper>ul>li>a:hover {color:#0214c0; text-decoration:none; background-image:url(../images/layout/download-a.svg);} .downloads .wrapper>ul>li>a>span {float:right;margin-left:20px;} .content_highlight {background-color:#a40351; overflow:hidden;} .content_highlight .wrapper {padding-top:30px; padding-bottom:30px; background-color:#FFFFFF; padding-left:14%;} .content_highlight .wrapper .button {color:#a40351;} .content_highlight .wrapper .button:hover {color:#0214c0;} .content_highlight .wrapper>.corner {position:absolute; display:block; top:-15%; left:-12%; width:20%; height:125%; background-color:#a40351; transform: rotate(15deg);} .content_highlight .wrapper>.icon {position:absolute; top:100px; left: 15px; width:50px; height:50px; background-image:url(../images/layout/hightlight-arrow-r-w.svg); background-repeat:no-repeat; background-size: 100% auto;} .content_highlight .wrapper>h4 {position:absolute; top:30px; left: 15px; margin:0px; font-size:15px; line-height:20px; color:#FFFFFF;} .content_highlight .wrapper>h2, .content_highlight .wrapper>h3 {margin-top:0px;} .content_highlight.images .wrapper {padding-bottom:100px;} .content_highlight.dark .wrapper {background-color:#9e9e9e;} .content_highlight.dark h2, .content_highlight.dark h3, .content_highlight.dark p {color:#FFFFFF;} .content_highlight_images {height:250px; background: #efefef; /* Old browsers */ background: -moz-linear-gradient(top, #efefef 0%, #c9c9c9 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #efefef 0%,#c9c9c9 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #efefef 0%,#c9c9c9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */} .content_highlight_images .wrapper {display:flex; justify-content: space-around; padding-left:12%;} .content_highlight_images .wrapper img {margin-top: -80px; height: 300px;} table{border:0px; border-spacing:0;} table th{border-bottom: 2px #333333 solid; padding: 5px 10px; text-align:left;} table td{border-bottom: 1px #e6e6e6 solid; padding: 5px 10px; text-align:left;} table th.c, table td.c{text-align:center;} table th.r, table td.r{text-align:right;} footer {margin-top:0px;} footer a {color:#FFFFFF; text-decoration:none;} footer a:hover {color:#FFFFFF; text-decoration:underline;} footer .wrapper {padding-left:100px; padding-right:100px;} footer .footerinfo {background-color:#9e9e9e; padding:15px 0px 15px 0px; color:#FFFFFF; line-height:50px;} footer .footerinfo img {height:50px;} footer .footerinfo span {float:right;} footer .footerinfo span img {margin-right:20px;float:left;} footer .footercontent {background-color:#5b5b5b; padding:30px 0px 30px 0px; color:#FFFFFF; line-height:24px; } footer .footercontent .wrapper {display:flex; justify-content: space-between; flex-flow: row wrap;} footer .footercontent article {} footer .footercontent article nav li {line-height:24px;} footer .footercontent article nav li:not(:last-child) {padding-bottom:8px;} footer .footercontent article:last-of-type nav li:not(:last-child) {padding-bottom:40px;} footer .footercontent article:last-of-type nav a {padding-left:30px; background-repeat:no-repeat; background-position:0px center; background-size:20px auto;} footer .footercontent article:last-of-type nav a.speech {background-image:url(../images/layout/speech-w.svg);} footer .footercontent article:last-of-type nav a.contact {background-image:url(../images/layout/contact-w.svg);} footer .footernav {background-color:#0214c0; line-height:40px;} footer .footernav .wrapper {display:flex;justify-content: space-between; flex-flow: row wrap;} footer .footernav nav ul {display:inline-block;} footer .footernav nav ul li {display:inline-block; font-size:13px; color:#FFFFFF;} footer .footernav nav ul li a {display:inline-block;} footer .footernav nav ul li:not(:first-of-type) {margin-left:20px;} @keyframes pulse {0% {transform: scale(1);} 50% {transform: scale(1.05); 100% {transform: scale(1);}}}