/* --- Definice LESS proměnných převedené na hodnoty --- */

/* @container-width: 1140px; */
/* @swiper-padding: 45px; */
/* @myfont: 'Inter', sans-serif; */
/* @lightgrey:#f0f4f6; */
/* @antracit:#272320; */
/* @red:#e41c35; */
/* @semigrey:#ccc; */
/* @grey:#8d8d8d; */
/* @white:#ffffff; */
/* @gcgrey:#6b7b84; */
/* @h1size: 70px; */
/* @h2size: 48px; */
/* @h3size: 22px; */
/* @import "../webcolors"; - odstraněno, v základním CSS není platné */


body, p, input, textarea, select {
  font-family:'Inter', sans-serif;
  font-size:15.5px;
  color:#272320;
  line-height:1.65;
}

body {
  background:#f0f4f6;
  position:relative;
}

.container {
  padding:0;
}

p {
  font-weight:400;
  line-height:1.65;
  max-width:65ch;
  margin:1.5em 0;
  text-wrap:balance;
}

.basic-link {
  color:#272320;
  text-decoration:underline;
}
.basic-link:hover {
  text-decoration:none;
  color:#272320;
}

.btn {
  padding:1em 2em;
  border-radius:100px;
  background:#272320;
  color:#ffffff;
  font-weight:600;
}
.btn:hover {
  color:#ffffff;
}
.btn.btn-red {
  background:#e41c35;
}
.btn.btn-red:hover {
  /* LESS darken(@red, 10%) - ruční převod pro základní CSS */
  background:rgb(205, 23, 44); /* Alternativní tmavší odstín */
}

img {
  max-width:100%;
  height:auto;
}

h1 {
  font-weight:700;
  font-size:70px;
  color:#6b7b84;
}

h2 {
  font-weight:700;
  font-size:48px;
  margin:1em 0;
  color:#6b7b84;
}

h3 {
  font-weight:700;
  font-size:22px;
  color:#6b7b84;
}

.red {
  color:#e41c35;
}

.bigger {
  font-size:125%;
}

.gradient {
  background-image: linear-gradient(to right bottom, #dc4774, #cd5fad, #a57dd8, #6998ed, #12aceb);
  background-clip:text;
  color:transparent;
  -webkit-background-clip: text; /* pro webkit prohlížeče */
  -webkit-text-fill-color: transparent; /* pro webkit prohlížeče */
}

.gradient-2 {
  background-image: linear-gradient(to right, #e41c35, #c50065, #c20090, #aa12c0, #6843f0);
  background-clip:text;
  color:transparent;
  -webkit-background-clip: text; /* pro webkit prohlížeče */
  -webkit-text-fill-color: transparent; /* pro webkit prohlížeče */
}

.grid-2 {
  display:grid;
  gap:3em;
  grid-template-columns: repeat(2, 1fr);
}

.grid-3 {
  display:grid;
  gap:3em;
  grid-template-columns: repeat(3, 1fr);
}

.grid-4 {
  display:grid;
  gap:3em;
  grid-template-columns: repeat(4, 1fr);
}

/* Původní &.breaker - aplikováno na globální úroveň */
.breaker {
  margin:3em 0;
}

.white-box {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 25px 40px;
  position: relative;
  overflow: hidden;
}
.white-box h2 {
  margin:0.5em 0;
}
.white-box.lines:before {
  content: '';
  position: absolute;
  top: -60%;
  right: -50%;
  width: 100%;
  aspect-ratio:1 / 1;
  background:url('https://gc.peebo.cz/img/front/circled-lines.svg') no-repeat center center;
  background-size:100% auto;
  opacity:.05;
  transform-origin: center center;
  animation: spin 40s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


.test {
  position:relative;
  padding-right:120px;
}
.test:after {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-test.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 30px auto, cover;
  position:absolute;
  right:40px;
  top:40px;
}

.contact-box {
  position:relative;
  padding-right:120px;
}
.contact-box:after {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-phone.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 30px auto, cover;
  position:absolute;
  right:40px;
  top:40px;
}

.course-box {
  position:relative;
  padding-right:120px;
}
.course-box:after {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-text.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 30px auto, cover;
  position:absolute;
  right:40px;
  top:40px;
}

.library:after {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-book.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 30px auto, cover;
  position:absolute;
  right:40px;
  top:40px;
}

.v-center {
  align-items:center;
}

.sticky-top {
  top:4em;
}

.goethe-zertifikat-info {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:25px 0 25px 90px;
  background:url('https://gc.peebo.cz/img/front/icons/ico-book.svg') no-repeat left 15px center;
  background-size:40px auto;
  margin-top:45px;
}

.terms-and-conditions {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:25px 0 25px 90px;
  background:url('https://gc.peebo.cz/img/front/icons/ico-book.svg') no-repeat left 15px center;
  background-size:40px auto;
  margin-bottom:40px;
}
.terms-and-conditions p {
  max-width:initial;
}

.serr-level {
  margin-bottom:60px;
  padding-right:150px;
  position:relative;
}
.serr-level.level-a {
  padding-top:5px;
}
.serr-level.level-a:before {
  content:'A';
  top:20px;
}
.serr-level.level-b {
  border-top:1px solid #ccc;
  padding-top:30px;
  margin-top:30px;
}
.serr-level.level-b:before {
  content:'B';
  top:50px;
}
.serr-level.level-c {
  border-top:1px solid #ccc;
  padding-top:30px;
  margin-top:30px;
}
.serr-level.level-c:before {
  content:'C';
  top:50px;
}
.serr-level:before {
  content:'';
  width:120px;
  height:120px;
  background-image: linear-gradient(to right bottom, #dc4774, #cd5fad, #a57dd8, #6998ed, #12aceb);
  position:absolute;
  right:0;
  top:0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:60px;
  color:#ffffff;
  font-weight:600;
  mask-image: url('https://gc.peebo.cz/img/front/image-mask.svg');
  -webkit-mask-image: url('https://gc.peebo.cz/img/front/image-mask.svg');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
}


.image-mask {
  max-height:100% !important;
  aspect-ratio:1 / 1;
  mask-image: url('https://www.goethecentrum.cz/img/front/image-mask.svg');
  -webkit-mask-image: url('https://www.goethecentrum.cz/img/front/image-mask.svg');
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: cover;
  -webkit-mask-size: cover;
    mask-mode: alpha;
    -webkit-mask-mode: alpha;

  
}

#hp-slider .slider-wrapper {
  position:relative;
  display:grid;
  height:630px;
  align-items: center;
}
#hp-slider .slider-wrapper .text {
  position:relative;
  z-index:1;
}
#hp-slider .slider-wrapper .text h1 {
  width:600px;
  max-width:100%;
  margin:.5em 0;
  line-height:1.1;
  /*
  color:#ffffff;
  mix-blend-mode: difference;
   */
}
#hp-slider .slider-wrapper .text p {
  margin:2em 0;
  width:430px;
  max-width:100%;
}
#hp-slider .slider-wrapper .image {
  position:absolute;
  right:0;
  display:flex;
  aspect-ratio:1 / 1;
  width:calc(50% + 4em); /* Převod LESS interpolace */
  overflow:hidden;
  margin:0 auto;
}
#hp-slider .slider-wrapper .image img {
  min-width:100%;
  min-height:100%;
  object-fit: cover;
  object-position: center;  
}

#numbers {
  padding:3em 0;
}
#numbers .container {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:4em 0;
}
#numbers .boxes {
  display:grid;
  gap:1em;
  grid-template-columns: 1fr 1fr 1fr;
  margin:4em 0;
}
#numbers .boxes .box {
  border-radius:10px;
  background:#ffffff;
  padding:6em 3em 3em 3em;
  transition: all 350ms ease-in;
  overflow:hidden;
  position:relative;
}
#numbers .boxes .box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  opacity: 0;
  transition: opacity 350ms ease-in-out;
  z-index: 0;
}
#numbers .boxes .box:hover {
  cursor:default;
}
#numbers .boxes .box:hover * {
  position: relative;
  z-index: 1;
}
#numbers .boxes .box:hover::before {
  opacity:1;
}
#numbers .boxes .box .number,
#numbers .boxes .box .number-counter {
  display:inline-block;
  font-size:110px;
  font-weight:700;
  background-image: linear-gradient(to right, #bb1043, #c50065, #c20090, #aa12c0, #6843f0);
  background-clip:text;
  color:transparent;
  -webkit-background-clip: text; /* pro webkit prohlížeče */
  -webkit-text-fill-color: transparent; /* pro webkit prohlížeče */
}
#numbers .boxes .box p {
  font-size:20px;
  line-height:1.4;
}
#numbers .boxes .box p strong {
  color:#e41c35;
}
#numbers .boxes .box:nth-child(2) .number {
  background-image: linear-gradient(to right bottom, #dc4774, #cd5fad, #a57dd8, #6998ed, #12aceb);
}
#numbers .boxes .box:nth-child(3) .number {
  background-image: linear-gradient(to right, #429ee4, #6d99f3, #9f8ff7, #d080ee, #fc6dd7);
}
#numbers .gi-partner {
  display:grid;
  align-items:center;
  grid-template-columns: 130px 1fr;
}
#numbers .gi-partner p {
  margin:1em 0;
}


#news .swiper-wrap,
#themes .swiper-wrap {
  max-width:100vw;
  margin: 0 auto;
  position: relative;
}
#news .swiper-wrap .swiper,
#news .swiper-wrap .swiper-theme,
#themes .swiper-wrap .swiper,
#themes .swiper-wrap .swiper-theme {
  overflow:hidden;
  max-width: 100vw;
  /* Převod LESS interpolace calc(((100vw - @{container-width}) / 2 - @{swiper-padding})) */
  padding-bottom:4em;
  padding-left: calc(((100vw - 1140px) / 2 - 45px));
  box-sizing: content-box;
}
#news .swiper-wrap .swiper .swiper-nav,
#news .swiper-wrap .swiper-theme .swiper-nav,
#themes .swiper-wrap .swiper .swiper-nav,
#themes .swiper-wrap .swiper-theme .swiper-nav {
  width:130px;
  height:60px;
  position:absolute;
  left:-15px;
  bottom:40px;
  /* Převod LESS interpolace calc(((100vw - @{container-width}) / 2)) */
  margin-left: calc(((100vw - 1140px) / 2));
}
#news .swiper-wrap .swiper .swiper-nav .swiper-button-next,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next,
#news .swiper-wrap .swiper .swiper-nav .swiper-button-prev,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-next,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-prev,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  width:50px;
  height:50px;
  background:#ffffff;
  border-radius:50%;
}
#news .swiper-wrap .swiper .swiper-nav .swiper-button-next:after,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next:after,
#news .swiper-wrap .swiper .swiper-nav .swiper-button-prev:after,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev:after,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-next:after,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next:after,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-prev:after,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev:after {
  height:50px;
  width:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:20px;
  color:#272320;
}
#news .swiper-wrap .swiper .swiper-nav .swiper-button-next:hover,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next:hover,
#news .swiper-wrap .swiper .swiper-nav .swiper-button-prev:hover,
#news .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev:hover,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-next:hover,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-next:hover,
#themes .swiper-wrap .swiper .swiper-nav .swiper-button-prev:hover,
#themes .swiper-wrap .swiper-theme .swiper-nav .swiper-button-prev:hover {
  background-image: linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
}
#news .themes-wrapper .swiper-slide,
#news .news-wrapper .swiper-slide,
#themes .themes-wrapper .swiper-slide,
#themes .news-wrapper .swiper-slide {
  width: 400px !important;
}
#news .themes-wrapper .box,
#news .news-wrapper .box,
#themes .themes-wrapper .box,
#themes .news-wrapper .box {
  width:400px;
  border-radius:15px;
  padding:2.5em;
  transition: all 350ms ease-out;
  margin-right:2em;
}
#news .themes-wrapper .box .image,
#news .news-wrapper .box .image,
#themes .themes-wrapper .box .image,
#themes .news-wrapper .box .image {
  display:flex;
  aspect-ratio:1 / 1;
  width:100%;
  overflow:hidden;
}
#news .themes-wrapper .box .image img,
#news .news-wrapper .box .image img,
#themes .themes-wrapper .box .image img,
#themes .news-wrapper .box .image img {
  min-width:100%;
  min-height:100%;
  object-fit: cover;
  object-position: center;
}
#news .themes-wrapper .box h3,
#news .news-wrapper .box h3,
#themes .themes-wrapper .box h3,
#themes .news-wrapper .box h3 {
  margin:2em 2em 0 0;
}
#news .themes-wrapper .box h3 a,
#news .news-wrapper .box h3 a,
#themes .themes-wrapper .box h3 a,
#themes .news-wrapper .box h3 a {
  color:#272320;
}
#news .themes-wrapper .box .date,
#news .news-wrapper .box .date,
#themes .themes-wrapper .box .date,
#themes .news-wrapper .box .date {
  display:block;
  margin:1em 0;
  line-height:3em;
  padding-left:1.7em;
  background:url('https://gc.peebo.cz/img/front/icons/calendar.svg') no-repeat left top 12px;
  background-size:19px auto;
  font-size:90%;
}
#news .themes-wrapper .box .btn,
#news .news-wrapper .box .btn,
#themes .themes-wrapper .box .btn,
#themes .news-wrapper .box .btn {
  margin:1.5em 0;
  opacity:0;
}
#news .themes-wrapper .box:hover,
#news .news-wrapper .box:hover,
#themes .themes-wrapper .box:hover,
#themes .news-wrapper .box:hover {
  background:#ffffff;
}
#news .themes-wrapper .box:hover .btn,
#news .news-wrapper .box:hover .btn,
#themes .themes-wrapper .box:hover .btn,
#themes .news-wrapper .box:hover .btn {
  opacity:1;
}

#about-gc {
  width:1300px;
  max-width:100%;
  background:#ffffff;
  border-radius:15px;
  margin:0 auto;
  padding:2em 0 4em 0;
}
#about-gc .grid {
  border-left:1px solid #8d8d8d;
  padding-left:2.5em;
  position:relative;
}
#about-gc .grid .number {
  font-size:50px;
  background:#ffffff;
  position:absolute;
  top:-13px;
  left:-25px;
  display: flex;
  align-items: center;
  justify-content: center;
  width:50px;
  height:50px;
  border-radius:50px;
  background-image: linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
}
#about-gc .grid .number svg {
  stroke:#ffffff;
  stroke-width:6px;
}
#about-gc .grid ul {
  margin:2em 0 1em 0;
  padding-left:2em;
}


#themes {
  padding:4em 0;
}
#themes .themes-wrapper .theme {
  width:1050px !important;
  border-radius:15px;
  padding:2.5em;
  transition: all 350ms ease-out;
  position:relative;
  display:grid;
  grid-template-columns: 1fr 230px;
  height:500px;
  align-items: center;
}
#themes .themes-wrapper .theme:after {
  transition: all 350ms ease-out;
  display:block;
  opacity:1;
  content:'';
  width:1px;
  height:70%;
  position:absolute;
  right:-1px;
  top:50%;
  transform:translateY(-50%);
  border-right:1px solid #ccc;
}

#map, #footer,#copyright {
display:none;
}

#themes .themes-wrapper .theme:hover {
  background:#ffffff;
}
#themes .themes-wrapper .theme:hover:after {
  opacity:0;
}
#themes .themes-wrapper .theme .headline {
  position:relative;
}
#themes .themes-wrapper .theme .headline h3 {
  font-size:70px;
  line-height:1.1;
}
/* Převod LESS interpolace calc(100% - 4em) */
#themes .themes-wrapper .theme img {
  height:calc(100% - 4em);
  position:absolute;
  right:300px;
}

#new-detail {
  padding-bottom:4em;
}
#new-detail .date {
  display:block;
  margin-top:2em;
  color:#8d8d8d;
}
#new-detail .image {
  position: relative;
  display: flex;
  aspect-ratio: 1 / 1;
  width: calc(100% - 4em);
  overflow: hidden;
  margin: 0 auto;
}
#new-detail .image img {
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  animation: pulseZoom 10s ease-in-out infinite;
}
#new-detail .annotation {
  position:relative;
}
#new-detail .annotation:after {
  content:'';
  height:.5px;
  width:200px;
  background:#8d8d8d;
  position:absolute;
  left:0;
  bottom:-1em;
}
#new-detail .annotation p {
  font-size:120%;
}
#new-detail .sticky-top {
  margin-bottom:4em;
  top:4em;
}
#new-detail .sticky-top .new-title {
  display:inline-block;
  text-align:left;
  width:450px;
  /* Převod LESS interpolace calc((@{container-width} / 2)) */
  max-width: calc((1140px / 2));
  font-size:48px;
  font-weight:700;
  line-height:1;
  position: fixed;
  /* Převod LESS interpolace calc(50% + 15px) */
  left:calc(50% + 15px);
  top: -500px;
  z-index: 1000;
  transition: top 0.4s ease; /* plynulý výjezd */
  padding-bottom:1em;
}
#new-detail .sticky-top .new-title.visible {
  top:300px;
}
#new-detail .text ul li,
#new-detail .text ol li {
  margin:1em 0;
}
#new-detail .text p {
  margin:2.5em 0;
  line-height:1.95;
}
#new-detail .text a {
  color:#e41c35;
  text-decoration:underline;
}
#new-detail .text a:hover {
  text-decoration:none;
}
#new-detail .text a.btn {
  color:#ffffff;
  text-decoration:none;
}

.page-annotation h1 {
  margin:0 0 .35em 0;
}

#all-news .box {
  display:grid;
  border-bottom:1px solid #8d8d8d;
  padding:3em 0;
  gap:3em;
  grid-template-columns: 300px 1fr;
  grid-template-areas: "image content";
  transition: top 0.4s ease;
}
#all-news .box .image {
  display:flex;
  aspect-ratio:1 / 1;
  width:100%;
  overflow:hidden;
  grid-area:image;
}
#all-news .box .image img {
  min-width:100%;
  min-height:100%;
  object-fit: cover;
  object-position: center;
  transition: top 0.4s ease;
}
#all-news .box .content {
  grid-area:content;
}
#all-news .box h2 {
  margin:2em 2em 0 0;
  font-size:24px;
}
#all-news .box h2 a {
  text-decoration:none;
  color:#272320;
}
#all-news .box h2 a:hover {
  text-decoration:underline;
}
#all-news .box .date {
  display:block;
  margin:1em 0;
  line-height:3em;
  padding-left:1.7em;
  background:url('https://gc.peebo.cz/img/front/icons/calendar.svg') no-repeat left top 11px;
  background-size:20px auto;
  font-size:90%;
}
#all-news .box .btn {
  margin:1.5em 0;
}
#all-news .box:first-of-type {
  grid-template-columns:1fr 1fr;
  grid-template-areas: "content image";
  align-items:center;
  padding-top:0;
  position:relative;
}
#all-news .box:first-of-type:after {
  content:'starší novinky';
  position:absolute;
  bottom:-12px;
  left:50%;
  transform:translateX(-50%);
  background:#f0f4f6;
  padding:0 1em;
}
#all-news .box:first-of-type h2 {
  margin-top:.5em;
  font-size:68px;
  line-height:1 !important;
}
#all-news .box:first-of-type h2 a {
  background-image: linear-gradient(to right bottom, #dc4774, #cd5fad, #a57dd8, #6998ed, #12aceb);
  background-clip:text;
  color:transparent;
  -webkit-background-clip: text; /* pro webkit prohlížeče */
  -webkit-text-fill-color: transparent; /* pro webkit prohlížeče */
}
#all-news .box:hover .image img {
  animation: singleZoom 1s ease-in-out;
  transform:scale(1.15);
  transition: top 0.4s ease;
}


#topic-frauen h3 {
  margin:2em 0;
}
#topic-frauen .white-box.two-countries {
  margin:1.5em 0;
}
#topic-frauen .white-box.two-countries:after {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-flag.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 40px auto, cover;
  position:absolute;
  right:40px;
  top:40px;
}
#topic-frauen .white-box.two-countries h2 {
  margin-top:1em;
  margin-right:100px;
}
#topic-frauen .info {
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:25px 0 25px 110px;
  margin:4em 0;
  position:relative;
}
#topic-frauen .info:before {
  content:'';
  width:80px;
  height:80px;
  border-radius:50px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-flag.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 40px auto, cover;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
#topic-frauen .info p {
  max-width:initial;
}
#topic-frauen .time-schedule .box {
  border-radius:8px;
  padding:1.5em 1.5em 1.5em 100px;
  position:relative;
  vertical-align:middle;
  margin-bottom:10px;
  border-bottom:5px solid #f0f4f6;
  background:rgba(255,255,255,.5);
  display:grid;
  align-items:center;
  grid-template-columns: 1fr 270px 200px;
  gap:2em;
}
#topic-frauen .time-schedule .box:hover {
  background:#ffffff;
}
#topic-frauen .time-schedule .box:before {
  content:'';
  position:absolute;
  left:1.5em;
  top:50%;
  transform:translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width:50px;
  height:50px;
  border-radius:30px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-book.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 20px auto, cover;
}

#themes-all .themes-wrapper .theme {
  width:100%;
  transition: all 350ms ease-out;
  position:relative;
  display:grid;
  grid-template-columns: 1fr 230px;
  height:500px;
  align-items: center;
}
#themes-all .themes-wrapper .theme .fake-link {
  position:absolute;
  left:0;
  top:0;
  display:block;
  width:100%;
  height:100%;
  z-index:66;
}
#themes-all .themes-wrapper .theme.actual {
  background:#ffffff;
  border-radius:10px;
  padding:2.5em;
  overflow:hidden;
  margin-bottom:3em;
}
#themes-all .themes-wrapper .theme.actual:before {
  content: '';
  position: absolute;
  top: -100%;
  right: -50%;
  width: 100%;
  aspect-ratio:1 / 1;
  background:url('https://gc.peebo.cz/img/front/circled-lines.svg') no-repeat center center;
  background-size:100% auto;
  opacity:.05;
  transform-origin: center center;
  animation: spin 40s linear infinite;
}
#themes-all .themes-wrapper .theme .headline {
  position:relative;
}
#themes-all .themes-wrapper .theme .headline h3 {
  font-size:70px;
  line-height:1.1;
}
/* Převod LESS interpolace calc(100% - 4em) */
#themes-all .themes-wrapper .theme img {
  height:calc(100% - 4em);
  position:absolute;
  right:300px;
}

#main-section {
  padding:1em 0 3em 0;
}
#main-section a {
  text-decoration:underline;
  color:#272320;
}
#main-section a:hover {
  text-decoration:none;
  color:#e41c35;
}
#main-section a.btn {
  color:#ffffff;
  text-decoration:none;
}
#main-section .white-box {
  margin:4em 0;
}
#main-section .table tr td {
  vertical-align:middle;
  padding:1.5em;
  border-top:0;
  border-bottom:5px solid #f0f4f6;
  background:rgba(255,255,255,.5);
}
#main-section .table tr td:first-child {
  border-radius:8px 0 0 8px;
}
#main-section .table tr td:last-child {
  border-radius:0 8px 8px 0;
}
#main-section .table tr td.info {
  padding-right:0;
  width:40px;
  text-align:right;
}
#main-section .table tr td .course-info {
  display: flex;
  align-items: center;
  justify-content: center;
  width:50px;
  height:50px;
  border-radius:30px;
  background-image:
          url('https://gc.peebo.cz/img/front/icons/ico-book.svg'),
          linear-gradient(to right, #b8dcf7, #c5dafe, #d6d6ff, #ebd1fb, #fecdf1);
  background-repeat: no-repeat, no-repeat;
  background-position: center center, center;
  background-size: 20px auto, cover;
}
#main-section .table tr:hover td {
  background:#ffffff;
}

.pagination-wrapper {
  padding-top:4em;
}
.pagination-wrapper .form-inline {
  display:none;
}
.pagination-wrapper .pagination .page-item a {
  flex:1;
  height:40px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration:none !important;
}
.pagination-wrapper .pagination .page-item.active a {
  border-color:#272320;
  background:#272320;
  color:#ffffff !important;
  text-decoration:none;
}
.pagination-wrapper .pagination .page-item.doted-paginator-li {
  height:40px;
  width:25px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes pulseZoom {
  0%, 100% {
    transform: scale(1);     /* normální velikost */
  }
  50% {
    transform: scale(1.05);  /* o trochu zvětšený */
  }
}

@keyframes singleZoom {
  0% {
    transform: scale(1);     /* normální velikost */
  }
  100% {
    transform: scale(1.15);  /* o trochu zvětšený */
  }
}


@media (max-width:768px) {

#hp-slider .slider-wrapper {
height:auto;
display:block;
}

#hp-slider .slider-wrapper .text h1 {
width:auto;
font-size:36px;
}

#hp-slider .slider-wrapper .image  {
position:relative;
display:block;
width:calc(100vw - 40px);

}

#hp-slider .slider-wrapper .image img {
    width:100%;
}

#topic-frauen {
    padding:0 20px;
}

#topic-frauen h2 {
font-size:33px !important;
}

#topic-frauen .grid-2,
#topic-frauen .grid-3 {
display:block;
}

#topic-frauen .time-schedule .box {
    display:block;
}
}