html {
    scroll-behavior: smooth;
}

body {
    font-family: Segoe UI, Calibri, Candara, Arial Narrow, Franklin Gothic Book, Dubai, EuroRoman, Arial Narrow, Helvetica, Garamond, Open Sans;
    background-color: white;
    scroll-snap-type: y mandatory;
    overflow-y: hidden;
    overflow-x: hidden;
    max-width: 100vw;
    min-height: 600px;
    max-height: 100%;
}   

.scroll-container {
    max-width: 100vw;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-snap-type: y mandatory;
}
            
.Seite {
    position: relative;
    max-width: 80%;
    max-width: 700px;  
    height: fit-content;
    max-height: 700px;
    min-height: 500px;
    background-color: white;
    scroll-snap-align: start;
    padding-top: 6%;
    padding-left: 6%;
    padding-right: 5%;
    padding-bottom: 6%;
    Margin: 2% auto;
    border: none;
    border-radius: 0 0 0 0;
}

.Bild {
    position: relative;
    max-width: 80%;
    max-width: 700px;  
    height: fit-content;
    max-height: 700px;
    min-height: 500px;      
    background-color: white;
    scroll-snap-align: center;
    padding: 0%;
    Margin: 2% auto;
    border: none;
    border-radius: 0 0 0 0;
    display: flex; 
    justify-content: center; 
    align-items: center;
}

.Bildzoom {
    max-width: 80%; 
    max-width: 700px;
	max-height: 700px; 
    min-width: 300px;
	margin: 8em auto;   
}

h1 {
    font-size: 1.80em;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
    color: rgb(18, 120, 167);
  }
  @media screen and (min-width: 600px) {
    h1 {
      font-size: calc(1.80em + 16 * ((100vw - 600px) / 600));
    }
  }
  @media screen and (min-width: 1200px) {
    h1 {
      font-size: 3.06em;
    }
  }

h2 {
    font-size: 1.26em;
    line-height: 1.0;
    margin-top: 0.5em;
    margin-bottom: 0.0em;
}
@media screen and (min-width: 600px) {
  h2 {
    font-size: calc(1.26em + 16 * ((100vw - 600px) / 600));
  }
}
@media screen and (min-width: 1200px) {
  h2 {
    font-size: 1.76em;
  }
}
  
h3 {
    font-size: 1.0em;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 0px;
}
@media screen and (min-width: 600px) {
  h3 {
    font-size: calc(1.0em + 16 * ((100vw - 600px) / 600));
  }
}
@media screen and (min-width: 1200px) {
  h3 {
    font-size: 1.35em;
  }
}
  
p {
    font-size: 1.0em;
    line-height: 1.3;
    margin-top: 0px;
    margin-bottom: 0px;
}
@media screen and (min-width: 600px) {
  p {
    font-size: calc(1.0em + 16 * ((100vw - 600px) / 600));
  }
}
@media screen and (min-width: 1200px) {
  p {
    font-size: 1.35em;
  }
}
  
a {
text-decoration: none;
}
  
.link {
    color:rgb(219, 50, 134)
}