markus/AMPERION_Webpage
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Änderungern11080046

Browse source
This commit is contained in:
astosic 2025-08-12 00:46:57 +02:00
parent 6cd592a3ff
commit 23aa8074ac
5 changed files with 194 additions and 161 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2595,7 +2595,6 @@ section {
.service-content {
flex: 1; }
.service-icon,
.service-image {
margin: 0; }
@ -2704,7 +2703,7 @@ section {
font-size: 1rem;
color: #333; }
/* ========== WHY AMPERION – Grid + Cards (ohne Link-Gefühl, mit Icon-Animation) ========== */
/* ========== WHY AMPERION ========== */
.why-grid {
display: grid;
gap: 2rem;
@ -3344,7 +3343,6 @@ body {
.cta__lead {
margin: .9rem auto 0;
color: #0f172a;
font-size: clamp(1.2rem, 2.8vw, 1.7rem);
line-height: 1.55;
max-width: 58rem;
position: relative;
@ -3493,16 +3491,21 @@ body {
border-radius: 999px; }
/* About-Intro: Video ohne abgerundete Ecken */
/* About-Intro: Video mit weichen Kanten */
.intro-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block; }
display: block;
border-radius: 12px;
/* Weiche Kanten */ }
.intro-media, .intro-video {
border-radius: 0 !important; }
.intro-media {
overflow: hidden;
/* sorgt dafür, dass der Radius auch das Video schneidet */
border-radius: 12px;
/* gleicher Radius wie Video */ }
/* überschreibt evtl. globale Styles */
/* ========================================
ABOUT PAGE STYLES
======================================== */
@ -3528,64 +3531,57 @@ body {
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.05);
object-fit: cover; }
/* 2) Mission/Vision/Ziel: Tabs & Inhalt wie auf Index */
.mission-section .mission-tabs {
border-bottom: 1px solid #eaeaea;
margin-bottom: 1rem; }
.mission-section .mission-tabs .nav-link {
border: 0;
padding: .5rem 1rem;
font-weight: 600;
color: #046e6e;
opacity: .7; }
.mission-section .mission-tabs .nav-link.active, .mission-section .mission-tabs .nav-link:hover {
opacity: 1;
border-bottom: 2px solid #046e6e;
background: transparent; }
.mission-section .mission-tab-content .tab-inner {
background: #fff;
border: 1px solid #eee;
border-radius: .75rem;
padding: 1.25rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); }
.mission-section .mission-tab-content .tab-inner p {
margin-bottom: .9rem; }
.mission-section .mission-tab-content .tab-inner p:last-child {
margin-bottom: 0; }
/* 3) „Was uns auszeichnet“: Grid andocken an bestehende Service-Cards */
.why-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.25rem; }
@media (max-width: 992px) {
.why-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 576px) {
.why-grid {
grid-template-columns: 1fr; } }
.service-card {
background: #fff;
border: 1px solid #eee;
border-radius: .75rem;
padding: 1.25rem;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
text-align: center;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); }
.service-card .service-icon {
width: 48px;
height: 48px;
margin: 0 auto .5rem;
/* ===========================
Mission / Vision / Ziel
=========================== */
.mission-section {
/* Wrapper sauber mittig + schmaler */
/* Tabs */
/* Inhalt – sofortiger Wechsel, p-Standard */ }
.mission-section .mission-tabs-wrapper {
max-width: 920px;
margin-inline: auto; }
.mission-section .mission-tabs {
border-bottom: 1px solid #eaeaea;
margin-bottom: 1rem;
text-align: center; }
.mission-section .mission-tabs .nav-link {
border: 0;
padding: .45rem .9rem;
color: #046e6e;
opacity: .7;
background: transparent;
cursor: pointer;
transition: all .2s ease; }
.mission-section .mission-tabs .nav-link:hover {
opacity: 1;
color: #F5A623;
/* Hover Orange */
border-bottom: 2px solid #F5A623; }
.mission-section .mission-tabs .nav-link.active {
opacity: 1;
color: #046e6e;
/* aktiv Türkis */
border-bottom: 2px solid #046e6e; }
.mission-section .mission-tab-content .tab-pane {
display: none; }
.mission-section .mission-tab-content .tab-pane.active {
display: block; }
.service-card .service-card-title {
font-weight: 700;
margin-bottom: .35rem; }
.service-card .service-card-description {
margin: 0; }
.mission-section .mission-tab-content .tab-inner {
background: #fff;
border: 1px solid #eee;
border-radius: .75rem;
padding: 1.25rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04); }
.mission-section .mission-tab-content .tab-inner p:last-child {
margin-bottom: 0; }
/* Kleinere Bildschirme: etwas kompakter */
@media (max-width: 576px) {
.mission-section .mission-tabs .nav-link {
padding: .4rem .7rem; }
.mission-section .mission-tabs-wrapper {
max-width: 100%; } }
/* 4) Team-Block: Karten & Bild */
.team-image {