/* GTT Group: uses the approved B2B typography, colours and current logo. */
.europe-map .map-point{stroke:var(--paper);stroke-width:1px}
.europe-map .map-point-client{fill:var(--signal)}
.map-legend i{border-radius:50%;background:var(--signal)}
.map-legend .maker-key{background:var(--ink)}
#bereiche{border-top:1px solid var(--line);padding:34px 0 42px;margin:28px 0 0;scroll-margin-top:100px}
.group-areas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:24px}
.group-areas-heading h2{font:600 40px/1.1 var(--display);margin:8px 0 0;color:var(--ink)}
.group-areas-heading>p{max-width:470px;color:var(--muted);font:400 17px/1.5 var(--body);margin:0}
.group-areas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.group-area{display:flex;flex-direction:column;border:1px solid var(--line);border-top:4px solid var(--signal);border-radius:8px;background:var(--sheet);overflow:hidden;min-width:0}
.group-area-image{width:100%;height:155px;object-fit:cover;display:block}
.group-area-body{padding:22px;display:flex;flex-direction:column;flex:1}
.group-area-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.group-area .label{font-size:10px;letter-spacing:.06em}
.group-area-number{font:500 14px/1 var(--mono);color:#5b6d79}
.group-area h3{font:600 31px/1.1 var(--display);margin:12px 0;color:inherit}
.group-area p{font:400 16px/1.55 var(--body);margin:0 0 20px;color:var(--muted)}
.group-area p.group-area-subtitle{font:600 21px/1.2 var(--display);color:inherit;margin:0 0 18px}
.group-area-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:12px 0 0;border-top:1px solid var(--line);color:var(--ink);font:600 16px/1.3 var(--body);text-decoration:none}
.group-area-link:hover{text-decoration:underline;text-underline-offset:4px}
.group-area-b2b{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:48px;min-height:260px;padding:32px;background:#344955;color:#fff;border-top:4px solid var(--signal)}
.group-b2b-heading,.group-b2b-details{min-width:0}
.group-area-b2b p.group-area-subtitle{font-size:clamp(28px,2.6vw,36px);line-height:1.15;margin:16px 0 0}
.group-b2b-details p{font-size:18px;line-height:1.55}
.group-b2b-details .group-area-link{margin-top:0}
.group-area-b2b .label,.group-area-b2b p{color:#e6ecef}
.group-area-b2b .group-area-number{color:#d5e0e6}
.group-area-b2b h3{font-size:42px;margin-top:24px}
.group-area-b2b .group-area-link{color:#fff;border-color:#647681}
#kontakt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px}
#kontakt .sechead{grid-column:1/-1;margin-bottom:0}
.group-contact-info{grid-column:1;grid-row:2;align-self:stretch;display:grid;align-content:start;gap:28px;padding:28px;border:1px solid var(--line);border-top:4px solid var(--signal);border-radius:12px;background:var(--tint);min-width:0}
.group-contact-brand h3{font:600 34px/1.1 var(--display);margin:0 0 8px}
.group-contact-brand p{font:400 18px/1.4 var(--body);margin:0;color:var(--muted)}
.group-contact-info address{font:400 19px/1.5 var(--body);color:var(--ink)}
#kontakt #gtt-neutral-contact{grid-column:2;grid-row:2;margin:0;max-width:none;width:100%;min-width:0}
header .gtt-navigation{gap:14px}
header .bar.gtt-compact{gap:18px}
a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
.preview-state{padding:10px 20px;background:#fff3e9;color:var(--ink);font:600 14px/1.4 var(--body);text-align:center;border-bottom:1px solid #e8c6ac}
.preview-state a{color:inherit}
.td-card-visual{height:155px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 100%,#98bacd80,transparent 65%),linear-gradient(145deg,#fff 5%,#e8f0f5 100%);border-bottom:1px solid #d7e3eb}
.td-card-product{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.group-title-with-badge{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:12px 0}
.group-title-with-badge h3{margin:0}
.td-discount-badge{display:inline-flex;flex:none;border:1px solid #d9a16e;border-radius:20px;color:#8e3f12;background:#fff7ed;padding:5px 11px;font:600 12px/1.3 var(--body);white-space:nowrap}
.group-area p.td-sponsor-label{font:600 14px/1.3 var(--body);color:#ad4c13;margin:-2px 0 12px}
@media(max-width:1100px){#bereiche{scroll-margin-top:100px}.group-areas-grid{gap:14px}.group-area-body{padding:18px}.group-area-b2b{padding:22px}.group-area h3{font-size:28px}}
@media(max-width:760px){
  #kontakt{grid-template-columns:1fr;gap:22px;scroll-margin-top:100px}
  .group-contact-info,#kontakt #gtt-neutral-contact{grid-column:1;grid-row:auto}
  .group-contact-info{padding:22px}
  #bereiche{padding:28px 0 32px;margin-top:24px}
  .group-areas-heading{display:block;margin-bottom:18px}
  .group-areas-heading h2{font-size:34px;margin:8px 0 12px}
  .group-areas-heading>p{font-size:16px;max-width:none}
  .group-areas-grid{grid-template-columns:1fr;gap:16px}
  .group-area-image{height:160px}
  .group-area-body,.group-area-b2b{padding:22px}
  .group-area-b2b{grid-template-columns:1fr;gap:24px}
  .group-area-b2b p.group-area-subtitle{font-size:28px;margin-top:14px}
  .group-b2b-details p{font-size:17px}
  .group-area-b2b h3{font-size:34px;margin-top:18px}
  .group-area-link{min-height:52px}
  header .gtt-navigation a[href="#bereiche"]{grid-column:1/-1;border-bottom:1px solid var(--line)}
}