/*CSS of datenschutz.html*/

* {
    margin:0;
    padding:0;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: "Oswald", sans-serif;
    font-size:1rem;
}

html {
    height: 100%;
}

body {
    background-color:#000000;
    background-size: cover;
    display:flex;
    flex-direction:column;
    min-height: 100%;
}

main {
    flex: 1 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    @media (min-width: 276px) {
      font-size: 1.1rem;
    }
    @media (min-width: 768px) {
      font-size: 1.1rem;
    }
    @media (min-width: 992px) {
      font-size: 1.5rem;
    }
}

.datenschutz-section {
    display:flex;
    flex-direction:column;
    align-items:center;
    @media (min-width: 276px) {
	padding: 2rem 1rem 2rem 1rem;
    }
    @media (min-width: 768px) {
	padding: 2rem 1rem 2rem 1rem;
    }
    @media (min-width: 992px) {
	padding: 2rem 30rem 2rem 30rem;
    }
}

.datenschutz-section h1 {
    @media (min-width: 276px) {
	font-size: 1.7rem;
    }
    @media (min-width: 768px) {
	font-size: 1.7rem;
    }
    @media (min-width: 992px) {
	font-size: 3rem;
    }
}

.datenschutz-sub-section {
    display:flex;
    flex-direction:column;
    align-items:center;
}


ul {
  @media (min-width: 276px) {
    padding-left: 3.5rem;
  }
  @media (min-width: 768px) {
    padding-left: 3.5rem;
  }
  @media (min-width: 992px) {
    padding-left: 6rem;
  }
}

ol {
    padding:1rem 0 1rem 0;
}

li {
  padding:0rem;
  margin:0rem;
  padding-top: 1rem;
}


h1, h2 {
    padding-bottom:1rem
}

.datenschutz-sub-section h3 {
    padding-top:1rem
}

.datenschutz-sub-section h4 {
    padding-top:1rem
}