body{
    margin:0;
    background:#000;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    text-align:center;
}

.zeitblock{
    display:none;
}

#datum,
#uhrzeit{
    color:#ddd;
    font-size:clamp(0.75rem,min(1vw,1.6vh),1rem);
    white-space:nowrap;
}

#uhrzeit{
    color:#fff;
    font-weight:bold;
}

.seiten-icon{
    width:48px;
    height:48px;
    border-radius:6px;
}

.kopfzeile{
    display:flex;
    justify-content:center;
    align-items:center;
	margin:10px 0 10px;
}

.seiten-icon{
    width:48px;
    height:48px;
    margin-right:12px;
}

#datum{
    margin-right:12px;
}

main{
    max-width:1600px;
    margin:0 auto;
	padding-top:25px;
    padding-left:20px;
    padding-right:20px;
    padding-bottom:40px;	
}

.studio-bild{
    display:block;
    margin:0 auto 25px;
    width:auto;
    height:auto;
    max-width:min(90vw,1600px);
    max-height:70vh;
}

.coming{
    font-size:clamp(0.9rem,min(2vw,3vh),2rem);
    font-weight:bold;
    line-height:1.35;
    margin:10px 0 10px;
}

.impressum{
    border-top:1px solid #444;
    padding-top:20px;
    color:#888;
    font-size:clamp(1.0rem,min(1.2vw,1.5vh),1.2rem);
    line-height:1.5;
}

.impressum-seite{
    width:min(55vw,1200px);
    margin:0 auto;
    text-align:left;
    padding:40px 0;
	text-align:center;
}

.impressum-seite p{
    line-height:1.5;
}

.impressum-seite h2{
    margin-top:2rem;
    margin-bottom:0.8rem;
}

.impressum a{
    color: rgb(127, 127, 127);
    text-decoration: none;
}

.impressum a:hover{
    color: rgb(150, 210, 255);
    text-decoration: underline;
}

.impressum-seite a{
    color: rgb(127, 127, 127);
    text-decoration: none;
}

.impressum-seite a:hover{
    color: rgb(150, 210, 255);
    text-decoration: underline;
}

@media (max-width:600px){
    .kopfzeile{
        top:10px;
        right:10px;
        gap:8px;
    }

    .seiten-icon{
        width:38px;
        height:38px;
    }

    .zeitblock{
        font-size:0.7rem;
    }
}