/*   ********************************* HORIZONTAL WEBSITES   ************************** */
/*  Each part of the horizontally scrolling Website is a Contao article. Within the article, any content-element can be placed. */
/*  The inner wrapper is .inside of main, the outer wrapper is main. Possibly main has to be additionally specified in order to apply on the horizontal parts of the website only  */
/*  See tutorial: https://youtu.be/OeaHnxahf40?si=hg26Ao9nd0wQnnvq  */

body {
	margin:0;
	padding:0;
	background-color:#FCD9CA;
}
header {
    background:#FCD9CA;
}
.menutop {
    background:#FCD9CA;
}
wrapper {
    height:100vh;
    width:400vw;
    overflow:hidden;
}
#container {
  width: 1200px;
  max-width:100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 80px;
}
main {
    width:100%;
    height:auto;
    overflow-y:hidden;
    overflow-x:scroll;
    scrollbar-width: auto;

}
::-webkit-scrollbar {
	display:auto;
}

@media screen and (max-width:39.9999rem) {
.datenschutz p {
/*	font-size: 1.05rem;  */
    font-size:1.2rem;
	line-height: 1.3rem;
	margin-bottom: 1rem;
}
.datenschutz .infobox p {
	margin-bottom:0.5rem;
}
.datenschutz ul {
	margin:0.5rem;
	margin-left:1.2rem;
}
.datenschutz li {
	font-size:1.2rem;
	line-height: 1.3rem;
	list-style-type:circle;
}
.datenschutz h1 {
	font-size: 2.6rem;
	line-height: 3rem;
	margin-bottom: 0.5rem;
}
.datenschutz h2 {
	font-size: 2.2rem;
	line-height: 2.8rem;
	margin-bottom: 0.6rem;
}
.datenschutz h3 {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 0.5rem;
}
.datenschutz h4 {
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-bottom: 0.3rem;
}
.datenschutz h5 {
	font-size: 1.1rem;
	font-weight:600;
}
.datenschutz h3, .datenschutz h4, .datenschutz h5 {
	color: #004136;
	letter-spacing: 0.6px;
}
.datenschutz .content-text:not(.nopadding) {
/*	padding: 1rem;                        ***************   */
	hyphens: auto;
}
.datenschutz h1 {
	hyphens:none;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.infobox) {
	padding: 1rem;
	padding-top:2rem;
}
.datenschutz .content-text p {
	text-align: justify;
}
}

@media screen and (min-width:40rem) and (max-width:63.9999rem) {
.datenschutz p {
/*	font-size: 1.05rem;  */
    font-size:1.3rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
}
.datenschutz .infobox p {
	margin-bottom:0.5rem;
}
.datenschutz ul {
	margin:0.5rem;
	margin-left:2rem;
}
.datenschutz li {
	font-size:1.3rem;
	line-height: 1.4rem;
	list-style-type:circle;
}
.datenschutz h1 {
	font-size: 2.6rem;
	line-height: 3rem;
	margin-bottom: 1rem;
}
.datenschutz h2 {
	font-size: 2.4rem;
	line-height: 2.8rem;
	margin-bottom: 1.3rem;
}
.datenschutz h3 {
	font-size: 2rem;
	line-height: 2.6rem;
	margin-bottom: 0.5rem;
}
.datenschutz h4 {
	font-size: 1.6rem;
	line-height: 2.2rem;
	margin-bottom: 0.3rem;
}
.datenschutz h5 {
	font-size: 1.1rem;
	font-weight:600;
}
.datenschutz h3, .datenschutz h4, .datenschutz h5 {
	font-family:BebasNeue,Roboto,Sans-Serif;
	color: #004136;
	letter-spacing: 0.6px;
}
.datenschutz .content-text:not(.nopadding) {
/*	padding: 1rem;                        ***************   */
	hyphens: auto;
}
.datenschutz h1 {
	hyphens:none;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.infobox) {
	padding: 1rem;
	padding-top:2rem;
}
.datenschutz .content-text p {
	text-align: justify;
}
}



@media screen and (min-width:64rem) {
.datenschutz p {
    font-size:1.5rem;
	line-height: 1.8rem;
	margin-bottom: 2rem;
}
.datenschutz .infobox p {
	margin-bottom:0.5rem;
}
.datenschutz ul {
	margin:0.8rem;
	margin-left:2rem;
}
.datenschutz .content-text ul {
	margin:0.9rem;
	margin-left:2rem;
}

.datenschutz li {
	font-size:1.5rem;
	line-height: 1.8rem;
	list-style-type:circle;
}
.datenschutz h1 {
	font-size: 2.8rem;
	line-height: 3rem;
	margin-bottom: 0.5rem;
}
.datenschutz h2 {
	font-size: 2.5rem;
	line-height: 2rem;
	margin-bottom: 1.3rem;
}
.datenschutz h3 {
	font-size: 2.1rem;
	line-height: 2.5rem;
	margin-top:1rem;
	margin-bottom: 1.3rem;
}
.datenschutz h4 {
	font-size: 1.8rem;
	line-height: 2rem;
	margin-top:1rem;
	margin-bottom: 0.6rem;
}
.datenschutz h5 {
	font-size: 1.3rem;
	font-weight:600;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.infobox):not(.handorgel__content__inner) {
	padding: 2rem;
	padding-left:3rem;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.handorgel__content__inner) p {
	text-align: justify;
}}


@media screen and (max-height:460px), (max-width:430px) {
.datenschutz   p {
    font-size:1.1rem;
	line-height: 1.3rem;
	margin-bottom: 0.5rem;
}
.datenschutz .infobox p {
	margin-bottom:0.3rem;
}
.datenschutz ul {
	margin:0.5rem;
	margin-left:2rem;
}
.datenschutz .content-text ul {
	margin:0.5rem 0;
}

.datenschutz li {
	font-size:1.1rem;
	line-height: 1.3rem;
	list-style-type:circle;
}
.datenschutz h1 {
	font-size: 2rem;
	line-height: 2.1rem;
	margin-bottom: 0.5rem;
}
.datenschutz h2 {
	font-size: 1.8rem;
	line-height: 1.95rem;
	margin-bottom: 0.9rem;
}
.datenschutz h3 {
	font-size: 1.4rem;
	line-height:1.6rem;
	margin-top:0.4rem;
	margin-bottom: 0.8rem;
}
.datenschutz h4 {
	font-size: 1.3rem;
	line-height: 1.6rem;
	margin-top:0.6rem;
	margin-bottom: 0.4rem;
}
.datenschutz h5 {
	font-size: 1.2rem;
	font-weight:600;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.infobox):not(.handorgel__content__inner) {
	padding: 0.8rem;
}
.datenschutz .content-text:not(.menu):not(.nopadding):not(.handorgel__content__inner) p {
	text-align: justify;
}
}