/* BeeConnect – Website, Stylesheet (Stand 22.10.2026)
Eine Schrift (Manrope, lokal, OFL), wenige Farben: Honig, Anthrazit, Papier.
Keine externen Ressourcen, keine Cookies. */
@font-face {
font-family: Manrope;
src: url("data:font/woff2;base64,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") format("woff2"); /* Manrope, SIL OFL 1.1 – Lizenz: assets/manrope-OFL.txt (inline, damit es auch per file:// lädt) */
font-weight: 400 800;
font-display: swap;
}
:root {
--brand: #00a0d2;
--brand-2: #33b5dd;
--brand-soft: #e3f4fa;
--brand-deep: #007ba3; /* nur für kleine Akzente auf hellem Grund (AA) */
--ink: #282828;
--ink-2: #3a3f45;
--mute: #6b6c69;
--paper: #f4f8fa;
--paper-2: #e9eff3;
--line: #dbe3e9;
--night: #16191c;
--night-2: #1f2327;
--white: #fff;
--r-lg: 28px;
--r-md: 22px;
--r-sm: 14px;
--gutter: clamp(16px, 4vw, 32px);
--ease: cubic-bezier(0.16, 1, 0.3, 1);
--shadow: 0 30px 60px -30px rgba(21, 24, 27, 0.28);
}
*,
*::before,
*::after { box-sizing: border-box; }
html {
scroll-behavior: smooth;
scroll-padding-top: 96px;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
background: var(--white);
color: var(--ink);
font-family: Manrope, "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
line-height: 1.6;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
h1, h2, h3, h4, p, figure, ol, ul { margin: 0; }
ol, ul { padding: 0; list-style: none; }
a { color: inherit; text-decoration: none; }
img, svg, canvas { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; background: none; border: 0; padding: 0; }
[hidden] { display: none !important; }
::selection { background: var(--brand-2); color: var(--ink); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible {
outline: 3px solid var(--brand);
outline-offset: 4px;
border-radius: 6px;
}
.ico {
width: 20px;
height: 20px;
flex-shrink: 0;
fill: none;
stroke: currentColor;
stroke-width: 1.7;
stroke-linecap: round;
stroke-linejoin: round;
}
.sr-only {
position: absolute !important;
width: 1px; height: 1px;
overflow: hidden; clip: rect(0 0 0 0);
white-space: nowrap;
}
.skip {
position: fixed; left: 12px; top: -60px; z-index: 100;
background: var(--ink); color: var(--white);
padding: 10px 18px; border-radius: 99px; font-weight: 700;
transition: top 0.2s;
}
.skip:focus { top: 12px; }
.wrap {
width: 100%;
max-width: 1320px;
margin-inline: auto;
padding-inline: var(--gutter);
}
/* ---------- Markierungen (derzeit ungenutzt) ---------- */
.todo {
display: inline-block;
margin-left: 0.35em;
padding: 0 0.45em;
border: 1px dashed currentColor;
border-radius: 6px;
font-size: 0.72em;
font-weight: 700;
letter-spacing: 0.02em;
line-height: 1.5;
vertical-align: 0.15em;
opacity: 0.85;
white-space: nowrap;
}
.todo-block {
margin-top: 14px;
padding: 10px 14px;
border: 1px dashed var(--brand-deep);
border-radius: 12px;
background: var(--brand-soft);
color: var(--ink-2);
font-size: 13px;
line-height: 1.5;
}
/* ---------- Typografie ---------- */
.kicker {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.kicker-line { display: flex; align-items: center; gap: 12px; color: var(--mute); }
.kicker-line::before { content: ""; width: 24px; height: 1px; background: currentColor; opacity: 0.6; }
.display {
font-size: clamp(3rem, 8.6vw, 8.2rem);
line-height: 0.94;
font-weight: 800;
letter-spacing: -0.055em;
}
.h2 {
font-size: clamp(2.2rem, 4.8vw, 4.3rem);
line-height: 1;
font-weight: 700;
letter-spacing: -0.045em;
}
.h3 {
font-size: clamp(1.4rem, 2.2vw, 1.7rem);
line-height: 1.12;
font-weight: 700;
letter-spacing: -0.03em;
}
.lead { font-size: 17px; line-height: 1.65; color: var(--ink-2); max-width: 34rem; }
.muted { color: var(--mute); }
.hl {
background: linear-gradient(transparent 62%, var(--brand) 62%, var(--brand) 92%, transparent 92%);
padding-inline: 0.06em;
}
/* Wort-für-Wort-Reveal für Überschriften */
.split .ln { display: block; }
.split .w {
display: inline-block;
overflow: hidden;
padding-bottom: 0.12em;
margin-bottom: -0.12em;
vertical-align: bottom;
}
.split .w > span {
display: inline-block;
transform: translateY(108%);
transition: transform 1s var(--ease);
transition-delay: calc(var(--i, 0) * 60ms);
}
.split.in .w > span { transform: none; }
.no-js .split .w > span { transform: none; }
.reveal {
opacity: 0;
transform: translateY(28px);
transition: opacity 0.9s var(--ease), transform 0.9s var(--ease);
transition-delay: var(--d, 0ms);
}
.reveal.in { opacity: 1; transform: none; }
.no-js .reveal { opacity: 1; transform: none; }
/* ---------- Buttons ---------- */
.btn {
position: relative;
display: inline-flex;
align-items: center;
gap: 12px;
height: 50px;
padding: 0 7px 0 24px;
border-radius: 999px;
font-size: 15px;
font-weight: 700;
white-space: nowrap;
overflow: hidden;
transition: background-color 0.3s, color 0.3s, box-shadow 0.3s, transform 0.3s var(--ease);
}
.btn .lbl { position: relative; display: block; overflow: hidden; }
.btn .lbl span { display: block; transition: transform 0.5s var(--ease); }
.btn .lbl span + span { position: absolute; inset: 0; transform: translateY(100%); }
.btn:hover .lbl span:first-child { transform: translateY(-100%); }
.btn:hover .lbl span + span { transform: none; }
.btn .dot {
display: grid; place-items: center;
width: 36px; height: 36px; border-radius: 50%;
transition: transform 0.5s var(--ease);
}
.btn:hover .dot { transform: rotate(45deg); }
.btn .dot .ico { width: 17px; height: 17px; }
.btn-brand { background: var(--brand); color: var(--ink); box-shadow: 0 12px 30px -12px rgba(0, 160, 210, 0.75); }
.btn-brand:hover { background: var(--brand-2); }
.btn-brand .dot { background: var(--ink); color: var(--brand); }
.btn-ink { background: var(--ink); color: var(--white); }
.btn-ink:hover { background: #000; }
.btn-ink .dot { background: var(--brand); color: var(--ink); }
.btn-white { background: var(--white); color: var(--ink); }
.btn-white:hover { background: var(--brand-soft); }
.btn-white .dot { background: var(--ink); color: var(--brand); }
.btn-ghost { border: 1px solid var(--line); background: var(--white); color: var(--ink); }
.btn-ghost:hover { border-color: rgba(27, 31, 35, 0.35); }
.btn-ghost .dot { background: var(--ink); color: var(--white); }
.on-dark .btn-ghost { background: transparent; border-color: rgba(255, 255, 255, 0.28); color: var(--white); }
.on-dark .btn-ghost:hover { border-color: rgba(255, 255, 255, 0.65); }
.on-dark .btn-ghost .dot { background: var(--white); color: var(--ink); }
.link {
display: inline-flex; align-items: center; gap: 8px;
font-size: 14px; font-weight: 700;
}
.link span {
background: linear-gradient(currentColor, currentColor) left bottom / 0% 1.5px no-repeat;
padding-bottom: 2px;
transition: background-size 0.5s var(--ease);
}
.link:hover span { background-size: 100% 1.5px; }
.link .ico { width: 16px; height: 16px; transition: transform 0.4s var(--ease); }
.link:hover .ico { transform: translate(2px, -2px); }
/* ---------- Vorschau-Leiste, Fortschritt, Header ---------- */
.preview-bar {
position: relative; z-index: 51;
display: flex; justify-content: space-between; align-items: center; gap: 12px;
height: 32px;
padding-inline: var(--gutter);
background: var(--paper);
color: var(--mute);
font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase;
}
.preview-bar .hide-sm { display: none; }
@media (min-width: 640px) { .preview-bar .hide-sm { display: inline; } }
.progress {
position: fixed; inset: 0 0 auto 0; z-index: 60;
height: 3px;
background: var(--brand);
transform-origin: left;
transform: scaleX(0);
}
.hdr {
position: sticky; top: 0; z-index: 50;
padding: 12px var(--gutter) 0;
}
.hdr-in {
max-width: 1320px; margin-inline: auto;
display: flex; align-items: center; justify-content: space-between; gap: 12px;
height: 64px;
padding: 0 10px 0 18px;
border: 1px solid transparent;
border-radius: 20px;
transition: background-color 0.4s, box-shadow 0.4s, border-color 0.4s;
}
.hdr.scrolled .hdr-in {
background: rgba(255, 255, 255, 0.86);
-webkit-backdrop-filter: saturate(1.4) blur(14px);
backdrop-filter: saturate(1.4) blur(14px);
border-color: var(--line);
box-shadow: 0 14px 40px -24px rgba(21, 24, 27, 0.35);
}
.logo { display: inline-flex; align-items: center; gap: 10px; flex-shrink: 0; }
.logo svg { width: 34px; height: 37px; }
.logo-word { font-size: 21px; letter-spacing: -0.04em; line-height: 1; }
.logo-word b { font-weight: 800; }
.logo-word span { font-weight: 500; }
.logo-sub {
display: block; margin-top: 3px;
font-size: 9px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute);
}
.nav { display: none; align-items: center; gap: 2px; }
.nav a {
padding: 8px 14px; border-radius: 99px;
font-size: 14px; font-weight: 700; color: var(--ink-2);
transition: color 0.2s, background-color 0.2s;
}
.nav a:hover { color: var(--ink); background: var(--paper); }
.nav a[aria-current="page"], .nav a[aria-current="true"] { color: var(--ink); background: var(--brand-soft); text-decoration: underline; text-decoration-color: var(--brand); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.mnav nav a[aria-current="page"], .mnav nav a[aria-current="true"] { color: var(--brand); }
.mnav nav a[aria-current="page"]::before, .mnav nav a[aria-current="true"]::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 12px; vertical-align: middle; border-radius: 50%; background: var(--brand); }
.hdr-actions { display: flex; align-items: center; gap: 8px; }
.shop-btn {
display: none; align-items: center; gap: 8px;
height: 42px; padding: 0 16px;
border: 1px solid var(--line); border-radius: 99px; background: var(--white);
font-size: 14px; font-weight: 700;
transition: border-color 0.2s;
}
.shop-btn:hover { border-color: rgba(27, 31, 35, 0.35); }
.shop-btn .ico { width: 16px; height: 16px; }
.menu-btn {
display: grid; place-items: center;
width: 44px; height: 44px; border-radius: 50%;
background: var(--ink); color: var(--white);
}
.menu-btn .ico { width: 20px; height: 20px; }
@media (min-width: 640px) { .shop-btn { display: inline-flex; } }
@media (min-width: 1080px) {
.nav { display: flex; }
.menu-btn { display: none; }
}
.mnav {
position: fixed; inset: 0; z-index: 70;
display: flex; flex-direction: column;
padding: 24px var(--gutter);
background: var(--ink); color: var(--white);
transform: translateY(-100%);
transition: transform 0.6s var(--ease);
visibility: hidden;
}
.mnav.open { transform: none; visibility: visible; }
.mnav-top { display: flex; justify-content: space-between; align-items: center; }
.mnav .menu-btn { background: var(--brand); color: var(--ink); }
.mnav nav { margin-top: 40px; display: flex; flex-direction: column; }
.mnav nav a {
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
font-size: clamp(1.8rem, 7vw, 2.6rem); font-weight: 700; letter-spacing: -0.04em;
}
.mnav .mnav-foot { margin-top: auto; display: flex; flex-direction: column; gap: 6px; color: rgba(255, 255, 255, 0.7); font-size: 15px; }
.mnav .mnav-foot a { color: var(--brand); font-weight: 700; }
/* ---------- Hero ---------- */
.hero { position: relative; overflow: hidden; }
.hero-bg {
position: absolute; inset: -40px 0 0 0;
pointer-events: none;
-webkit-mask-image: radial-gradient(120% 90% at 85% 0%, #000 20%, transparent 75%);
mask-image: radial-gradient(120% 90% at 85% 0%, #000 20%, transparent 75%);
}
.hero-bg svg { width: 100%; height: 100%; }
.hero-in { position: relative; padding-top: clamp(36px, 6vw, 60px); }
.hero-meta { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; }
.pulse { position: relative; display: inline-flex; width: 8px; height: 8px; margin-right: 12px; }
.pulse::before, .pulse::after { content: ""; position: absolute; inset: 0; border-radius: 50%; background: var(--brand); }
.pulse::before { animation: ping 1.6s cubic-bezier(0, 0, 0.2, 1) infinite; opacity: 0.6; }
@keyframes ping { 75%, 100% { transform: scale(2.4); opacity: 0; } }
.hero h1 { margin-top: 32px; }
.hero h1 .ln + .ln { color: var(--ink); }
.hero-row {
margin-top: 32px;
display: flex; flex-direction: column; gap: 28px;
}
.hero-ctas { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 24px; }
@media (min-width: 900px) {
.hero-row { flex-direction: row; align-items: flex-end; justify-content: space-between; }
}
/* ---------- Scroll-Animation ---------- */
.scrolly { position: relative; height: 320vh; margin-top: 56px; }
.scrolly-stick {
position: sticky; top: 0;
height: 100vh; height: 100svh;
overflow: hidden;
background: radial-gradient(120% 90% at 70% 40%, #f9fbfc 0%, var(--paper-2) 70%);
}
.scrolly canvas { position: absolute; inset: 0; width: 100%; height: 100%; }
.scrolly-fade {
position: absolute; inset: 0; pointer-events: none;
background: linear-gradient(90deg, rgba(244, 248, 250, 0.96) 0%, rgba(244, 248, 250, 0.7) 32%, rgba(244, 248, 250, 0) 55%);
}
.stage {
position: absolute; inset: 0 auto 0 0;
display: flex; flex-direction: column; justify-content: center;
max-width: 46vw;
padding-inline: 6vw;
opacity: 0;
transform: translateY(36px);
filter: blur(6px);
transition: opacity 0.6s var(--ease), transform 0.8s var(--ease), filter 0.6s;
pointer-events: none;
}
.stage.on { opacity: 1; transform: none; filter: none; }
.stage .kicker { color: var(--brand-deep); }
.stage p.big {
margin-top: 16px;
font-size: clamp(2.3rem, 5vw, 4.8rem);
line-height: 0.98; font-weight: 700; letter-spacing: -0.045em;
max-width: 13ch;
}
.stage p.small { margin-top: 18px; max-width: 30ch; color: var(--ink-2); font-size: 16px; }
.scrolly-meter {
position: absolute; right: 6vw; bottom: 12vh;
display: none; flex-direction: column; align-items: flex-end; gap: 12px;
color: rgba(27, 31, 35, 0.6);
}
.scrolly-meter .bar { width: 1px; height: 128px; background: rgba(27, 31, 35, 0.15); overflow: hidden; }
.scrolly-meter .bar i { display: block; width: 100%; height: 100%; background: var(--brand); transform-origin: top; transform: scaleY(0); }
.scrolly-hint {
position: absolute; left: 50%; bottom: 28px; transform: translateX(-50%);
display: flex; flex-direction: column; align-items: center; gap: 4px;
color: rgba(27, 31, 35, 0.7);
transition: opacity 0.4s;
}
.scrolly-hint span:last-child { animation: bob 1.8s ease-in-out infinite; font-size: 18px; }
@keyframes bob { 50% { transform: translateY(6px); } }
@media (min-width: 900px) { .scrolly-meter { display: flex; } }
@media (max-width: 899px) {
.scrolly-fade { background: linear-gradient(0deg, rgba(244, 248, 250, 0.97) 0%, rgba(244, 248, 250, 0.75) 34%, rgba(244, 248, 250, 0) 58%); }
.stage { inset: auto 0 0 0; max-width: none; justify-content: flex-end; padding: 0 var(--gutter) 13vh; }
.stage p.big { font-size: clamp(2.1rem, 9vw, 3.2rem); }
}
/* ---------- Partner-Leiste ---------- */
.strip {
display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
padding: 30px 0;
border-bottom: 1px solid var(--line);
}
.strip p { font-size: 14px; line-height: 1.4; color: var(--mute); }
.strip strong { color: var(--ink); font-weight: 700; }
.badge-partner {
display: inline-flex; align-items: center; gap: 12px;
padding: 10px 18px 10px 12px;
border: 1px solid var(--line); border-radius: 16px;
background: var(--paper);
}
.badge-partner .hexmini {
display: grid; place-items: center;
width: 34px; height: 38px;
background: var(--ink); color: var(--brand);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
font-weight: 800; font-size: 13px;
}
.badge-partner b { display: block; font-size: 15px; letter-spacing: -0.02em; }
.badge-partner small { display: block; font-size: 11px; color: var(--mute); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; }
@media (min-width: 760px) { .strip { flex-direction: row; align-items: center; justify-content: space-between; } }
/* ---------- Sektionen allgemein ---------- */
.sec { padding-block: clamp(84px, 10vw, 144px); }
.sec-head { display: grid; gap: 28px; }
.sec-head .lead { max-width: 30rem; }
@media (min-width: 1024px) { .sec-head { grid-template-columns: 1.4fr 1fr; align-items: end; } }
.on-dark { color: var(--white); }
.on-dark .kicker-line { color: rgba(255, 255, 255, 0.6); }
.on-dark .lead { color: rgba(255, 255, 255, 0.78); }
/* ---------- Lösungskarten mit Mausreaktion ---------- */
.cards { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 860px) { .cards { grid-template-columns: repeat(3, 1fr); } }
.card {
--mx: 50%; --my: 50%; --rx: 0deg; --ry: 0deg;
position: relative;
display: flex; flex-direction: column;
min-height: 500px;
padding: 28px;
overflow: hidden;
border: 1px solid var(--line);
border-radius: var(--r-lg);
background: var(--paper);
transform: perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
transition: transform 0.5s var(--ease), border-color 0.5s, box-shadow 0.5s;
will-change: transform;
}
.card.tilting { transition: transform 0.08s linear, border-color 0.5s, box-shadow 0.5s; }
.card:hover { border-color: rgba(0, 160, 210, 0.55); box-shadow: var(--shadow); }
.card::before {
content: ""; position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(420px circle at var(--mx) var(--my), rgba(0, 160, 210, 0.2), transparent 60%);
opacity: 0; transition: opacity 0.5s;
}
.card:hover::before { opacity: 1; }
.card::after {
content: ""; position: absolute; left: 0; bottom: 0; height: 3px; width: 0;
background: linear-gradient(90deg, var(--brand), rgba(0, 160, 210, 0));
transition: width 0.7s var(--ease);
}
.card:hover::after { width: 100%; }
.card-top { position: relative; display: flex; justify-content: space-between; align-items: center; }
.card-top .kicker { color: var(--ink-2); }
.card-go {
display: grid; place-items: center;
width: 40px; height: 40px; border-radius: 50%;
border: 1px solid var(--line); background: var(--white);
transition: transform 0.5s var(--ease), background-color 0.4s, border-color 0.4s;
}
.card-go .ico { width: 17px; height: 17px; }
.card:hover .card-go { transform: rotate(45deg); background: var(--brand); border-color: var(--brand); }
.card-art { position: relative; flex: 1; display: grid; place-items: center; padding: 28px 0; }
.card-art .ghost {
position: absolute; left: 0; bottom: 6px;
font-size: 5.4rem; font-weight: 800; letter-spacing: -0.06em; line-height: 1;
color: rgba(27, 31, 35, 0.055);
transition: transform 0.7s var(--ease);
}
.card:hover .card-art .ghost { transform: translateY(-8px); }
.card-art .obj { position: relative; transition: transform 0.7s var(--ease); }
.card:hover .card-art .obj { transform: translateY(-8px) scale(1.05); }
.card h3 { position: relative; }
.card p { position: relative; margin-top: 12px; max-width: 32ch; font-size: 15px; color: var(--ink-2); }
.card .link { position: relative; margin-top: 22px; }
/* Karte 1: Smartphone */
.art-phone {
position: relative;
width: 88px; height: 156px;
border: 3px solid var(--ink);
border-radius: 22px;
background: linear-gradient(180deg, var(--brand-2), var(--brand));
box-shadow: 0 30px 50px -22px rgba(0, 90, 130, 0.7);
transform: rotate(-8deg);
animation: float 5s ease-in-out infinite;
}
.art-phone::before { content: ""; position: absolute; top: 8px; left: 50%; width: 30px; height: 6px; margin-left: -15px; border-radius: 6px; background: var(--ink); }
.art-phone .ph-hex { position: absolute; top: 34px; left: 50%; width: 30px; height: 33px; margin-left: -15px; background: var(--ink); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.art-phone .bars { position: absolute; bottom: 26px; left: 50%; transform: translateX(-50%); display: flex; align-items: flex-end; gap: 4px; }
.art-phone .bars i { width: 6px; border-radius: 4px; background: var(--ink); transform-origin: bottom; animation: bar 1.8s ease-in-out infinite; }
.art-phone .bars i:nth-child(1) { height: 10px; }
.art-phone .bars i:nth-child(2) { height: 16px; animation-delay: 0.15s; }
.art-phone .bars i:nth-child(3) { height: 22px; animation-delay: 0.3s; }
.art-phone .bars i:nth-child(4) { height: 28px; animation-delay: 0.45s; }
.art-phone small { position: absolute; bottom: 9px; width: 100%; text-align: center; font-size: 6px; font-weight: 800; letter-spacing: 0.2em; color: rgba(27, 31, 35, 0.75); }
@keyframes bar { 0%, 100% { transform: scaleY(0.4); } 50% { transform: scaleY(1); } }
@keyframes float { 0%, 100% { transform: rotate(-8deg) translateY(0); } 50% { transform: rotate(-6deg) translateY(-8px); } }
/* Karte 2: Wellen um eine Wabe */
.art-net { position: relative; width: 176px; height: 176px; display: grid; place-items: center; }
.art-net i {
position: absolute; inset: 0;
border: 2px solid var(--brand);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
background: transparent;
animation: ring 3s var(--ease) infinite;
opacity: 0;
}
.art-net i::before { content: ""; position: absolute; inset: 3px; background: var(--paper); clip-path: inherit; }
.art-net i { background: var(--brand); }
.art-net i:nth-child(2) { animation-delay: 1s; }
.art-net i:nth-child(3) { animation-delay: 2s; }
.art-net b {
position: relative; width: 44px; height: 50px;
background: var(--ink);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.art-net b::after { content: ""; position: absolute; inset: 14px 12px; background: var(--brand); clip-path: inherit; }
@keyframes ring { 0% { transform: scale(0.3); opacity: 0.9; } 100% { transform: scale(1); opacity: 0; } }
/* Karte 3: Stimme */
.art-voice { display: flex; align-items: center; gap: 7px; height: 120px; }
.art-voice i { width: 6px; border-radius: 6px; background: var(--brand); transform-origin: center; animation: voice 1.4s ease-in-out infinite; }
.art-voice i:nth-child(odd) { background: var(--ink); }
@keyframes voice { 0%, 100% { transform: scaleY(0.35); } 50% { transform: scaleY(1); } }
.chips { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 10px; }
.chip {
display: inline-flex; align-items: center; gap: 8px;
padding: 9px 16px;
border: 1px solid var(--line); border-radius: 99px;
font-size: 14px; font-weight: 600; color: var(--ink-2);
background: var(--white);
transition: border-color 0.3s, background-color 0.3s;
}
.chip .ico { width: 16px; height: 16px; color: var(--brand-deep); }
a.chip:hover { border-color: var(--brand); background: var(--brand-soft); }
/* ---------- Handycheck ---------- */
.hc { position: relative; overflow: hidden; background: var(--brand); color: var(--ink); }
.hc-glow { position: absolute; top: -160px; right: -160px; width: 640px; height: 640px; border-radius: 50%; background: rgba(255, 255, 255, 0.28); filter: blur(60px); pointer-events: none; }
.hc-combs { position: absolute; inset: 0; opacity: 0.12; pointer-events: none; }
.hc-in { position: relative; display: grid; gap: 56px; }
@media (min-width: 1024px) { .hc-in { grid-template-columns: 1fr 1fr; align-items: center; } }
.hc .kicker-line { color: rgba(27, 31, 35, 0.7); }
.hc-brand { margin-top: 30px; display: flex; align-items: center; gap: 12px; font-size: 1.6rem; font-weight: 800; letter-spacing: -0.03em; }
.hc-brand span { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid var(--ink); border-radius: 10px; }
.hc-brand em { font-style: normal; font-weight: 500; opacity: 0.7; }
.hc h2 { margin-top: 28px; }
.hc .lead { margin-top: 28px; color: rgba(27, 31, 35, 0.86); }
.hc .note { margin-top: 12px; font-size: 13px; color: rgba(27, 31, 35, 0.7); }
.hc-card {
position: relative;
padding: clamp(24px, 3vw, 36px);
border-radius: var(--r-lg);
background: var(--white);
box-shadow: 0 40px 80px -30px rgba(0, 60, 90, 0.55);
transform: translateY(60px) rotate(3deg);
opacity: 0;
transition: transform 1.1s var(--ease), opacity 1s var(--ease);
}
.hc-card.in { transform: none; opacity: 1; }
.no-js .hc-card { transform: none; opacity: 1; }
.steps { position: relative; margin-top: 28px; }
.steps::before, .steps .fill {
content: ""; position: absolute; top: 22px; bottom: 22px; left: 19px; width: 1px; background: var(--line);
}
.steps .fill { background: var(--brand); transform-origin: top; transform: scaleY(0); transition: transform 0.6s var(--ease); }
.step { position: relative; display: flex; gap: 20px; padding: 16px 0; }
.step-n {
position: relative; z-index: 1;
display: grid; place-items: center; flex-shrink: 0;
width: 40px; height: 40px; border-radius: 50%;
border: 1px solid var(--line); background: var(--white);
font-size: 12px; font-weight: 800; color: var(--mute);
transition: all 0.5s var(--ease);
}
.step-t { opacity: 0.45; transition: opacity 0.5s; }
.step-t b { display: block; font-size: 16px; }
.step-t span { display: block; margin-top: 2px; font-size: 14px; color: var(--ink-2); }
.step.on .step-n { background: var(--brand); border-color: var(--brand); color: var(--ink); transform: scale(1.08); box-shadow: 0 0 0 6px var(--brand-soft); }
.step.on .step-t { opacity: 1; }
.hc-go {
margin-top: 22px;
display: flex; align-items: center; justify-content: space-between; gap: 16px;
padding: 18px 20px;
border-radius: 18px;
background: var(--brand-soft);
transition: background-color 0.3s;
}
.hc-go:hover { background: #cdeaf5; }
.hc-go span { font-size: 14px; line-height: 1.4; color: var(--ink-2); }
.hc-go strong { color: var(--ink); }
.hc-go i { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ink); color: var(--brand); transition: transform 0.5s var(--ease); flex-shrink: 0; }
.hc-go:hover i { transform: rotate(45deg); }
/* ---------- firmenhandy.at ---------- */
.family { position: relative; overflow: hidden; background: var(--night); }
.family-bg { position: absolute; inset: 0; opacity: 0.5; pointer-events: none; }
.family-in { position: relative; display: grid; gap: 56px; }
@media (min-width: 1024px) { .family-in { grid-template-columns: 1.05fr 0.95fr; align-items: center; } }
.family h2 .ln:last-child { color: var(--brand); }
.family .lead { margin-top: 28px; }
.family-links { margin-top: 36px; display: grid; gap: 14px; }
@media (min-width: 640px) { .family-links { grid-template-columns: 1fr 1fr; } }
.fam-link {
position: relative; overflow: hidden;
display: flex; flex-direction: column; gap: 6px;
padding: 22px 22px 20px;
border: 1px solid rgba(255, 255, 255, 0.14);
border-radius: var(--r-md);
background: rgba(255, 255, 255, 0.04);
transition: border-color 0.3s, background-color 0.3s, transform 0.5s var(--ease);
}
.fam-link:hover { border-color: var(--brand); background: rgba(0, 160, 210, 0.08); transform: translateY(-4px); }
.fam-link .kicker { color: rgba(255, 255, 255, 0.55); font-size: 11px; }
.fam-link b { font-size: 1.5rem; letter-spacing: -0.03em; font-weight: 800; }
.fam-link b em { font-style: normal; color: var(--brand); }
.fam-link span.t { font-size: 14px; color: rgba(255, 255, 255, 0.72); }
.fam-link .go { position: absolute; top: 18px; right: 18px; display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--brand); color: var(--ink); transition: transform 0.5s var(--ease); }
.fam-link:hover .go { transform: rotate(45deg); }
.fam-link .go .ico { width: 16px; height: 16px; }
.combs { position: relative; width: min(100%, 520px); aspect-ratio: 1 / 0.92; margin-inline: auto; }
.comb {
position: absolute;
width: 34%; aspect-ratio: 0.866;
display: grid; place-items: center; text-align: center;
padding: 10px;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
background: var(--night-2);
color: var(--white);
transition: transform 0.6s var(--ease), background-color 0.4s;
}
.comb:hover { transform: scale(1.04); }
.comb b { display: block; font-size: clamp(13px, 1.6vw, 17px); letter-spacing: -0.02em; line-height: 1.15; }
.comb small { display: block; margin-top: 4px; font-size: clamp(9px, 1vw, 11px); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); line-height: 1.3; }
.comb.main { background: var(--brand); color: var(--ink); }
.comb.main small { color: rgba(27, 31, 35, 0.7); }
.comb.fh { background: #2b3035; }
.comb.fh b em { font-style: normal; color: var(--brand); }
.comb.c1 { left: 33%; top: 34%; }
.comb.c2 { left: 33%; top: 0; }
.comb.c3 { left: 0; top: 17%; }
.comb.c4 { left: 66%; top: 17%; }
.comb.c5 { left: 0; top: 51%; }
.comb.c6 { left: 66%; top: 51%; }
.comb.c7 { left: 33%; top: 68%; }
.comb.empty { background: transparent; box-shadow: none; }
.comb.empty::before { content: ""; position: absolute; inset: 0; border: 0; background: rgba(255, 255, 255, 0.05); clip-path: inherit; }
.combs .glow { position: absolute; inset: 20%; border-radius: 50%; background: rgba(0, 160, 210, 0.18); filter: blur(50px); }
/* ---------- Team ---------- */
.team-grid { margin-top: 56px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 16px; }
@media (min-width: 760px) { .team-grid { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 1080px) { .team-grid { grid-template-columns: repeat(4, 1fr); } }
.person { min-width: 0; }
.person.more { animation: fadeUp 0.7s var(--ease) both; animation-delay: calc(var(--i, 0) * 50ms); }
@keyframes fadeUp { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
.ph {
position: relative; overflow: hidden;
aspect-ratio: 4 / 5;
border-radius: var(--r-md);
background: var(--paper-2);
}
.ph-art { position: absolute; inset: 0; transition: transform 1.2s var(--ease); }
.person:hover .ph-art, .person:focus-within .ph-art { transform: scale(1.06); }
.ph-art svg { width: 100%; height: 100%; }
.ph-ini {
position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%);
display: grid; place-items: center;
width: 46%; aspect-ratio: 0.866;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
background: var(--ink); color: var(--brand);
font-size: clamp(22px, 3vw, 34px); font-weight: 800; letter-spacing: -0.04em;
}
.ph-tag { position: absolute; top: 12px; left: 12px; padding: 3px 9px; border-radius: 99px; background: rgba(255, 255, 255, 0.85); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); }
.ph-act {
position: absolute; left: 10px; right: 10px; bottom: 10px;
display: flex; gap: 8px;
transform: translateY(130%);
transition: transform 0.5s var(--ease);
}
.person:hover .ph-act, .person:focus-within .ph-act { transform: none; }
@media (hover: none) { .ph-act { transform: none; } }
.ph-act a {
display: flex; align-items: center; justify-content: center; gap: 6px;
height: 40px; border-radius: 99px;
font-size: 13px; font-weight: 700;
}
.ph-act a.m { flex: 1; min-width: 0; background: rgba(255, 255, 255, 0.92); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.ph-act a.m:hover { background: var(--white); }
.ph-act a.t { width: 40px; flex-shrink: 0; background: var(--brand); color: var(--ink); }
.ph-act a.t:hover { background: var(--brand-2); }
.ph-act .ico { width: 16px; height: 16px; }
.person h3 { margin-top: 14px; font-size: 17px; font-weight: 700; letter-spacing: -0.02em; }
.person .role { margin-top: 1px; font-size: 13px; color: var(--mute); }
.person .pc { margin-top: 6px; font-size: 12px; color: var(--mute); line-height: 1.5; word-break: break-word; }
.person .pc .todo { font-size: 10px; margin-left: 4px; }
.person .pc .p-mob { display: inline-block; padding: 3px 0; font-size: 13px; font-weight: 600; color: var(--ink); text-decoration: none; font-variant-numeric: tabular-nums; }
.person .pc .p-mob span { white-space: nowrap; }
.person .pc .p-mob:hover, .person .pc .p-mob:focus-visible { color: var(--brand-text, #007BA3); text-decoration: underline; }
.team-foot {
margin-top: 48px; padding-top: 32px;
border-top: 1px solid var(--line);
display: flex; flex-direction: column; align-items: flex-start; gap: 20px;
}
@media (min-width: 640px) { .team-foot { flex-direction: row; align-items: center; justify-content: space-between; } }
.toggle {
display: inline-flex; align-items: center; gap: 12px;
height: 50px; padding: 0 7px 0 24px;
border: 1px solid var(--line); border-radius: 99px; background: var(--white);
font-size: 15px; font-weight: 700;
transition: border-color 0.3s;
}
.toggle:hover { border-color: rgba(27, 31, 35, 0.35); }
.toggle i { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--ink); color: var(--white); transition: transform 0.5s var(--ease); }
.toggle[aria-expanded="true"] i { transform: rotate(45deg); }
.toggle .ico { width: 17px; height: 17px; }
.on-dark .toggle { background: transparent; border-color: rgba(255, 255, 255, 0.28); color: var(--white); }
.on-dark .toggle i { background: var(--white); color: var(--ink); }
/* ---------- Service ---------- */
.svc { position: relative; overflow: hidden; background: var(--night); }
.svc-dots { position: absolute; inset: 0; opacity: 0.35; pointer-events: none; background-image: radial-gradient(rgba(255, 255, 255, 0.09) 1px, transparent 1px); background-size: 24px 24px; }
.svc .wrap { position: relative; }
.search {
margin-top: 24px;
display: flex; align-items: center; gap: 12px;
padding: 14px 20px;
border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 99px;
background: rgba(255, 255, 255, 0.05);
transition: border-color 0.3s, background-color 0.3s;
}
.search:focus-within { border-color: var(--brand); background: rgba(255, 255, 255, 0.09); }
.search .ico { color: rgba(255, 255, 255, 0.6); }
.search input { flex: 1; min-width: 0; border: 0; background: transparent; font-size: 15px; color: var(--white); outline: none; }
.search input::placeholder { color: rgba(255, 255, 255, 0.45); }
.search input::-webkit-search-cancel-button { filter: invert(1); }
.svc-list {
margin-top: 56px;
display: grid;
overflow: hidden;
border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px;
background: var(--night);
}
@media (min-width: 640px) { .svc-list { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .svc-list { grid-template-columns: repeat(3, 1fr); } }
.svc-list li { background: var(--night); box-shadow: inset -1px -1px 0 rgba(255, 255, 255, 0.1); }
.svc-list a {
display: flex; align-items: flex-start; gap: 16px;
height: 100%;
padding: 24px;
transition: background-color 0.3s;
}
.svc-list a:hover { background: rgba(255, 255, 255, 0.06); }
.svc-ic { display: grid; place-items: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; background: rgba(255, 255, 255, 0.07); transition: background-color 0.3s, color 0.3s; }
.svc-list a:hover .svc-ic { background: var(--brand); color: var(--ink); }
.svc-tx { flex: 1; }
.svc-tx b { display: block; font-size: 16px; }
.svc-tx span { display: block; margin-top: 3px; font-size: 14px; color: rgba(255, 255, 255, 0.6); }
.svc-list .arr { width: 16px; height: 16px; margin-top: 4px; color: rgba(255, 255, 255, 0.4); transition: transform 0.4s var(--ease), color 0.3s; }
.svc-list a:hover .arr { color: var(--brand); transform: translate(2px, -2px); }
.svc-empty { margin-top: 24px; padding: 24px; border: 1px dashed rgba(255, 255, 255, 0.25); border-radius: 18px; color: rgba(255, 255, 255, 0.75); }
.svc-empty a { color: var(--brand); font-weight: 700; }
.svc-foot { margin-top: 40px; display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px; }
.svc-foot .link { color: rgba(255, 255, 255, 0.82); }
.svc-foot .link:hover { color: var(--white); }
.svc .fine { margin-top: 28px; font-size: 12px; color: rgba(255, 255, 255, 0.5); }
/* ---------- Vorhaben (Tabs + Formular) ---------- */
.intent { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 1024px) { .intent { grid-template-columns: 0.9fr 1.1fr; } }
.tabs { display: flex; flex-direction: column; gap: 8px; }
.tab {
position: relative;
display: flex; align-items: center; gap: 20px;
padding: 22px 24px;
border-radius: var(--r-md);
text-align: left;
transition: background-color 0.3s, color 0.3s;
}
.tab:hover { background: var(--paper); }
.tab .n { font-size: 12px; font-weight: 800; color: var(--mute); }
.tab .tx { flex: 1; }
.tab .tx b { display: block; font-size: 1.3rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; }
.tab .tx span { display: block; margin-top: 3px; font-size: 14px; color: var(--mute); }
.tab .c { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--line); transition: transform 0.5s var(--ease), background-color 0.3s, border-color 0.3s; }
.tab .c .ico { width: 17px; height: 17px; }
.tab[aria-selected="true"] { background: var(--ink); color: var(--white); }
.tab[aria-selected="true"] .n, .tab[aria-selected="true"] .tx span { color: rgba(255, 255, 255, 0.7); }
.tab[aria-selected="true"] .c { transform: rotate(45deg); background: var(--brand); border-color: var(--brand); color: var(--ink); }
.panel {
position: relative; overflow: hidden;
min-height: 460px;
padding: clamp(24px, 3.5vw, 40px);
border: 1px solid var(--line); border-radius: var(--r-lg);
background: var(--paper);
}
.panel-body { animation: panelIn 0.6s var(--ease) both; }
@keyframes panelIn { from { opacity: 0; transform: translateY(16px); filter: blur(4px); } to { opacity: 1; transform: none; filter: none; } }
.panel .kicker { color: var(--brand-deep); }
.panel h3 { margin-top: 16px; font-size: clamp(1.6rem, 3vw, 2.3rem); line-height: 1.08; font-weight: 700; letter-spacing: -0.035em; }
.panel p.t { margin-top: 14px; max-width: 52ch; color: var(--ink-2); }
.form { margin-top: 24px; display: grid; gap: 12px; }
@media (min-width: 640px) { .form .two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } }
.field { display: flex; flex-direction: column; gap: 6px; }
.field label { font-size: 13px; font-weight: 700; color: var(--ink-2); }
.field input, .field select, .field textarea {
width: 100%;
padding: 13px 16px;
border: 1px solid var(--line); border-radius: 14px;
background: var(--white);
font-size: 15px;
transition: border-color 0.2s, box-shadow 0.2s;
}
.field textarea { min-height: 96px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus { outline: none; border-color: var(--brand); box-shadow: 0 0 0 4px var(--brand-soft); }
.file-drop {
display: flex; align-items: center; gap: 14px;
padding: 18px;
border: 1.5px dashed var(--line); border-radius: 16px;
background: var(--white);
font-size: 14px; color: var(--ink-2);
cursor: pointer;
transition: border-color 0.2s, background-color 0.2s;
}
.file-drop:hover { border-color: var(--brand); background: var(--brand-soft); }
.file-drop .ico { width: 26px; height: 26px; color: var(--brand-deep); }
.file-drop input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.form-foot { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.form-note { font-size: 12px; color: var(--mute); }
.check { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: var(--ink-2); }
.check input { margin-top: 3px; accent-color: var(--ink); width: 16px; height: 16px; }
/* ---------- Aktionen & Wissen ---------- */
.news { border-top: 1px solid var(--line); background: var(--paper); }
.news-grid { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 860px) { .news-grid { grid-template-columns: repeat(3, 1fr); } }
.post {
position: relative; height: 100%;
display: flex; flex-direction: column;
padding: 28px;
border: 1px solid var(--line); border-radius: 24px;
background: var(--white);
transition: transform 0.5s var(--ease), box-shadow 0.5s;
}
.post:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.post::before { content: ""; position: absolute; top: 0; left: 28px; width: 48px; height: 3px; background: var(--brand); transform-origin: left; transition: transform 0.7s var(--ease); }
.post:hover::before { transform: scaleX(3); }
.post.aktion { background: var(--ink); color: var(--white); border-color: var(--ink); }
.post.aktion .meta { color: var(--brand); }
.post.aktion p { color: rgba(255, 255, 255, 0.78); }
.post .meta { display: flex; justify-content: space-between; gap: 12px; color: var(--mute); }
.post h3 { margin-top: 18px; font-size: 1.35rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; }
.post p { margin-top: 12px; font-size: 15px; color: var(--ink-2); }
.post .link { margin-top: auto; padding-top: 20px; }
.post .todo { color: inherit; }
/* ---------- Karriere-Band ---------- */
.career-band { position: relative; overflow: hidden; background: var(--brand); }
.career-band .wrap { position: relative; display: grid; gap: 32px; padding-block: clamp(64px, 8vw, 104px); }
@media (min-width: 1024px) { .career-band .wrap { grid-template-columns: 1.3fr 1fr; align-items: center; } }
.career-band .h2 { font-size: clamp(2rem, 4.4vw, 3.8rem); }
.career-band p { color: rgba(27, 31, 35, 0.82); max-width: 36rem; }
.career-band .combs-bg { position: absolute; right: -40px; top: -40px; width: 520px; height: 520px; opacity: 0.18; pointer-events: none; }
.values { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.values span { padding: 7px 14px; border-radius: 99px; background: rgba(255, 255, 255, 0.55); font-size: 13px; font-weight: 700; }
/* ---------- Standorte ---------- */
.places { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 860px) { .places { grid-template-columns: repeat(3, 1fr); } }
.place {
position: relative; overflow: hidden;
display: flex; flex-direction: column;
padding: 28px;
border: 1px solid var(--line); border-radius: 24px;
background: var(--white);
}
.place.main { background: var(--ink); color: var(--white); border-color: var(--ink); }
.place .kicker { color: var(--brand-deep); }
.place.main .kicker { color: var(--brand); }
.place h3 { margin-top: 14px; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.025em; line-height: 1.2; }
.place address { margin-top: 10px; font-style: normal; color: var(--ink-2); }
.place.main address { color: rgba(255, 255, 255, 0.82); }
.place ul { margin-top: 16px; display: grid; gap: 6px; font-size: 14px; color: var(--mute); }
.place.main ul { color: rgba(255, 255, 255, 0.65); }
.place ul li { display: flex; gap: 8px; align-items: center; }
.place ul .ico { width: 16px; height: 16px; color: var(--brand); }
.place .link { margin-top: auto; padding-top: 20px; }
.place .pin { position: absolute; right: -20px; bottom: -24px; width: 120px; height: 132px; opacity: 0.08; }
.place.main .pin { opacity: 0.12; }
/* ---------- FAQ ---------- */
.faq { display: grid; gap: 48px; }
@media (min-width: 1024px) { .faq { grid-template-columns: 0.8fr 1.2fr; } }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary {
display: flex; justify-content: space-between; align-items: center; gap: 24px;
padding: 22px 0;
list-style: none; cursor: pointer;
font-size: 17px; font-weight: 700; letter-spacing: -0.015em;
}
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary i { display: grid; place-items: center; width: 36px; height: 36px; flex-shrink: 0; border-radius: 50%; border: 1px solid var(--line); transition: transform 0.4s var(--ease), background-color 0.3s; }
.faq-list summary i .ico { width: 16px; height: 16px; }
.faq-list details[open] summary i { transform: rotate(45deg); background: var(--brand); border-color: var(--brand); }
.faq-list details[open] summary { color: var(--ink); }
.faq-list details p { max-width: 62ch; padding-bottom: 22px; font-size: 15px; color: var(--ink-2); }
/* ---------- Kontakt ---------- */
.contact { position: relative; overflow: hidden; background: var(--ink); color: var(--white); }
.contact-glow { position: absolute; left: -120px; bottom: -200px; width: 620px; height: 620px; border-radius: 50%; background: rgba(0, 160, 210, 0.16); filter: blur(70px); pointer-events: none; }
.contact .wrap { position: relative; display: grid; gap: 56px; }
@media (min-width: 1024px) { .contact .wrap { grid-template-columns: 1fr 1fr; align-items: end; } }
.contact .kicker-line { color: rgba(255, 255, 255, 0.65); }
.contact .display { margin-top: 28px; font-size: clamp(2.8rem, 5.6vw, 5.4rem); }
.contact .display .ln:last-child { color: var(--brand); }
.contact-ctas { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 14px; }
.tel { display: block; margin-top: 18px; font-size: clamp(2rem, 4vw, 3.2rem); font-weight: 600; letter-spacing: -0.03em; }
.tel span, .mail span { background: linear-gradient(var(--brand), var(--brand)) left bottom / 0% 2px no-repeat; transition: background-size 0.7s var(--ease); }
.tel:hover span, .mail:hover span { background-size: 100% 2px; }
.mail { display: block; margin-top: 6px; font-size: clamp(1.2rem, 2vw, 1.6rem); color: rgba(255, 255, 255, 0.9); }
.contact .dw { margin-top: 10px; font-size: 13px; color: rgba(255, 255, 255, 0.6); }
.contact .addr { margin-top: 28px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.18); font-size: 14px; color: rgba(255, 255, 255, 0.72); }
.contact .addr b { color: var(--white); }
/* ---------- Footer ---------- */
.foot { padding: 64px 0 40px; }
.foot-top { display: grid; gap: 40px; }
@media (min-width: 860px) { .foot-top { grid-template-columns: 1.1fr 1fr 1fr 1fr; } }
.foot-claim { margin-top: 18px; font-size: 17px; font-weight: 600; line-height: 1.35; }
.foot h4 { font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute); }
.foot ul { margin-top: 14px; display: grid; gap: 8px; font-size: 14px; }
.foot ul a:hover { color: var(--brand-deep); }
.foot-bottom {
margin-top: 48px; padding-top: 22px;
border-top: 1px solid var(--line);
display: flex; flex-direction: column; gap: 12px;
font-size: 12px; color: var(--mute);
}
.foot-bottom nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.foot-bottom a:hover { color: var(--ink); }
@media (min-width: 760px) { .foot-bottom { flex-direction: row; justify-content: space-between; } }
/* ---------- Toast ---------- */
.toast {
position: fixed; left: 50%; bottom: 24px; z-index: 90;
max-width: calc(100% - 32px);
padding: 14px 20px;
border-radius: 16px;
background: var(--ink); color: var(--white);
font-size: 14px; font-weight: 600;
box-shadow: 0 20px 40px -20px rgba(0, 0, 0, 0.5);
transform: translate(-50%, calc(100% + 48px));
visibility: hidden;
transition: transform 0.5s var(--ease), visibility 0s 0.5s;
}
.toast.show { transform: translate(-50%, 0); visibility: visible; transition: transform 0.5s var(--ease); }
.toast b { color: var(--brand); }
/* ---------- Unterseiten ---------- */
.sub-hero { position: relative; overflow: hidden; }
.sub-hero .wrap { position: relative; display: grid; gap: 40px; padding-top: clamp(32px, 5vw, 56px); padding-bottom: clamp(56px, 7vw, 96px); }
@media (min-width: 1024px) { .sub-hero .wrap { grid-template-columns: 1.25fr 0.75fr; align-items: center; } }
.crumb { font-size: 13px; font-weight: 600; color: var(--mute); }
.crumb a:hover { color: var(--ink); }
.sub-hero h1 { margin-top: 24px; font-size: clamp(2.6rem, 6.4vw, 6rem); line-height: 0.96; font-weight: 800; letter-spacing: -0.05em; }
.sub-hero .lead { margin-top: 28px; }
.sub-hero .hero-ctas { margin-top: 32px; }
.sub-art { position: relative; aspect-ratio: 1; max-width: 420px; width: 100%; margin-inline: auto; }
.sub-art svg { width: 100%; height: 100%; }
.blocks { display: grid; gap: 20px; margin-top: 56px; }
@media (min-width: 760px) { .blocks { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .blocks.three { grid-template-columns: repeat(3, 1fr); } }
.block {
position: relative;
padding: 28px;
border: 1px solid var(--line); border-radius: 24px;
background: var(--paper);
transition: transform 0.5s var(--ease), box-shadow 0.5s, border-color 0.4s;
}
.block:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(0, 160, 210, 0.55); }
.block .bi { display: grid; place-items: center; width: 52px; height: 58px; background: var(--ink); color: var(--brand); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.block .bi .ico { width: 22px; height: 22px; }
.block .kicker { margin-top: 20px; color: var(--brand-deep); }
.block h3 { margin-top: 8px; }
.block p { margin-top: 12px; font-size: 15px; color: var(--ink-2); }
.block ul { margin-top: 14px; display: grid; gap: 8px; font-size: 14px; color: var(--ink-2); }
.block li { display: flex; gap: 10px; }
.block li .ico { width: 16px; height: 16px; margin-top: 3px; color: var(--brand-deep); }
.flow { margin-top: 56px; display: grid; gap: 16px; counter-reset: flow; }
@media (min-width: 860px) { .flow { grid-template-columns: repeat(4, 1fr); } }
.flow li {
position: relative;
padding: 24px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.06);
border: 1px solid rgba(255, 255, 255, 0.12);
}
.flow li::before {
counter-increment: flow; content: "0" counter(flow);
display: grid; place-items: center;
width: 44px; height: 50px;
background: var(--brand); color: var(--ink);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
font-size: 13px; font-weight: 800;
}
.flow b { display: block; margin-top: 16px; font-size: 17px; }
.flow span { display: block; margin-top: 6px; font-size: 14px; color: rgba(255, 255, 255, 0.68); }
.dark-sec { position: relative; overflow: hidden; background: var(--night); color: var(--white); }
.helpbox {
margin-top: 40px;
display: grid; gap: 18px;
padding: 28px;
border-radius: 24px;
background: var(--brand-soft);
border: 1px solid #b9e2f1;
}
@media (min-width: 860px) { .helpbox { grid-template-columns: auto 1fr; align-items: center; } }
.helpbox .bi { display: grid; place-items: center; width: 56px; height: 62px; background: var(--brand); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.helpbox p { color: var(--ink-2); }
.helpbox b { color: var(--ink); }
.cta-band { background: var(--paper); border-top: 1px solid var(--line); }
.cta-band .wrap { display: grid; gap: 28px; padding-block: clamp(64px, 8vw, 104px); }
@media (min-width: 1024px) { .cta-band .wrap { grid-template-columns: 1fr auto; align-items: center; } }
.cta-band .btns { display: flex; flex-wrap: wrap; gap: 12px; }
.shop-card {
margin-top: 40px;
display: grid; gap: 20px;
padding: 28px;
border-radius: 24px;
background: var(--ink); color: var(--white);
}
@media (min-width: 860px) { .shop-card { grid-template-columns: 1fr auto; align-items: center; } }
.shop-card p { color: rgba(255, 255, 255, 0.75); margin-top: 6px; max-width: 54ch; }
.shop-card b.big { font-size: 1.5rem; letter-spacing: -0.03em; }
.shop-card em { font-style: normal; color: var(--brand); }
/* Karriere */
.path { margin-top: 56px; display: grid; gap: 12px; }
@media (min-width: 900px) { .path { grid-template-columns: repeat(6, 1fr); align-items: end; } }
.path li {
position: relative;
padding: 20px;
border-radius: 20px;
border: 1px solid var(--line);
background: var(--white);
}
.path li .lv { display: block; font-size: 11px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brand-deep); }
.path li b { display: block; margin-top: 8px; font-size: 16px; line-height: 1.25; letter-spacing: -0.02em; }
.path li span { display: block; margin-top: 6px; font-size: 13px; color: var(--mute); }
@media (min-width: 900px) {
.path li:nth-child(1) { min-height: 150px; }
.path li:nth-child(2) { min-height: 175px; }
.path li:nth-child(3) { min-height: 200px; }
.path li:nth-child(4) { min-height: 225px; }
.path li:nth-child(5) { min-height: 250px; }
.path li:nth-child(6) { min-height: 275px; background: var(--ink); color: var(--white); border-color: var(--ink); }
.path li:nth-child(6) span { color: rgba(255, 255, 255, 0.65); }
.path li:nth-child(6) .lv { color: var(--brand); }
}
.quotes { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 860px) { .quotes { grid-template-columns: repeat(2, 1fr); } }
.quote { margin: 0; padding: 32px; border-radius: 24px; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.12); }
.quote p { font-size: 1.3rem; line-height: 1.4; font-weight: 600; letter-spacing: -0.02em; }
.quote footer { margin-top: 18px; font-size: 13px; color: rgba(255, 255, 255, 0.6); }
.jobs { margin-top: 48px; border-top: 1px solid var(--line); }
.job { display: grid; gap: 12px; padding: 24px 0; border-bottom: 1px solid var(--line); }
@media (min-width: 860px) { .job { grid-template-columns: 1.4fr 1fr auto; align-items: center; } }
.job b { font-size: 1.25rem; letter-spacing: -0.025em; }
.job span { font-size: 14px; color: var(--mute); }
.avatars { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 6px; }
.avatars span {
display: grid; place-items: center;
width: 46px; height: 52px;
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
background: #2f3438; color: var(--brand);
font-size: 13px; font-weight: 800;
}
.avatars span:nth-child(3n) { background: var(--brand); color: var(--ink); }
/* Impressum / Rechtliches */
.legal { max-width: 860px; }
.legal h1 { font-size: clamp(2.4rem, 5vw, 4rem); font-weight: 800; letter-spacing: -0.05em; line-height: 1; }
.legal h2 { margin-top: 48px; font-size: 1.5rem; font-weight: 700; letter-spacing: -0.03em; }
.legal p, .legal li { margin-top: 10px; color: var(--ink-2); }
.legal dl { margin: 18px 0 0; display: grid; grid-template-columns: 1fr; gap: 4px 24px; }
@media (min-width: 640px) { .legal dl { grid-template-columns: 240px 1fr; } }
.legal dt { font-weight: 700; padding-top: 10px; }
.legal dd { margin: 0; padding-top: 10px; color: var(--ink-2); border-bottom: 1px solid var(--line); padding-bottom: 10px; }
@media (min-width: 640px) { .legal dt { border-bottom: 1px solid var(--line); padding-bottom: 10px; } }
.legal ul { margin-top: 10px; padding-left: 20px; list-style: disc; }
/* ---------- Ruhige Version bei „Bewegung reduzieren" ---------- */
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
.split .w > span, .reveal, .hc-card { transform: none !important; opacity: 1 !important; }
.card { transform: none !important; }
}
.calm .scrolly { height: auto; }
.calm .scrolly-stick { position: relative; height: 80vh; min-height: 520px; }
.calm .scrolly-hint, .calm .scrolly-meter { display: none; }
/* ===================== Logos & firmenhandy.at ===================== */
/* Markenfarben (aus Logo und beeconnect.at): Bee-Blau #00A0D2, Anthrazit #282828/#282828,
dunkles Blau der Website #0F273B; firmenhandy.at: Navy #070E1F, Blau #0E7DE2; Shop: Petrol #00455B */
.logo-img { height: 54px; width: auto; mix-blend-mode: multiply; }
.foot .logo-img { height: 88px; }
.logo-dark { color: var(--white); }
.logo-dark img { width: 40px; height: 40px; }
.fh-logo { width: auto; height: 34px; }
.fam-badge {
display: none; align-items: center; gap: 10px;
padding: 4px 12px 4px 14px; height: 46px;
border-radius: 14px;
font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.25;
color: var(--mute); text-align: right;
transition: background-color 0.3s;
}
.fam-badge:hover { background: var(--paper); }
.fam-badge .fh-logo { height: 34px; }
@media (min-width: 1300px) { .fam-badge { display: inline-flex; } }
.mnav-fam { display: inline-flex; align-items: center; gap: 12px; margin-bottom: 18px; padding: 10px 14px; border-radius: 14px; background: var(--white); color: var(--ink) !important; font-size: 13px; font-weight: 700; align-self: flex-start; }
.mnav-fam .fh-logo { height: 30px; }
.strip-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.badge-partner .fh-logo { height: 32px; }
a.badge-partner { transition: border-color 0.3s, background-color 0.3s; }
a.badge-partner:hover { border-color: var(--brand); background: var(--brand-soft); }
.family-in { align-items: center; }
.duo { display: flex; flex-direction: column; align-items: center; gap: 22px; }
.duo-logos { display: flex; align-items: center; justify-content: center; gap: 14px; width: 100%; }
.duo-card {
display: grid; place-items: center;
flex: 1; max-width: 230px; aspect-ratio: 1.15;
padding: 18px;
border-radius: 26px;
background: var(--white);
box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.6);
transition: transform 0.6s var(--ease);
}
.duo-card:hover { transform: translateY(-6px) rotate(-1deg); }
.duo-card img { width: 100%; height: auto; max-height: 100%; object-fit: contain; }
.duo-card .fh-logo { height: auto; width: 78%; }
.duo-link { display: flex; flex-direction: column; gap: 6px; }
.duo-link i {
display: block; width: 16px; height: 18px;
background: var(--brand);
clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
animation: duoPulse 1.8s ease-in-out infinite;
}
.duo-link i:nth-child(2) { animation-delay: 0.3s; }
.duo-link i:nth-child(3) { animation-delay: 0.6s; }
@keyframes duoPulse { 0%, 100% { opacity: 0.35; transform: scale(0.85); } 50% { opacity: 1; transform: scale(1); } }
.duo-cap { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); text-align: center; }
.duo-cap span { color: var(--brand); }
.benefits { margin-top: 56px; display: grid; gap: 14px; }
@media (min-width: 860px) { .benefits { grid-template-columns: repeat(3, 1fr); } }
.benefit {
display: flex; flex-direction: column; gap: 8px;
padding: 24px;
border-radius: var(--r-md);
border: 1px solid rgba(255, 255, 255, 0.12);
background: rgba(255, 255, 255, 0.04);
}
.benefit .bi { display: grid; place-items: center; width: 46px; height: 52px; margin-bottom: 8px; background: var(--brand); color: var(--ink); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.benefit b { font-size: 1.2rem; letter-spacing: -0.02em; }
.benefit > span:last-child { font-size: 14px; color: rgba(255, 255, 255, 0.72); }
.benefit .todo { color: var(--brand); }
.family .family-links { margin-top: 20px; }
.fh-banner { background: var(--paper); border-top: 1px solid var(--line); }
.fh-banner-in { display: grid; gap: 22px; padding-block: 36px; align-items: center; }
@media (min-width: 1024px) { .fh-banner-in { grid-template-columns: auto 1fr auto; gap: 36px; } }
.fh-banner-logos { display: flex; align-items: center; gap: 14px; }
.fh-banner-logos .shop-icon { width: 46px; height: 46px; border-radius: 12px; }
.fh-banner-logos .fh-logo { height: 44px; }
.fh-banner .kicker { color: var(--brand-deep); }
.fh-banner-t { margin-top: 4px; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; max-width: 46ch; }
.fh-banner-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; }
.foot-fam { display: inline-flex; align-items: center; gap: 12px; margin-top: 22px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--mute); line-height: 1.3; transition: border-color 0.3s; }
.foot-fam:hover { border-color: var(--brand); }
.foot-fam .fh-logo { height: 34px; }
.hdr-in { height: 72px; }
.hdr.scrolled .hdr-in { background: #fff; -webkit-backdrop-filter: none; backdrop-filter: none; }
.logo-img { height: 62px; mix-blend-mode: normal; }
@media (max-width: 640px) { .logo-img { height: 52px; } }
.logo-dark img { background: #fff; border-radius: 50%; padding: 3px; }
/* ===================== Teamfotos, Besuchen Sie uns ===================== */
.ph-photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 18%; }
.avatars span { overflow: hidden; }
.avatars span img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 15%; }
.visit { margin-top: 56px; display: grid; gap: 20px; }
@media (min-width: 1024px) { .visit { grid-template-columns: 0.85fr 1.15fr; } }
.visit-info { padding: clamp(24px, 3vw, 36px); border-radius: var(--r-lg); background: var(--ink); color: var(--white); }
.visit-info .kicker { color: var(--brand); }
.visit-info h3 { margin-top: 12px; font-size: 1.7rem; font-weight: 700; letter-spacing: -0.03em; }
.visit-info address { margin-top: 10px; font-style: normal; color: rgba(255, 255, 255, 0.85); font-size: 17px; }
.visit-entry { margin-top: 16px; display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: rgba(255, 255, 255, 0.75); }
.visit-entry .ico { color: var(--brand); margin-top: 2px; }
.visit-info h4 { margin: 28px 0 0; font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(255, 255, 255, 0.6); }
.visit-info h4 .todo { color: var(--brand); letter-spacing: 0; text-transform: none; }
.hours { margin: 12px 0 0; display: grid; grid-template-columns: 1fr auto; }
.hours dt, .hours dd { margin: 0; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.hours dd { text-align: right; font-weight: 700; font-variant-numeric: tabular-nums; }
.hours-note { margin-top: 14px; font-size: 13px; color: rgba(255, 255, 255, 0.65); }
.hours-note .todo { color: var(--brand); }
.visit-ctas { margin-top: 26px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.visit-ctas .link { color: var(--white); }
.map-card { padding: 14px; border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--white); }
.map-svg { width: 100%; height: auto; border-radius: 18px; }
.map-links { margin-top: 14px; display: flex; flex-wrap: wrap; align-items: center; gap: 12px 22px; padding-inline: 4px; }
.map-note { margin-top: 10px; padding-inline: 4px; font-size: 12px; color: var(--mute); }
.transit { margin-top: 14px; display: grid; gap: 10px; }
@media (min-width: 640px) { .transit { grid-template-columns: 1fr 1fr; } }
.transit li { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper); font-size: 14px; color: var(--ink-2); }
.transit b { color: var(--ink); }
.tl { display: grid; place-items: center; flex-shrink: 0; min-width: 34px; height: 26px; padding: 0 6px; border-radius: 6px; font-size: 12px; font-weight: 800; color: #fff; }
.tl.u1 { background: #e2001a; }
.tl.u2 { background: #a862a4; }
.tl.bus { background: var(--ink); }
.tl.bus .ico { width: 15px; height: 15px; }
.tl.park { background: #1f5fae; }
.places.two { margin-top: 24px; }
@media (min-width: 860px) { .places.two { grid-template-columns: repeat(2, 1fr); } }
.hq-note { margin-top: 24px; display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border: 1px dashed var(--line); border-radius: 16px; font-size: 14px; color: var(--mute); }
.hq-note .ico { color: var(--brand-deep); margin-top: 2px; }
.hq-note b { color: var(--ink-2); }
/* ===================== Finale Version: neues Logo (A2 „Flügel als Netz“) ===================== */
/* Farben laut Logo-Briefing: Blau #00A0D2 (Flächen/Logo), Text-Blau #007BA3 (Text & Links auf Weiß),
Anthrazit #282828, Honig #F5A800 (nur Akzent, max. 5–10 %, nie Text auf Weiß), Hintergrund #F4F8FA. */
:root { --honey: #f5a800; --ink: #282828; }
.logo { gap: 14px; }
.logo-img { height: 40px; width: auto; mix-blend-mode: normal; }
.logo-partner {
display: none; padding-left: 14px; border-left: 1px solid var(--line);
font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.3; color: var(--mute);
}
@media (min-width: 1180px) { .logo-partner { display: block; } }
@media (max-width: 640px) { .logo-img { height: 34px; } }
.logo-mark { width: 46px; height: 46px; }
.logo-dark img { background: none; border-radius: 0; padding: 0; }
.foot .logo-foot { height: 56px; width: auto; }
.duo-card img { width: 82%; }
/* Honig-Akzente (sparsam) */
.progress { background: var(--honey); }
.pulse::before, .pulse::after { background: var(--honey); }
.card::after { background: linear-gradient(90deg, var(--honey), rgba(245, 168, 0, 0)); }
.post::before { background: var(--honey); }
.duo-link i:nth-child(2) { background: var(--honey); }
/* Text auf Weiß in Text-Blau, nie Hell-Blau */
.link:hover { color: var(--brand-deep); }
.foot ul a:hover { color: var(--brand-deep); }
.logo-mark { width: 60px; height: 60px; }
/* ===================== Final A5: Logo „Verbundene Waben“ + Drei-Partnersiegel ===================== */
.hdr-brand { display: flex; align-items: center; gap: 18px; min-width: 0; }
.logo-img { height: 38px; }
.hdr-seal { display: none; padding: 4px 0 4px 18px; border-left: 1px solid var(--line); }
.hdr-seal .drei-seal { height: 46px; width: auto; display: block; }
@media (min-width: 1180px) { .hdr-seal { display: block; } }
.foot-seal { margin-top: 20px; }
.foot-seal .drei-seal { height: 64px; width: auto; }
.badge-seal { padding: 8px 14px; background: var(--white); }
.badge-seal .drei-seal { height: 46px; width: auto; display: block; }
.partner-seals { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px; margin-top: 6px; }
.seal-card { display: grid; place-items: center; padding: 14px 18px; border-radius: 18px; background: var(--white); }
.seal-card .drei-seal { height: 64px; width: auto; }
.seal-round img { height: 78px; width: 78px; }
.seal-cap { flex-basis: 100%; text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.6); }
.seal-cap .todo { color: var(--brand); }
/* ===================== Final A5 v2 (Peter 21.10.2026): Partnerunternehmen von firmenhandy.at ===================== */
/* Kopfzeile: BEE-Logo + „Partnerunternehmen von“ + firmenhandy.at-Logo; Drei-Siegel nicht mehr im Header */
.hdr-seal, .fam-badge { display: none !important; }
.hdr-partner {
display: inline-flex; align-items: center; gap: 10px;
padding: 4px 0 4px 18px; border-left: 1px solid var(--line);
color: var(--mute); text-decoration: none; transition: opacity 0.3s;
}
.hdr-partner:hover { opacity: 0.8; }
.hdr-partner span {
font-size: 10px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1.25;
text-align: right; max-width: 150px;
}
.hdr-partner .fh-logo { height: 36px; width: auto; display: block; }
@media (max-width: 1239px) and (min-width: 1080px) { .hdr-partner span { display: none; } .hdr-brand { gap: 14px; } .hdr-partner { padding-left: 14px; } }
@media (max-width: 640px) {
.hdr-brand { gap: 10px; }
.hdr-partner { gap: 6px; padding-left: 10px; }
.hdr-partner span { font-size: 8px; letter-spacing: 0.04em; max-width: 72px; }
.hdr-partner .fh-logo { height: 28px; }
}
@media (max-width: 370px) { .hdr-partner span { display: none; } }
/* Drei-Siegel oben im Hero statt in der Navigation */
.hero-seal { display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.hero-seal .drei-seal { height: 64px; width: auto; display: block; }
@media (max-width: 899px) { .hero-seal { align-items: flex-start; } .hero-seal .drei-seal { height: 52px; } }
.sub-seal { margin-top: 28px; }
.sub-seal .drei-seal { height: 52px; width: auto; display: block; }
/* Partner-Badge in der Leiste: kleine Zeile oben, Name darunter */
.badge-partner span small { display: block; }
/* Rechtlicher Hinweis in der Fußzeile */
.foot-legal { display: inline-block; margin-top: 6px; font-size: 12px; opacity: 0.85; }
/* ===================== v3 (22.10.2026): Team-Kontakt, vCard, QR ===================== */
.person .p-actions { margin-top: 10px; display: flex; gap: 8px; }
.person .p-btn {
display: inline-flex; align-items: center; justify-content: center;
width: 38px; height: 38px; padding: 0; border-radius: 50%;
border: 1px solid var(--line); background: var(--white); color: var(--ink);
text-decoration: none; cursor: pointer; font: inherit;
}
.person .p-btn:hover, .person .p-btn[aria-expanded="true"] { border-color: var(--brand); color: var(--brand-text, #007BA3); }
.person .p-btn .ico { width: 17px; height: 17px; }
.person .p-btn.p-call { background: var(--brand); border-color: var(--brand); color: var(--ink); }
.person .p-qrbox { margin-top: 10px; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 12px; color: var(--mute); }
.person .p-qrbox[hidden] { display: none; }
.person .p-qrbox img { width: 160px; height: 160px; display: block; padding: 6px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.visit-map img.map-svg { display: block; width: 100%; height: auto; }
/* ===================== v3 (23.10.2026): Serviceseiten ===================== */
.svc-quick { display: grid; gap: 10px; align-self: center; padding: 28px; border: 1px solid var(--line); border-radius: 24px; background: var(--white); max-width: 420px; }
.svc-quick .kicker { color: var(--brand-deep); }
.svc-quick a { display: flex; align-items: center; gap: 10px; font-weight: 700; font-size: 17px; }
.svc-quick a .ico { width: 18px; height: 18px; color: var(--brand-deep); }
.svc-quick a:hover { color: var(--brand-deep); }
.svc-quick-n { margin-top: 6px; font-size: 13px; color: var(--mute); }
.svc-hero h1 { font-size: clamp(2.2rem, 5vw, 4.4rem); line-height: 1.02; }
.dl-list { margin-top: 40px; display: grid; gap: 12px; }
.dl-item { display: flex; align-items: center; gap: 18px; padding: 18px 22px; border: 1px solid var(--line); border-radius: 20px; background: var(--paper); transition: border-color .3s, box-shadow .3s; }
.dl-item:hover { border-color: rgba(0, 160, 210, .55); box-shadow: var(--shadow); }
.dl-item .bi { flex-shrink: 0; display: grid; place-items: center; width: 44px; height: 50px; background: var(--ink); color: var(--brand); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.dl-item .bi .ico { width: 20px; height: 20px; }
.dl-t { flex: 1; min-width: 0; display: grid; gap: 3px; }
.dl-t span { font-size: 13px; color: var(--mute); }
.dl-go { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; color: var(--brand-deep); }
.dl-go .ico { width: 18px; height: 18px; }
@media (max-width: 560px) { .dl-go span { display: none; } }
.svc-form { margin-top: 40px; padding: clamp(20px, 4vw, 40px); border: 1px solid var(--line); border-radius: 28px; background: var(--paper); max-width: 920px; }
.svc-form .t { margin-top: 10px; color: var(--ink-2); }
.form-hint { font-size: 13px; color: var(--mute); }
.checks { border: 0; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.checks legend { width: 100%; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: var(--ink-2); }
.check.consent a { text-decoration: underline; }
.guide { margin-top: 40px; display: grid; gap: 18px; }
.guide-step { display: grid; gap: 18px; padding: 22px; border: 1px solid var(--line); border-radius: 22px; background: var(--paper); }
@media (min-width: 860px) { .guide-step { grid-template-columns: 1fr 300px; align-items: start; } }
.guide-step img { width: 100%; max-width: 300px; height: auto; border-radius: 14px; border: 1px solid var(--line); background: var(--white); }
.guide-n { display: inline-grid; place-items: center; width: 40px; height: 46px; background: var(--brand); color: var(--ink); font-size: 13px; font-weight: 800; clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.guide-txt h3 { margin-top: 12px; font-size: 18px; font-weight: 700; }
.guide-txt p, .guide-txt li { margin-top: 8px; color: var(--ink-2); font-size: 15px; }
.guide-txt ul { padding-left: 18px; list-style: disc; }
.guide-txt a, .svc-form a, .os-block a, .block p a, .lead a, .sub-hero .lead a { text-decoration: underline; }
.svc-audio { width: 100%; margin-top: 16px; }
.svc-details { margin-top: 14px; font-size: 14px; }
.svc-details summary { cursor: pointer; font-weight: 700; color: var(--brand-deep); }
.svc-details p { margin-top: 8px; font-style: italic; }
.price-wrap { margin-top: 40px; display: grid; gap: 20px; }
@media (min-width: 960px) { .price-wrap:has(.bundle) { grid-template-columns: 1.3fr 1fr; align-items: start; } }
.price-table { width: 100%; border-collapse: collapse; background: var(--white); border: 1px solid var(--line); border-radius: 20px; overflow: hidden; font-size: 15px; }
.price-table th, .price-table td { padding: 14px 18px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.price-table th { background: var(--paper); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--mute); }
.price-table tr:last-child td { border-bottom: 0; }
.price-table s { color: var(--mute); }
.price-table.ivr td:last-child { white-space: nowrap; font-weight: 700; }
.bundle { padding: 28px; border-radius: 24px; background: var(--ink); color: var(--white); }
.bundle .kicker { color: var(--brand); }
.bundle h3 { margin-top: 8px; }
.bundle-p { margin-top: 10px; font-size: 28px; font-weight: 800; }
.bundle-p s { font-size: 18px; color: rgba(255,255,255,.55); font-weight: 600; }
.bundle ul { margin: 16px 0 22px; display: grid; gap: 8px; }
.bundle li { display: flex; gap: 10px; color: rgba(255,255,255,.85); }
.bundle li .ico { width: 16px; height: 16px; margin-top: 4px; color: var(--brand); }
.svc-usp { display: flex; flex-wrap: wrap; gap: 10px 26px; font-weight: 700; }
.svc-usp li { display: flex; gap: 8px; align-items: flex-start; }
.svc-usp .ico { width: 18px; height: 18px; color: var(--brand-deep); margin-top: 2px; flex-shrink: 0; }
.pk-grid { display: grid; gap: 18px; margin-top: 8px; }
@media (min-width: 1080px) { .pk-grid { grid-template-columns: repeat(3, 1fr); } .pk-grid.two-col { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 760px) and (max-width: 1079px) { .pk-grid.two-col { grid-template-columns: repeat(2, 1fr); } }
.pk { padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: var(--white); scroll-margin-top: 110px; }
.pk .kicker { color: var(--brand-deep); }
.pk h3 { margin-top: 8px; }
.pk-price { margin-top: 10px; font-size: 20px; font-weight: 800; }
.pk p { margin-top: 10px; color: var(--ink-2); font-size: 15px; }
.pk ul { margin-top: 14px; display: grid; gap: 8px; font-size: 14px; color: var(--ink-2); }
.pk li { display: flex; gap: 10px; }
.pk li .ico { width: 16px; height: 16px; margin-top: 3px; color: var(--brand-deep); flex-shrink: 0; }
.pk-note { font-size: 13px !important; }
.pk-check { margin-top: 18px; padding: 12px 14px; border-radius: 14px; background: var(--brand-soft); font-weight: 700; }
.pk-set legend { font-size: 14px; }
.os-grid { margin-top: 40px; display: grid; gap: 18px; }
@media (min-width: 960px) { .os-grid { grid-template-columns: repeat(2, 1fr); } }
.os-block { padding: 26px; border: 1px solid var(--line); border-radius: 24px; background: var(--paper); }
.os-block ol { margin-top: 12px; padding-left: 20px; list-style: decimal; display: grid; gap: 8px; color: var(--ink-2); font-size: 15px; }
.os-imgs { margin-top: 18px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.os-imgs img { width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--line); }
.svc-faq { margin-top: 32px; max-width: 920px; }
.ds h2 { font-size: 1.35rem; }
.ds h3 { margin-top: 28px; font-size: 1.1rem; font-weight: 700; }
.ds h4 { margin-top: 20px; font-weight: 700; }
.ds a { text-decoration: underline; word-break: break-word; }
.ds table { margin-top: 12px; border-collapse: collapse; font-size: 14px; }
.ds td, .ds th { border: 1px solid var(--line); padding: 8px 10px; }
.svc-faq details ul { padding: 0 0 12px 20px; list-style: disc; color: var(--ink-2); font-size: 15px; }
.svc-faq details p { padding-bottom: 10px; }
.form .two { display: grid; gap: 12px; }
.svc-form, .svc-form .form, .field { min-width: 0; }
.field input, .field select, .field textarea { min-width: 0; max-width: 100%; }
.price-wrap { min-width: 0; }
.price-wrap > * { min-width: 0; max-width: 100%; }
@media (max-width: 560px) {
.price-table th, .price-table td { padding: 10px 10px; font-size: 13px; }
.price-table.ivr td:last-child { white-space: normal; }
.price-table.ivr td:last-child a { white-space: nowrap; }
}
.ds { overflow-wrap: anywhere; }
.svc-form .form, .form .two { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 640px) { .form .two { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.price-table.ivr { table-layout: fixed; }
.price-table.ivr th:last-child, .price-table.ivr td:last-child { width: 42%; }
.svc-form:has(.pk-set) { max-width: none; }
/* ===================== v4 (23.10.2026): Drei-Trust – die Nähe zu Drei sichtbar machen ===================== */
/* --brand-text: dunkleres Blau für kleine Links/Kicker auf hellen Flächen (≥ 6:1 auf Weiß, Paper und Brand-Soft) */
:root { --brand-text: #00627f; }
/* Trust-Leiste direkt unter der Kopfzeile (alle Inhalts- und Serviceseiten) */
.trustbar { background: var(--paper); border-bottom: 1px solid var(--line); }
.trustbar-in { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; padding-block: 10px; }
.trustbar-seal { height: 36px; width: auto; display: block; flex-shrink: 0; }
.trustbar-t { margin: 0; font-size: 13px; line-height: 1.4; color: var(--ink); font-weight: 700; }
.trustbar-banner { width: 253px; max-width: 100%; height: auto; display: block; }
/* Ruhiger Pill-Button zum Partnerprofil bei Drei */
.trustbar-btn {
margin-left: auto; display: inline-flex; align-items: center; gap: 8px;
padding: 9px 14px; border: 1px solid var(--line); border-radius: 999px;
background: var(--white); color: var(--brand-text);
font-size: 13px; font-weight: 700; white-space: nowrap;
transition: background-color 0.3s, border-color 0.3s;
}
.trustbar-btn:hover { background: var(--brand-soft); border-color: rgba(0, 160, 210, 0.35); }
.trustbar-btn .ico { width: 16px; height: 16px; }
.hero-seal a { display: block; }
/* Tap-Ziele: 10 px Innenabstand oben/unten ohne Layoutverschiebung */
.near-links .link { padding-block: 10px; margin-block: -10px; }
@media (max-width: 639px) {
.trustbar-in { gap: 6px 12px; }
.trustbar-seal { height: 32px; }
.trustbar-banner { width: 232px; }
.trustbar-btn { margin-left: 0; }
.hero-seal a { display: none; } /* Querformat-Siegel im Hero nur auf Desktop */
.hero-seal .kicker { display: none; } /* Tagline „Wien. Und wo …“ nur Desktop – Hero-Kicker nennt Wien schon */
.hdr-partner span { display: none; } /* 8-px-Text „Partnerunternehmen von“, Logo bleibt */
.foot ul { gap: 12px; }
.foot ul a { display: inline-block; padding-block: 4px; }
.near-links { gap: 14px 22px; }
}
/* 03 Warum BeeConnect – vier Gründe */
.why-grid { margin-top: 56px; display: grid; gap: 16px; }
@media (min-width: 640px) { .why-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1080px) { .why-grid { grid-template-columns: repeat(4, 1fr); } }
.why-card {
display: flex; flex-direction: column; gap: 10px;
padding: 28px;
border: 1px solid var(--line); border-radius: 24px;
background: var(--paper);
transition: transform 0.5s var(--ease), box-shadow 0.5s, border-color 0.4s;
}
.why-card:hover { transform: translateY(-4px); box-shadow: var(--shadow); border-color: rgba(0, 160, 210, 0.55); }
.why-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 58px; }
.why-top .kicker { color: var(--mute); }
.why-ico { display: grid; place-items: center; width: 52px; height: 58px; background: var(--ink); color: var(--brand); clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%); }
.why-ico .ico { width: 22px; height: 22px; }
.why-seal { height: 58px; width: 58px; display: block; }
.why-card h3 { margin: 8px 0 0; font-size: 1.25rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; }
.why-card p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--ink-2); }
.why-card .link { margin-top: auto; padding-block: 10px; margin-bottom: -10px; color: var(--brand-text); }
/* 04 Drei. Ganz in Ihrer Nähe. – kompakt, direkt nach „Warum BeeConnect“ */
.near { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--paper); padding-block: clamp(50px, 6vw, 86px); }
.near-h2 { font-size: clamp(1.8rem, 3.4vw, 2.9rem); }
.near-grid { margin-top: 36px; display: grid; gap: 14px; }
@media (min-width: 860px) { .near-grid { grid-template-columns: 1.3fr 1fr 1fr; } }
.near-card { display: flex; flex-direction: column; gap: 6px; padding: 20px; border: 1px solid var(--line); border-radius: 20px; background: var(--white); }
.near-card .kicker { color: var(--brand-text); font-size: 11px; line-height: 1.5; }
.near-card h3 { margin: 10px 0 0; font-size: 1.3rem; line-height: 1.2; font-weight: 700; letter-spacing: -0.025em; }
.near-card address { margin: 6px 0 0; font-style: normal; font-size: 16px; line-height: 1.5; color: var(--ink); }
.near-note { margin: 4px 0 0; font-size: 14px; line-height: 1.55; color: var(--mute); }
.near-links { margin-top: auto; padding-top: 14px; display: flex; flex-wrap: wrap; gap: 10px 22px; }
.near-links .link { color: var(--brand-text); }
.near-b2b { background: var(--brand-soft); border-color: rgba(0, 160, 210, 0.35); }
.near-b2b .near-note { color: var(--ink-2); }
.near-b2b .link:hover { color: var(--ink); }
.near-foot { margin-top: 22px; font-size: 13px; color: var(--mute); }
.near-foot a { font-weight: 700; color: var(--ink); }
.near-foot a:hover { color: var(--brand-text); }
/* Footer: Banner „Im Auftrag von Hutchison Drei Austria GmbH“ als Band über die volle Containerbreite,
eigene Zeile direkt über der Rechtszeile (Vorgabe Auftraggeber: „von ganz links bis ganz rechts“) */
.foot-band { margin-top: 24px; padding-block: 18px; }
.foot-banner { width: 100%; max-width: 100%; height: auto; display: block; }
.foot-band + .foot-bottom { margin-top: 0; }
.foot-drei { white-space: nowrap; }
/* FAQ-Antworten mit Link */
.faq-list p a { font-weight: 700; color: var(--brand-text); }
.faq-list .link { padding-block: 10px; margin-block: -10px; }
/* v4 (23.10.): Drei-Trust zurückhaltender (Feedback Linda Skok: Banner „übertönt alles andere“).
Ein Platz im Kopfbereich (Trust-Leiste) + Fußzeile; kein großes Siegel im Hero. Inhalte von Daniel bleiben. */
.trustbar-in { padding-block: 6px; gap: 6px 14px; }
.trustbar-seal { height: 26px; }
.trustbar-t { font-size: 12px; }
.trustbar-banner { width: 190px; }
.trustbar-btn { font-size: 12px; padding: 6px 12px; }
.hero-seal a, .hero-seal > .drei-seal { display: none; }
.foot-band { margin-top: 16px; padding-block: 10px; }
.foot-banner { width: 260px; max-width: 100%; }
@media (max-width: 899px) {
.trustbar-seal { height: 24px; }
.trustbar-banner { width: 170px; }
.foot-banner { width: 220px; }
}
/* v4_6 (29.10.2026): Formulare mit Server-Versand */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.form-status{margin:4px 0 0;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.5}
.form-status.info{background:var(--paper,#f4f8fa);color:var(--ink-2,#3a3f44)}
.form-status.ok{background:#e6f6fb;color:#00546f;border:1px solid #9fd9ec}
.form-status.fehler{background:#fff4e0;color:#6b4300;border:1px solid #f5c26b}
.form-status a{color:inherit;text-decoration:underline}
.field.invalid input,.field.invalid select{border-color:#d9822b;box-shadow:0 0 0 3px rgba(245,168,0,.18)}
.check.invalid{color:#8a4b00}
.check.consent a{text-decoration:underline}
.field input[type=file]{padding:10px;background:#fff;cursor:pointer}
button[disabled]{opacity:.6;cursor:progress}
/* SEO-Umsetzung 30.10.2026 (Nora) – nur Ergänzungen, bestehende Regeln unverändert */
/* Fußzeile: Spaltentitel als (keine Überschriften-Ebene), Aussehen wie bisher */
.foot .foot-h { font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--mute); }
/* Faktenkasten „BeeConnect auf einen Blick“ (Startseite) */
.facts-list { margin: 48px 0 0; display: grid; gap: 0; border-top: 1px solid var(--line); }
.facts-list .fact { display: grid; gap: 6px 32px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.facts-list dt { font-size: 12px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: var(--brand-text); }
.facts-list dd { margin: 0; font-size: 16px; line-height: 1.6; color: var(--ink-2); }
.facts-list dd a { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(0, 160, 210, 0.5); text-underline-offset: 3px; }
.facts-list dd a:hover { color: var(--brand-text); }
@media (min-width: 768px) { .facts-list .fact { grid-template-columns: 160px 1fr; align-items: baseline; } }