@font-face {
  font-family: SpaceGrotesk;
  src: url("https://www.cerhahempel.cz/themes/bartik/font/SpaceGrotesk-Regular.ttf");
}

@font-face {
  font-family: SpaceGrotesk;
  src: url("https://www.cerhahempel.cz/themes/bartik/font/SpaceGrotesk-Bold.ttf");
  font-weight: bold;
}

*, *:before, *:after {
  box-sizing: border-box;
}

body {
  font-family: 'SpaceGrotesk', sans-serif;
  font-size: 16px;
  overflow-x: hidden;
}

#page {
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
}

.layout-main-wrapper {
  flex: 1 0 auto;
  padding-bottom: 80px;
}

.node--type-obrazky-s-textem h2, 
.path-frontpage h1, 
.path-frontpage .tabs, 
.page-node-type-page h1, 
.page-node-type-page .tabs, 
.path-services h1, 
.path-lawyers h1, 
ul#widget_pager_bottom_novinky-block_1 li:nth-child(n+4),
.new-hp-160 header,
article[data-history-node-id="27"] {
  display: none !important;
}

.new-hp-160 {
  margin-bottom: 80px;
}

/* --- HEADER & MENU --- */
.region-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#block-bartik-branding {
  width: 40%;
}

#block-bartik-main-menu .menu-toggle,
#block-bartik-main-menu .menu-toggle--hide {
  display: none;
}

/* --- HOMEPAGE BANNER --- */
.path-frontpage .layout-main-wrapper {
  max-width: none;
}

#block-views-block-homepage-horni-obrazek-block-1 {
  min-height: calc(100vh - 80px);
  overflow: hidden;
  position: relative;
  background-image: url(/sites/default/files/2020-02/czech.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}

#block-views-block-homepage-horni-obrazek-block-1::after {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(54, 58, 143, 0.5);
  z-index: 1;
}

#block-views-block-homepage-horni-obrazek-block-1 .views-field-field-obrazek {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0; left: 0; right: 0; bottom: 0;
  opacity: 0;
}

#block-views-block-homepage-horni-obrazek-block-1 .views-field-field-nadpis-1-radka,
#block-views-block-homepage-horni-obrazek-block-1 .views-field-field-text {
  position: relative;
  z-index: 100;
  color: #fff;
  width: 100%;
}

#block-views-block-homepage-horni-obrazek-block-1 .views-field-field-nadpis-1-radka {
  font-weight: 700;
  font-style: italic;
  font-size: 28px;
  margin-bottom: 20px;
}

#block-views-block-homepage-horni-obrazek-block-1 .views-field-field-text {
  font-weight: 300;
  line-height: 1.65;
}

.hp_odstavec {
  max-width: 1110px;
  margin: 60px auto;
  padding: 0 15px;
}

.hp_odstavec .nadpis {
  font-size: 24px;
  font-weight: bold;
  color: #32327d;
  margin-bottom: 20px;
}

.hp_odstavec .text {
  line-height: 26px;
  font-size: 18px;
}

/* --- SLIDER NOVINKY --- */
#block-views-block-novinky-block-1 {
  background-color: #a9c8f4;
  padding: 60px 0;
}

#block-views-block-novinky-block-1 h2 {
  text-align: center;
  font-family: "SpaceGrotesk", sans-serif;
  font-weight: bold;
  font-size: 32px;
  margin: 0 0 40px;
}

#block-views-block-novinky-block-1 .views_slideshow_main,
#block-views-block-novinky-block-1 .views-slideshow-controls-bottom {
  display: none !important;
}

.custom-news-slider {
  position: relative;
  overflow: hidden !important;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  box-sizing: border-box;
  display: block !important;
  padding: 0 15px;
}

.custom-news-track {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  transition: transform 0.5s ease-in-out;
  gap: 20px;
}

.custom-news-track .views-row {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  background-color: white;
  padding: 20px 30px;
  min-height: 335px;
  position: relative;
  margin: 0 !important;
  box-sizing: border-box;
  display: block !important;
}

.custom-news-dots {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 30px;
}

.custom-news-dot {
  width: 14px;
  height: 14px;
  background-color: transparent;
  border: 2px solid #32327d;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}

.custom-news-dot.active {
  background-color: #32327d;
}

.custom-news-track .views-row .views-field-created {
  font-size: 14px;
  font-weight: 700;
}

.custom-news-track .views-row .views-field-title {
  font-size: 18px;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 20px;
}

.custom-news-track .views-row .views-field-title a {
  text-decoration: none;
  border: none;
  color: #32327d;
}

.more-link {
  display: block;
  text-align: right;
  margin: 10px 50px;
}

.more-link a {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 4px;
  transition: 0.2s;
  color: #000 !important;
}

/* --- UDALOSTI --- */
#block-views-block-homepage-udalosti-block-1 {
  background-color: #363a8f;
  padding: 60px 0;
}

#block-views-block-homepage-udalosti-block-1 h2 {
  text-align: center;
  font-size: 32px;
  margin: 0 0 40px;
  color: #fff;
}

#views_slideshow_cycle_div_homepage_udalosti-block_1_0 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15px;
  margin-bottom: 20px;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row {
  background-color: white;
  margin: 10px;
  position: relative;
  min-width: 270px;
  width: calc(25% - 20px);
  min-height: 250px;
  padding: 30px 20px;
  text-align: center;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row .views-field-body {
  font-size: 16px;
  margin-bottom: 20px;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row .views-field-view-node {
  position: absolute;
  bottom: 20px; left: 0; right: 0;
  margin: auto;
  z-index: 1;
  background: url(../images/ico_arrow.jpg) no-repeat center;
  font-size: 0;
  width: 40px; height: 40px;
  cursor: pointer;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row .views-field-created a {
  text-decoration: none;
  border: none;
  font-size: 26px;
  color: #363a8f;
  font-weight: 700;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row .views-field-field-misto-konani a {
  border-bottom: 1px solid #efefef;
  font-size: 16px;
  color: #555;
  padding: 10px 0 30px;
  display: block;
}

#views_slideshow_cycle_main_homepage_udalosti-block_1 .views-row .views-field-title a {
  font-size: 18px;
  font-weight: 600;
  padding: 30px 0;
  color: #000;
  border: none;
  display: block;
}

#widget_pager_bottom_homepage_udalosti-block_1 li { background-color: #fff; }
#widget_pager_bottom_homepage_udalosti-block_1 li.active { opacity: 0.5; }

/* --- KARIERA & TYPING (SPLIT BANNER) --- */
.kariernibanner, .kariera-prvnitext {
  margin-top: 80px;
}

.c-container, .c-container-start {
  display: flex;
  flex-wrap: wrap;
  max-width: 1440px;
  margin: 70px auto 0;
  min-height: 320px;
}

.left-container {
  background-color: #32327D;
  color: white;
  width: 100%;
}

.left-container-inside {
  padding: 50px;
}

.left-container-inside h2, .left-container-inside h1 {
  color: #A9C8F4;
  padding-bottom: 30px;
}

.type-container {
  background-color: #A9C8F4;
  width: 100%;
  display: flex;
  align-items: center;
  min-height: 200px;
}

.typing {
  font-family: 'SpaceGrotesk', sans-serif;
  font-size: 33px;
  color: #32327D;
  line-height: 1.2;
  width: 100%;
  padding: 50px;
}

.typing .balken {
  display: inline-block;
  margin-left: 5px;
  animation: blink 1s infinite;
  color: #32327D;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.btn-default-secondary {
  font-weight: 600;
  background-color: #A9C8F4;
  color: #32327D;
  text-decoration: none;
  border-radius: 3.125rem;
  border: 2px solid #A9C8F4;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  transition: color 0.5s ease 0s, background-color 0.5s ease;
}

.btn-default-secondary:hover {
  background-color: transparent;
  color: #A9C8F4;
}

.split-banner {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto 40px auto;
  overflow: hidden;
}

.split-banner__content {
  background-color: #32327D;
  color: #fff;
  padding: 50px 15px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.split-banner__content h1,
.split-banner__content h2 {
  color: #A9C8F4;
  font-weight: bold;
  margin: 0 0 20px 0;
  font-size: 24px;
}

.split-banner__visual {
  position: relative;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.split-banner__visual--text {
  background-color: #A9C8F4;
  padding: 50px 15px;
}

/* --- LAWYERS / EXPERTS --- */
.path-lawyers .layout-main-wrapper {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
}

.path-lawyers .lawyer {
  float: left;
  min-width: 260px;
  width: 33%;
  height: 300px;
}

.list_expert_button {
  display: block;
  z-index: 1;
  color: #363a8f;
  letter-spacing: 1px;
  font-size: 10px;
  border: #363a8f 1px solid;
  padding: 11px 13px;
  text-transform: uppercase;
  font-weight: 400;
  position: relative;
  top: -55px;
  width: 125px;
  left: 20px;
}

.list_expert_button:hover {
  background: #363a8f;
  color: #ffffff;
  cursor: pointer;
  transition: 0.3s;
}

.list_expert_name {
  color: #363a8f;
  font-size: 24px;
  font-weight: 300;
  margin: 0;
  position: relative;
  left: 20px;
}

.list_expert_name:hover { text-decoration: underline; }

.expert_mail a, .expert_phone {
  font-weight: bold;
  color: #363a8f;
}

.expert_inner .field__item a, .expert_inner .field__item a:hover { color: black; }

.list_expert_a { border: none; }
.list_expert_a img { filter: opacity(0.4); }
.list_expert_a:hover { border-bottom-style: none; }

.special_box .other_lawyers {
  filter: opacity(0.6);
  width: 256px;
}

.special_box .list_expert_name { z-index: 1; }
.special_box .list_expert_button {
  color: #ffffff;
  border-color: #ffffff;
  width: 50%;
  top: -75px;
}

.page-node-type-services .list_expert_item { float: left; }

.path-lawyers #block-bartik-content .views-field-field-fotografie .field-content { display: flex; }
.path-lawyers #block-bartik-content .views-field-field-jmeno-s-tituly { font-weight: 700; }

.path-lawyers #block-bartik-content .views-field-field-email a,
.layout-one-sidebar .node .field .field__item .node__content .field--type-email {
  font-size: 12px;
  border: 1px solid silver;
  border-radius: 3px;
  padding: 4px 8px;
  text-transform: uppercase;
  background-color: #efefef;
  color: #000;
}

.page-node-type-expert .expert_main_bio { line-height: 26px; }
.page-node-type-expert .page-title { display: none; }

.page-node-type-expert .expert_nadpis {
  width: 35%;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
  float: left;
}

.page-node-type-expert .expert_inner {
  padding-top: 10px;
  padding-left: 35%;
}

.page-node-type-expert .expert_post {
  display: flex;
  flex-wrap: wrap;
}

.page-node-type-expert .expert_content {
  padding-left: 60px;
  padding-top: 50px;
  background-color: #a9c8f4;
  width: 65%;
  min-width: 560px;
}

.page-node-type-expert .expert_practices,
.page-node-type-expert .expert_education,
.page-node-type-expert .expert_memberships,
.page-node-type-expert .expert_languages {
  padding-top: 50px;
  padding-left: 50px;
}

.page-node-type-expert .expert_main_bio,
.page-node-type-expert .expert_contacts {
  padding: 20px 50px 25px 0;
}

.page-node-type-expert .expert_name {
  padding-bottom: 0;
  margin: 0;
  font-size: 33px;
  color: #363a8f;
  font-weight: 900;
}

.page-node-type-expert .expert_position {
  padding-top: 10px;
  padding-bottom: 0;
  margin: 0;
  font-size: 24px;
  color: #363a8f;
}

.left {
  float: left;
  margin-right: 10px;
}

/* --- SERVICES & OTHERS --- */
.view-id-sluzby_horni_obrazek { max-width: 1440px; margin: auto; }

.path-services #block-bartik-content .view-content,
.path-specializace #block-bartik-content .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 30px;
}

.path-services #block-bartik-content .views-row,
.path-specializace #block-bartik-content .views-row {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  background-color: white;
  padding: 20px;
  margin-bottom: 20px;
}

.path-specializace #main-wrapper.layout-container,
.path-services #main-wrapper.layout-container { max-width: none; }

.path-specializace .view-id-duplikovat_stranka_specializaci,
.path-services .view-id-stranka_sluzeb { background-color: #a9c8f4; }

.path-specializace #block-bartik-content .view-header,
.path-services #block-bartik-content .view-header {
  background-color: #fff;
  padding: 0 calc((100vw - 1410px) / 2) 40px;
}

.view-stranka-sluzeb .views-field-title {
  font-size: 20px;
  margin-bottom: 20px;
  color: #32327d;
}

.view-stranka-sluzeb .views-field-field-uvodni-text { font-size: 16px; }

.view-stranka-sluzeb .views-field-view-node a {
  font-weight: 600;
  background-color: #32327d;
  color: #a9c8f4;
  text-decoration: none;
  border-radius: 3.125rem;
  border: 2px solid #32327d;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.5rem 1.5rem;
  text-transform: uppercase;
  transition: 0.5s;
  margin-top: 15px;
}

.view-stranka-sluzeb .views-field-view-node a:hover {
  background-color: transparent;
  color: #32327d;
}

/* --- GENERAL LISTS, BLOCKS, FOOTER --- */
#block-views-block-kariera-text-block-1,
.path-contact #block-bartik-content,
.page-node-type-kariera #block-bartik-content,
.page-node-type-event main { padding: 0 15px; }

#block-views-block-otevrene-pozice-block-1 {
  text-align: center;
  margin: auto;
  max-width: 1430px;
  width: 100%;
}

#block-views-block-otevrene-pozice-block-1 h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.views-table {
  max-width: 1110px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
}

#toolbar-administration, #toolbar-administration * {
    box-sizing: border-box;
    z-index: 1500;
}

.views-table tbody tr { height: 80px; font-size: 16px; }
.views-table thead tr { height: 20px; }
.views-table a { color: #000; border: none; }
.views-table a:hover { border-bottom: solid 1px; }

.site-footer { background: #32327d; }

.layout-one-sidebar #main main { margin: 0 !important; }
#sidebar-first { margin: 75px 0 0 0 !important; }
#sidebar-first .block { border: none; background-color: transparent; }
#sidebar-first .content { border-right: 1px solid #efefef; }
#sidebar-first .views-row a {
  padding: 8px 20px;
  font-size: 16px;
  color: #000;
  border: none;
  display: block;
  transition: 0.2s;
}
#sidebar-first .views-row a:hover { color: #ccc; }
#sidebar-first .views-row:not(:last-child) a { border-bottom: 1px solid #efefef; }

.layout-one-sidebar .node ul { background-color: #a9c8f4; list-style: none; }
.layout-one-sidebar .node ul li {
  padding: 10px 0 10px 30px;
  font-size: 16px;
  color: #32327d;
  background: url("../images/ico_caret.svg") no-repeat 5px center;
}
.layout-one-sidebar .node ul li:not(:last-child) { border-bottom: 1px solid #ccc; }
.layout-one-sidebar .node .field .field__item .node--view-mode-teaser { padding: 0; }
.layout-one-sidebar .node .field .field__item .node__content { display: flex; align-items: center; justify-content: space-between; }
.layout-one-sidebar .node .field .field__item .node__content .field--type-image { display: flex; }
.layout-one-sidebar .node .field .field__item .node__content .field--type-image img { margin: 0; }

.page-node-type-newsletter #main-wrapper,
.page-node-type-article #main-wrapper,
.page-node-type-kariera #main-wrapper { max-width: none; padding: 0 15px; }

.page-node-type-newsletter #block-bartik-page-title,
.page-node-type-article #block-bartik-page-title,
.page-node-type-kariera #block-bartik-page-title {
background-color: #fffbfb;
    padding: 15px 0px;
}

.page-node-type-newsletter #block-bartik-page-title h1,
.page-node-type-article #block-bartik-page-title h1,
.page-node-type-kariera #block-bartik-page-title h1 {
  max-width: 1440px;
  width: 100%;
  margin: 1.5em auto;
  line-height: 1.3;
}

.page-node-type-newsletter #block-bartik-content,
.page-node-type-article #block-bartik-content,
.page-node-type-kariera #block-bartik-content,
.page-node-type-expert .content {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.page-node-type-newsletter #block-bartik-content .field--type-image,
.page-node-type-article #block-bartik-content .field--type-image,
.page-node-type-kariera #block-bartik-content .field--type-image { text-align: center; }

.page-node-type-kariera .expert_image {
  display: flex;
  width: 25%;
  background: #f6f4f3;
  padding: 15px 35px;
}

.page-node-type-kariera .expert_content {
  float: left;
  width: 75%;
  padding-right: 20px;
}
.page-node-type-kariera a:hover { border: none; }
.page-node-type-kariera h3, .page-node-type-kariera h4 { font-weight: 600; }

.path-archiv { margin: auto; width: 1000px; }
.path-archiv .views-field-created { font-size: 14px; margin-bottom: 5px; color: #a3a3a3; }
.path-archiv .archiv-odkaz a {
  border-bottom: 2px solid transparent;
  padding-bottom: 3px;
  display: inline-block;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5rem;
  text-transform: uppercase;
  color: #32327d !important;
}
.path-archiv .archiv-odkaz a:hover { border-color: #bed732; }
.path-archiv .archiv-novinka-nadpis a { font-weight: 700; font-size: 20px; color: #32327d; }
.path-archiv .archiv-novinka-nadpis a:hover { color: #a9c8f4; border: none; }
.path-archiv .views-field-body { padding: 15px 0; }

/* --- RESPONSIVE BREAKPOINTS --- */

/* TABLET UP (768px +) */
@media screen and (min-width: 768px) {
  .custom-news-track .views-row {
    flex: 0 0 calc(50% - 10px) !important;
    max-width: calc(50% - 10px) !important;
  }
  .path-lawyers #block-bartik-content .views-row { justify-content: space-between; }
  .path-lawyers #block-bartik-content .views-field { flex: 1; }
  .path-lawyers #block-bartik-content .views-field-field-jmeno-s-tituly { padding-right: 50px; }
  .path-lawyers #block-bartik-content .views-field-field-email { padding-left: 40px; }
  .path-services #block-bartik-content .views-row,
  .path-specializace #block-bartik-content .views-row { width: 420px; margin: 20px; }
  .layout-one-sidebar .node ul { padding: 30px 40px; }
}

/* DESKTOP UP (992px +) */
@media screen and (min-width: 992px) {
  .left-container, .type-container { width: 50% !important; }
  .type-container { min-height: auto; }
  .split-banner { flex-direction: row; min-height: 320px; }
  .split-banner__content, .split-banner__visual { width: 50%; }
  .split-banner__content { padding: 50px; }
  .split-banner__visual--text { padding: 50px; }
  .split-banner__content h1, .split-banner__content h2 { font-size: 32px; }
  .typing { font-size: 36px; }
  
  #block-bartik-main-menu ul.menu { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; }
  #block-bartik-main-menu ul.menu li a { text-decoration: none; font-weight: bold; text-transform: uppercase; }

  .path-frontpage #block-bartik-content .field--type-text-with-summary { align-items: flex-start; justify-content: space-between; }
  .hp_odstavec { display: flex; padding-bottom: 80px; max-width: 1110px; width: 100%; margin: 0 auto; }
  .hp_odstavec .nadpis { width: 34%; }
  .hp_odstavec .text { width: 65%; }
}

#header {position: relative;}

/* LARGE DESKTOP UP (1200px +) */
@media screen and (min-width: 1200px) {
  .custom-news-track .views-row {
    flex: 0 0 calc(25% - 15px) !important;
    max-width: calc(25% - 15px) !important;
  }
  #block-views-block-homepage-horni-obrazek-block-1 .views-row { padding: 40px 60px; }
  #block-views-block-homepage-horni-obrazek-block-1 .views-field-field-nadpis-1-radka,
  #block-views-block-homepage-horni-obrazek-block-1 .views-field-field-text { max-width: 55%; z-index: 100; }
  #block-views-block-homepage-horni-obrazek-block-1 .views-field-field-nadpis-1-radka { font-size: 42px; }
  #block-views-block-homepage-horni-obrazek-block-1 .views-field-field-text { font-size: 21px; }
  .path-frontpage #block-bartik-content .field--type-text-with-summary { padding: 80px 0; }
  
  #block-views-block-homepage-horni-obrazek-block-2 .views-row,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-row,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-row,
  #block-views-block-kariera-horni-obrazek-block-1 .views-row {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto 1fr;
    align-items: start;
    margin-bottom: 40px;
    background-color: #32327D;
    color: #fff;
  }
  
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-nadpis-1-radka,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-nadpis-1-radka,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-nadpis-1-radka,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-nadpis-1-radka {
    grid-column: 1; grid-row: 1; width: 100%; float: none; padding: 40px 0 0 40px;
  }
  
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-nadpis-2-radka,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-nadpis-2-radka,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-nadpis-2-radka,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-nadpis-2-radka {
    grid-column: 1; grid-row: 2; width: 100%; float: none; padding: 10px 40px;
  }
  
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-text,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-text,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-text,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-text {
    grid-column: 1; grid-row: 3; width: 100%; float: none; padding: 0 40px 40px 40px;
  }
  
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-obrazek,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-obrazek,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-obrazek,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-obrazek {
    grid-column: 2; grid-row: 1 / 4; width: 100%; height: 100%; float: none;
  }
  
  .views-field-field-obrazek .field-content, .views-field-field-obrazek img { width: 100%; height: 100%; object-fit: cover; display: block; }
  .layout-one-sidebar #main { display: flex; flex-direction: row-reverse; align-items: flex-start; }
  .page-node-type-expert .expert_main { padding-top: 80px; }
}

/* MAX-WIDTH 1199px */
@media screen and (max-width: 1199px) {
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-nadpis-2-radka,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-nadpis-1-radka,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-nadpis-2-radka,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-nadpis-2-radka {
    font-size: 42px; margin-bottom: 20px; font-weight: 700; line-height: 1.3; padding: 10px 0 10px 40px; float: inline-start; width: 97%;
  }
  #block-views-block-homepage-horni-obrazek-block-2 .views-field-field-text,
  #block-views-block-kariera-dolni-obrazek-block-1 .views-field-field-text,
  #block-views-block-sluzby-horni-obrazek-block-1 .views-field-field-text,
  #block-views-block-kariera-horni-obrazek-block-1 .views-field-field-text {
    font-weight: 600; font-size: 16px; padding-left: 40px; float: left; width: 97%;
  }
  .hp_odstavec, .view-id-sluzby_horni_obrazek, .path-lawyers .layout-main-wrapper,
  #block-views-block-otevrene-pozice-block-1, .c-container-start { padding-left: 15px !important; padding-right: 15px !important; }
  #block-views-block-homepage-horni-obrazek-block-1 .views-row { padding: 30px; }
  .path-frontpage #block-bartik-content .field--type-text-with-summary { padding: 40px 15px; }
  .layout-one-sidebar #main { padding: 0 15px; }
  #sidebar-first .block { padding: 0; }


  #block-views-block-sluzby-horni-obrazek-block-1 .views-row .views-field-field-nadpis-1-radka{ display: none;}
  #block-views-block-sluzby-horni-obrazek-block-1 .views-row .views-field-field-nadpis-2-radka{ display: none;}
  #block-views-block-sluzby-horni-obrazek-block-1 .views-row .views-field-field-text{ display: none;}
}



/* MAX-WIDTH 991px (TABLET & MOBILE MENU BREAKPOINT) */
@media screen and (max-width: 991px) {
  #block-bartik-main-menu {
    margin-left: auto; display: flex; justify-content: flex-end; position: static;
  }
#block-bartik-main-menu .menu-toggle {
    display: block !important; 
    width: 35px; 
    height: 24px; /* Přidána chybějící výška */
    background: transparent; 
    border: none; 
    font-size: 0 !important; 
    color: transparent !important; 
    padding: 0; 
    position: relative; 
    cursor: pointer; 
    margin: 0; 
    z-index: 1001;
  }

  /* Skrytí duplicitního nativního Bartik tlačítka */
  #block-bartik-main-menu .menu-toggle.menu-toggle--hide {
    display: none !important;
  }
  #block-bartik-main-menu .menu-toggle::before {
    content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background-color: #32327D; box-shadow: 0 -8px 0 #32327D, 0 8px 0 #32327D; transform: translateY(-50%); transition: 0.3s;
  }
  #block-bartik-main-menu ul.menu {
    display: none;
            flex-direction: column;
        width: 100%;
        background: #ffffff;

        margin: 0;
        position: absolute;
        top: 100%;
        left: 0px;
        z-index: 1000;
  }
  #block-bartik-main-menu ul.menu.is-open { display: flex !important; }
  #block-bartik-main-menu ul.menu li { width: 100%; text-align: center; border-bottom: 1px solid #efefef; }
  #block-bartik-main-menu ul.menu li a { display: block; padding: 20px 15px; color: #32327d; text-decoration: none; font-weight: bold; text-transform: uppercase; }
  
  .c-container-start { flex-direction: column; }
  .left-container, .type-container { width: 100% !important; }
}

/* MAX-WIDTH 767px (MOBILE SPECIFIC) */
@media screen and (max-width: 767px) {
  .expert_main { flex-direction: column; }
  .expert_image { width: 100%; margin: 0 0 20px 0; order: 1; text-align: center; }
  .expert_image img { width: 80%; text-align: center; }
  .expert_content { width: 100%; order: 2; }
  
  .page-node-type-kariera .expert_content { float: left; width: 100%; padding-right: 20px; }
  .page-node-type-kariera .expert_image { display: flex; text-align: left; width: 100%; background: #f6f4f3; padding: 15px 35px; }
  
  .archiv-novinka { margin-left: 10px; max-width: 40%; }
  .path-lawyers #block-bartik-content .views-field-field-email,
  .path-lawyers #block-bartik-content .views-field-field-jmeno-s-tituly { margin-top: 10px; }
  
  .page-node-type-expert .expert_content { padding-left: 60px; padding-top: 50px; background-color: #a9c8f4; width: 100%; min-width: 100%; }
  .layout-one-sidebar .node .field .field__item .node__content { flex-direction: column; padding-bottom: 20px; }
  .layout-one-sidebar .node ul { padding: 10px 20px; }
  
  .path-lawyers #block-bartik-content .views-row { padding-bottom: 20px; flex-direction: column; justify-content: center; }
  .path-lawyers .lawyer { float: none; min-width: 100%; width: 100%; height: 270px; }
  
  .list_expert_name { z-index: 100; top: 15px; }
  .view-lawyers img { margin-left: auto; margin-right: auto; display: block; }
  .view-lawyers .list_expert_item { display: flex; flex-direction: column; align-items: center; width: 100%; }
  .view-lawyers .list_expert_button { text-align: center; width: auto; margin-top: 10px; }
}