html {
	font-size:1px
}
@-webkit-keyframes fadeIn1 {
	0% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeIn1 {
	0% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@-webkit-keyframes fadeIn2 {
	0% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
50% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}@keyframes fadeIn2 {
	0% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
50% {
	opacity:0;
	-webkit-transform:translateY(20rem);
	transform:translateY(20rem)
}
to {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
}section.u4m-cards {
/*	background-color:#26353b;
    border-radius:8rem;
*/

	-webkit-box-shadow:3px 4px 14px 0 rgba(132,231,94,.2);
	box-shadow:3px 4px 14px 0 rgba(132,231,94,.2);
	margin:0 auto;
	padding-bottom:80rem;
	padding-top:80rem;
	width:100%
}
section.u4m-cards.reverse-text h2.heading {
	color:#fff
}
section.u4m-cards a:not([class]) {
	color:var(--light-blue,#6dcff6);
	transition:all .1s ease-in-out
}
section.u4m-cards a:not([class]):hover {
	text-decoration:underline
}
section.u4m-cards.reverse-text a:not([class]):hover {
	color:#fff
}
section.u4m-cards div.intro {
	float:none;
	margin-left:auto;
	margin-right:auto;
	max-width:1240rem;
	max-width:875rem;
	padding-left:39rem;
	padding-right:39rem
}
section.u4m-cards .heading {
	color:#fff;
	font-family:Monda,sans-serif;
	font-size:50rem;
	letter-spacing:-1.5rem;
	line-height:1.2;
	margin-bottom:30rem;
	position:relative;
	text-align:left
}
section.u4m-cards .heading span {
	color:#004f91;
	font-weight:700
}
section.u4m-cards .heading.branch:before {
	content:url(../../../../../../../../insights.guardsquare.com/hubfs/Logos/blue-git-branch.png);
	left:-96rem;
	position:absolute;
	top:14rem
}
@media (max-width:1024px) {
	section.u4m-cards .heading.branch:before {
	display:none
}
}@media (max-width:580px) {
	section.u4m-cards .heading {
	font-size:32rem;
	margin-bottom:20rem
}
}section.u4m-cards .heading span {
	color:#6dcff6
}
section.u4m-cards .subheading {
	color:hsla(0,0%,100%,.8);
	font-family:Noto Sans,sans-serif;
	font-size:16rem;
	font-size:24rem;
	font-weight:400;
	letter-spacing:.25rem;
	line-height:1.6;
	margin-bottom:20rem;
	max-width:700rem
}
@media (max-width:580px) {
	section.u4m-cards .subheading {
	font-size:15rem
}
}section.u4m-cards .wrapper {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	float:none;
	justify-content:center;
	margin-left:auto;
	margin-right:auto;
	max-width:1240rem;
	padding-left:20rem;
	padding-right:20rem
}
section.u4m-cards .wrapper.wrapper--alignment-left {
	-webkit-box-pack:flex-start;
	-ms-flex-pack:start;
	justify-content:flex-start
}
section.u4m-cards .wrapper.wrapper--alignment-center {
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
section.u4m-cards .wrapper.wrapper--alignment-right {
	-webkit-box-pack:flex-end;
	-ms-flex-pack:end;
	justify-content:flex-end
}
section.u4m-cards .wrapper.wrapper--small {
	max-width:925rem
}
@media (max-width:580px) {
	section.u4m-cards .wrapper {
	display:block
}
}section.u4m-cards .wrapper div.card {
	-ms-flex-preferred-size:calc(50% - 40rem);
	-webkit-box-flex:0;
	-ms-flex-positive:0;
	-ms-flex-negative:0;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	background-color:#26353b;
	border:1px solid rgba(109,207,246,.5);
	-webkit-box-shadow:0 1rem 12rem 0 rgba(38,53,59,.1);
	box-shadow:0 1rem 12rem 0 rgba(38,53,59,.1);
	-webkit-box-shadow:2px 2px 20px 0 hsla(0,0%,100%,.1);
	box-shadow:2px 2px 20px 0 hsla(0,0%,100%,.1);
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	flex-basis:calc(50% - 40rem);
	-ms-flex-direction:column;
	flex-direction:column;
	flex-grow:0;
	flex-shrink:0;
	margin:20rem;
	min-height:400rem;
	padding:0;
	position:relative;
	z-index:3;

}

@media (max-width:580px) {
	section.u4m-cards .wrapper div.card {
	margin:0 0 30rem;
	width:97%
}
}section.u4m-cards .wrapper div.card button {
	background-color:#004f91;
	border:0;
	border-radius:2rem;
	-webkit-box-shadow:0 1rem 12rem 0 rgba(38,53,59,.1);
	box-shadow:0 1rem 12rem 0 rgba(38,53,59,.1);
	color:#fff;
	cursor:pointer;
	display:inline-block;
	font-family:Noto Sans,sans-serif;
	font-size:14rem;
	font-size:12rem;
	font-weight:700;
	letter-spacing:.25rem;
	line-height:1.4;
	line-height:1.2;
	margin:20rem 0;
	padding:8rem 20rem;
	text-decoration:none;
	text-transform:uppercase;
	-webkit-transition:.1s ease-in;
	transition:.1s ease-in
}
section.u4m-cards .wrapper div.card button:hover {
	background-color:#6dcff6;
	color:#26353b
}
@media (-ms-high-contrast:active),(-ms-high-contrast:none) {
	section.u4m-cards .wrapper div.card {
	-ms-flex-preferred-size:calc(50% - 60rem);
	flex-basis:calc(50% - 60rem)
}
}@media (max-width:580px) {
	section.u4m-cards .wrapper div.card {
	margin-bottom:50rem
}
}section.u4m-cards .wrapper div.card div.image {
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	min-height:140rem;
	padding:30rem 30rem 0
}
section.u4m-cards .wrapper div.card div.image.filled {
	background-position:50%;
	background-size:cover;
	border-bottom:1rem solid #f5f8fa;
	min-height:203rem;
	width:100%
}
section.u4m-cards .wrapper div.card div.image a {
	background-color:transparent;
	-webkit-box-shadow:none;
	box-shadow:none;
	display:block;
	margin:0 auto
}
section.u4m-cards .wrapper div.card div.image a:hover {
	background-color:transparent
}
section.u4m-cards .wrapper div.card div.image img {
	display:block;
	margin:30rem auto 0;
	max-width:120rem
}
section.u4m-cards .wrapper div.card div.image span.type {
	background-color:#29454e;
	color:#fff;
	font-family:Noto Sans,sans-serif;
	font-size:13rem;
	font-weight:700;
	letter-spacing:.35rem;
	line-height:1.6;
	margin-bottom:0
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.image span.type {
	font-size:13rem
}
}section.u4m-cards .wrapper div.card div.content {
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-box-align:start;
	-ms-flex-align:start;
	align-items:flex-start;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-direction:column;
	flex-direction:column;
	height:100%;
	padding:0 30rem 30rem
}
@media (max-width:768px) {
	section.u4m-cards .wrapper div.card div.content {
	padding:20rem
}
}@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.content {
	margin-bottom:50rem
}
}section.u4m-cards .wrapper div.card div.content span.url {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex
}
section.u4m-cards .wrapper div.card div.content span.url:hover {
	cursor:pointer
}
section.u4m-cards .wrapper div.card div.content span.title {
	color:#26353b;
	color:#6dcff6;
	display:block;
	font-family:Noto Sans,sans-serif;
	font-size:24rem;
	font-weight:700;
	letter-spacing:.25rem;
	line-height:1.2;
	margin-bottom:15rem;
	margin-top:5rem
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.content span.title {
	font-size:18rem;
	margin-bottom:20rem
}
}section.u4m-cards .wrapper div.card div.content span.teaser {
	color:#fff;
	display:block;
	font-family:Noto Sans,sans-serif;
	font-size:13rem;
	font-size:14rem;
	letter-spacing:.35rem;
	line-height:1.6;
	margin-bottom:24rem;
	margin-top:8rem;
	max-width:550rem;
	width:100%
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.content span.teaser {
	font-size:13rem
}
}section.u4m-cards .wrapper div.card div.content span.cta,section.u4m-cards .wrapper div.card div.content span.url {
	margin-top:auto
}
section.u4m-cards .wrapper div.card div.content span.cta a,section.u4m-cards .wrapper div.card div.content span.url a {
	border:2px solid #fff!important;
	border-radius:2rem!important;
	-webkit-box-shadow:0 2rem 4rem #26353b;
	box-shadow:0 2rem 4rem #26353b;
	color:#6dcff6!important;
	cursor:pointer;
	font-family:Monda,sans-serif!important;
	font-size:14rem;
	font-weight:700;
	line-height:16px!important;
	padding:12rem 16rem!important
}
section.u4m-cards .wrapper div.card div.content span.cta a span strong,section.u4m-cards .wrapper div.card div.content span.url a span strong {
	color:#6dcff6!important
}
section.u4m-cards .wrapper div.card div.content span.cta a:hover,section.u4m-cards .wrapper div.card div.content span.url a:hover {
	background-color:#6dcff6;
	border:2px solid #fff;
	color:#26353b
}
section.u4m-cards .wrapper div.card:hover {
	-webkit-transform:translateY(-10rem);
	transform:translateY(-10rem);
	-webkit-transition:.1s ease-in;
	transition:.1s ease-in
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card {
	margin:0 auto 50rem
}
}section.u4m-cards .wrapper div.card span.title {
	color:#26353b;
	color:#6dcff6;
	display:block;
	font-family:Noto Sans,sans-serif;
	font-family:Monda,sans-serif;
	font-size:24rem;
	font-weight:700;
	letter-spacing:.25rem;
	line-height:1.2;
	margin-bottom:4rem;
	margin-top:5rem
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card span.title {
	font-size:18rem;
	margin-bottom:20rem
}
}section.u4m-cards .wrapper div.card span.type {
	font-family:Monda,sans-serif!important;
	font-size:13rem;
	letter-spacing:0;
	line-height:16px;
	padding:0 8rem;
	white-space:nowrap
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.image {
	padding:25rem 25rem 0
}
}section.u4m-cards .wrapper div.card div.image img {
	height:auto;
	margin:auto 16rem auto 0;
	max-width:none;
	width:130rem
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.image img {
	margin-right:8rem
}
}section.u4m-cards .wrapper div.card div.content {
	padding-left:40rem;
	padding-right:40rem;
	padding-top:16rem
}
@media (max-width:580px) {
	section.u4m-cards .wrapper div.card div.content {
	margin-bottom:0;
	padding:0 25rem 25rem
}
}section.u4m-cards .wrapper div.card div.content span.teaser {
	color:hsla(0,0%,100%,.8);
	font-size:15px;
	line-height:24px
}
section.u4m-cards .wrapper div.card div.content span.url {
	border:2px solid #6dcff6!important;
	border-radius:2rem!important;
	border-radius:4rem!important;
	bottom:36rem;
	-webkit-box-shadow:0 2rem 4rem #26353b;
	box-shadow:0 2rem 4rem #26353b;
	color:#6dcff6!important;
	cursor:pointer;
	font-family:Monda,sans-serif!important;
	font-size:14rem;
	font-weight:700;
	line-height:16px!important;
	margin-top:0;
	padding:8rem 20rem!important;
	position:absolute
}
section.u4m-cards .wrapper div.card div.content span.url span strong {
	color:#6dcff6!important
}
section.u4m-cards .wrapper div.card div.content span.url:hover {
	background-color:#6dcff6;
	border:2px solid #fff;
	color:#26353b;
	color:#26353b!important
}
section.u4m-cards .wrapper.column-3 div.card {
	-ms-flex-preferred-size:calc(33.33333% - 40rem);
	flex-basis:calc(33.33333% - 40rem)
}
@media (max-width:1280px) {
	section.u4m-cards .wrapper.column-3 div.card {
	-ms-flex-preferred-size:calc(33.33333% - 40rem);
	flex-basis:calc(50% - 40rem)
}
}