@font-face {
  font-family: 'MyCalibri';
  src: url('../fonts/MyCalibri/MyCalibri.eot#iefix') format('embedded-opentype'), 
   url('../fonts/MyCalibri/MyCalibri.woff') format('woff'), 
   url('../fonts/MyCalibri/MyCalibri.ttf')  format('truetype');
}

@font-face {
  font-family: 'Delius';
  font-style: normal;
  font-weight: 800;
  src: url(../fonts/Delius/Delius-Regular.ttf) format('truetype');
}

:root {
	--farbehintergrundbody: rgb(254, 251, 231);
	--farbemenuhintergrund: rgb(218, 229, 208);
	--farbemenuaktiv: rgb(160, 188, 194);
	--farbeklappmenuhintergrund: rgb(218, 229, 208);
	--farbeschrift: rgb(40, 58, 62);
}

body {
	margin: 0;
	padding: 0;
	background: var(--farbehintergrundbody);
}

.menuleiste {
	background: var(--farbemenuhintergrund);
}	

a.selected {
   background: var(--farbemenuaktiv);
}

#menue {
	background: var(--farbeklappmenuhintergrund);
}

html, body, h1, h2, h3, h4, h5, h6 {
  font-family:  Delius, Arial, Geneva, sans-serif;
  color: var(--farbeschrift);
  margin-top: 0;
  padding-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -1px;
}

p {
	font-family: MyCalibri, sans-serif;
	font-size: large;
	color: var(--farbeschrift);
} 

footer {
	padding-bottom: 20ex;
	padding-right: 10px;
}

img.max500 {
	max-height: 500px;
}

img.banner {
    width: 100%;	
}

img.liebling {
	max-height: 600px;
}

/*
  Slides auf betreuung.html
*/

.mySlides {
	display: none;
}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:20px;width:20px;padding:0}

.navknopf {
	color: var(--farbehintergrundbody);
	background: var(--farbemenuaktiv);
}