body{
    background-color: #FCFFD3;
    font-size: 20px;
}
#maindiv{
    margin: 0 auto;
    width: 45%;
    background-color: #FCFFD3;
    font-family: "Noto Serif CJK TC";
}
#Vdiv{
    text-align: center;
    margin-top: -60px;
    margin-bottom: -10px;
}
#Vbild{
    width: 70%;
}
#Fdiv{
    text-align: center;
}
#Fbild{
    width: 70%;
}
h1{
    text-align: center;
    color: #1D7FC9;
    letter-spacing: 3px;
    font-size: 38px;
}
h2{
    text-align: center;
    color: #1D7FC9;
    font-size: 24px;
}
p{
    text-align: center;
}
#RT{
    color: #1D7FC9;
    font-size: 24px;
    font-weight: bold;
    font-style: italic;
}
summary {
    list-style-type: none; 
}

#UeberMich:hover,#Impressum:hover,#Datenschutz:hover{text-decoration: underline}

.linksz{
    text-align: left;
}
h3{
    font-size: 20px;
}

@media screen and (max-width:1620px){ 
    #br{display: none;}
    summary {list-style-type: none;}
}

@media screen and (max-width:1255px){
    .br{display: none;}
    #Vbild{width: 100%;}
    summary {list-style-type: none;}
}
@media screen and (max-width:1000px){
    #maindiv{width: 90%;}
    #Vbild{width: 70%;}
    #br{display: inline;}
    .br{display: inline;}
    summary {list-style-type: none;}
}
@media screen and (max-width:820px){
    #br{display: none;}
    summary {list-style-type: none;}
}
@media screen and (max-width:640px){
    .br{display: none;}
    summary {list-style-type: none;}
}