@font-face {
    font-family: "BoschSans-L";
    src: url(/App_Themes/Bosch/fonts/fonts-woff2/BoschSans-Light-v5_003.woff2) format('woff2'), 
        url(/App_Themes/Bosch/fonts/fonts-woff/BoschSans-Light-v5_003.woff) format('woff'), 
        url(/App_Themes/Bosch/fonts/fonts-ttf/BoschSans-Light-v5_003.ttf) format('truetype');
}

@font-face {
    font-family: "BoschSans-R";
    src: url(/App_Themes/Bosch/fonts/fonts-woff2/BoschSans-Regular-v5_003.woff2) format('woff2'), 
        url(/App_Themes/Bosch/fonts/fonts-woff/BoschSans-Regular-v5_003.woff) format('woff'), 
        url(/App_Themes/Bosch/fonts/fonts-ttf/BoschSans-Regular-v5_003.ttf) format('truetype');
}

@font-face {
    font-family: "BoschSans-B";
    src: url(/App_Themes/Bosch/fonts/fonts-woff2/BoschSans-Bold-v5_003.woff2) format('woff2'), 
        url(/App_Themes/Bosch/fonts/fonts-woff/BoschSans-Bold-v5_003.woff) format('woff'), 
        url(/App_Themes/Bosch/fonts/fonts-ttf/BoschSans-Bold-v5_003.ttf) format('truetype');
}


body {
    font-family: BoschSans-R, sans-serif;
    color: black;
    width: 100%;
    min-width: 27rem;
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    /*font-family: BoschSans, sans-serif;*/
    font-size: 62.5%;
}

.bodySKRegPageForm {
    display: flex;
    /*height: 100vh;*/
    /* max-height: 100vh;*/
    /*font-family: BoschSans, sans-serif;*/
    width: 100%;
    max-width: 100vw;
    color: #000000;
    background-color: lightblue;
    background: url('/Images/Bosch-Supergraphic.svg') no-repeat left top;
    background-size: cover;
}
.mainSectionSK {
    max-width: 54.4rem;
    width: 100%;
    /*height: 80rem;*/
    background-color: #FFF;
    margin: 8rem auto;
}
.mainContainer {
    display: flex;
    flex-direction: column;
    max-width: 48rem;
    width: 100%;
    margin: 4.8rem auto;
    /*background-color: greenyellow;*/
}
.headerPictures {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 4.8rem;
    width: 100%;
    /*height: 2.8rem;*/
    margin: 0 0 3.2rem 0;
    /*background-color: #FFF;*/
}
.SingleKeyImage {
    height: 100%;
    max-width: 19.8rem;
    margin-left: 0;
}
.logoTitle {
    height: 100%;
    max-width: 12.9rem;
}
.titleSK {
    color: #006ead;
    font-size: 3.2rem;
    line-height: 1.34;
    font-family: BoschSans-R, sans-serif;
    margin: 1.6rem auto;
}

p {
    margin: 0;
}

p.bottomFirst {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    padding: 0.7rem 0;
    margin: 0;
}

p.bottom {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    padding: 0.7rem 0;
    margin: 0;
}

.textSKpage-header {
    margin-bottom: 2.4rem;
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
    text-align: justify;
}
.secondHeaderSKPage {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-B, sans-serif;
    color: #000;
    
}
.textSKpage {
    margin-bottom: 2.4rem;
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
    text-align: justify;
}
.buttoncontainer {
    width: 100%;
    height: 8rem;
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-bottom: 2.4rem;
}
.regButton {
    display: block;
    padding: 1.6rem;
    max-width: 40rem;
    /*height: 4.8rem;*/

    text-align: center;
    background-color: #007bc0;
    color: white;
    font-size: 1.6rem;
    line-height: 1;
    font-family: BoschSans-R, sans-serif;
    text-decoration-line: none;
    /*margin-top: 3.2rem;*/
}
    .regButton:hover {
        color: white;
        /*text-decoration-line: underline;*/
        background-color: #00629a;
    }

.privacyPol {
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
    color: #007bc0;
    text-decoration-line: none;
}
    .privacyPol:hover {
        text-decoration-line: underline;
    }
.mail-address {
    /*margin-bottom: 2.4rem;*/
    color: #000;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
}
.zem-button {
    margin-bottom: 0.2rem;
}
.bold-font {
    font-family: BoschSans-B, sans-serif;
    font-size: 1.6rem;
    /*margin-top: 1rem;*/
}
.kontakti-bsc {
    display: flex;
    flex-direction: row;
    gap: 0.8rem;
}


/***********    END OF CONTAINER  ************************/

/**************    FOOTER       **************************/
.skFormFooter {
    display: block;
    width: 100%;
    /*height: 9.6rem;*/
    background-color: white;
}
.sk-footerContainer {
    max-width: 113.2rem;
    width: 100%;
    margin: 3.2rem auto;
    
    /*height: 3.2rem;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    vertical-align: middle;
    justify-content: center;
    column-gap: 2.4rem;
    row-gap: 0.5rem;
    font-size: 1.2rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
    color: black;
}
.sk-bottomFirst>a {
    color: black;
    
}
p.sk-bottomFirst {
    margin-bottom: 0;
    padding: 1rem 0;
}
p.sk-bottom {
    margin-bottom: 0;
    padding: 1rem 0;
}
.sk-bottom > a {
    color: black;
}
/*.sk-botomLanguage {
    width: 6.2rem;
    height: 100%;
    margin-left: auto;
    font-size: 1.6rem;
    line-height: 1.5;
    font-family: BoschSans-R, sans-serif;
    
}*/
@media only screen and (max-width: 768px) {
    .mainContainer {
        padding: 0 0.5rem;
    }
    .headerPictures {
        /*column-gap: 1.6rem;*/
        row-gap: 1.6rem;
        /*margin: 0 0 3.2rem 0;*/
    }
        .skFormFooter {
        width: calc(100% - 1.4rem);
        /*width: 90%;*/
        margin: 0 auto;
        
    }
    .sk-footerContainer {
        justify-content: left;
        
    }
}


@media only screen and (max-width: 458px) {
    .regButton {
        padding: 1.2rem 0;
        line-height: 1.3;
    }     
}