.mk-page { background: #101010; color: #dadada; }
.mk-page #mainmenu > .mobile-support { display: none; }
.mk-page .sp-scroll-top { cursor: pointer; }
.mk-page .sp-scroll-top::after { content: ""; position: absolute; top: 0; left: -12px; width: 44px; height: 240px; }
.mk-page .sp-scroll-top-line { pointer-events: none; }
.mk-page header #logo { position: relative; width: 150px; height: 150px; }
.mk-page header #logo > a { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; isolation: isolate; }
.mk-page header #logo img { width: 150px; height: auto; }
.mk-page header #logo > a::before { content: ""; position: absolute; z-index: -1; top: 50%; left: -8px; right: -8px; height: 91px; transform: translateY(-50%); background: #f3f2ee; border-bottom: 2px solid var(--primary-color); box-shadow: 0 5px 14px rgba(0, 0, 0, .18); pointer-events: none; }
@media (min-width: 993px) {
  .mk-page #mainmenu > li > a { white-space: nowrap; }
  .mk-page header #logo::before { content: ""; position: absolute; top: 0; left: 25px; right: 25px; height: 30px; background: linear-gradient(#626262, #626262) left / 1px 100% no-repeat, linear-gradient(#626262, #626262) right / 1px 100% no-repeat; pointer-events: none; }
}
@media (min-width: 993px) and (max-width: 1199px) {
  .mk-page #mainmenu > li { margin-right: 12px; }
}
.mk-page .mk-hero { min-height: 360px; }
.mk-page .mk-hero .jarallax-img { object-fit: cover; object-position: center 30%; }
.mk-page .mk-hero__subtitle { margin: 8px 0 13px; font-size: 14px; font-weight: 700; letter-spacing: .16em; color: #fff; }
.mk-page .mk-hero .breadcrumb { margin-bottom: 0; }
.mk-page .mk-container { max-width: 1220px; }
.mk-page .mk-section { padding: 96px 0; }
.mk-page .mk-section--projects { background: #151515; }
.mk-page .mk-section--sports { background: #101010; }
.mk-page .mk-kicker, .mk-page .mk-story__index { display: block; color: var(--primary-color); font-size: 12px; font-weight: 800; letter-spacing: .18em; }
.mk-page h2, .mk-page h3 { color: #fff; overflow-wrap: anywhere; }
.mk-page h2 { font-size: clamp(35px, 4.5vw, 60px); line-height: 1.08; }
.mk-page h3 { font-size: clamp(24px, 2.2vw, 34px); line-height: 1.15; margin: 12px 0 22px; }
.mk-page main p { font-size: 17px; line-height: 1.75; }
.mk-page main p:last-child { margin-bottom: 0; }
.mk-page .mk-lead { color: #fff; font-size: 21px; line-height: 1.55; }
.mk-page .mk-intro__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .8fr); gap: clamp(36px, 7vw, 100px); align-items: start; }
.mk-page .mk-intro__copy { max-width: 780px; }
.mk-page .mk-intro__gallery { position: sticky; top: 110px; display: grid; grid-template-columns: 1.1fr .9fr; grid-template-rows: auto 200px 200px; gap: 14px; }
.mk-page .mk-intro__figure { grid-column: 1 / -1; margin: 0; }
.mk-page .mk-intro__figure img { display: block; width: 100%; height: auto; border-radius: 16px; }
.mk-page .mk-intro__extra { min-width: 0; min-height: 0; margin: 0; }
.mk-page .mk-intro__extra--portrait { grid-row: span 2; }
.mk-page .mk-intro__extra img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 16px; }
.mk-page .mk-intro__extra--portrait img { object-position: center 30%; }
.mk-page .mk-intro__brand { grid-column: 1 / -1; justify-self: center; margin-top: 12px; }
.mk-page .mk-intro__brand img { display: block; width: 132px; max-width: 100%; height: auto; }
.mk-page figcaption { padding-top: 12px; font-size: 11px; letter-spacing: .15em; color: #999; }
.mk-page .mk-contact { display: flex; flex-wrap: wrap; gap: 10px 22px; border-top: 1px solid #3b3b3b; margin-top: 32px; padding-top: 22px; font-size: 14px; }
.mk-page .mk-contact a, .mk-page .mk-links a { color: #fff; text-decoration: none; }
.mk-page .mk-contact a:hover, .mk-page .mk-links a:hover { color: var(--primary-color); }
.mk-page .mk-heading { max-width: 790px; margin-bottom: 54px; }
.mk-page .mk-story { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(34px, 6vw, 82px); padding: 36px 0 76px; border-top: 1px solid #363636; }
.mk-page .mk-story--reverse .mk-story__body { order: 2; }
.mk-page .mk-story--reverse .mk-story__media { order: 1; }
.mk-page .mk-story__media { margin: 0; }
.mk-page .mk-story__media img, .mk-page .mk-wide__image img { display: block; width: 100%; height: auto; max-height: 540px; object-fit: cover; border-radius: 16px; }
.mk-page .mk-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 26px; }
.mk-page .mk-links a { display: inline-flex; align-items: center; min-height: 38px; padding: 7px 12px; border: 1px solid #555; border-radius: 5px; font-size: 12px; font-weight: 700; }
.mk-page .mk-fact { display: flex; align-items: baseline; gap: 20px; padding: 26px 0 52px; color: #fff; }
.mk-page .mk-fact strong { font-size: clamp(42px, 7vw, 90px); line-height: 1; color: var(--primary-color); white-space: nowrap; }
.mk-page .mk-fact span { max-width: 190px; font-size: 13px; font-weight: 700; line-height: 1.4; letter-spacing: .12em; }
.mk-page .mk-fact--inline { padding: 14px 0 20px; flex-wrap: wrap; }
.mk-page .mk-fact--inline strong { font-size: clamp(35px, 4vw, 58px); }
.mk-page .mk-pair, .mk-page .mk-sports-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 72px; }
.mk-page .mk-card, .mk-page .mk-sport { min-width: 0; background: #202020; border: 1px solid #353535; border-radius: 16px; padding: clamp(24px, 3vw, 38px); }
.mk-page .mk-card img { display: block; width: 100%; height: auto; max-height: 320px; object-fit: cover; border-radius: 10px; margin: 22px 0; }
.mk-page .mk-card .mk-links { margin-top: 20px; }
.mk-page .mk-wide { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 0; background: #242424; border-radius: 16px; overflow: hidden; margin-bottom: 72px; }
.mk-page .mk-wide__image img { width: 100%; height: 100%; max-height: none; border-radius: 0; }
.mk-page .mk-wide__body { padding: clamp(28px, 4vw, 58px); }
.mk-page .mk-sport { position: relative; }
.mk-page .mk-sport__photo { display: block; margin: 24px 0; cursor: zoom-in; }
.mk-page .mk-sport__photo img { display: block; width: 100%; height: auto; max-height: 460px; object-fit: contain; background: #171717; border-radius: 12px; }
.mk-page .mk-sport--feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(30px, 5vw, 70px); margin-bottom: 24px; padding: clamp(28px, 4vw, 54px); }
.mk-page .mk-sport--feature img { display: block; width: 100%; height: auto; max-height: 440px; object-fit: cover; border-radius: 12px; }
@media (min-width: 768px) {
  .mk-page .mk-sport--feature img[src="images/o-udruzi/podersdorf.jpg"] { object-position: center bottom; }
}
.mk-page .mk-sport--reverse > div { order: 2; }
.mk-page .mk-sport--reverse > img { order: 1; }
.mk-page .mk-sports-grid { margin-bottom: 24px; }
.mk-page .mk-sport__number { display: block; margin-top: 25px; font-size: clamp(34px, 4vw, 56px); line-height: 1; color: var(--primary-color); }
.mk-page .mk-closing { margin: 44px 0 0; padding-top: 30px; border-top: 1px solid #444; font-size: 13px; font-weight: 800; letter-spacing: .1em; color: #fff; }
.mk-page .mk-section--interview { padding-top: 0; background: #101010; }
.mk-page .mk-section--ambassador { padding-top: 0; }
.mk-page .mk-ambassador { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); align-items: center; gap: clamp(28px, 5vw, 64px); padding-top: 40px; border-top: 2px solid var(--primary-color); }
.mk-page .mk-ambassador h2 { font-size: clamp(30px, 3.3vw, 46px); line-height: 1.15; }
.mk-page .mk-ambassador__photo { display: block; cursor: zoom-in; }
.mk-page .mk-ambassador__photo img { display: block; width: 100%; height: auto; border-radius: 16px; }
@media (max-width: 767px) {
  .mk-page .mk-section--ambassador { padding-top: 0; }
  .mk-page .mk-ambassador { grid-template-columns: minmax(0, 1fr); }
}
.mk-page .mk-interview { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: clamp(24px, 3vw, 38px); padding: clamp(22px, 3vw, 32px); background: #202020; border: 1px solid #353535; border-radius: 16px; }
.mk-page .mk-interview__body { align-self: center; min-width: 0; }
.mk-page .mk-interview h2 { margin: 10px 0 14px; font-size: clamp(28px, 2.7vw, 38px); }
.mk-page .mk-interview p { max-width: 580px; margin-bottom: 20px; }
.mk-page .mk-interview img { display: block; width: 100%; height: 300px; object-fit: cover; object-position: center 35%; border-radius: 12px; }
@media (min-width: 993px) {
  .mk-page .mk-intro__gallery { margin-top: 150px; }
}
@media (max-width: 992px) {
  .mk-page { --mobile-header-height: 96px; }
  .mk-page header { min-height: var(--mobile-header-height); }
  .mk-page header.header-mobile { padding: 0; }
  .mk-page main { padding-top: var(--mobile-header-height); }
  .mk-page header > .container > .row > div > .de-flex { min-height: var(--mobile-header-height); align-items: center; gap: 16px; padding: 12px 0; }
  .mk-page header #logo { width: 128px; height: 72px; }
  .mk-page header #logo img { width: 128px; max-width: 100%; height: auto; }
  .mk-page header #logo > a::before { height: 80px; }
  .mk-page header .menu_side_area { width: auto; margin-left: 16px; }
  .mk-page header #menu-btn { display: flex; align-items: center; justify-content: center; float: none; flex-shrink: 0; width: 44px; height: 44px; margin: 0; }
  .mk-page header.header-mobile .header-col-mid #mainmenu { top: var(--mobile-header-height); left: 0; height: calc(100% - var(--mobile-header-height)); margin: 0; padding: 0 20px 24px !important; overflow-y: auto; overscroll-behavior: contain; }
  .mk-page header.header-mobile #mainmenu > .mobile-support { display: block; border: 0; margin: 20px 0 0; }
  .mk-page header.header-mobile #mainmenu a.mobile-support-link { display: inline-block !important; width: 100%; max-width: 220px; padding: 12px 24px; text-align: center; background: var(--primary-color); color: #fff; }
  .mk-page .mk-intro__grid { grid-template-columns: 1.3fr .8fr; gap: 32px; }
  .mk-page .mk-intro__gallery { display: block; }
  .mk-page .mk-intro__extra { display: none; }
}
@media (max-width: 767px) {
  .mk-page .sp-scroll-top, .mk-page .sp-scroll-top-line { display: block; }
  .mk-page { --mobile-header-height: 124px; }
  .mk-page header #logo { width: 140px; height: 100px; }
  .mk-page header #logo img { width: 140px; }
  .mk-page header #logo > a::before { height: 86px; }
  .mk-page header #logo::before { content: ""; position: absolute; top: -12px; left: 25px; right: 25px; height: 19px; background: linear-gradient(#626262, #626262) left / 1px 100% no-repeat, linear-gradient(#626262, #626262) right / 1px 100% no-repeat; pointer-events: none; }
  .mk-page header.header-mobile #mainmenu > .mobile-support { text-align: center; }
  .mk-page header.header-mobile #mainmenu a.mobile-support-link { width: 160px; max-width: 100%; min-height: 44px; padding: 7px 20px; }
  .mk-page .mk-section { padding: 60px 0; }
  .mk-page .mk-hero__subtitle { font-size: 12px; }
  .mk-page .mk-intro__grid, .mk-page .mk-story, .mk-page .mk-pair, .mk-page .mk-wide, .mk-page .mk-sports-grid, .mk-page .mk-sport--feature { grid-template-columns: 1fr; }
  .mk-page .mk-intro__gallery { position: static; }
  .mk-page .mk-intro__figure img { max-height: 440px; object-fit: cover; }
  .mk-page .mk-heading { margin-bottom: 36px; }
  .mk-page .mk-story { gap: 20px; padding: 32px 0 55px; }
  .mk-page .mk-story--reverse .mk-story__body, .mk-page .mk-sport--reverse > div { order: 1; }
  .mk-page .mk-story--reverse .mk-story__media, .mk-page .mk-sport--reverse > img { order: 2; }
  .mk-page .mk-pair, .mk-page .mk-wide { margin-bottom: 55px; }
  .mk-page .mk-fact { flex-wrap: wrap; gap: 8px; }
  .mk-page .mk-wide__image { order: 2; }
  .mk-page .mk-wide__body { order: 1; }
  .mk-page .mk-wide__image img, .mk-page .mk-story__media img, .mk-page .mk-card img, .mk-page .mk-sport--feature img { height: auto; max-height: none; }
  .mk-page main p { font-size: 16px; }
  .mk-page .mk-interview { grid-template-columns: 1fr; }
  .mk-page .mk-interview h2 { font-size: clamp(28px, 8vw, 38px); }
  .mk-page .mk-interview img { height: auto; aspect-ratio: 4 / 3; }
}