html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color:#F2F2F2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
} 

/* EIGENER CODE */     /*Gelb=#FFC000 grau=#A5A5A5 grün=#37CDCD Hintergrund:#F2F2F2 text Fusszeile: #d3c3e2 */

#seite 				{background-color:#F2F2F2; width:device-width;font-family:"Leelawadee UI";}

#logo				{float:left;margin-top:3vw}
#logo a				{padding:0;margin:0}
#logo img			{width:25vw;height:auto; float:left;}
#titel				{text-align:center;padding-top:3vw; margin-bottom:4vw}
#titel h1			{font-family:"Leelawadee UI"; font-size:7vw; font-variant:small-caps; color:#7F7F7F; display:table-cell; text-align:center;}
#titel h2			{clear:both;display:inline-block;font-family:"Leelawadee UI"; font-size:4.5vw; font-variant:small-caps; text-align:center; color:#7F7F7F; }
#telefon			{color:#7F7F7F;font-family:"Leelawadee UI"; font-size:2.5vw; padding:3vw; margin-top:20px; text-align:center; display:none}
#telefon p			{padding: 20px;margin-left:10vw;float: left;text-align:center}
#telefon a			{padding: 20px;margin-left:10vw;float: left;text-align:center}	

#navigation			{padding: 1vw 2vw 1vw 2vw}
#navigation a		{margin:0px 2vw 0px 2vw; width:7%; font-size:1.2vw; font-variant:small-caps; font-family:"Leelawadee UI"; font-weight:bolder; color:#7F7F7F; text-align:center; display:none}

#end-nav			{width:100%; clear:both;height:2.5vh}
.kein-bild			{margin-bottom:3vh}

#content			{text-align:center;background-color:#A5A5A5;margin:1vh 0.5vw 0.5vw 0;padding:1vw 1vw 1vw 1vw}
#content h2			{font-family:"Century Gothic"; font-weight:bolder;color:#7f7f7f; padding: 1vw 0 2vw 0;font-size:3vw}
#content p			{font-family:"Century Gothic"; color:#7f7f7f; font-size:2vw; padding: 1vw 0 1vw 0}
#content p a		{color:white;}

#aktuelles			{text-align:center;background-color:#FFC000;margin:1vh 0.5vw 0.5vw 0;padding:1vw 1vw 1vw 1vw}
#aktuelles h2		{font-family:"Century Gothic"; font-weight:bolder; color:#7f7f7f; padding: 1vw 0 0 0; font-size:3vw}
#aktuelles p		{font-family:"Century Gothic"; color:#7f7f7f7;font-size:2vw; padding: 1vw 0 1vw 0;}

#breitbild			{width:device-width;margin:1vh 0.5vw 0.5vw 0}
#breitbild	img		{height:25vh;width:100%;margin-bottom:1vw;object-fit:cover; object-position:top center;margin:2vh 0 0 0;}


#links				{background-color:#D3C3E2; color:#7f7f7f; font-family:"Century Gothic";margin:1vh 0.5vw 0.5vw 0;padding:2vw;}
#mitte				{background-color:#F7B990; color:#7f7f7f; font-family:"Century Gothic";margin:1vh 0.5vw 0.5vw 0;padding:2vw;}
#rechts				{background-color:#CCE6D8; color:#7f7f7f; font-family:"Century Gothic";margin:1vh 0.5vw 0.5vw 0;padding:2vw;}
#links h2, #mitte h2, #rechts h2 	{font-family:"Century Gothic"; font-weight:bolder; color:#7f7f7f; padding: 1vw 0 1vw 0; font-size:3vw}
#links p, #mitte p, #rechts p 		{font-family:"Century Gothic"; color:#7f7f7f; font-size:2vw; padding: 1vw 0 1vw 0}
#links li, #mitte li, #rechts li 	{list-style-type:disc;font-family:"Century Gothic";text-align:left;color:#7f7f7f;font-size:2vw;padding-bottom:1vw; margin-left:4vw}
#links td, #rechts td, #mitte td	{color:#7f7f7f; font-family:"Century Gothic";font-size:4.5vw;line-height:inherit}
#links table, #rechts table, #mitte table {margin-bottom: 1vw;}

#vorstellen			{margin:3vh 0.5vw 0.5vw 0}
#vorstellen figure		{margin:1vh 0.5vw 0.5vw 0;}
#vorstellen figure a	{margin:0; padding:0}
#vorstellen figure img 	{width:100%; height:auto;padding-bottom:1vw}
#vorstellen figcaption	{background-color:#d3c3e2;font-family:"Century Gothic"; color:white;text-align:center; padding-bottom:2vw;margin-bottom:1vw}
#vorstellen figure figcaption h2 {padding: 1vw 0 0 0; font-size:3vw}
#vorstellen figure figcaption p {font-size:2vw; padding: 2vw 0 2vw 0; line-height:1.5vw;font-family:"Century Gothic";}
#vorstellen figure figcaption a {font-size:1.5vw; padding: 1vw 0 1vw 0;font-family:"Century Gothic"; color:#7f7f7f}

.vor-screen {display:none}

#bild-cap			{margin:3vh 0 0.5vw 0}
#bild-cap figure	{margin:1vh 0 0.5vw 0;}
#bild-cap figure img	{width:100%; height:auto;padding-bottom:1vw}
#bild-cap figure figcaption	{background-color:#A5A5A5;font-family:"Century Gothic"; color:#7f7f7f;text-align:center; padding-bottom:2vw;margin-bottom:1vw }
#bild-cap figure figcaption h2 {padding: 1vw 0 0 0; font-size:3vw}
#bild-cap figure figcaption p {font-size:2vw; padding: 2vw 0 2vw 0; line-height:1.5vw;font-family:"Century Gothic";}

#ausbildung, #beruf, #studium	{margin:0 0vw 1vw 0;font-family:"Century Gothic";color:#7f7f7f}
#ausbildung h2, #beruf h2, #studium h2 {font-family:"Century Gothic"; font-weight:bolder; color:white; padding: 1vw 0 0 0; font-size:3vw}
#ausbildung			{background-color:#d3c3e2;}
#beruf				{background-color:#f7b990;}
#studium			{background-color:#cce6d8;}
#studium a			{color:#FFC000;text-align:center;margin-left:8vw;font-size:1.6vw;}

.bewerbung p		{line-height:1.5vw}

#ausbildung table td, #beruf table td, #bild-cap table td, #studium table td {font-family:"Century Gothic"}

.mst-clmn			{width: 25vw;}

#titelbild-detail		{width:device-width;margin:1vh 0.5vw 0.5vw 0}
#titelbild-detail iframe{height:25vh;width:100%;margin-bottom:1vw;object-fit:cover; object-position:top center;margin:2vh 0 0 0;}

#titelbild			{margin:1vh 0.5vw 0.5vw 0}
#titelbild img		{width:100%; height:auto;margin:2vh 0 0 0;}

#kopfleiste			{background-color:#cce6d8; height:12vw; clear:both; width:100%; position:absolute;}

/*Smartphone Menu - Start */
#kopfleiste a		{clear: both;font-size:10vw;padding:1vw 0 1vw 0; font-variant:small-caps; font-family:"Leelawadee UI"; font-weight:bolder; color:#7f7f7f; text-align:left;margin-left:3vw;text-decoration:none;}
#myLinks			{display:none;background-color:#F2F2F2; width:75vw; height:100vh;margin-top:2vw;padding-right:3vw}
#myLinks	a		{color:#7F7F7F;float:left;padding: 20px;text-align:center;font-size:6vw}
#myLinks .sub-nav	{font-size:4vw;margin-left:5vw;font-variant:normal}

/*Smartphone Menu - Ende */

#fusszeile			{background-color:#d3c3e2; height:7vh; clear:both; text-align:center; vertical-align:middle;margin:1vh 0.5vw 0.5vw 0}
#fusszeile p		{color:#7f7f7f; font-family:"Leelawadee UI"; font-size:1.5vh; font-variant:small-caps; padding: 2vw 0 2vw 0}

#topnav				{background-color:#800040; height:40px; margin-top:10px;}

/*Formular*/
form {text-align:left; margin:20px; font-family:Leelawadee;}

label, submit, input, textarea, select, option {border:0; padding:0; margin:0;}
label {float: left; width:150px; text-align:right; display:block; margin-top:5px; background:none;}
input, textarea, select {border:1px black solid; margin-left:10px; padding:5px; background:white;}
input, select { width:280px; margin-bottom:16px;}
textarea {width:280px; height:100px; margin-bottom:16px; font-family:Leelawadee;}
select {}
.submit {
	width:140px; height:30px;
	margin-left:200px;
	font-size:15px;
	background:silver;
	color:#800040;
	font-family:Leelawadee;
	font-weight:bold; }