body {
    font-family: Quicksand,Roboto, Arial, Helvetica;
    color:#004136;
    background: #FCD9CA;
}

@media screen and (max-width:39.9999rem) {
p {
/*	font-size: 1.05rem;  */
    font-size:1.3rem;
	line-height: 1.4rem;
	margin-bottom: 1rem;
}
.infobox p {
	margin-bottom:0.5rem;
}
ul {
	margin:0.5rem 0;
}
li {
	font-size:1.4rem;
	line-height: 1.5rem;
}
h1 {
	font-size: 2.1rem;
	line-height: 2.4rem;
	margin-bottom: 0.5rem;
}
h2 {
	font-size: 1.9rem;
	line-height: 2.1rem;
	margin-bottom: 0.6rem;
}
h3 {
	font-size: 1.7rem;
	line-height: 2rem;
	margin-bottom: 0.5rem;
}
h4 {
	font-size: 1.5rem;
	line-height: 1.9rem;
	margin-bottom: 0.3rem;
}
h5 {
	font-size: 1.1rem;
	font-weight:600;
}
h3, h4, h5 {
	color: #004136;
	letter-spacing: 0.6px;
}
.content-text:not(.nopadding) {
/*	padding: 1rem;                        ***************   */
	hyphens: auto;
}
h1 {
	hyphens:none;
}
.content-text:not(.menu):not(.nopadding):not(.infobox) {
	padding: 1rem;
	padding-top:2rem;
}
.content-text p {
	text-align: justify;
}
}

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

/*  **********************************************************************************************  */

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

li {
	font-size:1.8rem;
	line-height: 2.2rem;
}
h1 {
	font-size: 2.8rem;
	line-height: 3.1rem;
	margin-bottom: 0.5rem;
}
h2 {
	font-size: 2.5rem;
	line-height: 2.7rem;
	margin-bottom: 1.3rem;
}
h3 {
	font-size: 2.4rem;
	line-height: 2.6rem;
	margin-top:1rem;
	margin-bottom: 1.3rem;
}
h4 {
	font-size: 2.0rem;
	line-height: 2.3rem;
	margin-top:1rem;
	margin-bottom: 0.6rem;
}
h5 {
	font-size: 1.3rem;
	font-weight:600;
}
.content-text:not(.menu):not(.nopadding):not(.infobox):not(.handorgel__content__inner) {
	padding: 2rem;
	padding-left:3rem;
}
.content-text:not(.menu):not(.nopadding):not(.handorgel__content__inner) p {
	text-align: justify;
}}

/*  ***************************************************************************************************** */

@media screen and (max-height:480px) {
  p {
    font-size:3.8vh;
	line-height: 4.5vh;
	margin-bottom: 0.8vh;
}
.infobox p {
	margin-bottom:0.4vh;
}
ul {
	margin:0.15rem 0;
}
.content-text ul {
	margin:0.5rem 0;
}

li, li a {
	font-size: 3.8vh;
    line-height: 4.9vh;
}
h1 {
    font-size: 5.2vh;
    line-height: 6.4vh;
	margin-bottom: 0.3vh;
}
h2 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	margin-bottom: 0.9rem;
}
h3 {
	font-size: 1.3rem;
	line-height:1.5rem;
	margin-top:0.4rem;
	margin-bottom: 0.8rem;
}
h4 {
	font-size: 1.3rem;
	line-height: 1.6rem;
	margin-top:0.6rem;
	margin-bottom: 0.4rem;
}
h5 {
	font-size: 1.2rem;
	font-weight:600;
}
.content-text:not(.menu):not(.nopadding):not(.infobox):not(.handorgel__content__inner) {
	padding: 0.8rem;
}
.content-text:not(.menu):not(.nopadding):not(.handorgel__content__inner) p {
	text-align: justify;
}
}

/*  *********************************************************************************************************  */

@media screen and (max-width:430px) {
  p {
    font-size:1.9vh;
	line-height: 2.4vh;
	margin-bottom: 0.5rem;
}
.infobox p {
	margin-bottom:0.3rem;
}
ul {
	margin:0.15rem 0;
}
.content-text ul {
	margin:0.5rem 0;
}

li {
	font-size:2.2vh;
	line-height: 2.8vh;
}
h1 {
	font-size: 3.3vh;
	line-height: 4.2vh;
	margin-bottom: 1vh;
}
h2 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	margin-bottom: 0.9rem;
}
h3 {
	font-size: 1.3rem;
	line-height:1.5rem;
	margin-top:0.4rem;
	margin-bottom: 0.8rem;
}
h4 {
	font-size: 1.2rem;
	line-height: 1.4rem;
	margin-top:0.6rem;
	margin-bottom: 0.4rem;
}
h5 {
	font-size: 1.1rem;
	font-weight:600;
}
.content-text:not(.menu):not(.nopadding):not(.infobox):not(.handorgel__content__inner) {
	padding: 0.8rem;
}
.content-text:not(.menu):not(.nopadding):not(.handorgel__content__inner) p {
	text-align: justify;
}
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑  */

.handorgel__content__inner .content-text p {
	margin-bottom:0;
}
.menu {
	position:absolute;
	bottom:70px;
}
@media screen and (max-height:380px) {
	.menu {
		display:none;
	}
}

h3, h4 {
	color: #004136;
	letter-spacing: 0.9px;
}

.formBox {
	margin-top:100px;
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
}
.kontaktformular legend, .kontaktformular label, .kunden11 legend, .kunden11 label {
	color:white;
	font-size:1.2rem;
}
.checkbox_container  {
	border:none;
}

a {
/*	text-decoration: underline;
    text-underline-offset: 5px;  */
    text-decoration:none;
    color: #004136;
}

.content-text a {
/*	text-decoration:underline;
	text-underline-offset: 0.2rem;  */
	font-size: 1.5rem;
}

.kachel .content-text a {
	text-decoration:none;
}
a:hover {
    color: #48b5a2;;
}
/*
li, li a {
	font-size: 1.6rem;
	line-height:2.0em;
}
*/

.zitat, p.intro {
  font-size: 1.2rem;
  letter-spacing: 0.5px;
}
@media screen and (max-width:480px) {
	.zitat, p.intro {
  font-size:1.85vh;
  line-height: 2.25vh;
  letter-spacing: 0.5px;
  margin-top:2vh;
}
}
@media screen and (max-height:460px) {
	p.intro{
  font-size: 3.5vh;
  line-height:4.5vh;
  letter-spacing: 0.5px;
  margin-top:0;
}
}
.zitat {
	 font-style:italic;
}
ul.erfahrungen li, ul.erfahrungen li a {
	 font-size:1.5rem;
	 list-style-type: circle;
}
ul.erfahrungen li {
		 margin-left: 1rem;
}
ul.erfahrungen li a {
	text-decoration:underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 0.5px;
}

@media screen and (max-width:430px) {
    ul.erfahrungen li, ul.erfahrungen li a {
	   font-size:2.1vh;
	   line-height:2.8vh;
	   list-style-type: circle;
}
ul.erfahrungen li {
		 margin-left: 1.2rem;
}
}



label, input, button, form button, textarea {
	font-size:1rem;
	line-height:1.8rem;
}


p, li, a, legend, label, input, button, form button, textarea {
	letter-spacing: 0.3px;
}
textarea, input, button {
	letter-spacing: 0.6px;
}


@media screen and (min-width:431px) and (max-width:1120px) {
    ul.erfahrungen li, ul.erfahrungen li a {
	   font-size:1.2rem;
	   line-height:1.75rem;
	   list-style-type: circle;
}
ul.erfahrungen li {
		 margin-left: 1.2rem;
}	
}

@media screen and (max-height:460px) {
    ul.erfahrungen li, ul.erfahrungen li a {
	   font-size:3.6vh;
	   line-height:4.6vh;
	   list-style-type: circle;
}
ul.erfahrungen li {
		 margin-left: 1.2rem;
}
   label, input, textarea {
      font-size: 0.9rem;
      line-height: 1rem;
}
}
/* ************* SWIPER ATALJA  ******************** */
.content-swiper {
  margin-bottom: 3rem; /* Fügt jedem Content Slider einen Abstand unten hinzu */
}

/* Den letzten Slider ohne Abstand gestalten */
.content-swiper:last-child {
  margin-bottom: 0;
}

.project-title {
	font-size: 14px;
}

.content-accordion {
	border-bottom: none;
	font-size:1.4rem;
}

.handorgel__header {
	position:relative;
	margin-bottom:0.3rem;
	margin-top:0.3rem;
}
h4.handorgel__header {
	font-size:1.6rem;
}
.handorgel__header__button {
	background-color:#FCD9CA;
	color:rgba(0, 65, 54, 1);
	display:flex;
	align-items:center;
	font-size:1.4rem;
	line-height:1.6rem;
	padding:10px 12px;
	border:dashed 1px rgba(0, 65, 54, 1);
}

.handorgel_content p {
    font-size:1.4rem;
	line-height:1.6rem;	
}

@media screen and (max-height:460px) {
	.handorgel__header__button {
	font-size:1rem;
	line-height:1.3rem;
	padding:8px 10px;
	border:dashed 1px rgba(0, 65, 54, 1);
}
}
@media screen and (min-height:461px) and (max-height:699px) {
	.handorgel__header__button {
	font-size:1.2rem;
	line-height:1.4rem;
	padding:8px 10px;
	border:dashed 1px rgba(0, 65, 54, 1);
}
.handorgel_content p {
    font-size:1.2rem;
	line-height:1.4rem;	
}
}
/*
#article-1::after {
  content: "";
 */
  /*
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNUlEQVR4nO3Xz0rDQBAG8A89VAQRwT8XQaS9iArKZmabErM7sZWgHgQpCIL2KupdEOxzCAXfQvBRfAmfQbJgseBRsnPIB3vIXubHZNhkgSZN/jveXkLo9c/l6RljzKG2lJ0WPL/D0wdc0p9Zwm8QmkQC8ct0z9EILtkLGBWgwm5A7KkOkHMLENPGEW/rAFXxfB8QakAFP+jqkJg2PJ/pmaFBuo68u68DVMXTra4ZEnpCdrCmB5Qnh3BU6gCVnRZ6vSUcUxoH1DfLEPqCUB6eq+KOLzAczsPzJ4Rv6u+MM6vT/dqHufwFOTeLEHqMDxE+QWEH8SHOXoWDLzpE0i3kdicUjgoZh+J3Cl4Nd8N/cnSIp2tk2Up8iNAuHG+Gwywq5OfLrKMjNIoMIQX3Jq/pRtmkCWbyDYJ9v93K/YKSAAAAAElFTkSuQmCC);
  */ /*
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAACfElEQVR4nO3dvYpTQRTA8aPgtqLgRyd2VqJE0GI1OWddC+VmzizcFb9AFCwFO21Mr08gPoIvIJb6CH7Ugtq7ggqKKHERBROyWbN3jrn/H9x+kj+ZyZ29OxEBAAAAAAAAAABzr1o+KK7XxG0grnfEdVXqM7tLD6t9UveIJH0ibt9HXF/F9aHU3f2lh9kOSS9Kss9jYvxx6Vtx7ZQe7nwbTk9Jv02OYb+irEnunig97Pk0dQwjSrwYRpR4MYwoM4yxOpsYtn4lfS/93vHZDbBNVrqHxPXjzGI4Uf6N66OZx3CibE59eqck+7JlQZyvxNNJenZrYxhrynRB7HojQZyFfmNcLzQWxJm+NhKk02wQ4yvxBNvWNweJEkfu3Ww8iDN9jXejs0NcnxaJkrijH61e3COuL4kSSV7eK8meF4uS+XsKUf4LfFICIkpARAmIKAFlvn3Fk4kSTyZKPJko8VS2r+g2y/B5Y0SKYq958j7a9OV2f+SYWq8q9kn5IHW90Pr3P1SUvp4aPSBIkekr6RXe+ljryeWx42m1qtCUlexk6ZceT1VqUdc1FvVQd+1276/xtFrFjWEcVeGtk/7S0dJvQRyZzcU4MjHiyMSIFcPtRbE1gwfoiBETn4xAiBEIMQIhRiDECPYPO0lfldsO6XEuyu8Y9YIkfUaMKPp6i5u+KAaD7eL6jmkqin73GDEiyUuX2JuKhMNnguF4phYeYJbYQp8OR/wFwyGYAaWl8xwTO68HKSfWjDhREjHiREnEiBMlEaOpH3T5NDmGveEHXZpS2WFxezwmxPCG8sHPZ33RsBU9IMmuittdcb0t2Wo5t7iLDgAAAAAAAAAAQDbnB3mcSOI5Tn/JAAAAAElFTkSuQmCC);
  background-size: cover;
  width: 45px;
  height: 50px;
  position:absolute;
  bottom:70px;
  left: calc(95vw - 18px);
}  */
/*
.bild1_bg::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNUlEQVR4nO3Xz0rDQBAG8A89VAQRwT8XQaS9iArKZmabErM7sZWgHgQpCIL2KupdEOxzCAXfQvBRfAmfQbJgseBRsnPIB3vIXubHZNhkgSZN/jveXkLo9c/l6RljzKG2lJ0WPL/D0wdc0p9Zwm8QmkQC8ct0z9EILtkLGBWgwm5A7KkOkHMLENPGEW/rAFXxfB8QakAFP+jqkJg2PJ/pmaFBuo68u68DVMXTra4ZEnpCdrCmB5Qnh3BU6gCVnRZ6vSUcUxoH1DfLEPqCUB6eq+KOLzAczsPzJ4Rv6u+MM6vT/dqHufwFOTeLEHqMDxE+QWEH8SHOXoWDLzpE0i3kdicUjgoZh+J3Cl4Nd8N/cnSIp2tk2Up8iNAuHG+Gwywq5OfLrKMjNIoMIQX3Jq/pRtmkCWbyDYJ9v93K/YKSAAAAAElFTkSuQmCC);
  background-size: cover;
  width: 35px;
  height: 35px;
  bottom: 0px;
  right: -8px;
  position: absolute;
}
*/
.handorgel__header__button::after {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABzElEQVR4nO2XzUrDQBDHB0XUq6DeFMWrINSdpqDdWb/wppeCnvsWehA9iK8hvoLUr8cQBC/SPkcvMgtpTdpkaz6aBOYHC0l2MzP//DebDYAgCIIgCIIgCELRGLwEwg4Y/KhEI+yArl8ERXjeIhjVB1KPYPChEo24VtUHrReGQlqtWTD4CaTegh0lResFWyvht609wFFtDYz6AVLv1qGycro1D0Y9A2EPDnc3xw/axw0g1R1xhtS1bdOGQnkHTqiurTWWcWJOvCXb+PwGZvKuHzgH5/Lz/luEyxmDT0DYhrwhbNtcPolExInxHeH3qVaby7p+4Jgc23cktQi3M69gVDOr+odxVdPG9slEhEuMnzgLZzhG+MHoLEW4nXkB01hPHZ9jcKxcRbjE8HzmlzPJajbuXp2nCNcCwCtMkh1B+F49DREuZ3i9J7yaOA6P9b8RUxfh+mgmFVKICJczTW8bSN1DFNzHY3wKFREn5qC+CoRnEAX38ZjSiAiIwd6IMxrPA87wMV8b9JdJRJwYfup/pxAfl9KJSZ1JtRUvk5jUW/GiiPrTnOjPruxiKikiPM2M+rKtEtMpiuPGChDegVG3sLezHDlOEARBEATIhF8cFz2Gg9blkwAAAABJRU5ErkJggg==);
  background-size: cover;
  width: 35px;
  height: 35px;
  position:absolute;
  right: 15px;
}
.handorgel__content {
	background-color:rgba(0, 65, 54, 0.08);
}
.handorgel__content p {
	color:rgba(0, 65, 54, 1);
}
.content-youtube figure {
	max-width:580px;
	margin-left:auto;
	margin-right:auto;
	border:3px solid white;
	border-radius:0;
	appearance:none;
}
.content-youtube button {
	cursor:pointer;
}
.content-youtube figure button {
	appearance:none;
	color:black;
	font-size: 0.86rem;
    line-height: 1rem;
}
.data-splash-screen span {
	color:black;
}
#tl_login_14 {
	max-width:400px;
}
.portrait-half img {
	height: 100%;
    max-width: none;
}
.bild1_bg {
	content:"";
	background-image:url(/files/pictures/Silvia_sitzend.webp);
	background-size:cover;
	background-position: 70% 10%;
	flex:1 2 40vw;
	height:calc(100vh - 90px);
	min-width:300px;
	margin:0.8rem;
	margin-top:1rem;
}
@media screen and (max-width:431px) {
	.bild1_bg {
		height: calc(49vh - 68px);
		margin-top:0.2rem;
	}
}
@media screen and (max-width:430px) {
	.einmitten1 {
		height: calc(54vh - 68px);
	}
}
@media screen and (min-width:431px) {
	.einmitten1 {
		height:calc(100vh - 145px);
	}
}
@media screen and (min-width:431px) and (min-height:460px) {
	.einmitten1 {
		height:calc(100vh - 145px);
		align-content:center;
	}
}	

.bild2_bg {
	content:"";
	background-image:url(/files/pictures/Speiseauslage_quer.webp);
	background-size:cover;
	background-position: 70% 40%;
	width: 95vw;
    margin-left: 1rem!important;
    height: 35vh;
    margin-top: 2rem;
}


.bild2_bg::after {
 content:"Über mich";
 font-size:3rem;
 padding:0.5rem 1rem;
 color:white;
 background-color: rgb(0, 65, 54, 0.75);
 position:relative;
 top:calc(35vh - 1.5rem);
 left:-1rem;
}

.einmitten2 {
	align-content: center;
	height:calc(65vh - 100px);
}
@media screen and (max-width:850px) {
.bild2_bg {
	content:"";
	background-image:url(/files/pictures/Speiseauslage_quer.webp);
	background-size:cover;
	background-position: 70% 40%;
	width: 95vw;
    height: 25vh;
    margin-top: 1rem;
    margin-left:1rem!important;
}
  .bild2_bg::after {
  content: "Über mich";
  font-size: 1.6rem;
  padding:0.5rem;
  top: calc(25vh - 1rem);
  left: -1rem;
}
.einmitten2 {
	align-content: center;
	height: calc(50vh - 40px);
}
}
@media screen and (max-width:480px) {
.bild2_bg {
	content:"";
	background-image:url(/files/pictures/Speiseauslage_quer.webp);
	background-size:cover;
	background-position: 70% 40%;
	width: 95vw;
    height: 25vh;
    margin-top: 1rem;
    margin-left:1rem!important;
}
  .bild2_bg::after {
  content: "Über mich";
  font-size: 1.6rem;
  padding:0.5rem;
  top: calc(25vh - 1rem);
  left: -1rem;
}
.einmitten2 {
	align-content: center;
	height: calc(55vh - 60px);
}
}

@media screen and (max-height:520px), (max-width:430px) {
	.remove-small {
	display:none;
}
}

.bild3_bg {
	content:"";
	background-image:url(/files/pictures/coffee.webp);
	background-size:cover;
	background-position: 100% 90%;
	width: 35vw;
	min-width: 200px;
	height: 70vh;       
}
@media screen and (max-width:430px) {
	.bild3_bg {
		height:30vh;
}
}

.bild4_bg {
	content:"";
	background-image:url(/files/pictures/Silvia_PC.webp);
	background-size:cover;
	background-position: 35% 30%;
	flex: 1 2 20vw;
	min-width: 200px;
	height: calc(80vh - 60px);
}
.einmitten4 {
	align-content:flex-start;
	height: calc(80vh - 60px);
}

@media screen and (max-width:461px) {
	.bild4_bg {
		height: 20vh;
	}
	.einmitten4 {
	align-content:flex-start;
	height: calc(60vh - 100px);
}
}