/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block;
    vertical-align:baseline
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
a{
    background-color:transparent
}
a:active,a:hover{
    outline:0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:700
}
dfn{
    font-style:italic
}
h1{
    font-size:2em;
    margin:.67em 0
}
mark{
    background:#ff0;
    color:#000
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-.5em
}
sub{
    bottom:-.25em
}
img{
    border:0
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:1em 40px
}
hr{
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    height:0
}
pre{
    overflow:auto
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
button,input,optgroup,select,textarea{
    color:inherit;
    font:inherit;
    margin:0
}
button{
    overflow:visible
}
button,select{
    text-transform:none
}
button,html input[type=button],input[type=reset],input[type=submit]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
input{
    line-height:normal
}
input[type=checkbox],input[type=radio]{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:0
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    height:auto
}
input[type=search]{
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{
    -webkit-appearance:none
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    border:0;
    padding:0
}
textarea{
    overflow:auto
}
optgroup{
    font-weight:700
}
table{
    border-collapse:collapse;
    border-spacing:0
}
td,th{
    padding:0
}
html{
    height:100%
}
body{
    min-height:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
a:hover{
    text-decoration:none
}
dl:first-child,ol:first-child,p:first-child,ul:first-child{
    margin-top:0
}
dl:last-child,ol:last-child,p:last-child,ul:last-child{
    /*margin-bottom:0*/
}
ol,ul{
    padding-left:2em
}
img{
    vertical-align:top
}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],select,textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0
}
button,input[type=submit]{
    border:0
}
input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{
    background-color:#fff
}
select::-ms-expand{
    display:none
}
::selection{
    color:#fff;
    background-color:rgba(0,0,0,.8)
}
input::selection,textarea::selection{
    color:#222;
    background-color:rgba(0,0,0,.2)
}
::-webkit-input-placeholder{
    color:#666
}
::-moz-placeholder{
    color:#666
}
:-ms-input-placeholder{
    color:#666
}
.l-contents{
    /*line-height:2;
    color:#222;
    letter-spacing:.08em
	*/
}
.p-footer {
	z-index: 100;
	/*background-color: #b3b3b3;
	position: fixed;
	width: 100%;
	bottom: 0;*/
	position: absolute;
	top: 30px;
	right: 30px;
}
.footer {	
	/*padding: 0 30px;
	color: #fff;*/
	text-decoration: none;
	font-size: 14px;
}
.cookieBanner {
	z-index: 100;
}
.benefits-box {
	text-align: center;
}
.benefits-box img {
	margin-bottom: 20px;
}
@media all and (min-width:1025px){
    /*.l-contents{
        font-size:14px;
        font-size:.875rem
    }*/
}
@media all and (min-width:768px) and (max-width:1024px){
    /*.l-contents{
        font-size:14px;
        font-size:.875rem
    }*/
}
@media all and (min-width:415px) and (max-width:767px){
    /*.l-contents{
        font-size:13px
    }*/
}
@media all and (max-width:414px){
    /*.l-contents{
        font-size:3.2vw
    }*/
}
.l-page{
    overflow:hidden;
    visibility:visible
}
@media all and (min-width:768px){
    .l-page{
        min-width:1024px
    }
}
.p-global-header{
    position:absolute;
    z-index:100
}
@media all and (min-width:768px){
    .p-global-header{
        top:30px;
        left:30px
    }
}
@media all and (max-width:767px){
    .p-global-header{
        top:20px;
        left:20px;
    }
	.p-footer {
		top:20px;
        right:20px;
	}
	.content {
		font-size: 14px;
	}
	.benefits-box img {
		width: 100px;
	}
	.benefits-box h4 {
		font-size: 14px;
	}
	body {
		/*overflow-y: scroll;*/
		height: 100vh !important;
	}	
}
.p-global-links{
    letter-spacing:.08em
}
@media all and (min-width:1025px){
    .p-global-links{
        font-size:14px;
        font-size:.875rem
    }
}
@media all and (min-width:768px) and (max-width:1024px){
    .p-global-links{
        font-size:14px;
        font-size:.875rem
    }
}
@media all and (min-width:415px) and (max-width:767px){
    .p-global-links{
        font-size:13px
    }
}
@media all and (max-width:414px){
    .p-global-links{
        font-size:3.2vw
    }
}
.p-global-links a{
    color:#222
}
@media all and (min-width:768px){
    .p-global-links{
        margin-top:15px
    }
}
@media all and (max-width:767px){
    .p-global-links{
        margin-top:8px
    }
}
.p-global-title{
    line-height:1;
    margin:0;
    font-weight:400;
    letter-spacing:.04em
}
@media all and (min-width:1025px){
    .p-global-title{
        font-size:28px;
        font-size:1.75rem
    }
}
@media all and (min-width:768px) and (max-width:1024px){
    .p-global-title{
        font-size:28px;
        font-size:1.75rem
    }
}
@media all and (min-width:415px) and (max-width:767px){
    .p-global-title{
        font-size:23px
    }
}
@media all and (max-width:414px){
    .p-global-title{
        font-size:5.6vw
    }
}
.p-background{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
.p-background.has-animate{
    -webkit-transition-duration:1s;
    transition-duration:1s;
    -webkit-transition-property:background-color;
    transition-property:background-color
}
.p-pager{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:absolute;
    z-index:100;
    pointer-events:none
}
@media all and (min-width:768px){
    .p-pager{
        top:0;
        bottom:0;
        left:15px;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
@media all and (max-width:767px){
    .p-pager{
        /*bottom:10px;*/
		top: 50px;
        right:0;
        left:0;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
.p-pager__in{
    position:relative
}
@media all and (max-width:767px){
    .p-pager__in{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
}
.p-pager__bar{
    position:absolute;
    background-color:#222
}
@media all and (min-width:768px){
    .p-pager__bar{
        width:2px;
        top:21px;
        bottom:21px;
        left:21px
    }
}
@media all and (max-width:767px){
    .p-pager__bar{
        height:2px;
        bottom:21px;
        right:21px;
        left:21px
    }
}
.p-pager__pointer{
    width:44px;
    height:44px;
    cursor:pointer;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    z-index:10
}
.p-pager__pointer:before{
    width:8px;
    height:8px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    content:'';
    display:block;
    border-radius:50%;
    border:2px solid #222;
    background-color:#222
}
.pointer-disabled {
	cursor: default;
}
.pointer-disabled:before {
	background-color: #949494;	
	border:2px solid #949494;	
}
.has-animate .pointer-disabled:before {
	width: 8px !important;
	height: 8px !important;
}
.has-animate .pointer-disabled.is-current:before {
	width: 14px !important;
	height: 14px !important;
}
@media all and (min-width:768px){
    .p-pager__bar{
        -webkit-transform:scaleY(0);
        transform:scaleY(0)
    }
}
@media all and (max-width:767px){
    .p-pager__bar{
        -webkit-transform:scaleX(0);
        transform:scaleX(0)
    }
}
.has-animate .p-pager__bar{
    -webkit-transition-duration:1s;
    transition-duration:1s;
    -webkit-transition-delay:.5s;
    transition-delay:.5s;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);
    transition-timing-function:cubic-bezier(.075,.82,.165,1)
}
@media all and (min-width:768px){
    .has-animate .p-pager__bar{
        -webkit-transform:scaleY(1);
        transform:scaleY(1)
    }
}
@media all and (max-width:767px){
    .has-animate .p-pager__bar{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.p-pager__pointer{
    -webkit-transform:scale(0);
    transform:scale(0)
}
.has-animate .p-pager__pointer{
    pointer-events:auto;
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition-duration:1s;
    transition-duration:1s;
    -webkit-transition-delay:.9s;
    transition-delay:.9s;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    transition-property:transform;
    transition-property:transform,-webkit-transform;
    -webkit-transition-timing-function:cubic-bezier(.075,.82,.165,1);
    transition-timing-function:cubic-bezier(.075,.82,.165,1)
}
.has-animate .p-pager__pointer:before{
    -webkit-transition-duration:.2s;
    transition-duration:.2s;
    -webkit-transition-property:width,height,background-color;
    transition-property:width,height,background-color
}
.has-animate .p-pager__pointer.is-current:before,.has-animate .p-pager__pointer.is-over:before{
    width:14px;
    height:14px;
    background-color:#fff
}
.p-section{
    width:100%;
    /*height:100%;*/ /* Auskommentieren wenn Inhalt nicht zentriert werden soll */
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    position:absolute;
    top:0;
    left:0;
    z-index:10;	
    pointer-events:none;	
}
@media all and (min-width:768px){
    .p-section{
        /*padding: 200px 30px 30px 30px;*/
		padding: 140px 30px 30px 30px;
    }
	.p-section--02,
	.p-section--03,
	.p-section--04,
	.p-section--05 {
        /*padding: 300px 30px 30px 30px;*/
		padding: 140px 30px 30px 30px;
    }
}
@media all and (max-width:767px){
    .p-section{
        padding:0;
    }
	.p-section{
		height: auto;
	}
	.p-section__text {
		margin-bottom: 1rem;		
	}
	.p-section__in {
		margin-top: 100px;
	}	
}
.p-section__in{
    text-align:left
}
.p-section__header{    
    margin-top:0;
	color: #64A4C1; 
}
@media all and (min-width:1025px){
    .p-section__header{
        /*font-size:48px;
        font-size:3rem*/
    }
}
@media all and (min-width:768px) and (max-width:1024px){
    .p-section__header{
        /*font-size:48px;
        font-size:3rem
		*/
    }
}
@media all and (min-width:415px) and (max-width:767px){
    .p-section__header{
        /*font-size:35px*/
    }
}
@media all and (max-width:414px){
    .p-section__header{
        /*font-size:8.53333vw*/
    }
}
@media all and (min-width:768px){
    .p-section__header{
        margin-bottom:25px
    }
}
@media all and (max-width:767px){
    .p-section__header{
        margin-bottom:15px
    }
	.detailPage h2 {
		font-size: 20px;
	}
}
@media all and (max-width:767px){
    .p-section__text br{
        /*display:none*/
    }
}
.p-section.is-shown{
    pointer-events:auto	
}
@-webkit-keyframes showAsc{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes showAsc{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,40px,0);
        transform:translate3d(0,40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes showDesc{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@keyframes showDesc{
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-40px,0);
        transform:translate3d(0,-40px,0)
    }
    100%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes hideAsc{
    0%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
}
@keyframes hideAsc{
    0%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,-30px,0);
        transform:translate3d(0,-30px,0)
    }
}
@-webkit-keyframes hideDesc{
    0%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0)
    }
}
@keyframes hideDesc{
    0%{
        opacity:1;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    100%{
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0)
    }
}
.p-section__header{
    opacity:0
}
.is-hidden .p-section__header,.is-shown .p-section__header{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
.is-shown .p-section__header{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-delay:.4s;
    animation-delay:.4s
}
.is-shown-asc .p-section__header{
    -webkit-animation-name:showAsc;
    animation-name:showAsc
}
.is-shown-desc .p-section__header{
    -webkit-animation-name:showDesc;
    animation-name:showDesc
}
.is-hidden .p-section__header{
    -webkit-animation-duration:.8s;
    animation-duration:.8s
}
.is-hidden-asc .p-section__header{
    -webkit-animation-name:hideAsc;
    animation-name:hideAsc
}
.is-hidden-desc .p-section__header{
    -webkit-animation-name:hideDesc;
    animation-name:hideDesc;
    -webkit-animation-delay:.05s;
    animation-delay:.05s
}
.p-section__text{
    opacity:0
}
.is-hidden .p-section__text,.is-shown .p-section__text{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);
    animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
.is-shown .p-section__text{
    -webkit-animation-duration:1.4s;
    animation-duration:1.4s;
    -webkit-animation-delay:.5s;
    animation-delay:.5s
}
.is-shown-asc .p-section__text{
    -webkit-animation-name:showAsc;
    animation-name:showAsc
}
.is-shown-desc .p-section__text{
    -webkit-animation-name:showDesc;
    animation-name:showDesc
}
.is-hidden .p-section__text{
    -webkit-animation-duration:.8s;
    animation-duration:.8s
}
.is-hidden-asc .p-section__text{
    -webkit-animation-name:hideAsc;
    animation-name:hideAsc;
    -webkit-animation-delay:.05s;
    animation-delay:.05s
}
.is-hidden-desc .p-section__text{
    -webkit-animation-name:hideDesc;
    animation-name:hideDesc
}
.p-sections-wrap{
    position:absolute;
    top:0;
    left:0
}
.logo {
	max-width: 236px;
}
.portrait {
	margin-bottom: 1rem;
}
.intro-name {
	font-family: 'Dancing Script', cursive;
	font-size: 60px;
}
.bluebox,
.bluebox h3 {
	color: #fff;
}
.bluebox h3 {
	font-size: 1.75rem;
}
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.p-section--03 img {
	width: 700px;	
}
.testimonial {
	text-align: center;
}
.functions-nav {
	margin-left: 50px;
}
.functions-nav ul li {
	font-size: 14px;
}