body{
    -webkit-text-size-adjust:none;
    font-family: 'rawline-200';
    font-size: 20px;
    color: #616a68
}
a{
    color: #616a68
}
*,*:before,*:after{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
img{
    max-width: 100%!important
}
p:empty{
    display:none
}
b,strong{
    font-family: 'rawline-700';
    font-weight: normal
}

.center {
    text-align: center;
    float: left;
    width: 100%;
}
#content {
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.parallax_section {
    height: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background-size: 2000px auto;
    background-size: 100%;*/
    background-position: right  top;
    position: relative;
    margin-bottom: 0px;
}
.parallax_section .center {
    height: 100%;
    position: relative;
    top: 31%;
}
.parallax_section .usecases-header {
	padding: 0 20%;
	height: auto;
	position: relative;
	top: 50%;
	transform: translatey(-50%);
}
.parallax_section .usecases-header .clear {
	height: 20px;
}
.isTablet .parallax_section .center {
    top: 177px;
}
.isTablet .parallax_section .usecases-header.center {
    top: 50%;
}
.isTablet .parallax_section .usecases-header {
	padding: 0 1%;
}
.isMobile .parallax_section .usecases-header {
	padding: 0 2%;
}
.isMobile .parallax_section span.title {
	font-size: 30px;
	padding: 0px 15px 4px 15px;
	line-height: 50px;
}
.parallax_section img.power_made_in_germany {
	position: absolute;
	right: 280px;
	bottom: -75px;
}
.parallax_section.parallax-bigger p{
	margin-left: 140px;
}
.parallax_section p {
	font-size: 45px;
	font-family:rawline-600;
	color: #fff;
	margin-top: 5px;
	margin-left: 0;
	letter-spacing: 3px;
	line-height: 46px;
}
.parallax_section span.name {
	font-size: 30px;
	padding: 0 10px 3px 10px;
	color: #323230;
}
.parallax_section span.name {
	font-size: 30px;
	padding: 0 10px 3px 10px;
	color: #323230;
    text-transform: uppercase
}
.parallax_section span.title, .parallax_section h1.title {
	float: none;
	font-size: 45px;
	text-transform: uppercase;
	box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0px 15px 4px 15px;
	line-height: 69px;
	font-family: 'rawline-200';
	font-weight: normal;
	display: inline;
}

/*IPAD HOCH*/
@media (min-width:768px){
    .parallax_section.parallax-bigger {
        height: 570px;
    }
    .parallax_section {
        height: 1095px;
    }
}
/*IPAD HOCH ENDE*/


/*1300*/
@media (min-width:1300px){

    .parallax_section.parallax-bigger {
        height: 1093px;
    }
    .parallax_section {
        height: 100%;
        width: 100%;
    }

}
/*1300 ENDE*/

/*IPHONE QUER*/
@media (max-width:767px){
    body {
        font-family: 'rawline-400';
    }
    .parallax_section p {
        margin: 5px 0 0 0;
    }
    .parallax_section .button {
        margin-top: 35px;
        margin-left: 0;
        max-width: 300px;
    }
    .parallax_section,.parallax_section.parallax-bigger {
        margin-bottom: 20px;
    }
    .parallax_section.parallax-bigger {
        height: 410px;
        background-position: left -97px top -62px;
    }
    .parallax_section {
        height: 100%;
        background-position: right -170px top;
    }
    .parallax_section.parallax-bigger .center {
        top: 37%;
    }
    .parallax_section .center {
        top: 36%;
        padding: 0 15px;
    }
    .parallax_section .usecases-header {
        top: calc(50% + 30px);
    }
    .logo {
        width: 100%;
    }
    .parallax_section h1.title {
        font-size: 20px;
        line-height: 35px;
    }
    .parallax_section span.name {
        font-size: 14px;
        padding: 0 10px 3px 10px;
    }
    .parallax_section p {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 26px;
    }
    .parallax_section .usecases-header .clear {
        height: 0px;
    }
    .parallax_section.parallax-bigger p {
        margin-left: 0;
    }

}
/*IPHONE QUER ENDE*/

/*iPad in portrait*/
@media only screen
and (min-device-width :768px)
and (max-device-width :1024px)
and (orientation :portrait){
    .parallax_section {
        height: 100%;
    }
    .parallax_section .center {
        top: 36%;
    }
    .parallax_section .usecases-header.center {
        top: calc(50% + 30px);
    }

    .parallax_section span.title, .parallax_section h1.title {
        font-size: 40px;
        line-height: 63px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px){
    .parallax_section{
        background-size: 100%;
    }
}
@media (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px){
    .parallax_section{
        background-size: 145%;
    }
}