forked from markus/AMPERION_Webpage
Änderungern11080046
This commit is contained in:
parent
6cd592a3ff
commit
23aa8074ac
5 changed files with 194 additions and 161 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue