/* Alles auf Null stellen*/
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, a, img, table, tr, td {margin:0px; padding:0px; border:0px none;}

body {background-color:rgb(255,255,255)}

body {margin-top: 15px; margin-bottom: 50px}


table.center {margin: 0 auto; width:500px}
/* Das beeinflusst die Groesse des Logos*/

table.header {width:100%; margin: 0 auto; margin-top:20px; margin-bottom: 15px}
img.header {margin:0px; width:100%} 

table.nav {width:100%}

table.text {width:80%; margin: 0 auto}

a:link.nav {color: rgb(60,60,60); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.nav {color: rgb(60,60,60); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.nav {color: rgb(240,148,12); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}

a:link.nava {color: rgb(240,148,12); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.nava {color: rgb(240,148,12); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.nava {color: rgb(240,148,12); text-decoration: none; font-size: 28px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}


span.nav {font-size:28px}
span.orange {color: rgb(240,148,12)}


* {color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.5em; font-size: 20px}
p {color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.6em; font-size: 20px}

h1 {margin-top:28px; margin-bottom:12px; color: rgb(240,148,12); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; font-size: 36px; font-style: normal; font-weight: normal}
h2 {margin-top:36px; margin-bottom:6px; color: rgb(240,148,12); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; font-size: 28px; font-style: italic; font-weight: normal}

p.markus {margin-top:6px; color: rgb(0,0,0); font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif; line-height: 1.5em; font-size:24px; font-style: italic}

a:link.text {color: rgb(240,148,12); text-decoration: none; font-size: 20px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:visited.text {color: rgb(240,148,12); text-decoration: none; font-size: 20px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}
a:hover.text {color: rgb(240,148,12); text-decoration: underline; font-size: 20px; font-family: 'Avenir Book', 'Arial Narrow', Arial, sans-serif}


div.feld {display:flex; flex-wrap: wrap; width:100%}

div.unterfeld {width:50%}


/* Kleiner Bildschirm*/
@media only screen and (max-width:1600px)
{
table.center {width:400px}

table.text {width:80%; margin: 0 auto}

a:link.nav {font-size: 24px}
a:visited.nav {font-size: 24px}
a:hover.nav {font-size: 24px}

a:link.nava {font-size: 24px}
a:visited.nava {font-size: 24px}
a:hover.nava {font-size: 24px}

span.nav {font-size:24px}


* {font-size: 18px}
p {font-size: 18px}

h1 {font-size: 34px}
h2 {font-size: 24px}


p.markus {font-size:20px}

a:link.text {font-size: 18px}
a:visited.text {font-size: 18px}
a:hover.text {font-size: 18px}

div.unterfeld {width:50%}
}




/* Smartphones & Co */



@media only screen and (max-width:900px)
{
table.center {width:360px}

table.text {width:80%; margin: 0 auto}

a:link.nav {font-size: 19px}
a:visited.nav {font-size: 19px}
a:hover.nav {font-size: 19px}

a:link.nava {font-size: 19px}
a:visited.nava {font-size: 19px}
a:hover.nava {font-size: 19px}

span.nav {font-size:19px}


* {font-size: 18px}
p {font-size: 18px}

h1 {font-size: 26px}
h2 {font-size: 22px}


p.markus {font-size:24px}

a:link.text {font-size: 18px}
a:visited.text {font-size: 18px}
a:hover.text {font-size: 18px}

div.unterfeld {width:100%}
}





@media only screen and (max-width:620px)
{
table.center {width:340px}
    
table.text {width:80%; margin: 0 auto}

a:link.nav {font-size: 18px}
a:visited.nav {font-size: 18px}
a:hover.nav {font-size: 18px}

a:link.nava {font-size: 18px}
a:visited.nava {font-size: 18px}
a:hover.nava {font-size: 18px}

span.nav {font-size:18px}


* {font-size: 17px}
p {font-size: 17px}

h1 {font-size: 24px}
h2 {font-size: 20px}


p.markus {font-size:22px}

a:link.text {font-size: 17px}
a:visited.text {font-size: 17px}
a:hover.text {font-size: 17px}

div.unterfeld {width:100%}
}



@media only screen and (max-width:500px)
{
table.center {width:320px}

table.text {width:90%; margin: 0 auto}

a:link.nav {font-size: 17px}
a:visited.nav {font-size: 17px}
a:hover.nav {font-size: 17px}

a:link.nava {font-size: 17px}
a:visited.nava {font-size: 17px}
a:hover.nava {font-size: 17px}

span.nav {font-size:17px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 22px}
h2 {font-size: 19px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}

div.unterfeld {width:100%}
}


@media only screen and (max-width:420px)
{
table.center {width:300px}

table.text {width:90%; margin: 0 auto}

a:link.nav {font-size: 17px}
a:visited.nav {font-size: 17px}
a:hover.nav {font-size: 17px}

a:link.nava {font-size: 17px}
a:visited.nava {font-size: 17px}
a:hover.nava {font-size: 17px}

span.nav {font-size:17px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 22px}
h2 {font-size: 19px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}

div.unterfeld {width:100%}
}



@media only screen and (max-width:380px)
{
table.center {width:280px}

table.text {width:90%; margin: 0 auto}

a:link.nav {font-size: 17px}
a:visited.nav {font-size: 17px}
a:hover.nav {font-size: 17px}

a:link.nava {font-size: 17px}
a:visited.nava {font-size: 17px}
a:hover.nava {font-size: 17px}

span.nav {font-size:17px}


* {font-size: 16px}
p {font-size: 16px}

h1 {font-size: 22px}
h2 {font-size: 19px}


p.markus {font-size:20px}

a:link.text {font-size: 16px}
a:visited.text {font-size: 16px}
a:hover.text {font-size: 16px}

div.unterfeld {width:100%}
}