astosic/AMPERION_Webpage
1
0
Fork 0
forked from markus/AMPERION_Webpage
Code Pull requests Activity

Update300820252359

Browse source
This commit is contained in:
astosic 2025-08-31 00:22:16 +02:00
parent af6021b9cf
commit 4055e3ae54
17 changed files with 293 additions and 227 deletions
Download patch file Download diff file Expand all files Collapse all files

2
resources/_gen/assets/scss/style.scss_36bc4e0ffe4a90eb34a36b045730109f.content
View file

File diff suppressed because one or more lines are too long

48
resources/_gen/assets/scss/style.scss_d9077b5cab49df084fb1a39ad4b1e75d.content
View file

@ -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);