/* Style CSS K5

Structure:
- Fonts
- Hide Scrollbars
- General
- Footer
- Contact
- Imprint
- Mobile Styles


/*

/* Fonts */

/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


/* hide scrollbars */
::-webkit-scrollbar {
    display: none;
}

            html{
              scrollbar-width: none;
             -ms-overflow-style: none;
            }

/*

/* General */

body {
    background-image: url('../img/bk2.jpg');
    background-color: #204F5C;
    background-size: cover; 
    color: white;
    background-repeat: no-repeat;
        }


body a {color: white; text-decoration: none;}

body a:hover {text-decoration: underline;}

body p {
    font-size: 1.4em;
    line-height: 1.2em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin-top: 0;
}

body li {
    font-size: 1.0em;
    line-height: 1.0em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    margin-top: 0;
}

.container {position: relative;}

.k-img,
.five-img {display: none;}

.logo-img {
    margin-left: 10.4%;
    margin-top: 10%;
    width: 9%;
}


.text {
    margin-left: 19.4%;
    margin-top: -0.5%;
}

.claim {color: #FFFFFF}





/* footer */

.footer p {text-transform: uppercase; font-size: 1em;}

.footer { 
    position: absolute;
    bottom: 5%;
    left: 10%;
}



/* Contact */


/*Imprint */
.imprint .text {width: 65%;}
.imprint p  {font-size: 1.0em;}
.imprint .footer {position: fixed; font-size: 0.7em;} 
body.imprint { background-image: url('../img/wasser.png'); background-size: contain;}




/*Mobile Styles */

@media only screen and (max-width: 479px) {

body {
    background-image: url('../img/bk2_mob.png');
    background-color: #263133;
    color: white;
    background-repeat: repeat;
        }

body.home {width: 100%;}

body.imprint { background-image: url('../img/wasser.png'!important;); background-size: contain;}

body p {line-height: 1.13em; font-size: 1.3em;}


.footer p {line-height: 3em; font-size: 0.7em;}

.logo-img,
.imprint .logo-img {
    margin-left: 5.1%;
    margin-top: 17%;
    width: 35%;
}

.imprint .logo-img {margin-bottom: 15px;}

.text {
    margin-left: 40%;
    margin-top: -1.5%;
    width: 52%;
}

.imprint .text {
    width: 90%;
    margin-left: 5%;
    word-break: break-word;
}

.imprint .footer {
    position: unset;
    bottom: 0;
    left: 12%;
    margin-left: 6%;
    padding-top: 10%;
}

.footer {left: 9%; bottom: 18px;}


} 

@media (orientation: portrait) {
.text {width: 54%;}
}


/* responsive Fallback */ 
@media only screen and (min-device-width: 480px) and (max-device-width: 1139px) {

.text {width: 50%;}

 }
/* iPad in Portrait */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
body {
    background-color: #263133;
    background-image: url('../img/ip.png');
    background-size: cover; 
    color: white;
    background-repeat: repeat;
        }
}

/* Mobile landscape */ 
@media (orientation: landscape) {

.text {width: 54%;}
}