.paragraph.paragraph--type--banner{
  padding: 80px 0px;
  margin: 90px 0px;
  position: relative;
}
.paragraph.paragraph--type--blok:has(.view-tiskove-zpravy) + .paragraph.paragraph--type--banner{
  margin-top: 180px;
}
.paragraph.paragraph--type--banner:before{
  content: "";
  display: block;
  width: calc(100vw - 100px);
  max-width: 1820px;
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0px;
  transform: translate(-50%, 0%);
  z-index: -1;
  border-radius: 10px;
  background: var(--thirdgreen);
}
body.fayn-ordinace .paragraph.paragraph--type--banner:before{
  background: var(--bluelightthree);
}
body.fayn-mesto .paragraph.paragraph--type--banner:before{
  background: var(--purplelightthree);
}
body.fayn-poradce .paragraph.paragraph--type--banner:before{
  background: var(--poradcegreenlightthree);
}
body.page-node-238 .paragraph.paragraph--type--banner:before{
  background: var(--orangelight);
}
.paragraph--type--banner:after{
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  min-height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
  background: transparent url(/themes/custom/fayn/images/kostky-banner.svg) no-repeat center center; 
}
.paragraph--type--banner h2{
  margin-bottom: 50px;
}
.paragraph--type--banner h2:last-child,
.paragraph--type--banner h2:has(a):last-child{
  margin-bottom: 0px;
}
.paragraph--type--banner h2:has(a){
  color: var(--fourgreen);
  font-size: 39px;
  line-height: 45px;
  margin-bottom: 25px;
}
.paragraph--type--banner h2:has(a) a{
  color: var(--fourgreen);
  text-decoration: underline;
}
.paragraph--type--banner h2:has(a) a:hover{
  text-decoration: none;
}
body.fayn-ordinace .paragraph--type--banner h2:has(a){
  color: var(--bluedark);
}
body.fayn-ordinace .paragraph--type--banner h2:has(a) a{
  color: var(--bluedark);
}
body.fayn-mesto .paragraph--type--banner h2:has(a){
  color: var(--purpledark);
}
body.fayn-mesto .paragraph--type--banner h2:has(a) a{
  color: var(--purpledark);
}
body.page-node-238 .paragraph--type--banner h2:has(a){
  color: var(--orangedark);
}
body.page-node-238 .paragraph--type--banner h2:has(a) a{
  color: var(--orangedark);
}
.paragraph--type--banner .field--name-field-tlacitko-odkazu{
  text-align: center;
  padding-top: 50px;
}
.paragraph--type--banner .field--name-field-tlacitko-odkazu a{
  display: inline-block;
  padding: 10px 54px 10px 20px;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  text-decoration: none;
  color: var(--fourgreen);
  position: relative;
  border-radius: 10px;
  background: var(--white);
}
.paragraph--type--banner .field--name-field-tlacitko-odkazu a:hover{
  color: var(--white);
  background: var(--maingreen);
}
.paragraph--type--banner .field--name-field-tlacitko-odkazu a:before{
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 10px;
  background: transparent url(/themes/custom/fayn/images/button-arrow-green.svg) no-repeat center center;
}
.paragraph--type--banner .field--name-field-tlacitko-odkazu a:hover:before{
  background: transparent url(/themes/custom/fayn/images/button-arrow-white.svg) no-repeat center center;
}
@media screen and (max-width: 1023px){
  .paragraph.paragraph--type--banner {padding: 60px 0px; margin: 50px 0px;}
  .paragraph.paragraph--type--banner:before {width: 100vw; border-radius: 0px;}
}
@media screen and (max-width: 767px){
  .paragraph--type--banner h2:has(a) {font-size: 30px; line-height: 40px;}
}