/*
* Landbund Theme
*/
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('../Fonts/barlow-400.woff2') format('woff2');
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 600;
font-display: swap;
src: url('../Fonts/barlow-600.woff2') format('woff2');
}
@font-face {
font-family: 'Barlow';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('../Fonts/barlow-700.woff2') format('woff2');
}
body {
font-family: 'Barlow', sans-serif;
}
/* Verhindert horizontalen Scroll durch Full-Bleed-Sektionen (width:100vw).
"clip" statt "hidden", damit position:sticky (Navigation) nicht bricht. */
.body-bg {
overflow-x: clip;
}
:root {
--color-primary: #C0E0AB;
--margin-M: 16px;
--margin-XL: 32px;
--neutral-green-900: #0E1A07;
--neutral-green-800: #1D330D;
--neutral-green-200: #C0E0AB;
--neutral-green-50: #F1F7EC;
}
p {
color: var(--neutral-green-900);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 145%;
/* 26.1px */
letter-spacing: 0.18px;
}
h1 {
color: var(--neutral-green-900, #0E1A07);
text-align: center;
/* MD-XXL/H1 */
font-family: 'Barlow', sans-serif;
font-size: 56px;
font-style: normal;
font-weight: 600;
line-height: 115%;
/* 64.4px */
letter-spacing: -1.12px;
}
h2 {
color: var(--neutral-green-900, #0E1A07);
/* MD-XXL/H2 */
font-family: 'Barlow', sans-serif;
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 120%;
/* 52.8px */
letter-spacing: -0.88px;
}
.btn-primary {
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%;
/* 24px */
letter-spacing: 0.32px;
color: white;
border-radius: var(--border-radius-L, 24px);
background: var(--neutral-green-500, #488020);
text-decoration: none !important;
display: flex;
height: 48px;
padding: 16px var(--margin-L, 24px);
justify-content: center;
align-items: center;
gap: 10px;
}
/* ── Navbar ── */
.lb-navbar {
background-color: #fff;
border-bottom: 0;
box-shadow: none;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
position: relative;
}
.lb-navbar .container-mainnavigation {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
}
.lb-navbar-brand {
display: flex;
align-items: center;
text-decoration: none;
padding: 0;
margin: 0;
line-height: 0;
}
.lb-logo {
height: 48px;
width: auto;
display: block;
}
.lb-nav-toggle {
/* Bootstrap Package setzt width: 34px – hier auf auto */
width: auto !important;
height: auto !important;
display: inline-flex !important;
flex-direction: row !important;
align-items: center !important;
gap: 0.5rem !important;
border: none;
background-color: var(--color-primary);
padding: var(--margin-M, 16px) var(--margin-M, 16px) var(--margin-M, 16px) var(--margin-L, 24px);
cursor: pointer;
color: #333;
overflow: visible;
border-radius: 1000px;
}
.lb-nav-toggle:focus {
outline: 0px;
outline-offset: 0px;
box-shadow: none;
}
/* Beide Labels im selben Grid-Cell überlagern → kein Layout-Shift */
.lb-nav-label-wrap {
display: grid;
}
.lb-nav-label {
grid-area: 1 / 1;
font-size: 0.9rem;
font-weight: 600;
letter-spacing: 0.04em;
/* text-transform: uppercase;*/
color: #333;
line-height: 1;
transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
white-space: nowrap;
text-align: right;
}
/* Burger icon – 3 Striche, die per CSS-Transform in ein X morphen */
.lb-burger-icon {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 22px;
height: 16px;
flex-shrink: 0;
}
.lb-burger-bar {
display: block;
width: 100%;
height: 2px;
background-color: #333;
border-radius: 2px;
transform-origin: center;
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
/* Label-Crossfade via opacity – kein display:none, damit Transition funktioniert */
.lb-nav-label--close {
opacity: 0;
pointer-events: none;
}
/* Verhindern dass Bootstrap Package ein eigenes .navbar-toggler-icon einfügt */
.lb-nav-toggle .navbar-toggler-icon {
display: none !important;
}
.lb-nav-toggle:not(.collapsed) {
background-color: transparent !important;
border: none !important;
}
.lb-nav-toggle:not(.collapsed) .lb-nav-label--menu {
opacity: 0;
pointer-events: none;
}
.lb-nav-toggle:not(.collapsed) .lb-nav-label--close {
opacity: 1;
pointer-events: auto;
position: static;
}
.lb-nav-toggle.collapsed .lb-nav-label--close {
position: absolute;
}
/* Oberer Strich → 45° nach unten zur Mitte */
.lb-nav-toggle:not(.collapsed) .lb-burger-bar:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
/* Mittlerer Strich → ausblenden */
.lb-nav-toggle:not(.collapsed) .lb-burger-bar:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
/* Unterer Strich → −45° nach oben zur Mitte */
.lb-nav-toggle:not(.collapsed) .lb-burger-bar:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
/* ── Burger immer anzeigen (Bootstrap Package versteckt ihn per Media Query) ── */
.lb-navbar .navbar-toggler {
display: inline-flex !important;
}
/* Nav-Collapse: nur zeigen wenn geöffnet (.show), sonst immer verstecken */
.lb-navbar .navbar-collapse {
display: none !important;
}
.lb-navbar .navbar-collapse.show {
display: block !important;
position: absolute;
top: 100%;
right: 0;
left: auto;
min-width: 300px;
width: fit-content;
max-width: min(480px, 95vw);
background-color: #fff;
z-index: 1050;
padding: 0 1.5rem 1.5rem;
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
border-radius: 0 0 16px 16px;
}
/* Aufgeklapptes Menü: vertikal */
.lb-navbar .navbar-collapse.show .navbar-nav {
flex-direction: column !important;
}
/* ── Items ohne Unterpunkte ── */
.lb-navbar .navbar-collapse.show .nav-item {
width: 100%;
}
.lb-navbar .navbar-collapse.show .nav-link-main {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
padding: 1.25rem 0 !important;
border-bottom: 1px solid #e0e0e0 !important;
font-weight: 600 !important;
font-size: 1.1rem !important;
color: var(--neutral-green-900, #0E1A07) !important;
text-decoration: none;
}
.lb-navbar .navbar-collapse.show .nav-link-main::after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-image: url("../Images/arrow.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center;
flex-shrink: 0;
margin-left: 1rem;
}
/* ── Items mit Unterpunkten: Akkordeon ── */
.lb-navbar .navbar-collapse.show .nav-style-simple,
.lb-navbar .navbar-collapse.show .nav-style-mega {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
border-bottom: 1px solid #e0e0e0;
}
.lb-navbar .navbar-collapse.show .nav-style-simple .nav-link-main,
.lb-navbar .navbar-collapse.show .nav-style-mega .nav-link-main {
flex: 1 !important;
border-bottom: none !important;
}
.lb-navbar .navbar-collapse.show .nav-style-simple .nav-link-main::after,
.lb-navbar .navbar-collapse.show .nav-style-mega .nav-link-main::after {
display: none !important;
}
.lb-navbar .navbar-collapse.show .nav-link-toggle {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
width: 2.5rem !important;
height: 2.5rem !important;
padding: 0 !important;
border: none !important;
background: transparent !important;
cursor: pointer !important;
flex-shrink: 0 !important;
color: var(--neutral-green-900, #0E1A07) !important;
}
.lb-navbar .navbar-collapse.show .nav-link-indicator {
display: block;
width: 18px;
height: 11px;
background-image: url("../Images/chevron.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
transition: transform 0.2s ease;
}
.lb-navbar .navbar-collapse.show .nav-link-indicator::before {
display: none;
}
.lb-navbar .navbar-collapse.show .nav-link-toggle[aria-expanded="true"] .nav-link-indicator {
transform: rotate(180deg);
}
/* Dropdown-Panel: statisch im Flow (Popper-Override) */
.lb-navbar .navbar-collapse.show .dropdown-menu {
position: static !important;
transform: none !important;
inset: unset !important;
display: none !important;
float: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 0 0.5rem 0.75rem !important;
margin: 0 !important;
min-width: 0 !important;
width: 100% !important;
flex-basis: 100% !important;
}
.lb-navbar .navbar-collapse.show .dropdown-menu.show {
display: block !important;
}
.lb-navbar .navbar-collapse.show .dropdown-item {
padding: 0.65rem 0 !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
color: var(--neutral-green-900, #0E1A07) !important;
border-bottom: 1px solid #f0f0f0 !important;
background: transparent !important;
white-space: normal !important;
}
.lb-navbar .navbar-collapse.show .dropdown-item:last-child {
border-bottom: none !important;
}
/* ── Letztes Item (Karriere): grüner Button ── */
.lb-navbar .navbar-collapse.show .nav-item:last-child .nav-link-main {
background: linear-gradient(180deg, #65B32E 0%, #488020 59.62%);
color: #fff !important;
border-radius: 16px;
padding: 1rem 1.5rem !important;
margin-top: 1.25rem;
border-bottom: none !important;
}
.lb-navbar .navbar-collapse.show .nav-item:last-child .nav-link-main::after {
display: inline-block !important;
filter: brightness(0) invert(1);
}
/* ── Footer ── */
#page-footer.bp-page-footer {
color: var(--neutral-green-800);
background-color: var(--neutral-green-200);
}
.lb-footer-main {
padding: 3rem 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.lb-footer-bottom {
padding: 1.5rem 0;
}
.lb-footer-columns {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
@media (max-width: 767px) {
.lb-footer-columns {
grid-template-columns: 1fr;
}
}
.lb-footer-col {
min-width: 0;
}
#page-footer {
background-color: var(--color-primary);
}
#page-footer p {
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 24px */
letter-spacing: 2%;
}
#page-footer a {
color: var(--neutral-green-800);
text-decoration: none;
padding-left: 0px;
padding-right: 8px;
}
.lb-footer-subfooter p {
padding: 0;
margin: 0;
}
#page-footer h5 {
font-size: 24px;
font-weight: 600;
line-height: 133%;
}
/* ── Hero / Carousel Fullscreen ── */
.lb-hero .frame-container {
max-width: 100% !important;
padding: 0 0px;
margin: 0;
}
.lb-hero #c103 {
padding: 0;
}
.lb-hero #c103 figure.image {
position: relative;
margin: 0;
overflow: hidden;
border-radius: 0px;
}
.lb-hero #c103 picture,
.lb-hero #c103 img {
display: block;
width: 100%;
height: 600px;
object-fit: cover;
object-position: center -70px;
max-width: 1920px;
}
.lb-hero #c103 figure.image::after {
content: '';
position: absolute;
inset: 0;
background: rgba(255, 255, 255,0.1);
pointer-events: none;
}
@media (max-width: 768px) {
.lb-hero #c103 picture,
.lb-hero #c103 img {
height: 260px;
object-position: center -25px;
}
}
.footer-section-meta {
background: var(--color-primary);
}
/* ── Startseite: Abschnitte ── */
.lb-hero {
width: 100%;
overflow: hidden;
}
.lb-section {
padding: 3.5rem 0;
}
.lb-section-karriere, .lb-section-coupon-header, .lb-section-coupon, .lb-section-maps {
padding: 0;
}
.lb-section-white {
background-color: #fff;
}
.lb-section-green {
background-color: var(--color-primary);
}
.lb-section-green a {
/* color: rgba(255, 255, 255, 0.9); */
text-decoration: underline;
}
.lb-section-green a:hover {
color: #fff;
}
/* ── lb-split ── */
/* Einheitlicher Abstand für alle lb_split-Sektionen */
.frame-type-lb_split {
padding-top: 1.25rem !important;
padding-bottom: 1.25rem !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* Letztes lb_split vor dem Footer: zusätzlicher Abstand nach unten */
.frame-type-lb_split:last-child,
.frame-type-lb_split:not(:has(~ .frame-type-lb_split)) {
padding-bottom: 3rem !important;
}
.lb-split {
display: grid;
grid-template-columns: 1fr 1fr;
height: 400px;
}
.lb-split--image-right {
direction: rtl;
}
.lb-split--image-right > * {
direction: ltr;
}
.lb-split__image {
overflow: hidden;
}
.lb-split__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lb-split__content {
padding: 3rem;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.5rem;
}
.lb-split__content--white { background-color: #fff; }
.lb-split__content--green { background-color: var(--neutral-green-500, #488020); color: #fff; }
.lb-split__content--green-light { background-color: var(--neutral-green-50, #C0E0AB); }
.lb-split__content--green-dark { background-color: var(--neutral-green-200, #1D330D); color: #fff; }
.lb-split__deeplinks {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.lb-split__deeplink-item {
display: flex;
}
/* Deeplink-Buttons (Figma-Vorlage): weiche Rechteck-Buttons.
Heller Card-Hintergrund -> hellgrüner Button; grüner Card-Hintergrund -> weißer Button. */
.lb-split__deeplink {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 9px 18px;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
text-decoration: none !important;
color: var(--neutral-green-900, #0E1A07);
background: var(--neutral-green-200, #C0E0AB);
border: 1px solid transparent;
border-radius: 8px;
transition: background-color .2s ease, color .2s ease, transform .15s ease, box-shadow .2s ease;
cursor: pointer;
}
.lb-split__deeplink:hover,
.lb-split__deeplink:focus-visible {
background: var(--neutral-green-500, #488020);
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(14, 26, 7, 0.18);
}
.lb-split__deeplink:focus-visible {
outline: 2px solid var(--neutral-green-900, #0E1A07);
outline-offset: 2px;
}
/* Grüne / hellgrüne / dunkle Cards: weiße Buttons mit dunklem Text */
.lb-split__content--green .lb-split__deeplink,
.lb-split__content--green-light .lb-split__deeplink,
.lb-split__content--green-dark .lb-split__deeplink {
background: #488020;
color: #fff;
}
.lb-split__content--green .lb-split__deeplink:hover,
.lb-split__content--green .lb-split__deeplink:focus-visible,
.lb-split__content--green-light .lb-split__deeplink:hover,
.lb-split__content--green-light .lb-split__deeplink:focus-visible,
.lb-split__content--green-dark .lb-split__deeplink:hover,
.lb-split__content--green-dark .lb-split__deeplink:focus-visible {
background:#2c5716;
color: #fff;
}
/* Whole-card link (span acts as button) — animate on card hover */
a.lb-split--linked:hover .lb-split__deeplink {
background: var(--neutral-green-500, #488020);
color: #fff;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(14, 26, 7, 0.18);
}
a.lb-split--linked:hover .lb-split__content--green .lb-split__deeplink,
a.lb-split--linked:hover .lb-split__content--green-light .lb-split__deeplink,
a.lb-split--linked:hover .lb-split__content--green-dark .lb-split__deeplink {
background: var(--neutral-green-900, #0E1A07);
color: #fff;
}
a.lb-split--linked {
text-decoration: none;
color: inherit;
cursor: pointer;
}
a.lb-split--linked:hover .lb-split__img {
opacity: 0.9;
}
.lb-split__image-link {
display: block;
height: 100%;
}
.lb-split__body p {
font-size: 16px;
font-weight: 400;
line-height: 150%;
/* 24px */
letter-spacing: 2%;
}
/* lb_split: ab Bootstrap-xl (≤1199px) feste 400px-Höhe aufheben — sonst werden
die längeren Sektionen (Service, Haus und Garten, Reitsport mit 600+ Zeichen)
durch justify-content: center oben und unten abgeschnitten. */
@media (max-width: 1199px) {
.lb-split {
height: auto;
min-height: 320px;
}
.lb-split__content {
padding: 2rem;
gap: 1rem;
justify-content: flex-start;
}
.lb-split__heading {
font-size: 32px;
line-height: 1.15;
letter-spacing: -0.4px;
}
}
/* lb_split: Phone/kleines Tablet — einspaltig, Bild und Text bekommen jeweils
ihre eigene Höhe statt sich 400px zu teilen */
@media (max-width: 767px) {
.lb-split {
grid-template-columns: 1fr;
direction: ltr;
height: auto;
}
.lb-split--image-right .lb-split__image {
order: -1;
}
.lb-split__image {
aspect-ratio: 16 / 10;
height: auto;
}
.lb-split__img {
height: 100%;
}
.lb-split__content {
padding: 1.75rem 1.5rem;
gap: 0.75rem;
}
.lb-split__heading {
font-size: 28px;
line-height: 1.2;
}
.lb-split__body p {
font-size: 15px;
line-height: 1.55;
}
}
@media (max-width: 575px) {
.lb-split__image {
aspect-ratio: 4 / 3;
}
.lb-split__content {
padding: 1.5rem 1.25rem;
}
.lb-split__heading {
font-size: 24px;
}
/* lb_split-Sektionen weniger Abstand zwischen einander */
.frame-type-lb_split {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
}
/* ── Startseite: CardGroups ── */
#c106 {
margin-top: -140px;
background-color: white;
border-radius: 16px;
padding: 30px;
}
#c106 .card-group-element {
gap: 30px;
flex-wrap: nowrap;
}
#c106 .card-group-element-item {
flex: 1 1 0;
min-width: 0;
}
#c106 .card-group-element-item .card {
min-width: 0;
width: 100%;
max-width: none;
}
/* ── Startseite: Logo aus der Navbar in die Claim-Kachel ── */
/* Navbar-Logo nur auf der Startseite ausblenden (andere Seiten unverändert) */
body.page-1 .lb-navbar-brand {
display: none;
}
/* Erste Kachel in #c106 ("Wir liefern, was du brauchst!"): Text durch das
RLB-Logo ersetzen – etwas dunkler als das Navbar-Logo. Der Text bleibt im
DOM (font-size: 0) und damit für Screenreader/SEO erhalten. */
body.page-1 #c106 .card-group-element-item:first-child .card {
align-items: center;
justify-content: center;
}
body.page-1 #c106 .card-group-element-item:first-child .card-title {
display: block;
width: 100%;
height: 100px;
margin: 0;
font-size: 0;
background-image: url("../Images/logo.svg");
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
filter: brightness(0.85);
}
/* ── CardGroups ── */
.card-group-element-item .card {
height: unset;
}
.card {
border: none;
display: flex;
height: 150px;
min-width: 279px;
max-width: 370px;
padding: 16px;
justify-content: center;
align-items: flex-end;
gap: 10px;
background-color: transparent;
flex-direction: row;
position: relative;
}
.card .stretched-link::after {
content: '';
position: absolute;
inset: 0;
}
.lb-hero-card {
border-radius: 16px;
color: white;
}
.lb-hero-card-menuitem {
overflow: hidden;
position: relative;
transition: box-shadow 0.5s ease;
}
.lb-hero-card-menuitem::before {
content: '';
position: absolute;
inset: 0;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
transition: transform 0.5s ease;
z-index: 0;
}
.lb-hero-card-menuitem::after {
content: '';
position: absolute;
inset: 0;
background: rgba(30, 30, 30, 0.4);
pointer-events: none;
transition: background 0.5s ease;
z-index: 1;
}
.lb-hero-card-menuitem:hover::before {
transform: scale(1.05);
}
.lb-hero-card-menuitem:hover::after {
background: rgba(72, 128, 32, 0.5);
}
.lb-hero-card-menuitem:hover {
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.28);
}
.lb-hero-card-menuitem > .card {
position: relative;
z-index: 2;
align-items: center;
}
.lb-hero-card .card-title {
border-radius: 16px;
color: white;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.3px;
text-align: center;
margin-bottom: 0;
}
.lb-hero-card-maerkte::before {
background-image: url("/fileadmin/Hintergrundbilder/Startseite_Raiff.-Märkte.jpg");
}
.lb-hero-card-energie::before {
background-image: url("/fileadmin/Hintergrundbilder/Energie.jpg");
}
#c107 .lb-hero-card-info h2 {
color: black;
font-size: 24px !important;
text-shadow: none;
text-align: left;
}
#c107 .lb-hero-card-info p {
font-size: 16px;
font-weight: 400;
}
#c107 .lb-hero-card-info > .card {
align-items: center;
}
#c107{
margin-top: 0;
margin-bottom: 20px;
background-color: white;
border-radius: 16px;
padding: 18px 16px;
width: 1520px !important;
margin-left: -100px;
}
#c107 .card-group-element {
gap: 30px;
flex-wrap: nowrap;
}
#c107 .card-group-element-item {
flex: 1 1 0;
min-width: 0;
}
#c107 .card-group-element-item .card {
min-width: 0;
width: 100%;
max-width: none;
height: 100%;
}
#c107 .frame-container {
max-width: 100% !important;
padding: 0 14px;
margin: 0 auto;
}
/* ── tt_address: Ansprechpartner-Karte ── */
.tt_address_list {
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.lb-contact-card {
display: flex;
align-items: flex-start;
gap: 2rem;
}
.lb-contact-card__image {
flex-shrink: 0;
}
.lb-contact-card__img {
width: 70px;
height: 70px;
object-fit: cover;
object-position: top center;
border-radius: 16px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
display: block;
}
.lb-contact-card__info {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.lb-contact-card__position {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.06em;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
.lb-contact-card__name {
font-size: 22px;
font-weight: 600;
margin: 0 0 0.5rem;
}
.lb-contact-card__contact {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.lb-contact-card__contact-item {
display: flex;
align-items: baseline;
gap: 0.4rem;
font-size: 16px;
}
.lb-contact-card__label {
color: #1f251d;
font-weight: 400;
white-space: nowrap;
}
.lb-contact-card__value {
color: #1f251d;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.lb-contact-card__value:hover {
text-decoration: underline;
}
@media (max-width: 575px) {
.lb-contact-card {
flex-direction: column;
align-items: center;
text-align: center;
}
.lb-contact-card__contact-item {
justify-content: center;
}
}
.lb-hero-card-karriere::before {
background-image: url("/fileadmin/Hintergrundbilder/Karriere.jpg");
}
.lb-hero-card-karriere::after {
background: rgba(72, 128, 32, 0.75);
}
.lb-hero-card-karriere:hover::after {
background: rgba(30, 30, 30, 0.4);
}
/* ── Grüner Verlauf (wie Karriere-Button) für Maerkte/Energie/Rinde/Agrar ── */
.lb-hero-card-maerkte::after,
.lb-hero-card-energie::after,
.lb-hero-card-rinde::after,
.lb-hero-card-agrar::after,
.lb-hero-card-karriere::after {
background: linear-gradient(180deg, #e3f2d6 0%, #c0e0ab 100%);
}
.lb-hero-card-menuitem,
.lb-hero-card-menuitem .card-title {
color: black;
text-shadow: none;
}
/* Karriere: dunkler Verlauf, weiße Schrift + weißes Icon */
.lb-hero-card-karriere::after {
background: linear-gradient(180deg, rgba(101, 179, 46, 1) 0%, rgba(72, 128, 32, 1) 60%);
}
.lb-hero-card-karriere,
.lb-hero-card-karriere .card-title {
color: white;
}
.lb-hero-card-maerkte:hover::after,
.lb-hero-card-energie:hover::after,
.lb-hero-card-rinde:hover::after,
.lb-hero-card-agrar:hover::after {
background: rgba(30, 30, 30, 0.4);
}
/* On Hover: Text sofort weiß mit leichtem Schatten zur Absetzung */
.lb-hero-card-menuitem:hover,
.lb-hero-card-menuitem:hover .card-title {
color: white;
text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.35);
}
/* ── Kachel-Icons ── */
.lb-hero-card-maerkte .card-body,
.lb-hero-card-energie .card-body,
.lb-hero-card-karriere .card-body,
.lb-hero-card-rinde .card-body,
.lb-hero-card-agrar .card-body {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
width: 100%;
justify-content: center;
}
.lb-hero-card-maerkte .card-body::before,
.lb-hero-card-energie .card-body::before,
.lb-hero-card-karriere .card-body::before,
.lb-hero-card-rinde .card-body::before,
.lb-hero-card-agrar .card-body::before {
content: '';
display: block;
order: -1;
width: 80px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.lb-hero-card-maerkte .card-body::before,
.lb-hero-card-energie .card-body::before,
.lb-hero-card-rinde .card-body::before,
.lb-hero-card-agrar .card-body::before {
filter: brightness(0);
}
/* On Hover: Icon weiß (SVGs sind original weiß) */
.lb-hero-card-maerkte:hover .card-body::before,
.lb-hero-card-energie:hover .card-body::before,
.lb-hero-card-rinde:hover .card-body::before,
.lb-hero-card-agrar:hover .card-body::before {
filter: none;
}
.lb-hero-card-maerkte .card-body::before {
background-image: url("../Images/icon-warenkorb.svg");
aspect-ratio: 100 / 84;
width: 80px;
}
.lb-hero-card-energie .card-body::before {
background-image: url("../Images/icon-energie.svg");
aspect-ratio: 122 / 106;
width: 80px;
}
.lb-hero-card-karriere .card-body::before {
background-image: url("../Images/icon-karriere.svg");
aspect-ratio: 90 / 65;
width: 80px;
}
.lb-hero-card-agrar .card-body::before {
background-image: url("../Images/icon-agrar.svg");
aspect-ratio: 88 / 96;
width: 80px;
}
.lb-hero-card-rinde .card-body::before {
background-image: url("../Images/icon-rinde.svg");
aspect-ratio: 76 / 100;
width: 100px;
height: 60px;
}
.lb-hero-card-agrar::before {
background-image: url("/fileadmin/fileadmin/Dateiverzeichnis/Strohpellets/Startseite_-_Agrar.JPG");
}
.lb-hero-card-rinde::before {
background-image: url("/fileadmin/fileadmin/Dateiverzeichnis/Strohpellets/Startseite_Rinde__Strohpellets.JPG");
}
/* ── Startseite: Coupons ── */
#c114 {
transform: translateY(-62.3%);
}
/* .lb-section-coupon {
height: 203px;
} */
#c112 p {
margin-bottom: 32px;
}
.lb-footer-subfooter {
background-color: var(--neutral-green-50);
display: flex;
justify-content: space-between;
align-items: stretch;
border-radius: 16px;
height: 56px;
padding: 16px 32px;
font-weight: 800;
font-size: 16px;
}
.lb-footer-subfooter .lb-footer-col {
display: flex;
align-items: center;
}
.lb-footer-col p {
font-weight: 700;
letter-spacing: 2%;
}
.lb-footer-social {
display: flex;
align-items: center;
gap: 12px;
}
.lb-social-icon {
display: flex;
align-items: center;
justify-content: center;
color: inherit;
opacity: 0.8;
transition: opacity 0.2s ease;
}
.lb-social-icon:hover {
opacity: 1;
}
.frame-lb-nav-kacheln {
padding: 0px;
}
.frame-lb-nav-kacheln h2 {
font-size: 44px;
font-style: normal;
font-weight: 600;
line-height: 120%;
/* 38.4px */
letter-spacing: -2%;
}
.hero {
position: relative;
overflow: hidden;
border-radius: 16px;
width: 100%;
height: 500px;
}
.hero__video {
width: 100%;
}
/* ── lb_hero Content Element ── */
.lb-hero__wrapper {
position: relative;
overflow: hidden;
border-radius: 16px;
width: 100%;
height: 500px;
}
@media (max-width: 768px) {
.lb-hero__wrapper {
height: 260px;
border-radius: 16px;
}
}
.lb-hero__video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lb-hero__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.lb-hero__overlay {
position: absolute;
inset: 0;
background: rgba(60, 60, 60, 0);
pointer-events: none;
}
.lb-hero__carousel,
.lb-hero__carousel .carousel-inner,
.lb-hero__carousel .carousel-item {
height: 100%;
}
.lb-hero__slide-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.breadcrumb-section {
background-color: transparent;
}
/* ── Bild/Video zwischen Navbar und Breadcrumb (colPos 3 + colPos 8) ── */
.lb-border-section .frame,
.lb-before-breadcrumb .frame {
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.lb-border-section .frame-group-container,
.lb-border-section .frame-container {
max-width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
/* ── Sub-Sub-Navigation (Standorte → Einzelmärkte) ── */
/* Grundstyle für nav-link-dropdown (fehlt im Bootstrap Package) */
.lb-navbar .navbar-collapse.show .nav-link-dropdown {
display: block;
padding: 0.6rem 0 !important;
font-size: 0.92rem !important;
font-weight: 500 !important;
color: var(--neutral-green-900, #0E1A07) !important;
border-bottom: 1px solid #f0f0f0 !important;
text-decoration: none !important;
white-space: normal !important;
}
.lb-navbar .navbar-collapse.show .dropdown-nav .nav-item:last-child > .nav-link-dropdown {
border-bottom: none !important;
}
/* Items mit Kindern: flex + Pfeil-Indikator */
.lb-navbar .navbar-collapse.show .dropdown-nav .nav-item:has(> .dropdown-nav) > .nav-link-dropdown {
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
}
.lb-navbar .navbar-collapse.show .dropdown-nav .nav-item:has(> .dropdown-nav) > .nav-link-dropdown::after {
content: "";
display: inline-block;
width: 13px;
height: 8px;
background-image: url("../Images/chevron.svg");
background-repeat: no-repeat;
background-size: contain;
background-position: center right;
transition: transform 0.2s ease;
flex-shrink: 0;
margin-left: 0.5rem;
}
/* Pfeil dreht sich wenn offen */
.lb-navbar .navbar-collapse.show .dropdown-nav .nav-item.is-open > .nav-link-dropdown::after {
transform: rotate(180deg);
}
/* Sub-Sub-Menü: standardmäßig versteckt */
.lb-navbar .navbar-collapse.show .dropdown-nav .dropdown-nav {
display: none !important;
padding-left: 0.6rem !important;
margin: 0 !important;
border-left: 2px solid var(--color-primary, #65B32E);
margin-bottom: 0.25rem !important;
}
/* Sub-Sub-Menü einblenden wenn .is-open */
.lb-navbar .navbar-collapse.show .dropdown-nav .nav-item.is-open > .dropdown-nav {
display: block !important;
}
.navbar-mainnavigation .nav-link.nav-link-main:before {
background: none;
}
.frame-lb-standorte-ansprechpartner .frame-inner {
background-color: var(--neutral-green-50);
padding: 32px;
border-radius: 16px;
}
.frame-lb-standorte-ansprechpartner .frame-inner h2 {
font-size: 32px;
font-weight: 600;
line-height: 133%;
}
.frame-lb-standorte-ansprechpartner .lb-contact-card__img {
border:none;
width: 254px;
height: auto;
border-radius: 16px;
}
/* Iframe der Angebote-Sektion: inline-Style auf 12px wird hier überschrieben,
damit der Radius zum 16px-Standard passt. */
.lb-angebote-section .lb-angebote-wrapper iframe {
border-radius: 16px;
}
/* News-Teaser-Sektion: Karten-Layout für die letzten News am Seitenende */
.lb-news-teaser {
padding: 64px 0;
background-color: var(--neutral-green-50, #F1F7EC);
/* Full-Bleed: Das News-Plugin (colPos 201) steckt im zentrierten
.container; damit die grüne Fläche bis an den Viewport-Rand reicht,
wird die Sektion auf volle Fensterbreite gezogen. Der innere
.container hält die Karten weiterhin in der Inhaltsbreite. */
width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
/* Abstand nach unten zu den Angeboten (folgendes Element in colPos 201) */
margin-bottom: 48px;
}
/* News-Plugin (CTypes news_pi1, news_newsliststicky, news_newsselectedlist):
Frame als transparenter Passthrough, damit unser .lb-news-teaser-Section
die volle Breite einnimmt. Frame-Header ausblenden (Titel kommt aus der
Section selbst). */
.frame-type-news_pi1,
.frame-type-news_pi1 .frame-container,
.frame-type-news_pi1 .frame-group-container,
.frame-type-news_pi1 .frame-inner,
.frame-type-news_newsliststicky,
.frame-type-news_newsliststicky .frame-container,
.frame-type-news_newsliststicky .frame-group-container,
.frame-type-news_newsliststicky .frame-inner,
.frame-type-news_newsselectedlist,
.frame-type-news_newsselectedlist .frame-container,
.frame-type-news_newsselectedlist .frame-group-container,
.frame-type-news_newsselectedlist .frame-inner {
max-width: 100%;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
.frame-type-news_pi1 .frame-header,
.frame-type-news_newsliststicky .frame-header,
.frame-type-news_newsselectedlist .frame-header {
display: none;
}
/* Default-News-Extension Wrapper neutralisieren */
.frame-type-news_pi1 .news,
.frame-type-news_newsliststicky .news,
.frame-type-news_newsselectedlist .news,
.frame-type-news_newsdetail .news,
.frame-type-news_newsdetail .news-single,
.frame-type-news_newsdetail .news-single .article {
margin: 0;
padding: 0;
}
.lb-news-empty {
text-align: center;
font-size: 16px;
color: var(--neutral-green-800, #1D330D);
padding: 24px 0;
margin: 0;
}
.lb-news-teaser__header {
text-align: center;
margin-bottom: 40px;
}
.lb-news-teaser__title {
color: var(--neutral-green-900, #0E1A07);
font-family: 'Barlow', sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 1.2;
margin: 0;
}
.lb-news-teaser__grid {
display: grid;
gap: 24px;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 768px) {
.lb-news-teaser__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 992px) {
.lb-news-teaser__grid--cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.lb-news-teaser__grid--cols-5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 16px;
}
}
.lb-news-card {
background-color: #fff;
border-radius: var(--border-radius-L, 16px);
overflow: hidden;
box-shadow: 0 2px 8px rgba(14, 26, 7, 0.06);
transition: transform 0.25s ease, box-shadow 0.25s ease;
display: flex;
flex-direction: column;
height: 100%;
}
.lb-news-card:hover,
.lb-news-card:focus-within {
transform: translateY(-4px);
box-shadow: 0 10px 24px rgba(14, 26, 7, 0.12);
}
.lb-news-card__link {
color: inherit;
text-decoration: none;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.lb-news-card__link:hover,
.lb-news-card__link:focus {
color: inherit;
text-decoration: none;
}
.lb-news-card__media {
aspect-ratio: 16 / 10;
overflow: hidden;
background-color: var(--neutral-green-200, #C0E0AB);
}
.lb-news-card__image {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.4s ease;
}
.lb-news-card:hover .lb-news-card__image {
transform: scale(1.04);
}
.lb-news-card__image--placeholder {
background: linear-gradient(135deg, var(--neutral-green-200, #C0E0AB) 0%, var(--neutral-green-50, #F1F7EC) 100%);
}
.lb-news-card__body {
padding: 20px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1;
}
.lb-news-card__date {
font-size: 13px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
text-transform: uppercase;
letter-spacing: 0.5px;
}
.lb-news-card__title {
font-family: 'Barlow', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.25;
color: var(--neutral-green-900, #0E1A07);
margin: 0;
}
.lb-news-card__teaser {
font-size: 14px;
line-height: 1.5;
color: var(--neutral-green-800, #1D330D);
margin: 0;
flex: 1;
}
.lb-news-card__more {
margin-top: 8px;
font-size: 14px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
display: inline-flex;
align-items: center;
gap: 6px;
}
.lb-news-card__arrow {
transition: transform 0.25s ease;
display: inline-block;
}
.lb-news-card:hover .lb-news-card__arrow {
transform: translateX(4px);
}
/* 5-Karten-Variante etwas kompakter */
.lb-news-teaser__grid--cols-5 .lb-news-card__body {
padding: 16px;
}
.lb-news-teaser__grid--cols-5 .lb-news-card__title {
font-size: 17px;
}
.lb-news-teaser__grid--cols-5 .lb-news-card__teaser {
font-size: 13px;
}
/* ─────────────────────────────────────────────────────────
Neuigkeiten in der rechten Standort-Sidebar (.subcontent-wrap):
bleiben an Ort und Stelle, bekommen aber die Optik der
Zertifikat-Links – einspaltige Liste, ohne Vorschaubild.
Reines CSS, Inhalt bleibt im Backend pflegbar.
───────────────────────────────────────────────────────── */
/* Grünen Hintergrund-Kasten und Innenabstand entfernen */
.subcontent-wrap .lb-news-teaser {
padding: 0;
background-color: transparent;
/* Full-Bleed der Hauptspalten-Variante hier neutralisieren –
in der schmalen Sidebar bleibt der Teaser in der Spaltenbreite. */
width: auto;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
/* Bootstrap-Container neutralisieren: Liste bündig zur Überschrift
(gleiche linke Kante) und über die volle Spaltenbreite. */
.subcontent-wrap .lb-news-teaser .container {
width: 100%;
max-width: 100%;
margin: 0;
padding-left: 0;
padding-right: 0;
}
/* Überschrift wie bei den übrigen Elementen (z.B. Ansprechpartner):
den nativen Frame-Header einblenden und den großen Teaser-Titel
ausblenden, damit die Optik identisch zum .element-header ist. */
.subcontent-wrap .frame-type-news_pi1 .frame-header {
display: block;
}
.subcontent-wrap .lb-news-teaser__header {
display: none;
}
/* Grid -> einspaltige, volle Breite (vertikale Liste wie .filelink-list).
Überschreibt die 3-Spalten-Variante, die ab 992px sonst auch in der
schmalen Sidebar greifen würde. */
.subcontent-wrap .lb-news-teaser__grid,
.subcontent-wrap .lb-news-teaser__grid--cols-3 {
grid-template-columns: 1fr;
gap: 0.25rem;
}
/* Vorschaubild komplett raus */
.subcontent-wrap .lb-news-card__media {
display: none;
}
/* Karte -> Listen-Eintrag (Pill) wie .filelink-item */
.subcontent-wrap .lb-news-card {
height: auto;
background: #f8faf5;
border-radius: 6px;
box-shadow: none;
transition: background 0.15s ease;
}
.subcontent-wrap .lb-news-card:hover,
.subcontent-wrap .lb-news-card:focus-within {
transform: none;
box-shadow: none;
background: #edf3e6;
}
.subcontent-wrap .lb-news-card__body {
padding: 0.65rem 0.875rem;
gap: 0.15rem;
}
/* Titel wie der Dateiname-Link bei den Zertifikaten */
.subcontent-wrap .lb-news-card__title {
font-size: 15px;
font-weight: 500;
}
/* Datum dezent, ohne Versalien */
.subcontent-wrap .lb-news-card__date {
font-size: 12px;
letter-spacing: 0;
text-transform: none;
color: #6b7a5e;
}
/* "Weiterlesen" entfällt in der kompakten Link-Liste */
.subcontent-wrap .lb-news-card__more {
display: none;
}
/* ─────────────────────────────────────────────────────────
News Detail-Seite (news_newsdetail)
───────────────────────────────────────────────────────── */
.frame-type-news_newsdetail {
padding: 0;
}
.frame-type-news_newsdetail .frame-container {
max-width: 880px;
}
.lb-news-detail {
padding: 32px 0 48px;
}
.lb-news-detail__header {
margin-bottom: 32px;
text-align: left;
}
.lb-news-detail__meta {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 18px;
font-size: 13px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
}
.lb-news-detail__date {
display: inline-flex;
align-items: center;
gap: 8px;
}
.lb-news-detail__date::before {
content: '';
display: inline-block;
width: 24px;
height: 2px;
background: var(--neutral-green-500, #488020);
border-radius: 1px;
}
.lb-news-detail__meta-sep {
color: rgba(72, 128, 32, 0.4);
}
.lb-news-detail__author {
color: var(--neutral-green-800, #1D330D);
text-transform: none;
letter-spacing: 0;
font-weight: 600;
font-size: 14px;
}
.lb-news-detail__title {
font-family: 'Barlow', sans-serif;
font-size: 44px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -0.8px;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 20px;
text-align: left;
}
.lb-news-detail__teaser {
font-size: 19px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
margin: 0;
font-weight: 500;
padding-left: 18px;
border-left: 3px solid var(--neutral-green-200, #C0E0AB);
}
.lb-news-detail__hero {
margin: 0 0 36px;
padding: 0;
}
.lb-news-detail__hero-image {
display: block;
width: 100%;
height: auto;
border-radius: 20px;
box-shadow: 0 8px 28px rgba(14, 26, 7, 0.10);
}
.lb-news-detail__caption {
margin-top: 12px;
font-size: 13px;
color: var(--neutral-green-800, #1D330D);
opacity: 0.75;
text-align: center;
font-style: italic;
}
/* Body-Typografie (RTE-Content) */
.lb-news-detail__body {
font-size: 17px;
line-height: 1.7;
color: var(--neutral-green-900, #0E1A07);
}
.lb-news-detail__body > * + * {
margin-top: 1.1em;
}
.lb-news-detail__body p {
font-size: 17px;
line-height: 1.7;
color: var(--neutral-green-900, #0E1A07);
margin: 0;
}
.lb-news-detail__body h2,
.lb-news-detail__body h3,
.lb-news-detail__body h4 {
font-family: 'Barlow', sans-serif;
color: var(--neutral-green-900, #0E1A07);
margin: 1.8em 0 0.6em;
line-height: 1.25;
letter-spacing: -0.2px;
text-align: left;
}
.lb-news-detail__body h2 { font-size: 28px; font-weight: 600; }
.lb-news-detail__body h3 { font-size: 22px; font-weight: 600; }
.lb-news-detail__body h4 { font-size: 18px; font-weight: 700; }
.lb-news-detail__body a {
color: var(--neutral-green-500, #488020);
text-decoration: none;
border-bottom: 1px solid rgba(72, 128, 32, 0.35);
transition: color 0.2s ease, border-color 0.2s ease;
}
.lb-news-detail__body a:hover,
.lb-news-detail__body a:focus {
color: var(--neutral-green-800, #1D330D);
border-bottom-color: var(--neutral-green-500, #488020);
}
.lb-news-detail__body ul,
.lb-news-detail__body ol {
padding-left: 24px;
margin: 0;
}
.lb-news-detail__body ul li,
.lb-news-detail__body ol li {
margin-bottom: 6px;
line-height: 1.6;
}
.lb-news-detail__body img {
max-width: 100%;
height: auto;
border-radius: 12px;
margin: 1.2em 0;
}
.lb-news-detail__body blockquote {
margin: 1.4em 0;
padding: 18px 24px;
background: var(--neutral-green-50, #F1F7EC);
border-left: 4px solid var(--neutral-green-500, #488020);
border-radius: 0 12px 12px 0;
font-size: 18px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
font-style: italic;
}
/* Tags */
.lb-news-detail__tags {
margin: 36px 0 0;
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.lb-news-detail__tag {
display: inline-flex;
align-items: center;
padding: 6px 14px;
background: var(--neutral-green-50, #F1F7EC);
border: 1px solid rgba(72, 128, 32, 0.18);
border-radius: 999px;
font-size: 13px;
font-weight: 600;
color: var(--neutral-green-800, #1D330D);
}
/* Footer mit Back-Link */
.lb-news-detail__footer {
margin-top: 48px;
padding-top: 24px;
border-top: 1px solid rgba(72, 128, 32, 0.18);
}
.lb-news-detail__back {
display: inline-flex;
align-items: center;
gap: 10px;
color: var(--neutral-green-500, #488020);
font-size: 14px;
font-weight: 700;
letter-spacing: 0.4px;
text-decoration: none;
transition: gap 0.2s ease, color 0.2s ease;
}
.lb-news-detail__back:hover,
.lb-news-detail__back:focus {
gap: 14px;
color: var(--neutral-green-800, #1D330D);
text-decoration: none;
}
@media (max-width: 767px) {
.lb-news-detail {
padding: 24px 0 36px;
}
.lb-news-detail__title {
font-size: 28px;
letter-spacing: -0.4px;
}
.lb-news-detail__teaser {
font-size: 16px;
}
.lb-news-detail__hero {
margin-bottom: 24px;
}
.lb-news-detail__hero-image {
border-radius: 14px;
}
.lb-news-detail__body {
font-size: 16px;
}
.lb-news-detail__body p {
font-size: 16px;
}
.lb-news-detail__body h2 { font-size: 24px; }
.lb-news-detail__body h3 { font-size: 20px; }
}
/* ─────────────────────────────────────────────────────────
Raiffeisen-Börsenfenster (HTML-Element mit
id="boersenfenster_bf_…"): umgebende Card-Darstellung
───────────────────────────────────────────────────────── */
.frame-type-html:has([id^="boersenfenster_bf_"]) {
padding: 48px 0;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) .frame-inner {
background: #fff;
border: 1px solid rgba(72, 128, 32, 0.10);
border-radius: 20px;
padding: 36px 40px;
box-shadow: 0 4px 20px rgba(14, 26, 7, 0.06);
max-width: 560px;
margin: 0 auto;
text-align: center;
}
/* Börsenfenster als Section-Headline */
.frame-type-html:has([id^="boersenfenster_bf_"]) .frame-inner > b:first-child {
display: block;
font-family: 'Barlow', sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.2px;
color: var(--neutral-green-900, #0E1A07);
text-align: center;
margin: 0 auto 28px;
padding-bottom: 16px;
position: relative;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) .frame-inner > b:first-child::after {
content: '';
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
width: 48px;
height: 3px;
background: linear-gradient(90deg, #65B32E 0%, #488020 100%);
border-radius: 2px;
}
/* Widget-Container: alles zentrieren (Raiffeisen-Widget ist ~300px breit
und floatet links — wir erzwingen mittige Anordnung) */
.frame-type-html:has([id^="boersenfenster_bf_"]) [id^="boersenfenster_bf_"] {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
text-align: center;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) [id^="boersenfenster_bf_"] > * {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) [id^="boersenfenster_bf_"] iframe,
.frame-type-html:has([id^="boersenfenster_bf_"]) [id^="boersenfenster_bf_"] table {
max-width: 100%;
}
@media (max-width: 768px) {
.frame-type-html:has([id^="boersenfenster_bf_"]) {
padding: 32px 0;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) .frame-inner {
padding: 24px 20px;
border-radius: 16px;
}
.frame-type-html:has([id^="boersenfenster_bf_"]) .frame-inner > b:first-child {
font-size: 22px;
margin-bottom: 22px;
padding-bottom: 12px;
}
}
/* Historie-Timeline für /ueber-uns */
.lb-history {
padding: 80px 0 96px;
background-color: var(--neutral-green-50, #F1F7EC);
}
.lb-history__intro {
text-align: center;
max-width: 760px;
margin: 0 auto 64px;
}
.lb-history__eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 16px;
}
.lb-history__title {
font-family: 'Barlow', sans-serif;
font-size: 44px;
font-weight: 600;
line-height: 1.15;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 20px;
text-align: center;
}
.lb-history__lead {
font-size: 18px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
.lb-history__timeline {
list-style: none;
margin: 0;
padding: 0;
position: relative;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
}
.lb-history__timeline::before {
content: '';
position: absolute;
left: 24px;
top: 12px;
bottom: 12px;
width: 2px;
background: linear-gradient(
to bottom,
var(--neutral-green-500, #488020) 0%,
var(--neutral-green-500, #488020) calc(100% - 60px),
transparent 100%
);
border-radius: 1px;
}
.lb-history__era {
position: relative;
padding-left: 72px;
padding-bottom: 56px;
}
.lb-history__era:last-child {
padding-bottom: 0;
}
.lb-history__era::before {
content: '';
position: absolute;
left: 17px;
top: 14px;
width: 16px;
height: 16px;
border-radius: 50%;
background-color: var(--neutral-green-500, #488020);
border: 4px solid var(--neutral-green-50, #F1F7EC);
box-shadow: 0 0 0 2px var(--neutral-green-500, #488020);
}
.lb-history__marker {
display: flex;
flex-direction: column;
margin-bottom: 12px;
}
.lb-history__years {
font-family: 'Barlow', sans-serif;
font-size: 28px;
font-weight: 700;
color: var(--neutral-green-900, #0E1A07);
line-height: 1.1;
letter-spacing: -0.5px;
}
.lb-history__year-sep {
margin: 0 6px;
color: var(--neutral-green-500, #488020);
font-weight: 400;
}
.lb-history__decade {
margin-top: 4px;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
}
.lb-history__content {
background-color: #fff;
border-radius: 16px;
padding: 28px 32px;
box-shadow: 0 2px 12px rgba(14, 26, 7, 0.06);
border: 1px solid rgba(72, 128, 32, 0.08);
}
.lb-history__era-title {
font-family: 'Barlow', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.25;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 12px;
}
.lb-history__era-text {
font-size: 16px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0 0 20px;
}
.lb-history__milestones {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.lb-history__milestones > li {
display: grid;
grid-template-columns: 64px 1fr;
gap: 16px;
padding: 12px 0;
border-top: 1px solid rgba(14, 26, 7, 0.06);
align-items: baseline;
}
.lb-history__milestones > li:first-child {
border-top: none;
padding-top: 0;
}
.lb-history__milestones .lb-history__year {
font-family: 'Barlow', sans-serif;
font-size: 16px;
font-weight: 700;
color: var(--neutral-green-500, #488020);
letter-spacing: 0.5px;
}
.lb-history__milestone-text {
font-size: 15px;
line-height: 1.55;
color: var(--neutral-green-900, #0E1A07);
}
.lb-history__milestone--highlight {
background-color: var(--neutral-green-50, #F1F7EC);
margin: 4px -16px 0;
padding: 14px 16px !important;
border-radius: 12px;
border-top: none !important;
}
.lb-history__outro {
max-width: 760px;
margin: 64px auto 0;
text-align: center;
}
.lb-history__outro-text {
font-size: 18px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0;
font-style: italic;
}
/* Desktop-Layout: Jahreszahl-Spalte links, Inhalt rechts */
@media (min-width: 768px) {
.lb-history__timeline::before {
left: 152px;
}
.lb-history__era {
display: grid;
grid-template-columns: 152px 1fr;
gap: 56px;
padding-left: 0;
}
.lb-history__era::before {
left: 145px;
}
.lb-history__marker {
padding-top: 8px;
text-align: right;
align-items: flex-end;
margin-bottom: 0;
}
.lb-history__years {
font-size: 32px;
}
}
@media (min-width: 992px) {
.lb-history__title {
font-size: 52px;
}
.lb-history__years {
font-size: 36px;
}
}
/* Ansprechpartner-Seite: Intro + Quick-Jump-Nav */
.lb-contacts-intro {
padding: 56px 0 32px;
text-align: center;
}
.lb-contacts-intro__eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 16px;
}
.lb-contacts-intro__title {
font-family: 'Barlow', sans-serif;
font-size: 44px;
font-weight: 600;
line-height: 1.15;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 20px;
text-align: center;
}
.lb-contacts-intro__lead {
font-size: 18px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
max-width: 720px;
margin: 0 auto 32px;
}
.lb-contacts-nav {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
max-width: 920px;
margin: 0 auto;
}
.lb-contacts-nav__chip {
display: inline-flex;
align-items: center;
padding: 9px 18px;
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.2);
color: var(--neutral-green-800, #1D330D);
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
transition: all 0.2s ease;
white-space: nowrap;
}
.lb-contacts-nav__chip:hover,
.lb-contacts-nav__chip:focus {
background-color: var(--neutral-green-500, #488020);
border-color: var(--neutral-green-500, #488020);
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
@media (min-width: 992px) {
.lb-contacts-intro__title {
font-size: 56px;
}
.lb-contacts-intro {
padding-top: 72px;
}
}
/* Ansprechpartner-Kategorien (ttaddress_listview Frames) */
body.page-61 .frame-type-ttaddress_listview {
scroll-margin-top: 100px;
padding: 32px 0;
}
body.page-61 .frame-type-ttaddress_listview .frame-header {
margin-bottom: 28px;
}
body.page-61 .frame-type-ttaddress_listview .element-header {
font-family: 'Barlow', sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 1.2;
color: var(--neutral-green-900, #0E1A07);
margin: 0;
text-align: left;
}
/* Card-Grid innerhalb einer Kategorie */
body.page-61 .frame-type-ttaddress_listview .tt_address_list {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 20px;
}
@media (min-width: 768px) {
body.page-61 .frame-type-ttaddress_listview .tt_address_list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
body.page-61 .frame-type-ttaddress_listview .tt_address_list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
/* Ansprechpartner-Karte: aufgewertetes Design */
body.page-61 .frame-type-ttaddress_listview .lb-contact-card {
background-color: #fff;
border-radius: 16px;
padding: 22px;
box-shadow: 0 2px 10px rgba(14, 26, 7, 0.06);
border: 1px solid rgba(72, 128, 32, 0.08);
display: flex;
flex-direction: row;
align-items: center;
gap: 20px;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card:hover {
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(14, 26, 7, 0.12);
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__image {
flex-shrink: 0;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__img {
width: 96px;
height: 96px;
object-fit: cover;
object-position: top center;
border-radius: 14px;
box-shadow: none;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__info {
gap: 4px;
min-width: 0;
flex: 1;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__position {
font-size: 12px;
letter-spacing: 1.5px;
color: var(--neutral-green-500, #488020);
margin-bottom: 2px;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__name {
font-size: 19px;
font-weight: 600;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 8px;
line-height: 1.2;
word-break: normal;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__contact {
gap: 4px;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__contact-item {
font-size: 14px;
flex-wrap: wrap;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__label {
color: var(--neutral-green-800, #1D330D);
font-weight: 600;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
min-width: 56px;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__value {
color: var(--neutral-green-800, #1D330D);
font-weight: 500;
word-break: break-word;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__value:hover {
color: var(--neutral-green-500, #488020);
text-decoration: none;
}
@media (max-width: 575px) {
body.page-61 .frame-type-ttaddress_listview .lb-contact-card {
flex-direction: column;
align-items: center;
text-align: center;
padding: 24px 20px;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__img {
width: 110px;
height: 110px;
}
body.page-61 .frame-type-ttaddress_listview .lb-contact-card__contact-item {
justify-content: center;
}
}
/* ─────────────────────────────────────────────────────────
Karriere-Seite (page-6)
───────────────────────────────────────────────────────── */
/* Section-Padding-Reset für Karriere: unsere Sections bringen eigenes Padding mit */
body.page-6 #c290,
body.page-6 #c291,
body.page-6 #c170,
body.page-6 #c292,
body.page-6 #c294,
body.page-6 #c293 {
padding-top: 0;
padding-bottom: 0;
}
body.page-6 .frame-type-html,
body.page-6 #c294,
body.page-6 #c293 {
margin-top: 0;
margin-bottom: 0;
}
body.page-6 .frame-type-html .frame-container,
body.page-6 .frame-type-form_formframework .frame-container {
max-width: 100% !important;
padding: 0 !important;
}
body.page-6 .frame-type-html .frame-group-container,
body.page-6 .frame-type-html .frame-group-inner {
max-width: 100%;
padding: 0;
}
/* ── Intro (CType=text, uid 290) ── */
body.page-6 #c290 {
background: linear-gradient(180deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
padding: 64px 0 48px !important;
text-align: center;
}
body.page-6 #c290 .frame-container {
max-width: 820px;
}
body.page-6 #c290 .element-header {
font-size: 48px;
line-height: 1.1;
letter-spacing: -1px;
margin-bottom: 12px;
}
body.page-6 #c290 .element-subheader {
font-size: 22px;
font-weight: 500;
color: var(--neutral-green-500, #488020);
margin-bottom: 24px;
text-align: center;
line-height: 1.3;
}
body.page-6 .lb-karriere__intro-lead {
font-size: 18px;
line-height: 1.65;
color: var(--neutral-green-800, #1D330D);
max-width: 720px;
margin: 0 auto;
}
/* ── Werte / Benefits-Grid ── */
.lb-karriere__werte {
padding: 80px 0;
background-color: #fff;
}
.lb-karriere__werte-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
.lb-karriere__werte-headline {
text-align: center;
font-size: 40px;
margin: 0 0 48px;
color: var(--neutral-green-900, #0E1A07);
}
.lb-karriere__werte-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
.lb-karriere__wert {
background-color: var(--neutral-green-50, #F1F7EC);
border-radius: 16px;
padding: 32px 24px;
text-align: center;
transition: transform 0.25s ease, box-shadow 0.25s ease;
border: 1px solid rgba(72, 128, 32, 0.08);
}
.lb-karriere__wert:hover {
transform: translateY(-4px);
box-shadow: 0 12px 28px rgba(14, 26, 7, 0.10);
}
.lb-karriere__wert-icon {
width: 64px;
height: 64px;
margin: 0 auto 20px;
background: linear-gradient(180deg, #65B32E 0%, #488020 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.lb-karriere__wert-icon svg {
width: 32px;
height: 32px;
}
.lb-karriere__wert-title {
font-family: 'Barlow', sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.25;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 12px;
}
.lb-karriere__wert-text {
font-size: 15px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
/* ── Stellen-Karten ── */
.lb-karriere__stellen {
padding: 80px 0;
background-color: var(--neutral-green-50, #F1F7EC);
}
.lb-karriere__stellen-inner {
max-width: 1200px;
margin: 0 auto;
padding: 0 16px;
}
.lb-karriere__stellen-header {
text-align: center;
margin-bottom: 48px;
max-width: 720px;
margin-left: auto;
margin-right: auto;
}
.lb-karriere__stellen-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 16px;
}
.lb-karriere__stellen-headline {
font-size: 44px;
line-height: 1.15;
margin: 0 0 20px;
color: var(--neutral-green-900, #0E1A07);
}
.lb-karriere__stellen-lead {
font-size: 17px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
.lb-karriere__stellen-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.lb-karriere__stellen-card {
background-color: #fff;
border-radius: 16px;
padding: 28px;
display: flex;
flex-direction: column;
box-shadow: 0 2px 10px rgba(14, 26, 7, 0.06);
border: 1px solid rgba(72, 128, 32, 0.08);
transition: transform 0.25s ease, box-shadow 0.25s ease;
position: relative;
text-decoration: none;
color: inherit;
}
a.lb-karriere__stellen-card:hover,
.lb-karriere__stellen-card:hover {
transform: translateY(-4px);
box-shadow: 0 14px 32px rgba(14, 26, 7, 0.12);
text-decoration: none;
color: inherit;
}
a.lb-karriere__stellen-card:hover .lb-karriere__stellen-cta,
a.lb-karriere__stellen-card:focus .lb-karriere__stellen-cta {
background-color: var(--neutral-green-500, #488020);
color: #fff;
}
a.lb-karriere__stellen-card:hover .lb-karriere__stellen-cta-arrow {
transform: translateX(3px);
}
.lb-karriere__stellen-badge {
display: inline-block;
align-self: flex-start;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 5px 12px;
border-radius: 999px;
margin-bottom: 16px;
}
.lb-karriere__stellen-badge--festanstellung {
background-color: var(--neutral-green-200, #C0E0AB);
color: var(--neutral-green-800, #1D330D);
}
.lb-karriere__stellen-badge--ausbildung {
background-color: #FFE7B3;
color: #7A5500;
}
.lb-karriere__stellen-title {
font-family: 'Barlow', sans-serif;
font-size: 22px;
font-weight: 600;
line-height: 1.25;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 8px;
}
.lb-karriere__stellen-meta {
font-size: 13px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
margin: 0 0 12px;
letter-spacing: 0.2px;
}
.lb-karriere__stellen-text {
font-size: 15px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
margin: 0 0 24px;
flex: 1;
}
.lb-karriere__stellen-cta {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 8px;
font-size: 15px;
font-weight: 700;
color: var(--neutral-green-500, #488020);
text-decoration: none;
padding: 10px 18px;
background-color: transparent;
border: 2px solid var(--neutral-green-500, #488020);
border-radius: 999px;
transition: all 0.25s ease;
}
.lb-karriere__stellen-cta:hover,
.lb-karriere__stellen-cta:focus {
background-color: var(--neutral-green-500, #488020);
color: #fff;
text-decoration: none;
}
.lb-karriere__stellen-cta-arrow {
display: inline-block;
transition: transform 0.2s ease;
font-weight: 400;
}
.lb-karriere__stellen-cta:hover .lb-karriere__stellen-cta-arrow {
transform: translateX(3px);
}
/* ── Ansprechpartner-Box ── */
.lb-karriere__contact-wrapper {
padding: 72px 0 16px;
background-color: #fff;
}
.lb-karriere__contact-inner {
max-width: 880px;
margin: 0 auto;
padding: 0 16px;
}
.lb-karriere__contact-header {
text-align: center;
margin-bottom: 32px;
}
.lb-karriere__contact-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 14px;
}
.lb-karriere__contact-headline {
font-size: 32px;
line-height: 1.2;
margin: 0;
color: var(--neutral-green-900, #0E1A07);
}
.lb-karriere__contact {
display: flex;
align-items: center;
gap: 28px;
background: linear-gradient(135deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
border: 1px solid rgba(72, 128, 32, 0.15);
border-radius: 20px;
padding: 28px 32px;
box-shadow: 0 4px 16px rgba(14, 26, 7, 0.05);
}
.lb-karriere__contact-avatar {
flex-shrink: 0;
width: 88px;
height: 88px;
border-radius: 50%;
background: linear-gradient(180deg, #65B32E 0%, #488020 100%);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Barlow', sans-serif;
font-size: 30px;
font-weight: 700;
letter-spacing: 1px;
box-shadow: 0 4px 14px rgba(72, 128, 32, 0.3);
}
.lb-karriere__contact-info {
flex: 1;
min-width: 0;
}
.lb-karriere__contact-role {
font-size: 12px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin: 0 0 4px;
}
.lb-karriere__contact-name {
font-family: 'Barlow', sans-serif;
font-size: 24px;
font-weight: 600;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 12px;
line-height: 1.2;
}
.lb-karriere__contact-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
gap: 8px 24px;
}
.lb-karriere__contact-list li {
display: flex;
flex-direction: column;
gap: 2px;
}
.lb-karriere__contact-label {
font-size: 11px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--neutral-green-800, #1D330D);
opacity: 0.65;
}
.lb-karriere__contact-value {
font-size: 16px;
font-weight: 600;
color: var(--neutral-green-900, #0E1A07);
text-decoration: none;
transition: color 0.2s ease;
}
.lb-karriere__contact-value:hover {
color: var(--neutral-green-500, #488020);
text-decoration: none;
}
/* ── Bewerbungsformular Header (uid 294) ── */
.lb-karriere__form-wrapper {
padding: 56px 0 24px;
background-color: #fff;
scroll-margin-top: 80px;
}
.lb-karriere__form-inner {
max-width: 720px;
margin: 0 auto;
padding: 0 16px;
}
.lb-karriere__form-header {
text-align: center;
}
.lb-karriere__form-eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 14px;
}
.lb-karriere__form-headline {
font-size: 44px;
line-height: 1.15;
margin: 0 0 16px;
color: var(--neutral-green-900, #0E1A07);
}
.lb-karriere__form-lead {
font-size: 17px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
/* ── Form-Plugin (uid 293) ── */
body.page-6 #c293 {
background-color: #fff;
padding: 0 0 80px !important;
}
body.page-6 #c293 .frame-container {
max-width: 720px !important;
padding: 0 16px !important;
margin: 0 auto !important;
}
body.page-6 #c293 form {
background-color: var(--neutral-green-50, #F1F7EC);
border-radius: 20px;
padding: 36px 32px;
border: 1px solid rgba(72, 128, 32, 0.12);
}
/* Page-Title "Bewerbung hochladen" aus dem Formular ausblenden — wir haben einen eigenen Header */
body.page-6 #c293 form > h2 {
display: none;
}
body.page-6 #c293 .form-group,
body.page-6 #c293 .mb-3 {
margin-bottom: 18px;
}
body.page-6 #c293 .form-label {
font-size: 14px;
font-weight: 600;
color: var(--neutral-green-900, #0E1A07);
margin-bottom: 6px;
display: block;
}
body.page-6 #c293 .form-label .required {
color: #b3261e;
margin-left: 2px;
}
body.page-6 #c293 .form-control {
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.25);
border-radius: 10px;
padding: 12px 14px;
font-size: 15px;
color: var(--neutral-green-900, #0E1A07);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
width: 100%;
}
body.page-6 #c293 .form-control:focus {
border-color: var(--neutral-green-500, #488020);
box-shadow: 0 0 0 3px rgba(72, 128, 32, 0.15);
outline: none;
}
body.page-6 #c293 textarea.form-control {
min-height: 130px;
resize: vertical;
}
body.page-6 #c293 input[type="file"].form-control {
padding: 10px 14px;
background-color: #fff;
cursor: pointer;
}
body.page-6 #c293 input[type="file"]::file-selector-button {
background-color: var(--neutral-green-200, #C0E0AB);
color: var(--neutral-green-800, #1D330D);
border: none;
border-radius: 6px;
padding: 6px 14px;
margin-right: 12px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.2s ease;
}
body.page-6 #c293 input[type="file"]::file-selector-button:hover {
background-color: var(--neutral-green-500, #488020);
color: #fff;
}
body.page-6 #c293 .form-text,
body.page-6 #c293 small.text-muted,
body.page-6 #c293 .help-block {
display: block;
font-size: 13px;
color: var(--neutral-green-800, #1D330D);
opacity: 0.75;
margin-top: 4px;
}
/* Datenschutz-Checkbox: Layout aus form-check-wrapping-label + form-text */
body.page-6 #c293 .form-check-wrapping-label {
background-color: #fff;
border-radius: 10px;
padding: 14px 16px 14px 48px;
border: 1px solid rgba(72, 128, 32, 0.18);
margin-bottom: 8px;
position: relative;
min-height: 48px;
}
body.page-6 #c293 .form-check-input {
position: absolute;
left: 16px;
top: 18px;
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--neutral-green-500, #488020);
cursor: pointer;
}
body.page-6 #c293 .form-check-label {
font-size: 14px;
line-height: 1.5;
color: var(--neutral-green-800, #1D330D);
margin: 0;
cursor: pointer;
}
body.page-6 #c293 .form-check-label .required {
color: #b3261e;
font-weight: 700;
}
/* Die eigentliche Datenschutz-Beschreibung liegt unter der Checkbox-Box als form-text */
body.page-6 #c293 .form-check-wrapping-label + .form-text {
margin-top: -4px;
margin-bottom: 18px;
padding: 0 16px 0 48px;
font-size: 13px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
opacity: 0.85;
}
body.page-6 #c293 .btn.btn-primary {
background: linear-gradient(180deg, #65B32E 0%, #488020 100%);
color: #fff !important;
border: none;
border-radius: 999px;
padding: 14px 36px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
cursor: pointer;
transition: transform 0.15s ease, box-shadow 0.2s ease;
margin-top: 8px;
}
body.page-6 #c293 .btn.btn-primary:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(72, 128, 32, 0.3);
color: #fff !important;
}
body.page-6 #c293 .actions {
text-align: center;
margin-top: 24px;
}
body.page-6 #c293 .alert {
border-radius: 12px;
padding: 16px;
margin-bottom: 16px;
border: 1px solid;
}
body.page-6 #c293 .alert-danger,
body.page-6 #c293 .has-error .form-control {
border-color: #b3261e;
}
body.page-6 #c293 .help-block.error,
body.page-6 #c293 .invalid-feedback,
body.page-6 #c293 .text-danger {
color: #b3261e;
font-size: 13px;
margin-top: 4px;
}
/* ── Responsive ── */
@media (max-width: 1199px) {
.lb-karriere__werte-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lb-karriere__stellen-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
body.page-6 #c290 {
padding: 40px 0 32px !important;
}
body.page-6 #c290 .element-header {
font-size: 34px;
}
body.page-6 #c290 .element-subheader {
font-size: 18px;
}
body.page-6 .lb-karriere__intro-lead {
font-size: 16px;
}
.lb-karriere__werte,
.lb-karriere__stellen {
padding: 48px 0;
}
.lb-karriere__werte-headline,
.lb-karriere__stellen-headline,
.lb-karriere__form-headline {
font-size: 30px;
}
.lb-karriere__contact-headline {
font-size: 24px;
}
.lb-karriere__werte-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px;
}
.lb-karriere__wert {
padding: 24px 18px;
}
.lb-karriere__stellen-grid {
grid-template-columns: 1fr;
}
.lb-karriere__contact {
flex-direction: column;
text-align: center;
gap: 16px;
padding: 24px 20px;
}
.lb-karriere__contact-list {
justify-content: center;
}
.lb-karriere__contact-wrapper,
.lb-karriere__form-wrapper {
padding-top: 48px;
}
body.page-6 #c293 form {
padding: 24px 20px;
}
}
@media (max-width: 480px) {
body.page-6 #c290 .element-header {
font-size: 28px;
}
.lb-karriere__werte-grid {
grid-template-columns: 1fr;
}
.lb-karriere__stellen-card {
padding: 22px 20px;
}
.lb-karriere__contact-list {
flex-direction: column;
align-items: center;
gap: 12px;
}
}
/* ─────────────────────────────────────────────────────────
Downloads-Seite (page-40)
───────────────────────────────────────────────────────── */
/* Frame-Container der Sections volle Breite */
body.page-40 .frame-type-html .frame-container {
max-width: 100% !important;
padding: 0 !important;
}
/* Intro */
.lb-downloads__intro {
background: linear-gradient(180deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
padding: 56px 0 40px;
text-align: center;
}
.lb-downloads__intro-inner {
max-width: 780px;
margin: 0 auto;
padding: 0 16px;
}
.lb-downloads__eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 14px;
}
.lb-downloads__title {
font-family: 'Barlow', sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -1px;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 18px;
}
.lb-downloads__lead {
font-size: 17px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
margin: 0;
}
/* Wrapper um alle uploads-Sections */
body.page-40 .section-default {
background-color: #fff;
padding-bottom: 64px;
}
body.page-40 .section-default > .container {
max-width: 1100px;
}
/* Jede uploads-Section als Card */
body.page-40 .frame-type-uploads {
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.12);
border-radius: 16px;
box-shadow: 0 2px 12px rgba(14, 26, 7, 0.05);
padding: 28px 28px 20px;
margin: 0 0 24px;
transition: box-shadow 0.25s ease;
}
body.page-40 .frame-type-uploads:hover {
box-shadow: 0 6px 20px rgba(14, 26, 7, 0.08);
}
body.page-40 .frame-type-uploads .frame-container,
body.page-40 .frame-type-uploads .frame-group-container,
body.page-40 .frame-type-uploads .frame-group-inner {
max-width: 100% !important;
padding: 0 !important;
}
/* Card-Header mit Icon links */
body.page-40 .frame-type-uploads .frame-header {
display: flex;
align-items: center;
gap: 16px;
margin: 0 0 20px;
padding-bottom: 16px;
border-bottom: 2px solid var(--neutral-green-200, #C0E0AB);
}
body.page-40 .frame-type-uploads .element-header {
font-family: 'Barlow', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: var(--neutral-green-900, #0E1A07);
margin: 0;
text-align: left;
flex: 1;
position: relative;
padding-left: 56px;
}
body.page-40 .frame-type-uploads .element-header::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
background-color: #488020;
background-image: linear-gradient(180deg, #65B32E 0%, #488020 100%);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
border-radius: 12px;
}
/* Kategorie-spezifisches Icon als -Mask wäre sauber, hier per zweiter Layer:
WICHTIG — bei Multi-Background müssen size/repeat/position passend mehrwertig sein. */
body.page-40 #c280 .element-header::before {
/* Zertifikate – Award/Medaille */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='6'/%3E%3Cpath d='M15.5 13L17 22l-5-3-5 3 1.5-9'/%3E%3C/svg%3E"),
linear-gradient(180deg, #65B32E 0%, #488020 100%);
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: 22px, cover;
}
body.page-40 #c281 .element-header::before {
/* Satzungen – Buch */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z'/%3E%3C/svg%3E"),
linear-gradient(180deg, #65B32E 0%, #488020 100%);
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: 22px, cover;
}
body.page-40 #c282 .element-header::before {
/* Formulare & Anträge – Dokument mit Häkchen */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6'/%3E%3Cpath d='M9 14l2 2 4-4'/%3E%3C/svg%3E"),
linear-gradient(180deg, #65B32E 0%, #488020 100%);
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: 22px, cover;
}
body.page-40 #c283 .element-header::before {
/* Vorschriften & Verordnungen – Paragraph */
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 4h6c1.7 0 3 1.3 3 3s-1.3 3-3 3H9c-1.7 0-3 1.3-3 3s1.3 3 3 3h6'/%3E%3Cpath d='M12 2v3'/%3E%3Cpath d='M12 19v3'/%3E%3C/svg%3E"),
linear-gradient(180deg, #65B32E 0%, #488020 100%);
background-repeat: no-repeat, no-repeat;
background-position: center, center;
background-size: 22px, cover;
}
/* Filelink-Liste */
body.page-40 .filelink-list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
align-items: stretch;
}
body.page-40 .filelink-item {
display: flex;
align-items: center;
gap: 14px;
padding: 12px 16px;
min-height: 64px;
background-color: var(--neutral-green-50, #F1F7EC);
border-radius: 10px;
border: 1px solid transparent;
transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
position: relative;
}
.filelink-item+.filelink-item {
margin-top: unset;
}
body.page-40 .filelink-item:hover {
background-color: #fff;
border-color: var(--neutral-green-500, #488020);
transform: translateX(2px);
}
body.page-40 .filelink-media {
flex-shrink: 0;
}
body.page-40 .filelink-fileicon {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 8px;
background-color: #fff;
color: #b3261e;
font-size: 0;
position: relative;
}
body.page-40 .filelink-fileicon::before {
content: 'PDF';
font-family: 'Barlow', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.5px;
color: #b3261e;
}
/* Bootstrap Package eigenes Icon ausblenden, wir nutzen "PDF"-Badge */
body.page-40 .filelink-fileicon > .bootstrappackageicon {
display: none;
}
body.page-40 .filelink-body {
flex: 1;
min-width: 0;
}
body.page-40 .filelink-heading {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 2px;
}
body.page-40 .filelink-filename {
width: 100%;
}
body.page-40 .filelink-filename a {
color: var(--neutral-green-900, #0E1A07);
text-decoration: none;
font-size: 15px;
font-weight: 600;
line-height: 1.35;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.page-40 .filelink-filename a:hover,
body.page-40 .filelink-filename a:focus {
color: var(--neutral-green-500, #488020);
text-decoration: none;
}
/* Ganze Card klickbar via stretched ::after */
body.page-40 .filelink-filename a::after {
content: '';
position: absolute;
inset: 0;
border-radius: 10px;
z-index: 1;
}
body.page-40 .filelink-filesize {
font-size: 12px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
letter-spacing: 0.3px;
}
/* Download-Pfeil rechts */
body.page-40 .filelink-item::after {
content: '↓';
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
color: var(--neutral-green-500, #488020);
font-size: 18px;
font-weight: 700;
opacity: 0;
transition: opacity 0.2s ease, transform 0.2s ease;
pointer-events: none;
}
body.page-40 .filelink-item:hover::after {
opacity: 1;
transform: translateY(-50%) translateY(2px);
}
/* Responsive Downloads */
@media (max-width: 991px) {
body.page-40 .filelink-list {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.lb-downloads__intro {
padding: 36px 0 28px;
}
.lb-downloads__title {
font-size: 34px;
letter-spacing: -0.5px;
}
.lb-downloads__lead {
font-size: 15px;
}
body.page-40 .frame-type-uploads {
padding: 22px 18px 14px;
}
body.page-40 .frame-type-uploads .element-header {
font-size: 20px;
padding-left: 50px;
}
body.page-40 .frame-type-uploads .element-header::before {
width: 38px;
height: 38px;
background-size: 20px, cover;
}
}
@media (max-width: 480px) {
.lb-downloads__title {
font-size: 28px;
}
body.page-40 .filelink-item {
padding: 10px 14px;
gap: 10px;
}
body.page-40 .filelink-fileicon {
width: 36px;
height: 36px;
}
body.page-40 .filelink-filename a {
font-size: 14px;
}
}
/* ─────────────────────────────────────────────────────────
Links-Seite (page-41)
───────────────────────────────────────────────────────── */
body.page-41 .frame-type-html .frame-container {
max-width: 100% !important;
padding: 0 !important;
}
.lb-links {
background-color: #fff;
}
.lb-links__inner {
max-width: 1180px;
margin: 0 auto;
padding: 16px 16px 80px;
}
.lb-links__header {
background: linear-gradient(180deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
text-align: center;
padding: 56px 16px 48px;
border-radius: 0 0 24px 24px;
margin: 0 -16px 56px;
}
.lb-links__eyebrow {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--neutral-green-500, #488020);
margin-bottom: 14px;
}
.lb-links__title {
font-family: 'Barlow', sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -1px;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 18px;
}
.lb-links__lead {
font-size: 17px;
line-height: 1.6;
color: var(--neutral-green-800, #1D330D);
max-width: 720px;
margin: 0 auto;
}
.lb-links__section {
margin-bottom: 56px;
}
.lb-links__section:last-child {
margin-bottom: 0;
}
.lb-links__section-title {
font-family: 'Barlow', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 24px;
padding-bottom: 14px;
border-bottom: 2px solid var(--neutral-green-200, #C0E0AB);
position: relative;
}
.lb-links__section-title::after {
content: '';
position: absolute;
left: 0;
bottom: -2px;
width: 56px;
height: 2px;
background-color: var(--neutral-green-500, #488020);
}
/* Grid */
.lb-links-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 20px;
}
.lb-link-card {
display: flex;
flex-direction: column;
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.12);
border-radius: 16px;
overflow: hidden;
text-decoration: none;
color: inherit;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
box-shadow: 0 2px 8px rgba(14, 26, 7, 0.04);
}
.lb-link-card:hover,
.lb-link-card:focus {
transform: translateY(-4px);
box-shadow: 0 14px 32px rgba(14, 26, 7, 0.12);
border-color: var(--neutral-green-500, #488020);
text-decoration: none;
color: inherit;
}
.lb-link-card__logo-wrap {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
height: 130px;
padding: 20px;
border-bottom: 1px solid rgba(72, 128, 32, 0.08);
}
.lb-link-card__logo {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: transform 0.3s ease;
}
.lb-link-card:hover .lb-link-card__logo {
transform: scale(1.04);
}
.lb-link-card__body {
display: flex;
flex-direction: column;
gap: 8px;
padding: 18px 22px 20px;
flex: 1;
}
.lb-link-card__title {
font-family: 'Barlow', sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 1.3;
color: var(--neutral-green-900, #0E1A07);
flex: 1;
}
.lb-link-card__url {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
letter-spacing: 0.2px;
word-break: break-all;
}
.lb-link-card__url-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 18px;
height: 18px;
border-radius: 50%;
background-color: var(--neutral-green-200, #C0E0AB);
color: var(--neutral-green-800, #1D330D);
font-size: 11px;
font-weight: 700;
flex-shrink: 0;
transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.lb-link-card:hover .lb-link-card__url-icon {
background-color: var(--neutral-green-500, #488020);
color: #fff;
transform: rotate(45deg);
}
/* Responsive Links */
@media (max-width: 991px) {
.lb-links-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lb-links__title {
font-size: 38px;
}
}
@media (max-width: 768px) {
.lb-links__header {
padding: 40px 16px 36px;
margin-bottom: 40px;
}
.lb-links__title {
font-size: 32px;
letter-spacing: -0.5px;
}
.lb-links__lead {
font-size: 15px;
}
.lb-links__section {
margin-bottom: 40px;
}
.lb-links__section-title {
font-size: 20px;
margin-bottom: 18px;
}
.lb-links-grid {
gap: 14px;
}
.lb-link-card__logo-wrap {
height: 110px;
padding: 16px;
}
.lb-link-card__body {
padding: 14px 18px 16px;
gap: 6px;
}
.lb-link-card__title {
font-size: 16px;
}
}
@media (max-width: 480px) {
.lb-links-grid {
grid-template-columns: 1fr;
}
.lb-links__title {
font-size: 28px;
}
.lb-link-card__logo-wrap {
height: 100px;
}
}
/* ─────────────────────────────────────────────────────────
Stellen-Detailseiten (page-100 bis page-107)
───────────────────────────────────────────────────────── */
/* Frame-Container zähmen, damit unsere Sections die volle Breite haben */
body[class*="page-10"] .frame-type-html .frame-container,
body.page-100 .frame-type-html .frame-container,
body.page-101 .frame-type-html .frame-container,
body.page-102 .frame-type-html .frame-container,
body.page-103 .frame-type-html .frame-container,
body.page-104 .frame-type-html .frame-container,
body.page-105 .frame-type-html .frame-container,
body.page-106 .frame-type-html .frame-container,
body.page-107 .frame-type-html .frame-container {
max-width: 100% !important;
padding: 0 !important;
}
/* Hero-Bereich der Detailseite */
.lb-stelle__hero {
background: linear-gradient(180deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
padding: 48px 0 56px;
}
.lb-stelle__hero-inner {
max-width: 920px;
margin: 0 auto;
padding: 0 16px;
}
.lb-stelle__back {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 600;
color: var(--neutral-green-500, #488020);
text-decoration: none;
margin-bottom: 28px;
transition: gap 0.2s ease;
}
.lb-stelle__back:hover,
.lb-stelle__back:focus {
color: var(--neutral-green-800, #1D330D);
gap: 12px;
text-decoration: none;
}
.lb-stelle__badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 6px 14px;
border-radius: 999px;
margin-bottom: 20px;
margin-left: 20px;
}
.lb-stelle__badge--festanstellung {
background-color: var(--neutral-green-200, #C0E0AB);
color: var(--neutral-green-800, #1D330D);
}
.lb-stelle__badge--ausbildung {
background-color: #FFE7B3;
color: #7A5500;
}
.lb-stelle__title {
font-family: 'Barlow', sans-serif;
font-size: 48px;
font-weight: 600;
line-height: 1.1;
letter-spacing: -1px;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 24px;
text-align: left;
}
.lb-stelle__meta {
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.lb-stelle__meta-item {
display: inline-flex;
align-items: center;
gap: 8px;
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.18);
border-radius: 999px;
padding: 8px 16px;
font-size: 14px;
font-weight: 600;
color: var(--neutral-green-800, #1D330D);
}
.lb-stelle__meta-icon {
font-size: 14px;
line-height: 1;
}
/* Body */
.lb-stelle__body {
padding: 56px 0 80px;
background-color: #fff;
}
.lb-stelle__body-inner {
max-width: 920px;
margin: 0 auto;
padding: 0 16px;
}
.lb-stelle__intro {
font-size: 19px;
line-height: 1.65;
color: var(--neutral-green-800, #1D330D);
margin: 0 0 48px;
padding: 24px 28px;
background-color: var(--neutral-green-50, #F1F7EC);
border-left: 4px solid var(--neutral-green-500, #488020);
border-radius: 0 12px 12px 0;
}
.lb-stelle__columns {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
margin-bottom: 48px;
}
.lb-stelle__column {
background-color: #fff;
border: 1px solid rgba(72, 128, 32, 0.12);
border-radius: 16px;
padding: 32px;
box-shadow: 0 2px 8px rgba(14, 26, 7, 0.04);
}
.lb-stelle__heading {
font-family: 'Barlow', sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 1.2;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 20px;
padding-bottom: 14px;
border-bottom: 2px solid var(--neutral-green-200, #C0E0AB);
text-align: left;
}
.lb-stelle__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;
}
.lb-stelle__list li {
position: relative;
padding-left: 32px;
font-size: 15px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
}
.lb-stelle__list li::before {
content: '';
position: absolute;
left: 0;
top: 7px;
width: 18px;
height: 18px;
background-color: var(--neutral-green-200, #C0E0AB);
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' fill='none'%3E%3Cpath d='M3 7l3 3 5-6' stroke='%23488020' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: 14px;
}
/* Benefits-Block: volle Breite, etwas anders gefärbt */
.lb-stelle__benefits {
background: linear-gradient(135deg, var(--neutral-green-50, #F1F7EC) 0%, #fff 100%);
border: 1px solid rgba(72, 128, 32, 0.15);
border-radius: 16px;
padding: 32px;
margin-bottom: 48px;
}
.lb-stelle__benefits .lb-stelle__heading {
margin-bottom: 24px;
}
.lb-stelle__list--benefits {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 14px 24px;
}
/* CTA-Bereich */
.lb-stelle__cta {
background: linear-gradient(135deg, var(--neutral-green-200, #C0E0AB) 0%, var(--neutral-green-50, #F1F7EC) 100%);
border-radius: 20px;
padding: 48px 40px;
text-align: center;
box-shadow: 0 4px 16px rgba(14, 26, 7, 0.06);
}
.lb-stelle__cta-headline {
font-family: 'Barlow', sans-serif;
font-size: 30px;
font-weight: 600;
line-height: 1.2;
color: var(--neutral-green-900, #0E1A07);
margin: 0 0 12px;
text-align: center;
}
.lb-stelle__cta-lead {
font-size: 17px;
line-height: 1.55;
color: var(--neutral-green-800, #1D330D);
margin: 0 0 28px;
}
.lb-stelle__cta-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 14px;
}
.lb-stelle__cta-button {
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(180deg, #65B32E 0%, #488020 100%);
color: #fff !important;
border-radius: 999px;
padding: 14px 32px;
font-size: 16px;
font-weight: 700;
letter-spacing: 0.4px;
text-decoration: none;
transition: transform 0.15s ease, box-shadow 0.2s ease;
box-shadow: 0 4px 12px rgba(72, 128, 32, 0.22);
}
.lb-stelle__cta-button:hover,
.lb-stelle__cta-button:focus {
transform: translateY(-2px);
box-shadow: 0 10px 22px rgba(72, 128, 32, 0.35);
color: #fff !important;
text-decoration: none;
}
.lb-stelle__cta-phone {
display: inline-flex;
align-items: center;
gap: 8px;
color: var(--neutral-green-800, #1D330D);
font-size: 16px;
font-weight: 600;
text-decoration: none;
padding: 14px 24px;
border: 2px solid var(--neutral-green-800, #1D330D);
border-radius: 999px;
transition: background-color 0.2s ease, color 0.2s ease;
}
.lb-stelle__cta-phone:hover,
.lb-stelle__cta-phone:focus {
background-color: var(--neutral-green-800, #1D330D);
color: #fff;
text-decoration: none;
}
/* Responsive Detailseite */
@media (max-width: 991px) {
.lb-stelle__title {
font-size: 38px;
}
.lb-stelle__columns {
grid-template-columns: 1fr;
gap: 20px;
}
.lb-stelle__list--benefits {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.lb-stelle__hero {
padding: 32px 0 40px;
}
.lb-stelle__title {
font-size: 30px;
letter-spacing: -0.6px;
}
.lb-stelle__body {
padding: 40px 0 56px;
}
.lb-stelle__intro {
font-size: 16px;
padding: 20px 22px;
margin-bottom: 32px;
}
.lb-stelle__column {
padding: 24px 22px;
}
.lb-stelle__benefits {
padding: 26px 22px;
margin-bottom: 36px;
}
.lb-stelle__heading {
font-size: 21px;
}
.lb-stelle__cta {
padding: 36px 24px;
}
.lb-stelle__cta-headline {
font-size: 24px;
}
.lb-stelle__cta-lead {
font-size: 15px;
}
.lb-stelle__cta-actions {
flex-direction: column;
gap: 10px;
}
.lb-stelle__cta-button,
.lb-stelle__cta-phone {
width: 100%;
max-width: 320px;
justify-content: center;
}
body.page-1 #c106 {
margin-top: -70px !important;
}
}
@media (max-width: 480px) {
.lb-stelle__title {
font-size: 26px;
}
.lb-stelle__meta {
gap: 8px;
}
.lb-stelle__meta-item {
font-size: 13px;
padding: 6px 12px;
}
.lb-stelle__cta {
padding: 28px 18px;
border-radius: 16px;
}
}
/* ─────────────────────────────────────────────────────────
Startseite: Responsive Optimierung (nur Tablet/Mobile)
Desktopansicht bleibt unverändert — alles in Media Queries
───────────────────────────────────────────────────────── */
/* Zwischen Tablet und sehr breitem Desktop: feste 1520px-Breite von #c107
aufheben, sonst rutscht die Agrar-Kachel rechts aus dem Viewport. */
@media (max-width: 1519px) {
body.page-1 #c107 {
width: auto !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.page-1 #c107 .card {
min-width: 0 !important;
}
body.page-1 #c106 {
margin-top: -240px;
}
}
/* Ab Bootstrap-xl (≤1199px): #c107 wrappt auf 2×2 statt zerquetschter 4er-Reihe.
Info-Karte bleibt als Peer im Grid (kein full-width-Override mehr). */
@media (max-width: 1199px) {
body.page-1 #c107 {
padding: 18px;
}
body.page-1 #c107 .card-group-element {
flex-wrap: wrap !important;
gap: 20px !important;
}
body.page-1 #c107 .card-group-element-item {
flex: 1 1 calc(50% - 10px) !important;
min-width: 0 !important;
}
/* Titel: einheitlich zur Desktop-Größe */
body.page-1 #c106 .lb-hero-card .card-title,
body.page-1 #c107 .lb-hero-card .card-title {
font-size: 24px;
line-height: 1.2;
letter-spacing: -0.3px;
}
/* Info-Karte: Höhe nach Inhalt, Text vertikal zentriert */
body.page-1 #c107 .lb-hero-card-info > .card {
height: auto !important;
min-height: 150px;
align-items: center !important;
padding: 26px 22px;
}
/* Mindestbreite der Cards aufheben (sie sind ja jetzt Grid-Items) */
body.page-1 .card {
min-width: 0 !important;
max-width: none;
}
body.page-1 #c106 {
margin-top: -240px;
}
}
/* Tablet & kleiner */
@media (max-width: 991px) {
/* Sektions-Headlines kleiner */
body.page-1 .frame-lb-nav-kacheln h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: -0.4px;
}
/* Globale Headings auf der Startseite zähmen */
body.page-1 h1 {
font-size: 40px;
line-height: 1.15;
letter-spacing: -0.6px;
}
body.page-1 h2 {
font-size: 32px;
line-height: 1.2;
letter-spacing: -0.4px;
}
/* Kachel-Titel der Menu-Kacheln passend zum kleineren Tablet-Layout */
body.page-1 #c106 .lb-hero-card .card-title,
body.page-1 #c107 .lb-hero-card .card-title {
font-size: 22px;
}
/* ── Maerkte / Energie Kachel-Reihe (#c106) ── */
body.page-1 #c106 {
margin-top: -240px;
padding: 20px;
}
body.page-1 #c106 .card-group-element {
gap: 16px !important;
flex-wrap: wrap !important;
}
body.page-1 #c106 .card-group-element-item {
flex: 1 1 calc(50% - 8px) !important;
min-width: 0 !important;
}
/* #c107: weiterhin 2×2, nur Padding kleiner */
body.page-1 #c107 {
padding: 14px;
}
body.page-1 #c107 .card-group-element {
gap: 14px !important;
}
body.page-1 #c107 .card-group-element-item {
flex: 1 1 calc(50% - 7px) !important;
}
body.page-1 #c107 .lb-hero-card-info > .card {
padding: 8px;
}
body.page-1 .card {
width: 100%;
}
/* Section-Padding etwas reduzieren */
body.page-1 .lb-section {
padding: 2.5rem 0;
}
}
/* Footer-Spalten (3 → 1) bereits ab 767px gestapelt: Abstände dabei zähmen */
@media (max-width: 767px) {
.lb-footer-columns {
gap: 1.25rem !important;
}
.lb-footer-col p {
margin-bottom: 0.5rem;
}
#page-footer h5 {
font-size: 20px;
margin-bottom: 0.5rem;
}
.lb-footer-main {
padding: 2rem 0 1.5rem;
}
.lb-footer-bottom {
padding: 1rem 0;
}
}
/* Phone */
@media (max-width: 575px) {
/* Kacheln komplett untereinander, Überlapp mit Hero entschärfen */
body.page-1 #c106 {
margin-top: -40px;
padding: 14px;
border-radius: 12px;
}
body.page-1 #c107 {
padding: 12px;
border-radius: 12px;
}
body.page-1 #c106 .card-group-element-item,
body.page-1 #c107 .card-group-element-item {
flex: 1 1 100% !important;
}
/* Menu-Cards kompakter */
body.page-1 .lb-hero-card-menuitem > .card {
height: 130px;
}
body.page-1 .lb-hero-card .card-title {
font-size: 18px;
}
/* Info-Karte: kompaktes Padding und kleinere Texte */
body.page-1 #c107 .lb-hero-card-info > .card {
padding: 18px 16px !important;
}
body.page-1 #c107 .lb-hero-card-info h2 {
font-size: 19px !important;
line-height: 1.2 !important;
margin-bottom: 0.5rem;
}
body.page-1 #c107 .lb-hero-card-info p {
font-size: 14px;
line-height: 1.45;
margin-bottom: 0;
}
/* Headlines weiter verkleinern */
body.page-1 h1 {
font-size: 32px;
}
body.page-1 h2 {
font-size: 26px;
}
body.page-1 .frame-lb-nav-kacheln h2 {
font-size: 24px;
}
/* Sektionen knapper */
body.page-1 .lb-section {
padding: 1.75rem 0;
}
/* Footer: Subfooter (Copyright | Impressum/...) untereinander, dichter */
.lb-footer-subfooter {
flex-direction: column;
height: auto;
gap: 4px;
padding: 12px 16px;
text-align: center;
font-size: 14px;
}
.lb-footer-subfooter .lb-footer-col {
justify-content: center;
flex-wrap: wrap;
}
#page-footer a {
padding-left: 0px;
padding-right: 4px;
}
.lb-footer-main {
padding: 1.75rem 0 1.25rem;
}
.lb-footer-columns {
gap: 1rem !important;
}
}
/* Seitenüberschrift + Untertitel (auto-H1 aus Seitentitel + page.subtitle) */
.lb-page-header {
padding-top: 2rem;
padding-bottom: 0.25rem;
}
.lb-page-heading {
text-align: left;
margin-bottom: 0.25rem;
}
.lb-page-subheading {
color: var(--neutral-green-900, #0E1A07);
font-family: 'Barlow', sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 130%;
letter-spacing: -0.28px;
margin-bottom: 0;
}
@media (max-width: 767.98px) {
.lb-page-header {
padding-top: 1.5rem;
}
.lb-page-heading {
font-size: 2rem;
}
.lb-page-subheading {
font-size: 1.2rem;
}
}
/* Downloads: kategorisierte Dateilisten */
.frame-type-uploads {
margin-bottom: 2.5rem;
}
.frame-type-uploads .frame-header {
margin-bottom: 1rem;
padding-bottom: 0.5rem;
border-bottom: 2px solid var(--neutral-green-500, #488020);
}
.filelink-list {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.filelink-item {
display: flex;
align-items: center;
gap: 0.75rem;
padding: 0.65rem 0.875rem;
border-radius: 6px;
background: #f8faf5;
transition: background 0.15s ease;
}
.filelink-item:hover {
background: #edf3e6;
}
.filelink-fileicon {
flex-shrink: 0;
width: 2rem;
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
background: var(--neutral-green-500, #488020);
border-radius: 4px;
color: #fff;
font-size: 1rem;
}
.filelink-body {
flex: 1;
min-width: 0;
}
.filelink-heading {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.filelink-filename a {
color: var(--neutral-green-900, #0E1A07);
font-family: 'Barlow', sans-serif;
font-size: 15px;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
max-width: 100%;
}
.filelink-filename a:hover {
color: var(--neutral-green-500, #488020);
text-decoration: underline;
}
.filelink-filesize {
font-size: 12px;
color: #6b7a5e;
white-space: nowrap;
flex-shrink: 0;
}
@media (max-width: 575.98px) {
.filelink-heading {
flex-direction: column;
gap: 0.1rem;
}
}
/* Links-Seite: Link-Karten-Grid */
.lb-links-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
margin: 0;
}
.lb-link-card {
display: flex;
flex-direction: column;
gap: 0.2rem;
padding: 1rem 1.125rem;
border-radius: 8px;
background: #f8faf5;
border: 1px solid #dde8d4;
text-decoration: none;
transition: background 0.15s ease, border-color 0.15s ease;
}
.lb-link-card:hover {
background: #edf3e6;
border-color: var(--neutral-green-500, #488020);
}
.lb-link-card__logo {
display: block;
width: auto;
max-width: 100%;
height: 48px;
object-fit: contain;
object-position: left center;
margin-bottom: 0.5rem;
}
.lb-link-card__title {
color: var(--neutral-green-900, #0E1A07);
font-family: 'Barlow', sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
}
.lb-link-card__url {
color: var(--neutral-green-500, #488020);
font-family: 'Barlow', sans-serif;
font-size: 12px;
font-weight: 400;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 575.98px) {
.lb-links-grid {
grid-template-columns: 1fr;
}
}
/* Coupons-Seite: Gutschein-Karte */
.lb-coupon-section {
background: #f3f3ef;
padding: 48px 20px;
}
.lb-coupon-section__inner {
max-width: 1100px;
margin: 0 auto;
}
.rlb-coupon-card {
position: relative;
display: flex;
align-items: stretch;
max-width: 740px;
min-height: 210px;
background: #fff;
border-radius: 18px;
overflow: visible;
box-shadow: 0 8px 20px rgba(0,0,0,0.08);
font-family: 'Barlow', sans-serif;
margin: auto;
}
.rlb-coupon-card::before,
.rlb-coupon-card::after {
content: "";
position: absolute;
top: 50%;
width: 36px;
height: 36px;
background: #C0E0AB;
border-radius: 50%;
transform: translateY(-50%);
z-index: 2;
}
.rlb-coupon-card::before { left: -18px; }
.rlb-coupon-card::after { right: -18px; }
.rlb-coupon-card--no-qr::before,
.rlb-coupon-card--no-qr::after { display: none; }
.rlb-coupon-card--no-qr .rlb-coupon-card__content {
padding: 32px 40px;
}
.rlb-coupon-card__qr {
position: relative;
flex: 0 0 215px;
background: var(--neutral-green-500, #488020);
display: flex;
align-items: center;
justify-content: center;
padding: 28px;
border-radius: 18px 0 0 18px;
}
.rlb-coupon-card__qr::after {
content: "";
position: absolute;
top: 10px;
right: -1px;
width: 8px;
height: calc(100% - 20px);
background: radial-gradient(circle at right center, #fff 5px, transparent 5px);
background-size: 8px 16px;
background-repeat: repeat-y;
}
.rlb-coupon-card__qr-image {
width: 108px;
height: 108px;
object-fit: contain;
display: block;
border-radius: 6px;
background: #fff;
padding: 4px;
}
.rlb-coupon-card__content {
flex: 1;
padding: 26px 30px 22px 42px;
display: flex;
flex-direction: column;
justify-content: center;
}
.rlb-coupon-card__title {
margin: 0 0 8px;
font-size: 22px;
line-height: 1.25;
font-weight: 700;
color: var(--neutral-green-900, #0E1A07);
}
.rlb-coupon-card__subtitle {
margin: 0 0 16px;
font-size: 15px;
line-height: 1.5;
color: #4a4f46;
}
.rlb-coupon-card__app-links {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 18px;
}
.rlb-coupon-card__app-link {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 8px 16px;
background: var(--neutral-green-900, #0E1A07);
color: #fff;
font-size: 13px;
font-weight: 600;
border-radius: 8px;
text-decoration: none;
transition: background 0.15s ease;
}
.rlb-coupon-card__app-link:hover {
background: var(--neutral-green-500, #488020);
color: #fff;
}
.rlb-coupon-card__badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.rlb-coupon-card__badge {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 46px;
height: 28px;
padding: 0 10px;
background: #c92d1d;
color: #fff;
font-size: 14px;
font-weight: 700;
border-radius: 4px;
}
@media (max-width: 700px) {
.rlb-coupon-card {
flex-direction: column;
max-width: 100%;
}
.rlb-coupon-card::before,
.rlb-coupon-card::after {
display: none;
}
.rlb-coupon-card__qr {
flex-basis: auto;
border-radius: 18px 18px 0 0;
min-height: 160px;
}
.rlb-coupon-card__content {
padding: 24px;
}
.rlb-coupon-card__title {
font-size: 20px;
}
}
/* ══════════════════════════════════════════════════════════════════
Desktop Navigation — Hover-Dropdown (≥992px)
══════════════════════════════════════════════════════════════════ */
@media (min-width: 992px) {
/* 1. Hamburger auf Desktop verstecken */
.lb-navbar .navbar-toggler {
display: none !important;
}
/* 2. Nav-Collapse als horizontale Flex-Leiste */
.lb-navbar .navbar-collapse,
.lb-navbar .navbar-collapse.show {
display: flex !important;
align-items: center !important;
position: static !important;
box-shadow: none !important;
background: transparent !important;
padding: 0 !important;
max-width: none !important;
min-width: 0 !important;
width: auto !important;
flex: 0 0 auto !important;
margin-left: auto !important;
border-radius: 0 !important;
z-index: auto !important;
}
/* 3. Navbar-Nav horizontal */
.lb-navbar .navbar-collapse .navbar-nav {
flex-direction: row !important;
align-items: center !important;
flex-wrap: nowrap !important;
gap: 32px !important;
}
/* 4. Nav-Items — relative für Dropdown-Positionierung */
.lb-navbar .navbar-collapse .nav-item {
width: auto !important;
position: relative !important;
border-bottom: none !important;
}
.lb-navbar .navbar-collapse .nav-style-simple,
.lb-navbar .navbar-collapse .nav-style-mega {
display: flex !important;
flex-wrap: nowrap !important;
border-bottom: none !important;
align-items: center !important;
}
/* 5. Haupt-Nav-Link Desktop-Style */
.lb-navbar .navbar-collapse .nav-link-main {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
padding: 4px 0 !important;
border-top: none !important;
border-bottom: 2px solid transparent !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 1.45 !important;
letter-spacing: 0.18px !important;
color: var(--neutral-green-900, #0E1A07) !important;
text-decoration: none !important;
white-space: nowrap !important;
background: transparent !important;
border-radius: 0 !important;
transition: border-color 0.15s ease !important;
height: auto !important;
margin-top: 0 !important;
min-height: 0 !important;
}
.lb-navbar .navbar-collapse .nav-link-main::after {
display: none !important;
}
/* 6. Aktiver Link + Hover-Unterstrich */
.lb-navbar .navbar-collapse .nav-link-main.active {
border-bottom-color: #65b32e !important;
}
.lb-navbar .navbar-collapse .nav-style-simple:hover > .nav-link-main,
.lb-navbar .navbar-collapse .nav-style-mega:hover > .nav-link-main,
.lb-navbar .navbar-collapse .nav-item:not(.nav-style-simple):not(.nav-style-mega):not(:last-child):hover > .nav-link-main {
border-bottom-color: #65b32e !important;
}
/* 7. Toggle-Button (Chevron) auf Desktop ausblenden */
.lb-navbar .navbar-collapse .nav-link-toggle {
display: none !important;
}
/* 8. Dropdown-Panel: semi-transparent, nur Textbreite, Hover-gesteuert */
.lb-navbar .navbar-collapse .dropdown-menu,
.lb-navbar .navbar-collapse .dropdown-menu.show {
/* Positionierung */
position: absolute !important;
top: 100% !important;
left: 0 !important;
right: auto !important;
inset: unset !important;
top: 100% !important;
left: 0 !important;
float: none !important;
/* Optik */
background: rgba(255, 255, 255, 0.92) !important;
backdrop-filter: blur(10px) !important;
-webkit-backdrop-filter: blur(10px) !important;
border: none !important;
border-radius: 0 0 16px 16px !important;
box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.15) !important;
/* Größe: nur so breit wie der Inhalt */
padding: 8px 0 16px !important;
margin: 0 !important;
min-width: 0 !important;
width: auto !important;
max-width: none !important;
flex-basis: auto !important;
/* Einblendeanimation via visibility/opacity */
display: block !important;
visibility: hidden !important;
opacity: 0 !important;
transform: translateY(-6px) !important;
pointer-events: none !important;
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0s linear 0.2s !important;
z-index: 1050 !important;
}
/* Dropdown beim Hover einblenden */
.lb-navbar .navbar-collapse .nav-style-simple:hover .dropdown-menu,
.lb-navbar .navbar-collapse .nav-style-mega:hover .dropdown-menu {
visibility: visible !important;
opacity: 1 !important;
transform: translateY(0) !important;
pointer-events: auto !important;
transition:
opacity 0.2s ease,
transform 0.2s ease,
visibility 0s linear 0s !important;
}
/* 9. Sub-Nav-Liste */
.lb-navbar .navbar-collapse .dropdown-nav {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
display: block !important;
}
.lb-navbar .navbar-collapse .dropdown-nav .nav-item {
width: 100% !important;
border-bottom: 1px solid var(--neutral-green-100, #e0f0d5) !important;
position: static !important;
}
.lb-navbar .navbar-collapse .dropdown-nav .nav-item:last-child {
border-bottom: none !important;
}
/* 10. Sub-Menü-Links */
.lb-navbar .navbar-collapse .nav-link-dropdown {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 24px !important;
height: 56px !important;
min-height: 56px !important;
font-weight: 600 !important;
font-size: 18px !important;
line-height: 1.45 !important;
color: #000 !important;
text-decoration: none !important;
white-space: nowrap !important;
gap: 48px !important;
background: transparent !important;
transition: background 0.15s ease !important;
border-bottom: none !important;
}
/* Pfeil-Icon rechts an den Unterpunkten entfernt (auf Wunsch ausgeblendet) */
.lb-navbar .navbar-collapse .dropdown-nav .nav-link-dropdown::after {
display: none !important;
}
/* Sub-Sub-Menü-Chevron (Items die selbst Kinder haben) bleibt ausgeblendet */
.lb-navbar .navbar-collapse .dropdown-nav .nav-item:has(> .dropdown-nav) > .nav-link-dropdown::after {
display: none !important;
}
.lb-navbar .navbar-collapse .nav-link-dropdown:hover {
background-color: rgba(224, 240, 213, 0.5) !important;
color: var(--neutral-green-900, #0E1A07) !important;
}
/* 11. Letztes Nav-Item (Karriere): grüner Gradient-Button */
.lb-navbar .navbar-collapse .navbar-nav > .nav-item:last-child > .nav-link-main {
background: linear-gradient(180deg, #65B32E 0%, #488020 59.62%) !important;
color: #fff !important;
border-radius: 24px !important;
padding: 0 13px 0 16px !important;
height: 48px !important;
border-top: none !important;
border-bottom: none !important;
margin-top: 0 !important;
gap: 8px !important;
}
.lb-navbar .navbar-collapse .navbar-nav > .nav-item:last-child:hover > .nav-link-main {
border-bottom-color: transparent !important;
}
.lb-navbar .navbar-collapse .navbar-nav > .nav-item:last-child > .nav-link-main::after {
display: inline-block !important;
content: "" !important;
width: 13px !important;
height: 13px !important;
background-image: url("../Images/arrow.svg") !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
filter: brightness(0) invert(1) !important;
flex-shrink: 0 !important;
}
}
#c103 img {
height: 575px;
border-radius: 0px;
object-fit: cover;
}
#c162 img {
width: unset;
margin: auto;
}
.lb-footer-social svg {
height: 30px;
width: 30px;
}
.card-body {
padding: 0px;
}
#karriere-ansprechpartner-bild {
height: 92px;
border-radius: 155px;
}