/* Smartphones angeblich besser in em, hab aber keine angaben gefunden */
  /* 40em = 640px / 16px */
@media (width <= 767px) {

  
}

/* Tablets */
@media (768px <= width <= 1023px) {

  
}

/* Desktops */
@media (width >= 1024px) {
  
p {
        width: 50vw;
    }

}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Open Sans, Source Sans Pro, arial, sans-serif; 
    background-color: #6F90BE;
    color: ;
    text-align: center; 
    font-size: 110%;
    margin-top: 10px;
    margin-right: auto; /* Abstand rechts */
    margin-bottom: 10px;
    margin-left: auto; /* Abstand links */
}

header
{       
    width: 100%;
    border-bottom: 1px solid aliceblue;
    text-align: left;
    font-size: 50%;
    color: #ffd700;
    margin-top: 10pt;
    margin-right: auto; /* Abstand rechts */
    margin-left: 10px; /* Abstand links */    
} 

#logo {
    border: 1px solid black;
    height: 50pt;
}

#logo_ohne {
    border: 1px;
    height: 50pt;
}

table {
    width: 100%; 
    display: center;
    margin: .1em auto auto;
    border: px solid #0bf00b;
    border-collapse: solid;
    font-family: Open Sans, Source Sans Pro, arial, sans-serif;
    font-size:80%;
    text-align: ;
    border-spacing: .1em;
}
      
caption {
    font-size: 120%;
    color: gold;
    background-color: 0;
}


th, td {
    padding: .7em .5em;
    border-radius: .1em;  
}  

thead th {
  background-color: #ffebe6;
  color: #c32e04;
}

td {
  width:;
  font-style: ;
  text-align: ;
  box-shadow: none;
}   
      
td:empty  {
  box-shadow: none;
}
     
a:link  {
color: aliceblue;
text-decoration: none;
}
     
a:visited  {
color:aliceblue;
text-decoration:;
}
     
a:focus  {
color:#ffd700;
font-weight:;
font-feature-settings: 
font-size: em;
text-decoration:none;
}
     
a:hover {
color:gold;
font-weight:;
letter-spacing: em;
font-size: em;
text-decoration:underline;
} 
     
a:active {
color:gold;
font-weight:;
font-feature-settings: 
font-size: ;
text-decoration:none;
}

p {   
    font-size: 120%;
    color: #ffd700;
    text-align: center;
    margin-top: 1pt;
    margin-right: auto; /* Abstand rechts */
    margin-bottom: 1px;
    margin-left: auto; /* Abstand links */    
}        
     

#bild {
    width: 90%;
    height: auto;  
     
}

.auswahlbild /* Formatierung von Bildern in Tabelle */
{
    border-width: .2em;  
    border-color: black;
    border-radius: ; /* dann wird's rund */
    width: px;
    height: ;
    object-fit: cover;
    object-position: center 
}

h1 /* Jahreszahl */
{
color:aliceblue;
text-shadow: ; 
text-align: center;
font-size: 120%;
text-decoration:;
font-weight:500;
letter-spacing: em;
padding-top: em;
margin-bottom: em;
}

h2 /* Jahreslink links */
{
color: ;
text-align: left;
font-size: 100%;
font-weight:500;
letter-spacing: em;
text-decoration: 0;
padding-top: em;
padding-left: em;
padding-bottom: em;
margin-top: em;
margin-bottom: em;
margin-left: em;
}

h3 /* Jahreslink rechts */
{
color: ;
text-align: right;
font-size: 100%;
text-decoration:;
font-weight:600;
letter-spacing: em;
padding-top: em;
padding-right: em;
padding-bottom: em;
}

h4 /* Ort */
{
color: aliceblue;
text-align: center;
font-size: 120%;
font-weight:500;
letter-spacing: em;
text-decoration:;
padding-top: em;
padding-left: em;
padding-bottom: em;
}

h5 /* Best of */
{
color: ;
text-align: center;
font-size: 120%;
font-weight: 500;
letter-spacing: em;
text-decoration:;
margin-bottom: 1.0em;
}