/* 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}

    @font-face{
        font-family:'Soleil W01 Bold';
        src:url('1fonts/72f785a5-1060-4b4d-8759-8d20e91712be.woff2') format('woff2'), url('1fonts/53496adb-e93b-4a9c-8bf0-a7efa8e71d59.woff') format('woff')}
    @font-face{
        font-family:'Soleil W01 Light';
        src:url('1fonts/ea397af9-1bc7-493c-8c48-518f6615f50b.woff2') format('woff2'), url('1fonts/52b739ad-4398-461e-b8d5-96469ee653fc.woff') format('woff')}

body {background-color:rgb(33,50,76)}

body {margin-top: 0px; margin-bottom: 0px}

table.rahmen {margin: 0 auto; padding-top:14px; width: 1200px; background-color:rgb(255,255,255); border-spacing: 0px}

table.center {margin: 12px auto auto auto; width: 50%}
/* Das beeinflusst die Groesse des Handschrift-Logos*/

table.center2 {margin: 0 auto; width: 50%}
/* Das beeinflusst die Position des Computerschrift-Logos*/

img.unterschrift {width: 25%}

table.header {width:100%; margin: 0 auto; margin-top: 12px; margin-bottom: 8px; border-spacing: 0px}
img.header {margin:0px; width:100%} 

table.nav {width:100%; padding: 3px}

table.text {width:55%; margin: 0 auto}
table.leseproben {width:70%; margin: 0 auto}

a:link.logo {color: rgb(60,60,60); text-decoration: none; font-size: 30px; letter-spacing: 0.15em; line-height: 1em; font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif}
a:visited.logo {color: rgb(60,60,60); text-decoration: none; font-size: 30px; letter-spacing: 0.15em; line-height: 1em; font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif}
a:hover.logo {color: rgb(60,60,60); text-decoration: none; font-size: 30px; letter-spacing: 0.15em; line-height: 1em; font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif}


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

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


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


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

h1 {margin-top:36px; margin-bottom:20px; color: rgb(44,62,91); font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif; font-size: 36px; font-style: normal; font-weight: normal}
h2 {margin-top:32px; margin-bottom:10px; color: rgb(44,62,91); font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif; font-size: 28px; font-style: italic; font-weight: normal}


/*
dunkelblau: 33,50,78
mittelblau: 44,62,91
hellblau: 68,90,123
*/

p.markus {color: rgb(44,62,91); font-family: 'Soleil W01 Light', 'Avenir Book', Helvetica, 'Arial Narrow', Arial, sans-serif; font-size:24px; font-style: italic}

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

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

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

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

div.unterfeld {width:50%}

div.leseproben {padding:12% 0}



/* Großer Bildschirm */

/* Hinweis: alles gleich wie beim kleinen Bildschirm, da Website nicht mehr groesser wird */

body {background-color:rgb(33,50,76)}

table.center {width: 55%}
table.center2 {width: 55%}
img.unterschrift {width: 35%}

table.header {margin-top: 8px}

table.text {width:60%; margin: 0 auto}
table.leseproben {width:85%; margin: 0 auto}

a:link.logo {font-size: 30px}
a:visited.logo {font-size: 30px}
a:hover.logo {font-size: 30px}

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

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

span.nav {font-size:22px}


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

h1 {font-size: 28px}
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}

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

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

div.unterfeld {width:50%}

div.leseproben {padding:12% 0}


/* Normaler Bildschirm */

@media only screen and (max-width:1600px)
{
body {background-color:rgb(33,50,76)}

table.rahmen {width: 1200px}    

table.center {width: 55%}
table.center2 {width: 55%}
img.unterschrift {width: 35%}

table.header {margin-top: 8px}

table.text {width:60%; margin: 0 auto}
table.leseproben {width:85%; margin: 0 auto}

a:link.logo {font-size: 30px}
a:visited.logo {font-size: 30px}
a:hover.logo {font-size: 30px}

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

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

span.nav {font-size:22px}


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

h1 {font-size: 28px}
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}

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

a:link.leseprobea {font-size: 18px}
a:visited.leseprobea {font-size: 18px}
a:hover.leseprobea {font-size: 18px}  
  
div.unterfeld {width:50%}

div.leseproben {padding:12% 0}
}



/* Kleiner Bildschirm*/

@media only screen and (max-width:1200px)
{
body {background-color:rgb(33,50,76)}

table.rahmen {width: 100%}  
  
table.center {width: 55%}
table.center2 {width: 55%}
img.unterschrift {width: 35%}

table.header {margin-top: 7px}

table.text {width:60%; margin: 0 auto}
table.leseproben {width:85%; margin: 0 auto}

a:link.logo {font-size: 28px}
a:visited.logo {font-size: 28px}
a:hover.logo {font-size: 28px}

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

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

span.nav {font-size:22px}


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

h1 {font-size: 28px}
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}

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

div.unterfeld {width:50%}

div.leseproben {padding:12% 0}
}



/* Smartphones */

@media only screen and (max-width:900px)
{
body {background-color:rgb(33,50,76)}

table.rahmen {width: 100%}  
  
table.center {margin: 0 auto; width: 40%}
table.center2 {width: 70%}
img.unterschrift {width: 40%}

table.header {margin-top: 4px}

table.text {width:70%; margin: 0 auto}
table.leseproben {width:55%; margin: 0 auto}

a:link.logo {font-size: 27px}
a:visited.logo {font-size: 27px}
a:hover.logo {font-size: 27px}

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}

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

a:link.leseprobea {font-size: 18px}
a:visited.leseprobea {font-size: 18px}
a:hover.leseprobea {font-size: 18px}  
  
div.unterfeld {width:100%}

div.leseproben {padding:0 0}
}



@media only screen and (max-width:620px)
{
body {background-color:rgb(255,255,255)}

table.rahmen {width: 100%}  
  
table.center {width: 50%}
table.center2 {width: 80%}
img.unterschrift {width: 45%}

table.header {margin-top: 3px}

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

a:link.logo {font-size: 25px}
a:visited.logo {font-size: 25px}
a:hover.logo {font-size: 25px}

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}

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

a:link.leseprobea {font-size: 17px}
a:visited.leseprobea {font-size: 17px}
a:hover.leseprobea {font-size: 17px}  
  
div.unterfeld {width:100%}

div.leseproben {padding:0 0}
}



@media only screen and (max-width:500px)
{
body {background-color:rgb(255,255,255)}

table.rahmen {width: 100%}  
  
table.center {width: 60%}
table.center2 {width: 100%}
img.unterschrift {width: 50%}

table.header {margin-top: 1px}

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

a:link.logo {font-size: 23px}
a:visited.logo {font-size: 23px}
a:hover.logo {font-size: 23px}

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}
  
a:link.leseprobe {font-size: 16px}
a:visited.leseprobe {font-size: 16px}
a:hover.leseprobe {font-size: 16px}    

a:link.leseprobea {font-size: 16px}
a:visited.leseprobea {font-size: 16px}
a:hover.leseprobea {font-size: 16px}  
  
div.unterfeld {width:100%}

div.leseproben {padding:0 0}
}



@media only screen and (max-width:420px)
{
body {background-color:rgb(255,255,255)}

table.rahmen {width: 100%}  
  
table.center {width: 60%}
table.center2 {width: 100%}
img.unterschrift {width: 50%}

table.header {margin-top: 1px}

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

a:link.logo {font-size: 23px}
a:visited.logo {font-size: 23px}
a:hover.logo {font-size: 23px}

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}

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

a:link.leseprobea {font-size: 16px}
a:visited.leseprobea {font-size: 16px}
a:hover.leseprobea {font-size: 16px}    
  
div.unterfeld {width:100%}

div.leseproben {padding:0 0}
}