/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
body,html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    //background: #000000;
}

.bg {
    /* Full height */
    height: 100vh;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vH;
    background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch.jpg');
}

.bg.style2 {
    background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch-1.jpg');
    background-size: auto 100%;
    background-position: 97% bottom;
}

.content {
    position: absolute;
    left: 5rem;
    bottom: 0;
    padding-bottom: 5px;
    color: #000;
    width: calc(100% - 5rem);
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    max-height: 100vh;
    overflow-y: auto;
}

section > strong {
    padding-bottom: 1rem;
}

h1, h2, p, a, i {
    font-weight: 400;
    //text-shadow: 0px 0px 5px #ffffff;
    //filter: drop-shadow(3px 1px 4px #ffffff);
    margin-bottom: 0.9rem;
    color: #000;
    text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}

td, li {
    font-weight: 400;
    //text-shadow: 0px 0px 5px #ffffff;
    //filter: drop-shadow(3px 1px 4px #ffffff);
    color: #000;
    text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}

strong {
    //text-shadow: 0px 0px 5px #ffffff;
    //filter: drop-shadow(3px 1px 4px #ffffff);
    color: #000;
    text-shadow: 1px 1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, -1px -1px 1px #fff;
}

h1 {
    font-size: 2.5vw;
}
h2 {
    font-size: 2vw;
    margin-bottom: 0;
}
h2 + h1 {
    margin-top: 0;
}

h3 {
    font-size: 1.3vw;
}

p {
    font-size: 1.3vw;
    margin-top: 1.5rem;
}

table {
    margin-bottom: 1.25rem;
}

td {
    vertical-align: text-top;
    padding: 0.25rem 0.5rem;
}

td:first-child {
    padding-left: 0;
}

#imprint p,#imprint li  {
    font-size: 1rem;
}
#imprint p  {
    margin-top: 1rem;
}
#imprint h2  {
    font-size: 1.4rem;
    font-weight: bold;
}
#imprint h5  {
    font-size: 1rem;
}

ul {
    margin-left: 0rem;
    margin-top: 0.5rem;
    margin-bottom: 1.25rem;
}

ul li {
    font-weight: 400;
}

a {
    color: #000;
    text-decoration: none;
}
a.imprint {
    font-size: 15px;
}

a:hover {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .bg {
        background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch-768.jpg');
        background-size: 768px auto;
        background-position: bottom right;
    }
    .bg.style2 {
        background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch-1-768.jpg');
        background-size: auto 100%;
        background-position: 97% bottom;
    }

@media (max-width: 600px) {
    .bg {
        background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch-480.jpg');
        background-size: 480px auto;
        background-position: bottom right;
    }
    .bg.style2 {
        background-image: url('../img/tierarzt-gruber-wien-englisch-deutsch-1-480-op05.jpg');
        background-size: auto 66%;
        background-position: 97% bottom;
    }
}

@media (max-width: 768px) {
    .content {
        width: auto;
        left: 0;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.75rem;
    }
    p {
        font-size: 1.0rem;
    }
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
    .content {
        width: auto;
        left: 0;
    }
    h1 {
        font-size: 2rem;
    }
    h2 {
        font-size: 1.0rem;
    }
    p {
        font-size: 1.0rem;
    }
}