forked from markus/AMPERION_Webpage
Update300820252359
This commit is contained in:
parent
af6021b9cf
commit
4055e3ae54
17 changed files with 293 additions and 227 deletions
|
|
@ -2896,9 +2896,6 @@ section {
|
|||
color: #000 !important;
|
||||
transition: color 0.3s ease; }
|
||||
|
||||
.mehrwert-icon {
|
||||
filter: invert(74%) sepia(39%) saturate(2198%) hue-rotate(344deg) brightness(101%) contrast(92%); }
|
||||
|
||||
/* ========== Gründerteam & Intro-Text ========== */
|
||||
.container-fluid {
|
||||
max-width: 100%;
|
||||
|
|
@ -3072,55 +3069,52 @@ body {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: clamp(1.25rem, 3vw, 3.5rem);
|
||||
gap: clamp(1rem, 3vw, 3rem);
|
||||
/* etwas enger */
|
||||
flex-wrap: wrap;
|
||||
/* bricht sauber um */
|
||||
margin-top: clamp(4rem, 4vw, 6rem); }
|
||||
margin-top: clamp(3rem, 3vw, 5rem);
|
||||
/* kompakter */ }
|
||||
|
||||
.aff-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: clamp(0.75rem, 2vw, 1.25rem); }
|
||||
justify-content: center;
|
||||
gap: clamp(0.5rem, 1.5vw, 1rem); }
|
||||
|
||||
/* Linker Block (Ingenieurbüros etc.) */
|
||||
.aff-caption {
|
||||
margin: 0 0 .5rem 0;
|
||||
font-size: clamp(0.9rem, 1.2vw, 1rem);
|
||||
font-size: clamp(0.85rem, 1vw, 0.95rem);
|
||||
color: #6b7280;
|
||||
text-align: left; }
|
||||
|
||||
.aff-logos {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: clamp(0.5rem, 1.2vw, 1rem);
|
||||
gap: clamp(0.5rem, 1vw, 0.75rem);
|
||||
flex-wrap: wrap; }
|
||||
|
||||
.aff-logos img {
|
||||
max-height: clamp(100px, 3.2vw, 180px);
|
||||
/* Beide Logos gleich groß machen */
|
||||
.aff-logos img,
|
||||
.aff-right .aff-pva-logo {
|
||||
height: 120px;
|
||||
/* Desktop-Höhe */
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block; }
|
||||
display: block;
|
||||
object-fit: contain; }
|
||||
|
||||
/* Rechter Block: Nur Logo (klickbar) */
|
||||
/* Rechter Block: Nur Logo */
|
||||
.aff-right {
|
||||
display: flex;
|
||||
/* zentriert das Logo im Link */
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-decoration: none;
|
||||
color: inherit; }
|
||||
|
||||
.aff-right .aff-pva-logo {
|
||||
max-height: clamp(60px, 6vw, 120px);
|
||||
/* Logo-Größe hier steuern */
|
||||
width: auto;
|
||||
height: auto;
|
||||
display: block; }
|
||||
|
||||
/* Dezente Trennlinie zwischen links/rechts (nur Desktop) */
|
||||
@media (min-width: 900px) {
|
||||
.aff-right {
|
||||
padding-left: clamp(1rem, 2.5vw, 3rem);
|
||||
padding-left: clamp(0.75rem, 2vw, 2rem);
|
||||
border-left: 1px solid #e5e7eb; } }
|
||||
|
||||
/* Mobil: keine Trennlinie / kein Einzug */
|
||||
|
|
@ -3129,6 +3123,14 @@ body {
|
|||
border-left: 0;
|
||||
padding-left: 0; } }
|
||||
|
||||
/* Mobile-Optimierung für sehr kleine Screens */
|
||||
@media (max-width: 480px) {
|
||||
.aff-logos img,
|
||||
.aff-right .aff-pva-logo {
|
||||
height: 60px;
|
||||
/* kleinere Höhe auf Handy */
|
||||
width: auto; } }
|
||||
|
||||
/* Fokus-Style für Tastaturbedienung */
|
||||
.aff-right:focus-visible {
|
||||
outline: 2px dashed var(--amp-accent);
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue