body {font-family:verdana,sans;font-size:100.1%;margin:0;background-color:#008;}
html {scroll-behavior:smooth;}
header {position:fixed; top:0; left:0; width:100%; text-align:center;background-color:transparent;z-index:1;}
header a{color:black;font-size:120%; font-weight:bold; text-decoration:none; margin:0 3% 0 0;}
header a:hover{color:blue;}
.inheader {border:solid 1px silver; max-width:900px; padding:8px 0 8px 0; margin:0 auto 0 auto; background-color:#abe;}

a{color: #00AA00;font-weight:bold;}
p {text-align:justify;line-height:1.5;}
h1 {text-align:center;font-size:222%;color:#009;font-variant:small-caps;}

.inhalt{display:block; margin:0 auto 0 auto; border:solid 1px silver; max-width:900px;}
.frame1, .frame2, .frame3 {position:relative; display:block; background-color:transparent; padding:8px 2% 8px 2%; margin:0px;border:none;border-radius:0px;}
.frame2{padding:0;}

iframe{margin:0px;border:none;height:1550px;width:100%;overflow:hidden;}
img{border:solid 1px silver;padding:3px;}
#cds h2{text-align:center;font-size:200%;font-weight:normal;text-shadow:3px 3px 9px #999;}
#cds h3{text-align:center;font-weight:normal;font-variant:small-caps;font-size:120%;text-shadow:3px 3px 9px #999;}
#cds img{display:block;height:90%;width:90%;max-width:550px;padding:8px;margin-left:auto;margin-right:auto;border:solid 1px silver;box-shadow:0px 10px 18px #666;border-radius:16px;}
video, #media img{display:block;padding:8px;margin:0 auto 5% auto;border:solid 1px silver;box-shadow:0px 10px 18px #666;border-radius:16px; width:100%; max-width:550px;}
#media h2{text-align:center;}
#media img{width:100%;height:100%;max-width:450px;}
#mail{font-size:150%; color:brown;}

.box0,.box1{height:auto;width:auto;border:none 1px silver;background-color:#fff;padding:3%;padding-top:0;margin-bottom:0;}
.box1{background-color:#fff;}
.clear{clear:left;}
.comment{margin:0;color:#888;}

@media all and (max-width: 420px) {
body {background-color:transparent;font-size:14px;}
#cds h2 {font-size:170%;}
#cds h3 {font-size:100%;}
#mail {font-size:130%;}
}