/**********************************
 * main.css
 **********************************/

/*******************************************************
 * 1. Core Appearance
 * blue-light: #24a4c2
 * blue-semilight: #1d9ab8;
 * grey-light: #ebebeb;
 * orange-cta: #ff691d;
 *******************************************************/
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
					box-sizing: border-box;
}
html { color: #222; font-size: 10px; }
body { line-height: 1.4; font-family: 'Open Sans', Arial, sans-serif; color: #496076; }
input, textarea { font-family: 'Open Sans', Arial, sans-serif; }
a {  text-decoration: none; color: 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; }
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.only-mobile { display: none; }
.only-desktop { display: block; }
@media( max-width: 767px ){
		.only-mobile { display: block; }
		.only-desktop { display: none; }
}
.clearfix:after { content: ""; display: block; clear: both; }
p { font-size: 2.4rem; margin: 0 0 3.5rem;}
@media( max-width: 767px ){
	p { font-size: 4.5rem; }
}
strong { font-weight: bold; }




a.menuLink  {
    color: #fff;
    display: inline-block;
}

a.menuLink:hover  {
    background-color: inherit;
}

a.footerLink {
    color: #496076;
    display: inline-block;
}

/*
 * 2. Core Layout
 */
.page { width: 100%; min-width: 320px; height: 100%; background: #333; }
.row { position: relative; }
.row-stripe { background: #fff; }
.row-stripe .container { padding: 0; }
.row-stripe .container,
.row-stripe .container .container-box { background: inherit; }
.container {
    position: relative;
    width: 153.6em;
    padding: 2em 1.8em 0;
    margin: 0 auto;
    background: #fff;
}
.container:after { content: ""; display: block; clear: both; }
.col { float: left; padding: 0 1em; }
.col:first-child { padding-left: 0; }
.col:last-child { padding-right: 0; }
.col-1 { width: 33.33333333% }
.col-2 { width: 66.66666667% }
@media( max-width: 767px ){
	.col { float: none; }
	.col-1, .col-2 { width: 100%; padding: 0; }
}
.col > .container-box,
.col > .container-box:first-child { margin: 0 0 3rem; }
.col > .container-box:last-child { margin: 0; }
@media( max-width: 767px ){
	.col > .container-box,
	.col > .container-box:first-child { margin: 0; }
}
.container-box { position: relative; margin-left: 2em; float: left; background: #fff; padding: 2em;}
.container-box:first-child { margin: 0; }
.container-box-small { width: 42em; }
.container-box-medium { width: 86em; }
.container-box-large { width: 100%; margin: 0; }
.container-box-translucent { background: transparent; }
main > .row:last-child .container { padding-bottom: 2em; }
main > .row {
    background: #fff;
}
main > .container {
    background: #c6a0cd
}
@media( max-width: 767px ){
	.container, main .row:last-child .container { width: 100%; padding: 0; }
	.container-box:first-child,
	.container-box { width: 100%; margin: 0; padding: 4rem 4rem; }
}
.pull-right { float: right; }

/*******************************************************
 * 2.2. Headlines
 *******************************************************/
/*h1,
h2 { position: relative; font-size: 3em; line-height: 1.4em; font-weight: bold; color: #24a4c2; padding: .15em 0 .15em 1.7em; margin: 0 0 1em; border-bottom: 2px solid #f4f4f4; overflow: hidden; text-overflow: ellipsis; }*/
.headline__icon { position: absolute; top: 0.8rem; left: 0; width: 3.5rem; margin: 0 1.8rem 0 0; }
h3 {
    font-size: 3rem;
    line-height: 1.4em;
    font-weight: bold;
    color: #e3cfe6;
    margin: 0 0 1rem;
}
@media( max-width: 767px ){
	/*h1,
	h2 { font-size: 5.5rem; padding: 0.05em 0 0.05em 1.5em; }*/
	h3 { font-size: 5.5rem; line-height: 1.4em; }
	.headline__icon { position: absolute; top: 0.8rem; left: 0; width: 6.0rem; margin: 0 1.8rem 0 0; }
}

/*******************************************************
 * 2.3. Rendered Contents from the GoogleCMS
 *******************************************************/
main .markdown-wrapper ol,
main .markdown-wrapper ul { margin: 0 0 3.5rem; }
main .markdown-wrapper ol { padding: 0 0 0 4rem; }
main .markdown-wrapper ol:last-child,
main .markdown-wrapper ul:last-child { margin: 0; }
main .markdown-wrapper ol li,
main .markdown-wrapper ul li { position: relative; font-size: 2.4rem; padding: 0 0 0 2rem; }
main .markdown-wrapper ol li { list-style-type: decimal; padding: 0; margin: 0 0 1rem; }
main .markdown-wrapper ul li:before { content: "»"; font-size: 2.4rem; position: absolute; left:0; top: -0.2rem; }

main .markdown-wrapper h2 { padding: 0; border: 0; }
main .markdown-wrapper h3 { font-size: 1.9rem; color: #496076; }

main .markdown-wrapper p a {
    color: #8e419c;
}
main .markdown-wrapper p a:hover { text-decoration: underline; }

@media( max-width: 767px ){
	main .markdown-wrapper ol { padding: 0 0 0 6rem; }
	main .markdown-wrapper ol li { font-size: 4.5rem; }
	main .markdown-wrapper ul li { font-size: 4.5rem; padding: 0 0 0 4rem; }
	main .markdown-wrapper ul li:before { font-size: 4.5rem; }
	main .markdown-wrapper h3 { font-size: 3.3rem; color: #496076; }
}

span.mobile-breakable { display: none; }
@media( max-width: 767px ){
	span.mobile-breakable { display: inline-block; }
}

/*******************************************************
 * Youtube Videos
 *******************************************************/
.video { width: 100%; margin: 0 0 3rem; position: relative; }
.video > div:last-child { position: relative; margin: 0 -2rem; }
.video > div:last-child:before { content: ""; display: block; padding-top: 56%; } /* padding-top is the height of your video in relation to its width */
.video > div:last-child iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video__caption { position: absolute; top: 3rem; width: 75%; padding: 2rem; background: #fff; margin: 0 0 0 -2rem; z-index: 2;
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 20%,rgba(255,255,255,0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6ffffff',GradientType=1 );
}
.video__caption h2 { font-size: 2.4rem; border: 0; padding: 0; margin: 0 0 0.2em; font-weight: normal; }
@media ( min-width: 768px ){
	.video__caption { transition: all 1s; }
	.video--playing .video__caption { transform: translate(-100%, 0); opacity: 0; }
	.video__caption p:last-child { margin: 0; }
}
@media ( max-width: 767px ){
	.video { overflow: visible; }
	.video > div:last-child { margin: 0 -4rem; }
	.video__caption { position: static; padding: 0 2rem; }
	.video__caption h2 { font-size: 5rem; }
}
/* Video in accordions */
.accordion .video div { margin: 0 -4rem; }
@media ( max-width: 767px ){
	.accordion .video div { margin: 0 -6rem; }
}

/*******************************************************
 * List of highlights
 *******************************************************/
.list-highlights li { background: url(../assets/images/layout/icon--check.png) no-repeat 0rem 50%; background-size: 4.6rem 3.5rem; font-size: 2.4em; color: #fff; padding: 2rem 0 2rem 7rem; border-bottom: 1px solid #5dbad0; position: relative; }
.list-highlights li:first-child { padding-top: 0; }
.list-highlights li:last-child { border: 0; }
@media( max-width: 767px ){
	.list-highlights li { font-size: 5rem; background-size: 8.6rem 6.4rem; padding: 5.3rem 0 5.3rem 12rem;  }
}

/*******************************************************
 * List of awards
 *******************************************************/
.list-awards { text-align: center; display: block; margin: 0 auto; position: relative; width: ;}
.list-awards li { display: inline-block; padding: 0 4em;}

/*
 * 3. Layout
 */

/*******************************************************
 * Row Header
 ********************************************************/
.row-header {
    /*box-shadow: 0 0px 7px #838383;*/
    z-index: 3;    
}



    .row-header .container-box {
        padding: 1.4em 2em;
    }
/* header centered edge */
/*.row-header:before { content: ""; position: absolute; bottom: -3.5em; left: 50%; width: 7em; height: 1.5em; margin: 0 0 0 -3.5em; background: red; z-index: 1; box-shadow: 0px 39px 60px #000, -30px -3px 60px #000, 40px 3px 60px #000; border-radius: 100%; }
    ._row-header:before,
    .row-header:after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        border: 17.5em solid transparent;
        border-top-color: #e3cfe6;
        z-index: 2;
        margin: 0 0 0 -17.5em;
        border-top-width: 9em;
        border-bottom-width: 0;
    }*/
.row-header:after { margin-top: -0.4rem; border-top-color: #fff;}
@media( max-width: 767px ){
	.row-header { border-bottom: none; }
	._row-header:before, .row-header:after { display: none; }
	.row-header .container-box { padding: 0 2em; }
}
/* header centered keavisual */
.header-keyvisual { position: absolute; width: 34.4em; height: 19.9em; left: 50%; margin: 0 0 0 -17.2em; z-index: 3;}
@media( max-width: 767px ){
	.header-keyvisual { display: none; }
}
@media( max-width: 960px ){
	.row-header:after,
	.row-header:before,
	.header-keyvisual { display: none; }
}
/* header logo */
.header-logo { width: 12.7rem; height: 11.1rem; position: relative;  z-index: 3;}
/* header metanav */
.header-metanav { position: absolute; top: 0; right: 0; padding: 1.4rem; border: 1px solid #ebebeb; }
.header-metanav li { display: inline-block; }
.header-metanav li a { display: inline-block; padding: 1rem;  color: #fff; border-radius: 5px; }
    .header-metanav li:first-child a {
        background: #8e419c;
        margin: 0 1rem 0 0;
    }
    .header-metanav li:last-child a {
        background: #e3cfe6;
    }
@media( max-width: 767px ){
	.header-metanav { display: none; }
}
/*
 * Navbar Burger Icon
 */
.row-header .navbar-toggle { display: none; padding: 1rem; float: right; margin: 2rem;border: none; background: transparent}
    .row-header .navbar-toggle .icon-bar {
        display: block;
        width: 6rem;
        height: 1rem;
        border-radius: 3px;
        background: #e3cfe6;
        margin: 0 0 0.4rem;
    }
.row-header .navbar-toggle .icon-bar:last-child { margin: 0; }
@media( max-width: 767px ){
	.row-header .navbar-toggle { display: block }
}

/*******************************************************
 * row navigation
 ********************************************************/
.row-navigation {
    background: #e3cfe6;
    color: #fff;
    box-shadow: 0 0px 20px #000;
    z-index: 2
}
.row-navigation .container-box{ padding: 0 }
.row-navigation ul { text-align: center; font-size: 0; white-space: nowrap; }
.row-navigation ul li { position: relative; display: inline-block; }
    .row-navigation ul li:hover {
        background: rgb(36,164,194);
        background: -moz-linear-gradient(top, rgba(36,164,194,1) 1%, rgba(53,181,211,1) 100%);
        background: -webkit-linear-gradient(top, rgba(36,164,194,1) 1%,rgba(53,181,211,1) 100%);
        background: linear-gradient(to bottom, rgba(36,164,194,1) 1%,rgba(53,181,211,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3cfe6', endColorstr='#35b5d3',GradientType=0 );
    }
    .row-navigation ul li.active {
        background: #35b5d3;
        text-shadow: 0 0 15px #e3cfe6;
    }
.row-navigation ul li a { padding: 2rem 2.5rem; font-size: 13px; }
/* navigation item seperators between each node */
.row-navigation ul li:before,
.row-navigation ul li:after { content: ""; display: block; position: absolute; border: 4px solid transparent; top: 50%; margin: -4px 0 0 0; }
.row-navigation ul li:after { left: -8px; border-right-color: #92d2e1;}
.row-navigation ul li:before { left: 0; border-left-color: #92d2e1;}
.row-navigation ul li:first-child:before,
.row-navigation ul li:first-child:after,
.row-navigation ul li:nth-child(5):before,
.row-navigation ul li:nth-child(5):after { display: none; }
/* navigation center gap */
.row-navigation li.navigation-gap:before,
.row-navigation li.navigation-gap:after { display: none; }
.row-navigation li.navigation-gap { font-size: 1rem; padding: 0 0 0 40em; }
@media( max-width: 960px ){
	/* hide middle item seperator */
	.row-navigation ul li:nth-child(5):after,
	.row-navigation ul li:nth-child(5):before { display: block; }
	/* and hide the gap */
	.row-navigation li.navigation-gap { display: none; }
	.row-navigation ul li a { font-size: 16px; }
}
@media( max-width: 767px ){
	.row-navigation ul li { display: block; text-align: left; border-bottom: 1px solid #fff;}
	.row-navigation ul li:last-child { border: 0; }
	.row-navigation ul li:before,
	.row-navigation ul li:after { display: none !important; }
	.row-navigation ul li a { font-size: 3.6rem; display: block; }
}
@media( max-width: 767px ){
	.row-navigation .container-box{ padding: 0; }
	.row-navigation { overflow: hidden; max-height: 0; transition: max-height 0.5s ease-in; }
	.row-navigation.row-navigation--mobile-visible { max-height: 67rem; }
}

/********************************************************
 * Row Billboard
 ********************************************************/
.row-billboard .container.only-desktop { overflow: hidden; }
.row-billboard .container.only-desktop:before { content: ""; position: absolute; top: -5.5em; left: 50%; width: 10em; height: 5.5em; margin: 0 0 0 -5em; background: red; z-index:1; box-shadow: 0px 39px 60px #000, -30px -3px 60px #000, 40px 3px 60px #000; border-radius: 100%; }
main .row-billboard { background: #fff; text-align: center; }
main .row-billboard .container { background: #cce3e8; padding-bottom: 0; padding-top: 0; }

/********************************************************
 * Row Footer
 ********************************************************/
.row-footer { background: #fafafa; border-top: 1px solid #eaeaea; text-align: center; }
.row-footer span { font-size: 13px; }

/********************************************************
 * Row Awards
 ********************************************************/
.row-awards { text-align: center; }

/*
 * 3. Core Components
 */

/********************************************************
 * Component Slider Core
 ********************************************************/
.component-slider { position: relative; overflow: hidden; }
.component-slider-container { position: relative; left: 0; width: 90000%; height: 38em; transition: left .5s ease-in-out; }
.component-slider-slide { float: left; width: 130em; height: 38em; }
.component-slider-pager { position: absolute; bottom: 1.2em; width: 100%; text-align: center; }
.component-slider-pager li { display: inline-block; width: 1.8rem; height: 1.8rem; background: #fff; border-radius: 100%; margin: 0 0.2em; cursor: pointer; }
    .component-slider-pager li.active {
        background: #8e419c;
    }

/********************************************************
 * Buttons
 ********************************************************/
.btn { position: relative; display: inline-block; font-size: 1.5rem; line-height: 1em; padding: 1em 1.6em; border-radius: 0.75rem; background: #f3f3f3; border: 0; border-bottom: 2px solid #333; white-space: nowrap; text-align: center; }
.btn:active { border-bottom: 0; top: 1px; border-top: 2px solid transparent;}
@media( max-width: 767px ){
	.btn { font-size: 3.5rem; padding: 1.7em 1.6em; border-radius: 1.25rem; }
}
.btn--primary {
    background: #e3cfe6;
    border-color: #0c758e;
    color: #fff;
    transition: background 0.2s;
}
.btn--primary:hover { background: #61bbd6; }
.btn--cta {
    background: #8e419c;
    border-color: #c34404;
    color: #fff;
    transition: background 0.2s;
}
.btn--cta:hover { background: #fe7a1b; }
/* button with a loading animation */
@keyframes btn--loading { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
.btn--loading { padding-left: 4.5rem; }
.btn--loading:before { animation: btn--loading 2s linear infinite; content: ""; display: block; position: absolute; top: 0.8rem; left: 1rem; width: 3rem; height: 3rem; background: url('../assets/images/layout/loading.svg'); background-size: 100% 100%; }
@media( max-width: 767px ){
	.btn--loading:before { width: 6rem; height: 6rem; display: inline-block; position: relative; top: 1rem; left: -1rem; }
}
html.ie9 .btn--loading:before { display: none; }
/* button-list */
.buttons .btn { margin: 0 0 0 1rem; }
@media( max-width: 767px ){
	.buttons .btn { margin: 0 0 3rem 1rem; width: 100%; }
}

/********************************************************
 * Tooltips
 ********************************************************/
.tooltip { position: relative; top: 0.2rem; width: 2.3rem; cursor: pointer; margin: 0 0 0 0.5rem;}
@media( max-width: 767px ){
	.tooltip { width: 4.1rem; }
}
.tooltip-container { border: 1px solid #f3f3f3; font-size: 2.4rem; padding: 2rem; box-shadow: 0 0 10px #bbb; display: none; position: absolute; background: #fff; max-width: 80rem;}
.tooltip-container--visible { display: block; }
@media( max-width: 767px ){
	.tooltip-container { width: 50rem; }
}

/********************************************************
 * Accordion
 ********************************************************/
/* accordion head */
.accordion__head {
    position: relative;
    font-size: 3rem;
    line-height: 1.3em;
    padding: 1.8rem 6rem 1.8rem 2rem;
    border: 2px solid #38acc8;
    color: #fff;
    margin: 0 0 2rem;
    cursor: pointer;
    background: rgb(105,193,213);
    background: linear-gradient(to bottom, rgba(105,193,213,1) 0%,rgba(36,164,194,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69c1d5', endColorstr='#e3cfe6',GradientType=0 );
    transition: color 0.2s;
}
.accordion__head:before { content: ""; display: block; position: absolute; top: 1.5rem; right: 1rem; width: 3.7rem; height: 3.8rem; background: url('../assets/images/layout/accordion__headline__toggle--open.png') no-repeat; background-size: 100% 100%; }
.accordion > div.accordion--active .accordion__head {
    border: 1px solid #efefef;
    background: #fff;
    filter: none;
    color: #e3cfe6;
}
.accordion > div.accordion--active .accordion__head:before { background: url('../assets/images/layout/accordion__headline__toggle--close.png') no-repeat; background-size: 100% 100%; }
/* accordion body */
.accordion__body { display: none; padding: 0 2rem 2rem; }
.accordion > div.accordion--active .accordion__body { display: block; }
@media( max-width: 767px ){
	.accordion__head { font-size: 5.5rem; line-height: 1.3em; margin: 0 -4rem 2rem; padding: 4rem 13rem 4rem 4rem; border: 0;}
	.accordion__head:before { width: 6.9rem; height: 6.9rem; top: 3.5rem; right: 3rem; }
	.accordion > div.accordion--active .accordion__head { border-width: 2px; border-left: 0; border-right: 0; }
}

/*
 * myLife iFrame
 */

#mylife-mainframe { border: 0; width: 100%; overflow: hidden; position: relative;}
/* iframe loading animation (source: http://codepen.io/nilsvogt/pen/rxJGWB) */
.loading-animation { position: relative; width: 40rem; height: 15rem; background: #111; overflow: hidden;  }
.loading-animation div { content: ""; position: absolute; display: block; width: 10rem; height: 15rem; background: rgba(255, 0, 0, 0.8); animation: sheet 3s infinite; -webkit-animation: sheet 3s infinite; }
.loading-animation div:nth-child(2) { left: 100%;
	-webkit-animation: sheet 3s infinite; -webkit-animation-delay: 1.5s;
	animation: sheet 3s infinite; animation-delay: 1.5s;
}
.loading-animation div:before { content: ""; display: block; position: absolute; top: 0; right: 0; border: 1.5rem solid transparent; border-bottom-color: #b01b2d; border-left-color: #b01b2d; background: #111; }
@keyframes sheet {
	0%   { left: 100%; margin: 0 0 0 0;      transform: rotate(30deg)  scale(0.6); z-index: 2; opacity: 0; }
	15%  { opacity: 0 }
	35%  { left:  50%; margin: 0 0 0 -5rem;  transform: rotate(0deg)   scale(1);   z-index: 2; opacity: 1; }
	75%  { left:  50%; margin: 0 0 0 -5rem;  transform: rotate(0deg)   scale(1);   z-index: 1; opacity: 1; }
	85%  { opacity: 0; }
	100% { left:   0%; margin: 0 0 0 -10rem; transform: rotate(-30deg) scale(0.6); z-index: 1; opacity: 0; }
}
@-webkit-keyframes sheet {
	0%   { left: 100%; margin: 0 0 0 0;      -webkit-transform: rotate(30deg)  scale(0.6); z-index: 2; opacity: 0; }
	15%  { opacity: 0 }
	35%  { left:  50%; margin: 0 0 0 -5rem;  -webkit-transform: rotate(0deg)   scale(1);   z-index: 2; opacity: 1; }
	75%  { left:  50%; margin: 0 0 0 -5rem;  -webkit-transform: rotate(0deg)   scale(1);   z-index: 1; opacity: 1; }
	85%  { opacity: 0; }
	100% { left:   0%; margin: 0 0 0 -10rem; -webkit-transform: rotate(-30deg) scale(0.6); z-index: 1; opacity: 0; }
}
/* additional styles for this loading-animation */
.loading-animation { margin: 10.0rem auto; background: #fff; width: 100%; max-width: 60.0rem; }
.loading-animation div:before { border-bottom-color: #ccc; border-left-color: #ccc; background: #fff; top: -1px; right: -1px; }
.loading-animation div { background: #fff; border-radius: 5px; }
/*
 * NOTE: Bug 548397 - window.getComputedStyle() returns null inside an iframe with display: none
 * since we utilize getComputedStyle in the iframe when not yet visible we can not use display none here
 */
.loader-iframe { position: relative; height: 46rem; }
.loading-view { position: absolute; top: 0; left: 0; }
.loader-iframe iframe { /*display: none;*/ } /* https://bugzilla.mozilla.org/show_bug.cgi?id=548397 */
.loading-view h2 { color: #fff; padding: 0; text-align: center; }
.loader-iframe--loaded { height: auto; }
.loader-iframe--loaded iframe { /*display: block;*/ } /* https://bugzilla.mozilla.org/show_bug.cgi?id=548397 */
.loader-iframe--loaded .loading-view { display: none; }
.loading-animation div { border: 1px solid #ccc; }
.loading-animation div:after { content: ""; position: absolute; top: 5.8rem; left: 3rem; width: 6.5rem; height: 6rem; margin: 0 1.8rem 0 0; background: url('../assets/images/layout/logo-mylife.svg'); background-size: 100% 100%; }
@media( max-width: 46rem ){
	.loader-iframe { height: 60rem; }
	.loader-iframe--loaded { height: auto; }
}
/********************************************************
 * Footer
 ********************************************************/
footer .container { padding-top: 5em; }
footer .col-3 { width: 40rem; float: left; text-align: left; padding: 0; margin-right: 4rem; }
footer .col-3:nth-child(3) { margin-right: 0; }
@media (max-width: 767px) {
	footer .col-3 { width: 100%; margin-right: 0; }
}
footer h4 { text-align: left; font-size: 3rem; font-weight: bold; color: #a3a3a3; margin: 2rem 0; }
@media (max-width: 767px) {
	footer h4 { font-size: 5rem; margin: 6rem 0 2rem;}
}
footer h5 { font-size: 2.4rem; margin-bottom: 0; display: block; font-weight: normal }
@media (max-width: 767px) {
	footer h5 { font-size: 4rem; }
}
footer a { text-decoration: underline; margin-bottom: 0; font-size: 2.4rem; }
@media (max-width: 767px) {
	footer a { font-size: 4rem; }
}
footer li { font-size: 2.4em; }
@media (max-width: 767px) {
	footer li { font-size: 4rem; }
}
footer li a { text-decoration: underline; }
footer .social-img { position: relative; top: -0.5rem; width: 10%; height: 2%; margin: 1rem 2rem 1rem 0; vertical-align: middle; }
@media (max-width: 767px) {
	footer .social-img { top: -1.1rem; }
}
footer .siegel-bu { width: 90%; margin: 1rem 0; }
footer .siegel-hp { width: 50%; margin: 1rem 0; }
footer .siegel-hr { width: 24%; margin: 1rem 0; }
footer .service { width: 7%; vertical-align: middle; margin: 1rem 1rem 1rem 0; }
@media (max-width: 767px) {
	footer .service { width: 9%; margin: 2rem 1rem 2rem 0; }
}


footer ul {
    list-style-type: none;
    padding: 0;
}


/**********************************
 * home_quickcheck.css
 **********************************/

/*
 * Quickcheck
 */
body.home .container-box--quickcheck {
	background: url('../assets/images/layout/teaser-quickcheck__bg.png') bottom no-repeat, linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); /* IE9 */
}
    body.home .container-box--quickcheck p a {
        color: #8e419c;
    }
body.home .container-box--quickcheck p a:hover { text-decoration: underline; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck { background: #fff; }
	body.home .container-box--quickcheck form { margin: 0 0 6rem; }
}
/* Quickcheck label */
body.home .container-box--quickcheck label { font-size: 2.4em; margin: 0 0 2.1rem; display: block; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck label { font-size: 4.5rem; }
}
/* Quickcheck Radio-Boxes */
body.home .container-box--quickcheck fieldset { margin: 0 0 2.8em; }
body.home .container-box--quickcheck .form-radio { float: left; }
body.home .container-box--quickcheck .form-radio input[type=radio] { display: none; }
    body.home .container-box--quickcheck .form-radio input[type=radio] + label {
        font-size: 2.4em;
        line-height: 1em;
        cursor: pointer;
        color: #e3cfe6;
        font-weight: bold;
        background: #fff;
        display: inline-block;
        position: relative;
        padding: 2rem 1.1rem 2rem 4.1rem;
        width: 13.5rem;
        border: 1px solid #d1d1d1;
        margin: 0 1rem 0 0;
    }
body.home .container-box--quickcheck .form-radio input[type=radio] + label:before,
body.home .container-box--quickcheck .form-radio input[type=radio] + label:after { content: ""; position: absolute; top: 2.2rem; left: 1rem; display: block; width: 2rem; height: 2rem; border: 1px solid #bbb; border-radius: 100%; background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );}
        body.home .container-box--quickcheck .form-radio input[type=radio] + label:after {
            background: #e3cfe6;
            -webkit-transform: scale(0);
            transform: scale(0);
            -webkit-transition: transform 0.4s;
            transition: transform 0.4s;
        }
body.home .container-box--quickcheck .form-radio input[type=radio]:checked + label:before { background: #fff; }
body.home .container-box--quickcheck .form-radio input[type=radio]:checked + label:after { -webkit-transform: scale(0.6); transform: scale(0.6); }
@media( max-width: 767px ){
	body.home .container-box--quickcheck fieldset { margin: 0 -4rem 6rem; }
	body.home .container-box--quickcheck .form-radio { width: 50%; }
	body.home .container-box--quickcheck .form-radio input[type=radio] + label { margin: 0; width: 100%; font-size: 5rem; padding: 3.9rem 1.1rem 3.9rem 15rem; }
	body.home .container-box--quickcheck .form-radio input[type=radio] + label:before,
	body.home .container-box--quickcheck .form-radio input[type=radio] + label:after { width: 4.3rem; height: 4.3rem; top: 4.4rem; left: 6rem; }
	body.home .container-box--quickcheck .form-radio:nth-child(1) input[type=radio] + label,
	body.home .container-box--quickcheck .form-radio:nth-child(3) input[type=radio] + label { border-left: 0; border-right: 0 }
	body.home .container-box--quickcheck .form-radio:nth-child(2) input[type=radio] + label,
	body.home .container-box--quickcheck .form-radio:nth-child(4) input[type=radio] + label { border-right: 0 }
}
/* Quickcheck Textfield */
body.home .container-box--quickcheck .form-text { position: relative; margin: 0 0 3rem;}
body.home .container-box--quickcheck .form-text input[type=text] { font-size: 1.7em; padding: 1.3rem; width: 51.5rem; color: #24a4c2; border: 1px solid #d1d1d1; outline: none; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck .form-text { margin: 0 -4rem 0; }
	body.home .container-box--quickcheck .form-text input[type=text] { width: 100%; font-size: 4.5rem; padding: 4rem; text-overflow: ellipsis;
		background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
	}
}
/* Quickcheck Textfield Autocompletion */
body.home .container-box--quickcheck .form-text .form-text-autocomplete { position: absolute; top: 100%; background: #fff; width: 51.5rem; z-index: 50; margin: -1px 0 0 0;}
body.home .container-box--quickcheck .form-text .form-text-autocomplete li { font-size: 2.4rem; padding: 1rem; border: 1px solid #ccc; border-top:0; border-bottom: 0; border-bottom: 1px solid #f0f0f0; cursor: pointer; }
body.home .container-box--quickcheck .form-text .form-text-autocomplete li:hover { background: #f0f0f0; }
body.home .container-box--quickcheck .form-text .form-text-autocomplete li:first-child { border-top: 1px solid #f0f0f0; }
body.home .container-box--quickcheck .form-text .form-text-autocomplete li:last-child { border-bottom: 1px solid #ccc; }
    body.home .container-box--quickcheck .form-text .form-text-autocomplete li strong {
        color: #e3cfe6;
    }
@media( max-width: 767px ){
	body.home .container-box--quickcheck .form-text .form-text-autocomplete { width: 100%; box-shadow: 0 10px 10px #ccc}
	body.home .container-box--quickcheck .form-text .form-text-autocomplete li { font-size: 4rem; padding: 1rem 4rem;}
}
/* Quickcheck Check-Boxes */
body.home .container-box--quickcheck .checkbox { float: left; margin: 0 2rem 0 0;}
body.home .container-box--quickcheck .checkbox input[type=checkbox] { display: none; }
body.home .container-box--quickcheck .checkbox input[type=checkbox] + label { position: relative; display: inline-block; cursor: pointer; padding: 0.5rem 5rem 0.5rem 0;}
body.home .container-box--quickcheck .checkbox input[type=checkbox] + label:before { content: ""; background: url('../assets/images/layout/form__input--checkbox.png'); background-size: 100% 100%; width: 4.3rem; height: 4.3rem; position: absolute; top: 0rem; right: 0rem;  }
body.home .container-box--quickcheck .checkbox input[type=checkbox]:checked + label:before { background: url('../assets/images/layout/form__input--checkbox-checked.png'); background-size: 100% 100%; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck .checkbox { float: none; }
	body.home .container-box--quickcheck .checkbox input[type=checkbox] + label:before { top: 1.8rem; }
}
body.home .container-box--quickcheck .quickcheck-personal-data { width: 51.5rem; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck .quickcheck-personal-data { width: 100%; }
}
/* Quickcheck Select-Boxes */
body.home .container-box--quickcheck .year-of-birth { float: right; }
body.home .container-box--quickcheck .year-of-birth label {float: left; padding: 0.5rem 0 0.5rem 0; cursor: pointer; }
body.home .container-box--quickcheck .year-of-birth .form-select { position: relative; display: inline-block; border: 1px solid #d1d1d1; background: #fff; margin: 0 0 0 2rem; overflow: hidden; width: 10rem; }
body.home .container-box--quickcheck .year-of-birth .form-select:before { content: ""; background: url('../assets/images/layout/form__select__dropdown.png'); background-size: 100% 100%; position: absolute; right: 1.3rem; top: 1.7rem; width: 1.6rem; height: 0.8rem; }
body.home .container-box--quickcheck .year-of-birth .form-select select { outline: none; position: relative; border: 0; border-radius: 0; font-size: 1.7rem; -webkit-appearance: none; width: 15rem; _height: 4.3rem; display: inline-block; padding: 1rem; z-index: 5; background: transparent; }
@media( max-width: 767px ){
	body.home .container-box--quickcheck .year-of-birth { float: none; margin: 0 -4rem 8rem;}
	body.home .container-box--quickcheck .year-of-birth label { float: none; margin: 0 4rem 2.1rem;}
	body.home .container-box--quickcheck .year-of-birth .form-select { margin: 0; margin: 0 auto; width: 100%;
		background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
	}
	body.home .container-box--quickcheck .year-of-birth .form-select select { width: 100%; font-size: 4.5rem; padding: 3.5rem 29rem; color: #496076; }
	body.home .container-box--quickcheck .year-of-birth .form-select:before { right: 30rem; top: 5.3rem; width: 4rem; height: 1.9rem; }
}
body.home .quickcheck__priceteaser-wrapper { position: absolute; bottom: 0; right: 0; width: 29.8rem; height: 32.8rem; overflow: hidden; }
@media( max-width: 767px ){
	body.home .quickcheck__priceteaser-wrapper { position: static; width: auto; height: auto; }
}
body.home .quickcheck__priceteaser { perspective: 1200px; position: absolute; top: 0; left: 0; background: url('../assets/images/layout/teaser-quickcheck__priceteaser.png'); background-size: 100% 100%; width: 39.8rem; height: 39.8rem; color: #fff; font-size: 2.4rem; font-weight: bold;}
body.home .quickcheck__priceteaser__bg { width: 39.8rem; height: 39.8rem; position: absolute; top:0; left: 0; animation: priceteaser__bg--rotating 200s linear infinite;}
body.home .quickcheck__priceteaser__front,
body.home .quickcheck__priceteaser__back { position: absolute; top: 0; left: 0; background: red; width: 100%; height: 100%;}
body.home .quickcheck__priceteaser__front span { position: absolute; top: 6rem; line-height: 1.2em; right: 13.5rem; width: 20rem; text-align: right;}
body.home .quickcheck__priceteaser__front .btn { position: absolute; bottom: 10.5rem; right: 13.5rem; }
body.home .quickcheck__priceteaser__front .btn:active { top: auto; }
body.home .priceteaser__front__arrow { position: absolute; top: 16rem; right: 22.5rem; width: 15.5rem; height: 8rem; }
body.home .priceteaser__front__arrow img { position: absolute; top: 0; left: 0; transform-origin: 100% 50%; width: 100%; height: 100%; }
body.home .priceteaser__front__arrow img:nth-child(1) { animation: priceteaser__front__arrow--shadow 3s infinite; }
body.home .priceteaser__front__arrow img:nth-child(2) { animation: priceteaser__front__arrow 3s infinite; }
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result { display: none; }
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span { position: relative; font-size: 4.5rem; text-align: center; display: inline-block; border-radius: 1rem;
	background: rgb(249,219,148); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(249,219,148,1) 0%, rgba(118,82,49,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(249,219,148,1) 0%,rgba(118,82,49,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(249,219,148,1) 0%,rgba(118,82,49,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9db94', endColorstr='#765231',GradientType=0 ); /* IE6-9 */
	border: 1px solid #d1b176; padding: 1rem; margin: 1rem 10rem 3rem; animation: hover-over 3s infinite;
}
html.ie9 body.home  .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span { border-radius: 0; }
@keyframes hover-over {
	0%   { transform: translate(0,0); }
	50%  { transform: translate(0,-1rem); }
	100% { transform: translate(0,0); }
}
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span:before,
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span:after { content: ""; border: 2rem solid transparent; border-top-color: #d1b176; position: absolute; bottom: -4rem; left: 50%; margin: 0 0 0 -1rem; }
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span:after{ border-top-color: #765231; bottom: -3.8rem; }
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result span em { font-size: 11rem; line-height: 1em; width: 100%; display: inline-block; }
body.home .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result .btn { font-size: 4rem; }
@media( max-width: 767px ){
	body.home .quickcheck__priceteaser { position: static; width: 100%; height: auto; }
	body.home .quickcheck__priceteaser__back { display: none; }
	body.home .quickcheck__priceteaser__back { position: static; height: auto; }
	body.home .quickcheck__priceteaser .btn { width: 100%; position: static; }
	body.home .container-box--quickcheck.quickcheck--show-result .only-mobile.quickcheck__priceteaser .quickcheck__priceteaser__result { display: block; }
	body.home .container-box--quickcheck.quickcheck--show-result .only-mobile.quickcheck__priceteaser .btn[data-quickcheck="performQuickcheck"] { display: none; }
}
@keyframes priceteaser__front__arrow--shadow {
	0%   { transform: rotate(-10deg); }
	50%  { transform: rotate(-5deg); }
	100% { transform: rotate(-10deg); }
}
@keyframes priceteaser__front__arrow {
	0%   { transform: rotate(0deg); }
	50%  { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}
body.home .quickcheck__priceteaser__back span { position: absolute; top: 4rem; line-height: 1.2em; right: 13.5rem; width: 17rem; text-align: right; font-weight: normal; font-size: 2.1rem;}
body.home .quickcheck__priceteaser__back span em { font-size: 6.7rem; display: inline-block; width: 100%; line-height: 1.2em; font-weight: bold; }
body.home .quickcheck__priceteaser__back .btn { position: absolute; bottom: 10.5rem; right: 13.5rem; }
body.home .quickcheck__priceteaser__back .btn:active { top: auto; }
body.home .priceteaser__back__arrow { position: absolute; top: 14rem; right: 30.5rem; width: 7.2rem; height: 10.8rem; }
body.home .priceteaser__back__arrow img { position: absolute; top: 0; left: 0; transform-origin: 100% 0%; width: 100%; height: 100%;}
body.home .priceteaser__back__arrow img:nth-child(1) { animation: priceteaser__back__arrow--shadow 3s infinite; }
body.home .priceteaser__back__arrow img:nth-child(2) { animation: priceteaser__back__arrow 3s infinite; }
@keyframes priceteaser__back__arrow--shadow {
	0%   { transform: rotate(0deg); }
	50%  { transform: rotate(2deg); }
	100% { transform: rotate(0deg); }
}
@keyframes priceteaser__back__arrow {
	0%   { transform: rotate(0deg); }
	50%  { transform: rotate(-3deg); }
	100% { transform: rotate(0deg); }
}
@keyframes priceteaser__bg--rotating { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } }
@-webkit-keyframes priceteaser__bg--turn { 0%{ -webkit-transform: rotateY(0deg); } 100%{ -webkit-transform: rotateY(360deg); } }
@keyframes priceteaser__bg--turn { 0%{ transform: rotateY(0deg); } 100%{ transform: rotateY(360deg); } }
body.home .container-box--quickcheck.quickcheck--show-result .only-desktop.quickcheck__priceteaser  {
	-webkit-animation: priceteaser__bg--turn 1s; -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: linear;
	animation: priceteaser__bg--turn 1s; animation-fill-mode: forwards; animation-timing-function: linear;}
body.home .container-box--quickcheck.quickcheck--show-result .only-desktop.quickcheck__priceteaser .quickcheck__priceteaser__front {
	-webkit-transition: all 0.2s; -webkit-transform-origin: 50% 50%; opacity: 0; -webkit-animation-timing-function: linear;
	transition: all 0.2s; transform-origin: 50% 50%; opacity: 0; animation-timing-function: linear;
}
body.home .only-desktop.quickcheck__priceteaser .quickcheck__priceteaser__back {
	-webkit-transform-origin: 50% 50%; opacity: 0;
	transform-origin: 50% 50%; opacity: 0;
}
body.home .container-box--quickcheck.quickcheck--show-result .only-desktop.quickcheck__priceteaser .quickcheck__priceteaser__back {
	-webkit-animation: priceteaser__back__show 0.2s; -webkit-animation-fill-mode: forwards;  -webkit-animation-delay: 0.8s; -webkit-animation-timing-function: linear; z-index: 10;
	animation: priceteaser__back__show 0.2s; animation-fill-mode: forwards;  animation-delay: 0.8s; animation-timing-function: linear; z-index: 10;
}
@-webkit-keyframes priceteaser__back__show { from { opacity: 0; } to { opacity: 1; } }
@keyframes priceteaser__back__show { 0%   { opacity: 0; } 100% { opacity: 1; } }



/**********************************
 * produkt.css
 **********************************/

body.produkt .container-box--produkt-sample {
    border-top: 5px solid #8e419c;
}
body.produkt .teaser-price { position: absolute; right: 0; top: 0; bottom: 0; width: 25rem; background: url('../assets/images/layout/teaser-quickcheck__priceteaser.png') left 20%; background-size: 39.8rem 39.8rem; padding: 4rem 2rem; text-align: right; color: #fff; }
body.produkt .teaser-price span { font-size: 2.4rem; font-weight: bold; display: block; text-shadow: 1px 1px 4px #555;}
body.produkt .teaser-price span:nth-child(2) { font-size: 4.4rem; }

@media( max-width: 767px ){
	body.produkt .teaser-price { padding: 11rem 2rem; }
	body.produkt .teaser-price span { font-size: 3rem; }
	body.produkt .teaser-price span:nth-child(2) { font-size: 6.4rem; }
}

body.produkt .col-1 .container-box:first-child:before { content: ""; position: absolute; top: 100%; left: 50%; border: 2.5rem solid transparent; border-top-color: #fff; margin: 0 0 0 -2.5rem; }
body.produkt .usp-list-hero li { position: relative; font-size: 2.4rem; padding: 0 0 0 4rem; }
body.produkt .usp-list-hero li:before { content: ""; display: block; position: absolute; top: 1rem; left: 1rem; }

body.produkt .usp-list-hero li { position: relative; font-size: 2.4rem; padding: 1rem 0 1rem 5.5rem; margin: 0 0 1rem;}
body.produkt .usp-list-hero li:before { content: ""; display: block; position: absolute; top: 0.8rem; left: 0; width: 4rem; height: 4.2rem; background-size: 100% 100%; }

body.produkt .usp-list-hero li:nth-child(1):before { background-image: url('../assets/images/layout/produkt_icon_hr.png'); }
body.produkt .usp-list-hero li:nth-child(2):before { background-image: url('../assets/images/layout/produkt_icon_hp.png'); }
body.produkt .usp-list-hero li:nth-child(3):before { background-image: url('../assets/images/layout/produkt_icon_bu.png'); }

@media( max-width: 767px ){
	body.produkt .usp-list-hero li { font-size: 4.5rem; padding: 1rem 0 1rem 10.5rem; }
	body.produkt .usp-list-hero li:before { width: 7.7rem; height: 7.3rem; }
}

body.produkt .produkt-sidebar-box { display: block; margin: 0 auto; width: 25.7rem; }
body.produkt .usp-list-ordinary li { position: relative; font-size: 2.4rem; padding: 1rem 0 1rem 5.5rem; margin: 0 0 ; color: #fff; }
body.produkt .usp-list-ordinary li:before { content: ""; display: block; position: absolute; top: 0.8rem; left: 0; width: 4rem; height: 4.2rem; background-size: 100% 100%; }

body.produkt .usp-list-ordinary li:nth-child(1):before { background-image: url('../assets/images/layout/produkt_icon_schon-ab.png');  }
body.produkt .usp-list-ordinary li:nth-child(2):before { background-image: url('../assets/images/layout/produkt_icon_individuell-anpassbar.png');  }
body.produkt .usp-list-ordinary li:nth-child(3):before { background-image: url('../assets/images/layout/produkt_icon_online-abschluss.png');  }
body.produkt .usp-list-ordinary li:nth-child(4):before { background-image: url('../assets/images/layout/produkt_icon_weltweiter-versicherungsschutz.png'); }
body.produkt .usp-list-ordinary li:nth-child(5):before { background-image: url('../assets/images/layout/produkt_icon_zuverlaessiger-kundenservice.png'); }
body.produkt .usp-list-ordinary li:nth-child(6):before { background-image: url('../assets/images/layout/produkt_icon_keine-maklergespraeche.png');  }
body.produkt .usp-list-ordinary li:nth-child(7):before { background-image: url('../assets/images/layout/produkt_icon_monatlich-kuendbar.png');  }
body.produkt .usp-list-ordinary li:nth-child(8):before { background-image: url('../assets/images/layout/produkt_icon_keine-provisionskosten.png');  }
@media( max-width: 767px ){
	body.produkt .col-1 .container-box:first-child:before { border-width: 5rem; bottom: -9rem; }
	body.produkt .produkt-sidebar-box { width: 55rem; }
	body.produkt .usp-list-ordinary li { font-size: 4.5rem; padding: 1rem 0 1rem 10.5rem; }
	body.produkt .usp-list-ordinary li:before { width: 7.7rem; height: 7.3rem; }
}


/**********************************
 * home.css
 **********************************/

@media( min-width: 786px ){
	body.home .container-box-translucent { padding-top: 0; padding-bottom: 0; }
}
@media( min-width: 768px ){
	body.home .container-box-small:nth-child(1) {  }
	body.home .container-box-small:nth-child(1) > .btn { position: absolute; bottom: 2rem; left: 2rem; }
	body.home .container-box-small:nth-child(1) > img { float: right; width: 10.6rem; margin: 0 0 1rem 1rem }
	body.home .container-box-small:nth-child(2) {  }
	body.home .container-box-small:nth-child(2) > .btn { position: absolute; bottom: 2rem; right: 2rem; }
	body.home .container-box-small:nth-child(2) > img { margin: 1rem 0 0 0; width: 27.4rem; }
	body.home .container-box-small:nth-child(3) {  }
	body.home .container-box-small:nth-child(3) > .btn { position: absolute; bottom: 2rem; right: 2rem; }
	body.home .container-box-small:nth-child(3) > img { margin: 1rem 0 0 0; width: 34.4rem; }
	body.home .container-box-small > .btn:active { position: absolute; top: auto; }
	body.home .container-box-small .markdown-wrapper p:last-child { margin: 0 }
}
@media( max-width: 767px ){
	body.home .container-box-small > .btn { margin: 4rem 0 0 0}
	body.home .container-box-small:nth-child(1) > img { width: 15.6rem; float: right; }
	body.home .container-box-small:nth-child(2) > img { width: 80%; display: block; margin: 0 auto; }
	body.home .container-box-small:nth-child(3) > img { width: 80%; display: block; margin: 0 auto; }
}
body.home .row-billboard .container.only-mobile { height: 38.9em; }
body.home .row-billboard .billboard-container { position: relative; height: 38em; width: 100%; text-align: left; padding: 4em; }
body.home .row-billboard .btn-img { position: relative; top: -0.3rem; width: 1rem; height: 1.5rem; }
body.home .row-billboard .billboard-btn {
    position: absolute;
    bottom: 1.3em;
    display: inline-block;
    padding: 2.5rem 3rem;
    font-size: 2.6em;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background-color: #8e419c;
    box-shadow: 0px 2px 0px #c34404;
}
body.home .row-billboard .billboard-btn:hover { background: #fe7a1b; }
body.home .row-billboard h2 { width: 12em; padding: 0; margin: 0; border-bottom: none; text-align: left; color: #fff; text-shadow: 2px 2px 2px #3d3d3d; font-size: 4.5em; font-weight: bold; line-height: 1.2em; }
body.home .row-billboard h3 { width: 18em; font-size: 3em; text-align: left; color: #fff; text-shadow: 2px 2px 2px #3d3d3d; font-weight: normal; line-height: 1.4em; }
body.home .component-slider-slide:nth-child(1) .billboard-btn { right: 0; margin-right: 2em; }
body.home .component-slider-slide:nth-child(2) h3 { margin-top: 2em; width: 20em; }
body.home .component-slider-slide:nth-child(3) h3 {  width: 16em; }
body.home .quickcheck__error { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; background: rgba(255, 255, 255, 0.8); padding: 3rem; z-index: 10;}
body.home .quickcheck__error > div { background: #fff; padding: 2rem; border: 1px solid #ccc; }
body.home .quickcheck__error h2 { padding: 0; }
body.home .quickcheck__error--show { display: block; }
/* slide animations */
body.home .component-slider-slide h2,
body.home .component-slider-slide h3,
body.home .component-slider-slide .billboard-btn { opacity: 0; transition: opacity 1.5s, transform 1.5s; transform: translate(0, 2rem) scale(0.99); }
body.home .component-slider-slide h2 { transition-delay: 0.6s; }
body.home .component-slider-slide h3 { transition-delay: 0.7s; }
body.home .component-slider-slide .billboard-btn { transition-delay: 0.9s; }
body.home .component-slider-slide.component-slider-slide--active h2,
body.home .component-slider-slide.component-slider-slide--active h3,
body.home .component-slider-slide.component-slider-slide--active .billboard-btn { opacity: 1; transform: translate(0, 0) scale(1); }
/* small teaser animations */
body.home .container-box-small { overflow: hidden; }
body.home .container-box-small > img { transition: opacity 1.5s, transform 1.5s; }
body.home .container-box-small.is-invisible > img { opacity: 0; transform: translate(14rem, 0);}
body.home .container-box-small:nth-child(2) > img { transition-delay: 0.2s; }
body.home .container-box-small:nth-child(3) > img { transition-delay: 0.4s; }


/**********************************
 * service.css
 **********************************/

body.service .markdown-wrapper li { position: relative; font-size: 2.4rem; padding: 1rem 0 1rem 3.5rem; border-bottom: 1px solid #efefef;}
body.service .markdown-wrapper li:before { content: ""; position: absolute; top: 1.3rem; left: 0; display: block; width: 2.5rem; height: 2.5rem; background: url('../assets/images/layout/produkt_icon_hr.png'); background-size: 100% 100%; }
body.service .markdown-wrapper li:nth-child(1):before { background-image: url('../assets/images/layout/service_icon_whatsapp.png'); }
body.service .markdown-wrapper li:nth-child(2):before { background-image: url('../assets/images/layout/service_icon_telephone.png'); }
body.service .markdown-wrapper li:nth-child(3):before { background-image: url('../assets/images/layout/service_icon_email.png'); }
body.service .markdown-wrapper li:last-child { border: 0; }
body.service .markdown-wrapper li span { display: inline-block; width: 33rem; font-weight: bold; }

@media( max-width: 767px ){
	body.service .markdown-wrapper li { font-size: 4.5rem; padding: 1rem 0 1rem 5.5rem; }
	body.service .markdown-wrapper li:before { top: 2.5rem; left: 0; display: block; width: 3.5rem; height: 3.5rem; }
	body.service .markdown-wrapper li span { width: 100%; }
}

body.service label { font-size: 2.4em; margin: 0 0 2.1rem; display: block; }
@media( max-width: 767px ){
	body.service label { font-size: 4.5rem; }
}
body.service .form-text { position: relative; margin: 0 0 3rem;}
body.service .form-text textarea,
body.service .form-text input[type=text] { font-size: 1.7em; padding: 1.3rem; width: 100%; color: #838383; border: 1px solid #d1d1d1; outline: none;
	background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}

body.service .form-text textarea { height: 20rem; display: block; }
@media( max-width: 767px ){
	body.service .form-text textarea,
	body.service .form-text input[type=text] { width: 100%; font-size: 4.5rem; padding: 4rem; text-overflow: ellipsis; }
	body.service .form-text textarea { height: 30rem; }
}

body.service .form-text input[type=text].error,
body.service .form-text textarea.error { border-color: #ebccd1; background: #f2dede; color: #a94442;}

body.service span.error { position: relative; width: 100%; display: block; text-align: left; margin: 0.5rem 0 0 0; font-size: 1.1rem; padding: 0.5rem 0; }
body.service span.error:before,
body.service span.error:after { content: ""; display: block; position: absolute; top: -0.5rem; left: 1rem; border: 1rem solid transparent; border-top-color: #ebccd1; }
body.service span.error:after { border-top-color: #f2dede; top: -0.7rem; }
@media( max-width: 767px ){
	body.service span.error {  margin: 0.5rem 0 0 0; font-size: 1.9rem; padding: 0.9rem 0; }
	body.service span.error:before,
	body.service span.error:after { content: ""; display: block; position: absolute; top: -0.5rem; left: 1rem; border: 1rem solid transparent; border-top-color: #ebccd1; }
	body.service span.error:after { border-top-color: #f2dede; top: -0.7rem; }
}

body.service .col { padding: 0; }
body.service .row { display: block; clear: left; }
body.service .row:after { content: ""; display: block; clear: both; }
body.service .col-50p { width: 48.75%; margin: 0 2.5% 0 0; }
body.service .col-50p:last-child { margin: 0; }
body.service .col-25p { width: 23.12%; margin: 0 2.5% 0 0; }
body.service .col-25p:last-child { margin: 0; }

@media( max-width: 767px ){
	body.service .col-25p,
	body.service .col-50p { margin: 0; width: 100%; }
}

body.service .form-select { position: relative; display: inline-block; border: 1px solid #d1d1d1; background: #fff; overflow: hidden; width: 100%; margin: 0 0 3rem; }
body.service .form-select:before { content: ""; background: url('../assets/images/layout/form__select__dropdown.png'); background-size: 100% 100%; position: absolute; right: 1.3rem; top: 1.7rem; width: 1.6rem; height: 0.8rem; }
body.service .form-select select { outline: none; position: relative; border: 0; border-radius: 0; font-size: 1.7rem; -webkit-appearance: none; width: 150%; _height: 4.3rem; display: inline-block; padding: 1rem; z-index: 5; background: transparent; color: #838383; }
@media( max-width: 767px ){
	body.service .form-select { margin: 0 0 3rem; width: 100%;
		background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(255,255,255,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
	}
	body.service .form-select select { width: 100%; font-size: 4.5rem; padding: 3.5rem 18rem; color: #496076; }
	body.service .form-select:before { right: 54rem; top: 5.3rem; width: 4rem; height: 1.9rem; }
}

body.service input[type="submit"] { margin: 4rem 0 0 0; }


/**********************************
 * faq.css
 **********************************/

body.faq .markdown-wrapper .faq_intro { width: 42.2rem; float: right; }
@media( max-width: 767px ){
	body.faq .markdown-wrapper .faq_intro { width: 100%; }
}
body.faq .faq-container-box-intro li { font-size: 2rem; margin: 0 0 1rem; }
body.faq .faq-container-box-intro li:before { top: -0.5rem; }
body.faq .faq-container-box-intro li a:hover { text-decoration: underline; }
@media( max-width: 767px ){
	body.faq .faq-container-box-intro li { font-size: 3rem; }
	body.faq .faq-container-box-intro li:before { top: -1.5rem; }
	body.faq .faq-container-box-intro li a { text-decoration: underline; }
	body.faq .accordion__head { font-size: 3.5rem; line-height: 1.3em; }
}


/**********************************
 * das-erste-date.css
 **********************************/

body.das-erste-date .container-box-first { width: 86em; background: #fff url('_main/assets/images/content/teaser_firstdate_main.jpg') no-repeat; background-position: bottom; height: 70em; background-size: contain; padding: 2em; }
@media (max-width: 767px){
	body.das-erste-date .container-box-first { position: static; }
}

body.das-erste-date .wrap-size { position: relative; height: 170rem; }
@media (max-width: 767px) {
	body.das-erste-date .wrap-size { height: 690rem; }
}

body.das-erste-date .markdown-wrapper { font-size: 2.4rem; color: #496076; padding: 0.5rem; }
@media (max-width: 767px) {
	body.das-erste-date .markdown-wrapper { font-size: 4.5em; }
}

body.das-erste-date .card p { color: #1d1d1b; font-size: 2.4em; }
@media (max-width: 767px) {
	body.das-erste-date .card p { font-size: 4em; }
}

body.das-erste-date .markdown-wrapper img { width: 1rem; height: 1.5rem; }
@media (max-width: 767px) {
	body.das-erste-date .markdown-wrapper img { width: 3rem; height: 3.5rem; }
}

@media (max-width: 767px) {
	body.das-erste-date h1 { font-size: 5.5em; padding: 0.05em 0 0.05em 1.5em; }
	.headline__icon { position: absolute; top: 0.8rem; left: 0; width: 6.0rem; margin: 0 1.8rem 0 0; }
}

body.das-erste-date h2 { color: #1d1d1b; font-weight: bold; border: none; padding: 0; margin: 0; font-size: 2.4em; }
@media (max-width: 767px) {
	body.das_erste_date h2 { font-size: 5.5rem; }
}

body.das-erste-date .teaser-img { max-width: 100%; }

body.das-erste-date .btn {
    font-weight: 600;
    background-color: #8e419c;
    font-size: 1.5em;
    border-bottom: 3px solid #c34404;
}
@media (max-width: 767px)  {
	body.das-erste-date .btn { font-size: 3rem; }
}

body.das-erste-date .btn-card { position: absolute; bottom: 0; right: 0; margin: 0 1em 1em 0; }
body.das-erste-date .btn-card:active { position: absolute; top: auto; }

/*FLIP ANIMATION*/
body.das-erste-date .card { position: absolute; width: 42em; margin-bottom: 2em; -webkit-perspective: 1000px; perspective: 1000px; }
@media (max-width: 767px){
	body.das-erste-date .card { width: 100%; margin-bottom: 4rem; }
}

body.das-erste-date .card:nth-child(1) { width: 86em; background: #fff url('../assets/images/content/teaser_firstdate_main.jpg') no-repeat; background-position: bottom; height: 70em; background-size: contain; padding: 2em; }
body.das-erste-date .card:nth-child(2) { height: 31em; top: 2rem; left: 90rem; }
body.das-erste-date .card:nth-child(3) { height: 55em; top: 35rem; left: 90rem; }
body.das-erste-date .card:nth-child(4) { height: 29em; top: 74rem; left: 2rem; }
body.das-erste-date .card:nth-child(5) { height: 34em; top: 74rem; left: 46rem; }
body.das-erste-date .card:nth-child(6) { height: 41em; top: 92rem; left: 90rem; }
body.das-erste-date .card:nth-child(7) { height: 41em; top: 105rem; left: 2rem; }
body.das-erste-date .card:nth-child(8) { height: 55em; top: 110rem; left: 46rem; }

@media (max-width: 767px) {
	body.das-erste-date .card:nth-child(1) { width: 100%; top: 0; left: 0; height: 125rem; }
	body.das-erste-date .card:nth-child(2) { top: 130rem; left: 0; height: 55rem; }
	body.das-erste-date .card:nth-child(3) { top: 190rem; left: 0; height: 100rem; }
	body.das-erste-date .card:nth-child(4) { top: 295rem; left: 0; height: 52rem; }
	body.das-erste-date .card:nth-child(5) { top: 352rem; left: 0; height: 61rem; }
	body.das-erste-date .card:nth-child(6) { top: 418rem; left: 0; height: 74rem; }
	body.das-erste-date .card:nth-child(7) { top: 497rem; left: 0; height: 75rem; }
	body.das-erste-date .card:nth-child(8) { top: 578rem; left: 0; height: 100rem; }
}

body.das-erste-date .card p { margin-bottom: 0.5em; }

body.das-erste-date .card__back h3 {
    font-size: 3em;
    line-height: 1.3em;
    font-weight: bold;
    color: #e3cfe6;
    margin-bottom: 0.5em;
}
@media (max-width: 767px) {
	body.das-erste-date .card__back h3 { font-size: 4.5em; margin-bottom: 0.3em; }
}

body.das-erste-date .card > div, .card__front, .card__back{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

body.das-erste-date .card > div {
	-webkit-transition: -webkit-transform 1s; -webkit-transform-style: preserve-3d;
	transition: transform 1s; transform-style: preserve-3d;
}

body.das-erste-date .card__front,
body.das-erste-date .card__back { position: absolute; display: block; height: 100%; width: 100%; opacity: 0;
	-webkit-transition: transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s;
}

body.das-erste-date .card__front { background: #fff; opacity: 1; padding: 1em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

body.das-erste-date .card__back {
    background: #fff;
    border-top: 5px solid #8e419c;
    padding: 1rem 2rem;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

body.das-erste-date .card.flipped > div {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

/* workaround for lack of z-index on rotated elements in IE */
body.das-erste-date .card__front, .card__back {
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
body.das-erste-date .card.flipped .card__front { opacity: 0 }
body.das-erste-date .card.flipped .card__back { opacity: 1 }

/* IE9 Degrading */
body.das-erste-date html.ie9 .card .card__back { display: none; }
body.das-erste-date html.ie9 .card.flipped .card__front { display: none; }
body.das-erste-date html.ie9 .card.flipped .card__back { display: block; }