.full-width-gray {
width: 100%;
back­ground-color: #f6f7f8;
}

.cus­tom-sec­tion {
max-width: 1200px;
mar­gin: 0 auto;
dis­play: flex;
align-items: cen­ter; /* ver­ti­kal zen­triert */
gap: 40px;
flex-wrap: wrap;
pad­ding: 100px 20px;
min-height: 100%;
}

.cus­tom-sec­tion .image,
.cus­tom-sec­tion .text {
flex: 1;
min-width: 300px;
}

.cus­tom-sec­tion .image {
dis­play: flex;
flex-direc­tion: column;
jus­tify-con­tent: cen­ter;
}

.cus­tom-sec­tion .image p {
mar­gin: 0 0 8px 0;
font-size: 13px;
color: #888;
font-style: ita­lic;
}

.cus­tom-sec­tion .text h3 {
mar­gin-bot­tom: 0;
}

.cus­tom-sec­tion .text p {
mar­gin-top: 4px;
}

.cus­tom-sec­tion .text ul {
list-style: none;
pad­ding-left: 0;
mar­gin-top: 16px;
}

.cus­tom-sec­tion .text ul li {
mar­gin-bot­tom: 6px;
}

.custom-section.reverse {
flex-direc­tion: row-reverse;
}

@media (max-width: 768px) {
.cus­tom-sec­tion,
.custom-section.reverse {
flex-direc­tion: column;
align-items: stretch;
}
}

Unverfälschter Kaffeegenuss – auch ohne Milch und Zucker.

Du brauchst keine Milch oder Zucker, um dei­nen Kaf­fee zu genie­ßen – wenn er rich­tig gut ist. Unsere Rös­tung ist mild, sau­ber und bringt das volle Aroma zur Gel­tung – ganz ohne Bit­ter­keit und unan­ge­nehme Säu­ren! Sollte dein Kaf­fee doch ein­mal nicht so schme­cken, wie du dir das vor­stellst, dann fin­dest du hier wert­volle Tipps zur Zube­rei­tung!

Transparenz & Verantwortung – du sollst wissen, was in deiner Tasse steckt.

Du trinkst Kaf­fee, der direkt von Klein­far­mern oder Koope­ra­ti­ven kommt, die wir zum Groß­teil per­sön­lich ken­nen. Keine unzäh­li­gen Zwi­schen­händ­ler, kein anony­mer Han­del – son­dern faire Preise, reife Boh­nen und nach­hal­ti­ger Anbau.

Frisch und von Hand geröstet – für deinen perfekten Kaffeemoment

Jede Bohne wird von uns in klei­nen Char­gen frisch gerös­tet. Mit Fin­ger­spit­zen­ge­fühl und Erfah­rung holen wir das Beste raus: viel­schich­tige Aro­men, klare Struk­tur, vol­ler Geschmack. Spe­cialty Cof­fee in höchs­ter Qua­li­tät!

.faq-wrap­per {
max-width: 800px;
mar­gin: 3rem auto;
pad­ding: 0.5rem;
font-family: “Inter”, “Hel­ve­tica Neue”, sans-serif;
color: #2a2a2a;
}

.faq-title {
text-align: cen­ter;
font-size: 2rem;
font-weight: 600;
mar­gin-bot­tom: 0rem;
color: #2a2a2a;
}

.faq-item {
mar­gin-bot­tom: 1rem;
bor­der: 1px solid #e2e2e2;
bor­der-radius: 8px;
back­ground-color: #f9f9f9;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
over­flow: hid­den;
tran­si­tion: box-shadow 0.3s ease;
}

.faq-item sum­mary {
pad­ding: 1.1rem 1.25rem;
cur­sor: poin­ter;
font-size: 1.1rem;
font-weight: 500;
posi­tion: rela­tive;
list-style: none;
tran­si­tion: back­ground-color 0.2s;
color: #2a2a2a;
}

.faq-item summary:hover {
back­ground-color: #f2f2f2;
}

.faq-item summary::marker {
con­tent: none;
}

.faq-item summary::after {
con­tent: “+”;
posi­tion: abso­lute;
right: 1.25rem;
top: 50%;
trans­form: translateY(-50%);
font-size: 0.85rem;
font-weight: 300;
color: #888;
}

.faq-item[open] summary::after {
con­tent: “–”;
}

.faq-item div {
pad­ding: 0 1.25rem 1.25rem 1.25rem;
font-size: 1rem;
line-height: 1.75;
color: #2a2a2a;
}

.faq-item div a {
color: #6b4d31;
text-deco­ra­tion: under­line;
}

@media (max-width: 600px) {
.faq-title {
font-size: 1.6rem;
mar­gin-bot­tom: 1.5rem;
}

.faq-item sum­mary {
font-size: 1rem;
pad­ding: 1rem 1.1rem;
}

.faq-item div {
font-size: 0.95rem;
pad­ding: 0 1.1rem 1rem 1.1rem;
}

.faq-item summary::after {
font-size: 0.8rem;
right: 1.1rem;
}
}