25.095
Bearbeitungen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 47: | Zeile 47: | ||
border-radius: 6px; | border-radius: 6px; | ||
box-shadow: 0 0.3rem 0.8rem rgba(51,51,51,0.08); | box-shadow: 0 0.3rem 0.8rem rgba(51,51,51,0.08); | ||
} | |||
/* Header-Container mit Symbol und Logo */ | |||
.header-container { | |||
display: flex; | |||
align-items: center; | |||
margin-bottom: 1.5rem; | |||
} | |||
.symbol-container { | |||
flex: 1; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | } | ||
/* Copyright-Symbol */ | /* Copyright-Symbol */ | ||
.symbol { | .symbol { | ||
font-size: 80px; | font-size: 80px; | ||
font-weight: bold; | font-weight: bold; | ||
user-select: none; | user-select: none; | ||
color: rgba(0,0,0,0.7); | |||
} | |||
/* Vertikaler Trennstrich */ | |||
.divider { | |||
width: 1px; | |||
height: 80px; | |||
background-color: rgba(0,0,0,0.15); | |||
margin: 0 15px; | |||
} | |||
/* Logo-Bereich */ | |||
.logo { | |||
flex: 2; | |||
text-align: center; | |||
} | |||
.logo img { | |||
max-width: 100%; | |||
height: auto; | |||
max-height: 100px; | |||
} | } | ||
Zeile 64: | Zeile 95: | ||
border-radius: 6px; | border-radius: 6px; | ||
max-width: 100%; | max-width: 100%; | ||
} | |||
/* Hervorhebung */ | |||
.author, .highlight-marker { | |||
margin: 0 0 0.5rem 0; | |||
line-height: 1.7; | |||
border-bottom: 2px solid #80dbfb; | |||
font-weight: normal; | |||
} | } | ||
Zeile 103: | Zeile 142: | ||
.copyright-notice { | .copyright-notice { | ||
display: block; | display: block; | ||
} | } | ||
Zeile 140: | Zeile 170: | ||
border-top: 1px solid rgba(0,0,0,0.08); | border-top: 1px solid rgba(0,0,0,0.08); | ||
padding-top: 1rem; | padding-top: 1rem; | ||
text-align: right; | |||
} | } | ||
Zeile 162: | Zeile 193: | ||
@media screen and (max-width: 480px) { | @media screen and (max-width: 480px) { | ||
.header-container { | |||
flex-direction: column; | |||
} | |||
.divider { | |||
width: 80%; | |||
height: 1px; | |||
margin: 10px 0; | |||
} | |||
.symbol-container, .logo { | |||
flex: auto; | |||
width: 100%; | |||
} | |||
.detail-row { | .detail-row { | ||
flex-direction: column; | flex-direction: column; |