@font-face {
  font-family: 'AvenirMedium';
  src: url('/splashassets/font/avenir-med.eot');
  src: url('/splashassets/font/avenir-med.eot?#iefix') format('embedded-opentype'),
       url('/splashassets/font/avenir-med.woff') format('woff'),
       url('/splashassets/font/avenir-med.ttf')  format('truetype'),
       url('/splashassets/font/avenir-med.svg#ef669aafc9b550b465914779447af056') format('svg');
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'AvenirBook';
  src: url('/splashassets/font/avenir-book.eot');
  src: url('/splashassets/font/avenir-book.eot?#iefix') format('embedded-opentype'), 
       url('/splashassets/font/avenir-book.woff') format('woff'),
       url('/splashassets/font/avenir-book.ttf')  format('truetype'),
       url('/splashassets/font/avenir-book.svg#68ae522795537c9085762656931f5f55') format('svg');
  font-style:   normal;
  font-weight:  400;
}



html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased
}

*, *:before, *:after {
  	box-sizing: inherit;
}


::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

a:link, a:visited {
	text-decoration: none;
	-webkit-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);
}


/* ==========================================================================
   SPLASH
   ========================================================================== */
   
.splash, .block {
	height: 100%;
	height: 100vh;
	width: 100%;
	
}

.splash #logo {
	height: 120px;
	width: 120px;
	border-radius: 100px;
	background: url(/splashassets/img/splashlogo.png) center center no-repeat transparent;
	position: absolute;
	top:50px;
	left: calc(50% - 60px);
	display: block;
	pointer-events: none;
	-webkit-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);   
	z-index: 2
}

.splash.safety-hover #logo {
	background: url(/splashassets/img/splashlogo-b.png) center center no-repeat transparent;
	position: absolute;
}

body.splash {
	background: url(/splashassets/img/splash.jpg) bottom center no-repeat;
	background-size: cover;
}

.block__half {
	width: 50%;
	height: inherit;
	display: inline-block;
	float: left;
	position: relative;
	padding-bottom: 180px
}

.block__half .moverlay {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	opacity: 0;
	background: rgba(0,72,142,0.85);
	-webkit-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	pointer-events: none
}

.block--safety .moverlay {
	background: rgba(253,220,24,0.85);
}

.block--partner h2,
.block--safety h2 {
	font-family: 'AvenirMedium';
	font-weight: 400;
	font-size: 35px;
	line-height: 42px;
	color:rgb(65,64,66);
	margin-top: 0;
	margin-bottom: 50px;
	z-index: 2;
	position: relative
}

.block--partner,
.block--safety,
.block--partner span,
.block--safety span,
.block--partner h2,
.block--safety h2 {
	-webkit-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition: all 180ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-moz-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	-o-transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000); 
	transition-timing-function: cubic-bezier(0.420, 0.000, 0.580, 1.000);    
}

.block--partner:hover {
	background: rgba(0,72,142,0.85)
}

.block--safety:hover {
	background: rgba(253,220,24,0.85)
}

.block--partner:hover span,
.block--safety:hover span {
	border:2px solid white;
	background: white;
}

.block--partner:hover h2{
	color: white
}

.block--safety:hover .button {
	background: rgb(35,31,32);
	color: rgb(253,220,24);
	border-color:rgb(35,31,32);
}

.center {
	display: table;
	height:inherit;
	width: 100%;
}

.centered {
	display: table-cell;
	height:inherit;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 2rem;
	padding-bottom: 180px
}

.button {
	padding: 7px 20px 6px 20px;
	border: 2px solid rgb(0,72,142);
	border-radius: 20px;
	font-family: 'AvenirBook';
	font-size: 13px;
	line-height: normal;
	color: rgb(0,72,142);
	z-index: 2;
	position: relative
}

@media (max-width:890px) {
	body.splash {
		background: url(/splashassets/img/splashmobil.jpg) bottom center no-repeat;
		background-size: cover;
	}
	.block--partner, .block--partner:hover,
	.block--safety, .block--safety:hover {
		background: none
	}
	.block__half {
		width: 100%;
		height: 50%;
		display: block;
		padding-bottom: 0
	}
	.block--partner {
		padding-top: 40%;
	}
	.block--safety {
		padding-bottom: 25%;
	}
	.splash #logo {
		top: 40px !important;
		background: url(/splashassets/img/splashlogo.png) center center no-repeat transparent; 
	}
	.centered {
		padding-bottom: 0
	}
}

@media (max-width:767px) {
	.splash #logo {
		height: 80px;
		width: 80px;
		top:10px !important;
		left:calc(50% - 40px);
		background-size: 70% !important
	}
	.block--partner h2,
	.block--safety h2 {
		font-size: 22px;
		line-height: 32px;
		margin-bottom: 32px
	}
}
@media (max-width:375px) {
	.block--partner {
		padding-top: calc(40% - 5px);
	}
	.block--safety {
		padding-bottom: calc(25% + 30px)
	}
}

@media (max-width:320px) {
	.block--safety {
		padding-bottom: calc(25% + 40px)
	}
	.block--partner h2, .block--safety h2 {
		font-size: 19px;
		margin-bottom: 12px
	}
	.centered {
		padding: 1rem
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}