*{
	box-sizing: border-box;
}
body{
	background-color: rgb(241, 228, 222);
	margin: 0;
	padding-top: 64px;
	/* for a sticky footer:; */
	display: flex;
    min-height: 100vh;
    flex-direction: column;
};
/* still for a sticky footer: */
  main {
    flex: 1 0 auto;
  }
/*

HEADER

*/
header .row{
	margin-bottom: 0;
}
/*  LOGO  */
.nav-wrapper img{
	width: 50px;
	height: 45px;
	margin-top: 5px;
	margin-left: 20px;
}
/*  NAV  */
nav{
	background-color: lightgreen;
	height: 64px;
	position: fixed;
	color: rgb(75, 26, 20);
	width: 100%;
	top: 0;
}
/*  LINKS  */
.ul-li a{
	color: rgb(75, 26, 20);
}
/*

DROP DOWN MENU

*/
.dropdown-content{
   width: max-content !important;
   height:auto !important;
}
.dropdown-content li a{
	font-size: 1em;
	color: rgb(75, 26, 20);
}
/*

MAIN index.php

*/
/*  for all pages  */
h1{
	color: rgb(75, 26, 20);
	font-size: 1.63em;
	text-align: center;
	font-weight: bold;
}
h2{
	color: rgb(75, 26, 20);
	font-size: 1.5em;
}
h3{
	font-size: 1.4em;
	color: rgb(75, 26, 20);
}
h4{
	font-size: 1.25em;
	color: rgba(75, 26, 20);
}
h5, h6{
	font-size: 1.13em;
	color: rgba(75, 26, 20);	
}
h6{
	font-style: italic;	
}
p{
	font-size: 1em;
	color: rgba(75, 26, 20);
}
/*  for index.php  */
.main-index img{
	width: 100%;
	margin-bottom: 10px;
}
/*

SCROLLING PANEL

*/
.scrolling-text-panel{
	width: 97.5%;
	margin: 10px auto;
	background-color: rgba(75, 26, 20, .2);
  	overflow: hidden;
  	height: 40px;
  	border: 1px solid rgb(75, 26, 20);
  	box-shadow: 0.25em 0.25em 0.5em rgb(75, 26, 20);
  
}
/*  SCROLLING TEXT  */
.scrolling-text {
	width: 1500px;
  	margin: auto;
  	line-height: 40px;
  	white-space: nowrap;
  	
  	-webkit-animation:linear marquee 35s infinite ;
	-moz-animation:linear marquee 35s infinite ;
	-o-animation:linear marquee 35s infinite ;
	-ms-animation:linear marquee 35s infinite ;
	animation:linear marquee 35s infinite ;
}

/*  use the next code to avoid waiting that the text disappears completely,
before it restarts again*/
.scrolling-text:after {
	content:attr(data-text);
	white-space: wrap;
	padding-left:10px;
}

@-webkit-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@-moz-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@-o-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@-ms-keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
@keyframes marquee {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}
/* END OF SCROLLING TEXT */
/*

ueber-mich.php

*/
.main-ueber-mich{
	background-image: url(../img/bg-grey-boy_129580769.jpg);
	background-position: right;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	
}
.section-ueber-mich{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
.photo-ueber-mich img{
	width: 100%;
	height: 100%;
	border-radius: 90px;
}
.name-title{
	height: 282.797px;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.name-title h1{
	text-align: left;
}

.name-title h1, h2, h3{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 20px;
}
.photo-name{
	text-align: center;
}
.span-weight{
	font-weight: bold;
}
.list ul li{
	list-style: disc outside;
	margin-left: 1em;
	color: rgba(75, 26, 20);
}
/*

psychotherapie.php

*/
.main-psychotherapie{
	background-image: url(../img/bg-girl-dandelions-field_290871140.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-psychotherapie{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
/*

verhaltenstherapie.php

*/
.main-verhaltenstherapie{
	background-image: url(../img/bg-girl-dandelions-field_290871140.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-verhaltenstherapie{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
.name-title p{
	padding-left: 20px;
	font-style: italic;
}
/*

ablauf-kostenuebernahme.php

*/
.main-ablauf-kostenuebernahme{
	background-image: url(../img/bg-girl-dandelions-field_290871140.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-ablauf-kostenuebernahme{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
/*

patienteninformation-datenschutz.php

*/
.main-patienteninfo-datenschutz{
	background-image: url(../img/bg-girl-dandelions-field_290871140.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-patienteninfo-datenschutz{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
.section ol li{
	color: rgba(75, 26, 20);
	font-style: italic;
}
/*

kontakt.php

*/
.main-kontakt{
	background-image: url(../img/bg-boy-dandelions-field_188341658.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-kontakt{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
ol, ul{
	color: rgba(75, 26, 20);
}
.ol-kontakt li{
	list-style: square inside;
}
.kontakt-list li{
	color: rgba(75, 26, 20);
}
/*

praxis.php

*/
.carousel-slider {
	orientation: landscape;
}
.carousel-item>img{
	width: 100%;
	height: 100%;
}
.next, .prev{
	color: white;
	position: absolute;
	top: 45%;
	cursor: pointer;
}
.next{
	right: 0px;
}
.prev{
	left: 0px;
}
/*

impressum.php

*/
.main-impressum{
	background-image: url(../img/bg-boy-benoculars-dandelions-field_558002719.jpg);
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-impressum{
    background-color: rgba(241, 228, 222, 0.4);
    padding: 1em 1em;
}
/*

dateschutz.php

*/
.main-datenschutz{
	background-image: url(../img/bg-grey-boy_129580769.jpg);
	background-position: right;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
}
.section-datenschutz{
    background-color: rgba(241, 228, 222, 0.6);
    padding: 1em 1em;
}
.bold{
	font-weight: bold;
}
.section-paragraph p{
	margin: 0;
}
.ol-datenschutz li{
	list-style: disc;
	color: rgb(75, 26, 20);
}
/*

FOOTER

*/
footer{
	width: 100%;
	background-color: lightgreen;
}
footer .row{
	margin-bottom: 0;
}
.rm-logo{
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-rm-link img{
	width: 70px;
	/*to center the text, to the image, vertically:; */
	vertical-align: middle;	
}
footer .row p, i{
	color: rgb(75, 26, 20);
}