/* KRAUSS · sections/industries */
.industries{grid-template-columns:repeat(4,1fr)}
.card-industries .card-icon{position:absolute;top:-27px;left:20px;border-radius:50%;border:3px solid white;padding:10px;background:var(--navy);color:#fff}
.card-industries .card-body{padding-top:30px}
@media(max-width:800px){
.industries{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.card-industries .card-body{padding-top:28px}
}
#branchen.section{padding-top:32px;padding-bottom:28px}
#branchen .section-heading{margin-bottom:20px;gap:20px}
#branchen .section-heading .eyebrow{margin-bottom:7px}
#branchen .section-heading h2{color:var(--blue);margin-bottom:8px}
.card-industries .card-icon{background:var(--blue);color:#fff}
.card-industries h3{color:var(--blue)}
#branchen+.section{padding-top:28px}
@media(max-width:800px){
#branchen.section{padding-top:25px;padding-bottom:20px}
}
@media(max-width:800px){
#branchen .section-heading{margin-bottom:18px}
}
@media(max-width:800px){
#branchen+.section{padding-top:22px}
}
@media(max-width:800px){
.cards.industries{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;margin-inline:-2px;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:var(--blue) #e5edf6}
}
@media(max-width:800px){
.cards.industries::-webkit-scrollbar{height:4px}
}
@media(max-width:800px){
.cards.industries::-webkit-scrollbar-track{background:#e5edf6;border-radius:4px}
}
@media(max-width:800px){
.cards.industries::-webkit-scrollbar-thumb{background:var(--blue);border-radius:4px}
}
@media(max-width:800px){
.card-industries{min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}
}
@media(max-width:800px){
.card-industries:hover{transform:none}
}
@media(max-width:800px){
.card-industries .card-image img{height:185px}
}
@media(max-width:800px){
.card-industries .card-body{display:flex;flex-direction:column;flex:1;padding:30px 20px 20px}
}
@media(max-width:800px){
.card-industries h3{font-size:18px}
}
@media(max-width:800px){
.card-industries .card-body p{font-size:13px;line-height:1.5}
}
@media(max-width:800px){
.card-industries .text-link{margin-top:auto;padding-top:3px}
}
#branchen .section-heading h2,.card-industries h3{color:#07477f}
@media(max-width:800px){
.cards.industries{grid-auto-columns:78%}
}