/* ------------------------- Page ----------------------------- */
html {
    font-size:10px;
}
html, body {
	margin:0;
	padding:0;
}
body {
    font-family:"Poppins", Helvetica, sans-serif;
    font-size:1.6rem;
    font-weight:400;
    font-style:normal;
    background-color:#fff;
	line-height:1.6;
	color:#1D1D1B;
    
    -webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
/* Button, input, select, textarea */
button, input, select, textarea {
	color:inherit;
	font-family:inherit;
    font-size:inherit;
    line-height:inherit;
}
textarea {
	overflow:auto;
}
button {
    border-radius:0;
}
/* Titels */
h1 {
	display:block;
	font-size:3.2rem;
	margin:24px 0;
}
h1.dtx-titel1 {
    font-size:4.2rem;
}
h2 {
	display:block;
	font-size:2.8rem;
	margin:24px 0;
}
h3 {
	display:block;
	font-size:2.4rem;
	margin:24px 0;
}
h4 {
	display:block;
	font-size:2rem;
	margin:18px 0;
}
h5 {
	display:block;
	font-size:1.8rem;
	margin:18px 0;
}
h6 {
	display:block;
	font-size:1.6rem;
	margin:12px 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight:600;
    line-height:1.3;
}
/* P */
p {
    margin:0 0 12px 0;
}
/* Strong */
em, strong {
	font-weight:700;
}
/* Height fix */
html, body, #dtx-page, #dtx-content {
    height:100%;
}
/* ------------------------------------------------------------ */

/* ---------------------- Home Page --------------------------- */
/* Section 1 */
#dtx-homesection1 {
    position:relative;
    display:block;
    height:100%;
    min-height:720px;
    width:100%;
    z-index:1;
}
/* Grid */
#dtx-h1-container {
    display:block;
    height:100%;
    width:100%;
}
#dtx-h1-grid {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    height:100%;
    width:100%;
    background-color:#fff;
}
#dtx-h1-left {
    position:relative;
    display:block;
    height:100%;
    width:50%;
    padding:108px;
}
#dtx-h1-left::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:#00DBB1;
    z-index:1;
}
#dtx-h1-left::after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:70%;
    background-color:#fff;
    z-index:2;
}
#dtx-h1-right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    height:100%;
    width:50%;
    max-width:984px;
    padding:108px 156px 108px 0; 
}
/* Background */
#dtx-h1-background {
    position:relative;
    display:block;
    height:100%;
    width:100%;
    z-index:3;
}
#dtx-h1-background-image {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    transition:opacity 180ms ease-in-out;
}
#dtx-h1-background-image.b-lazy {
    opacity:0;
}
#dtx-h1-background-image.b-loaded {
    opacity:1;
}
/* Logo */
#dtx-h1-logo a {
    display:block;
    text-decoration:none !important;
}
#dtx-h1-logo a img {
    display:block;
    height:66px;
    width:auto;
    opacity:1;
    transition:opacity 240ms ease-in-out;
}
#dtx-h1-logo a:hover img,
#dtx-h1-logo a:focus img {
    opacity:0.75;
}
/* Text */
#dtx-h1-text {
    display:block;
    width:100%;
}
#dtx-h1-text-inner {
    display:block;
    width:100%;
    max-width:100%;
}
#dtx-h1-text-inner h1 {
    margin:0 0 18px 0;
}
#dtx-h1-text-inner p:last-child {
    margin:0;
}
#dtx-h1-text-inner p a {
    color:#1D1D1B;
    text-decoration:underline;
    opacity:1;
    transition:opacity 240ms ease-in-out;
}
#dtx-h1-text-inner p a:hover,
#dtx-h1-text-inner p a:focus {
    color:#1D1D1B;
    text-decoration:underline;
    opacity:0.75;
}
/* Footer */
#dtx-h1-footer {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    width:100%;
}
#dtx-h1-footer-left {
    display:block;
    width:420px;
}
#dtx-h1-footer-right {
    display:block;
}
/* Footer text */
#dtx-h1-footer-text {
    display:block;
    width:100%;
    max-width:100%;
}
#dtx-h1-footer-text h6 {
    margin:0 0 6px 0;
}
#dtx-h1-footer-text p {
    margin:0;
}
#dtx-h1-footer-text p a {
    color:#1D1D1B;
    text-decoration:underline;
    opacity:1;
    transition:opacity 240ms ease-in-out;
}
#dtx-h1-footer-text p a:hover,
#dtx-h1-footer-text p a:focus {
    color:#1D1D1B;
    text-decoration:underline;
    opacity:0.75;
}
/* Footer social */
#dtx-h1-footer-social {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
}
#dtx-h1-footer-social a {
    display:block;
    font-size:2.2rem;
    line-height:1;
    margin:0 9px 0 0;
    color:#1D1D1B;
    text-decoration:none !important;
    transition:opacity 240ms ease-in-out;
}
#dtx-h1-footer-social a:last-child {
    margin:0;
}
#dtx-h1-footer-social a:hover,
#dtx-h1-footer-social a:focus {
    color:#1D1D1B;
    opacity:0.75;
}
/* ------------------------------------------------------------ */

/* ---------------------- Responsive -------------------------- */
@media only screen and (max-width:1888px) {
    /* Page */
    #dtx-h1-right {
        padding:108px 120px 108px 0; 
    }
}
@media only screen and (max-width:1608px) {
    /* Main */
    h1.dtx-titel1 {
        font-size:3.6rem;
    }
    /* Page */
    #dtx-homesection1 {
        min-height:648px;
    }
    #dtx-h1-left {
        padding:72px;
    }
    #dtx-h1-right {
        padding:72px 120px 72px 0;
    }
    #dtx-h1-footer-left {
        width:360px;
    }
}
@media only screen and (max-width:1260px) {
    /* Main */
    h1 {
        font-size:2.8rem;
    }
    h1.dtx-titel1 {
        font-size:3.2rem;
    }
    h2 {
        font-size:2.4rem;
    }
    h3 {
        font-size:2.2rem;
    }
    h4 {
        font-size:1.8rem;
    }
    h5 {
        font-size:1.6rem;
    }
    h6 {
        font-size:1.4rem;
    }
    body {
        font-size:1.4rem;
    }  
    /* Page */  
    #dtx-h1-left {
        padding:48px;
    }
    #dtx-h1-right {
        padding:48px 84px 48px 0;
    }
    #dtx-h1-logo a img {
        height:54px;
    }
    #dtx-h1-text-inner p {
        font-size:1.6rem;
    }
    #dtx-h1-footer-left {
        width:300px;
    }
    #dtx-h1-footer-social a {
        font-size:1.8rem;
    }
}
@media only screen and (max-width:984px) {
    /* Page */
    html, body, #dtx-page, #dtx-content {
        height:auto;
    }
    #dtx-h1-left {
        padding:36px 36px 0 36px;
        width:100%;
    }
    #dtx-h1-left::after {
        top:auto;
        bottom:0;
        height:70%;
        width:100%;
    }
    #dtx-h1-background {
        height:auto;
        padding-bottom:110%;
    }
    #dtx-h1-right {
        width:100%;
        padding:36px;
    }
    #dtx-h1-logo, 
    #dtx-h1-text {
        margin:0 0 36px 0;
    }
    #dtx-h1-text-inner p {
        font-size:1.4rem;
    }
}
@media only screen and (max-width:744px) {
    /* Main */
    h1 {
        font-size:2.6rem;
    }
    h1.dtx-titel1 {
        font-size:2.8rem;
    }
    h2 {
        font-size:2.2rem;
    }
    h3 {
        font-size:2rem;
    }
    /* Page */  
    #dtx-h1-left {
        padding:24px 24px 0 24px;
    }
    #dtx-h1-right {
        padding:36px 24px;
    }  
    #dtx-h1-footer-right {
        width:100%;
        margin:12px 0 0 0;
    }
}
/* ------------------------------------------------------------ */