/*#customButton {
    position: absolute;
    opacity: 100%;
    bottom: 83%;
  left: 52.5%;
    transform: translateX(-50%);
    width: 25%;
    height: 8.8%;
    background: linear-gradient(to right, #efc032, #dd9e2d);
    background-size: 100% 100%;
    border: 0px solid #000000;
    cursor: pointer;
    border-radius: 35px;
}
*/
#customButton {
  position: absolute;
  opacity: 100%;
  bottom: 25%;
  left: 26.5%;
  transform: translateX(-50%);
  width: 25%;
  height: 8.8%;
  background: linear-gradient(to right, #e0192e, #9c0205);
    background-size: auto;
  background-size: 100% 100%;
  border: 0px solid #000000;
  cursor: pointer;
  border-radius: 35px;
}

#customButton::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/reg.png');
    background-size: cover;
    background-position: center;
    border-radius: 35px; /* Azonos border-radius */
    z-index: -1; /* Háttérbe helyezés */
}



#customButton:hover {

}
@keyframes pulse {
    0% {
        transform: translateX(-50%) scale(1); /* Eredeti méret */
    }
    50% {
        transform: translateX(-50%) scale(1.1); /* 120%-ra növelés */
    }
    100% {
        transform: translateX(-50%) scale(1); /* Vissza az eredeti méretre */
    }
}

.offer-card img {
     transition: 0.3s ease;
}

.nowaydo {
     transform: scale(1)!important;
}
 * {
     border: 0px solid rgba(255,0,255,.3);
}
  .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
  }
  #sideNav .navbar-toggler:focus {
    outline-color: #fff!important;
  }
  .navbar-light .navbar-toggler {
    color: none!important;
    border-color: transparent!important;
  }
  #canvasContainer a img {
  position: absolute;
    left: 10px;
    width: calc(100px + 20vw);
    height: auto;
    bottom: 9%;
  }

 hr {
     border: none;
    /* Eltávolítja az alapértelmezett keretet */
    /* A vonal vastagsága */
     background-color: #707070;
     width: 100%;
     height: 2px!important;
     margin-bottom: 25px;
     margin-right: 15px;
     margin-left: 15px;
    /*margin-top: 20px;
     */
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #a8884e;
  }
  #page-top .btn-primary {
    font-size: 18px!important;
  }
  .bottom-info {
    margin-top:50px;
  }
.division__offer .introduction__pretext:nth-of-type(1) {
  font-size: 30px;
}
.division__offer .radiuspic__enter {
  justify-content: left;
  padding-left:15px;
  padding-top:25px;
  padding-bottom:25px;
}

.division__offer .radiuspic__holder {
  padding: 0;
}
.division__offer .introduction__pretext:nth-of-type(2) {
  font-size: 16px;
  line-height: 28px;
}

.division__offer {
  margin-top: 30px
}

.division__offer .radiuspic__enter--text {
  font-size: 50px;
}

.division__offer .radiuspic__enter::before {
    border-bottom-right-radius: 115px;
    border-top-left-radius: 0px!important;
}

.division__offer .radiuspic__enter {
    border-bottom-right-radius: 115px;
    border-top-left-radius: 0px!important;
}
.introduction__pretext:nth-of-type(1) {
    font-family: 'URWDIN-Bold';
    margin-top: 5px;
    top: 5px;
    display: block;
    position: relative;
    padding-bottom: 20px;
    /*border-bottom: 1px solid gold;*/
}  

.introduction__pretext:nth-of-type(2) {
    font-family: 'URWDIN-Bold';
    margin-top: 5px;
    top: 10px;
    display: block;
    position: relative;

}  
 .goldline {
     background-color: #BD9453;
}
 .huge-capital-letters {
     text-transform: uppercase;
}
 .white {
     color: white;
}
 .introduction__large {
     font-size: 58px;
     color: #707070;
     font-weight: 500;
     text-transform: uppercase;
     font-family: 'URWDIN-Bold';
}
 .introduction__large span {
     line-height: 10px!important;
 }
 .introduction {
     color: #707070;
     display: inline-block;
}
.division__intro {
  
  padding: 30px 50px 50px 50px;
}
 .introduction__generic p, .introduction__hours p {
     font-weight: 500;
     text-transform: uppercase;
     font-family: 'URWDIN-Bold';
}
 .introduction__generic span {
     font-family: 'URWDIN-Regular';
}
 .introduction__medium {
     font-family: 'URWDIN-Regular';
     margin-top:15px;
}
 .introduction__medium p{
     font-weight: 600;
}
 .introduction__large p {
     word-break: break-word;
     hyphens: auto;
}
 .introduction__medium span {
     font-weight: 400;
     line-height: 32px;
}
 .radiuspic__enter {
     width: 100%;
     height: 100%;
     position: relative;
     border-bottom-right-radius: 205px;
     border-top-left-radius: 205px;
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     overflow: hidden;
    /* Prevent pseudo-element overflow */
}
 .radiuspic__enter::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: url('../img/radiuspic2.jpg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     opacity: .4;
     z-index: 0;
     border-bottom-right-radius: 205px;
     border-top-left-radius: 205px;
}
 .radiuspic__enter--text {
     font-size: 2.8vw;
     line-height: 1.2;
    /* Adjusted line-height for better vertical spacing */
     font-family: 'URWDIN-Bold';
     color: white;
    /* Adjust as per your design */
     position: relative;
     /*z-index: 1;*/
    /* Ensure the text is on top of the pseudo-element */
}
 .radiuspic__holder {
     width: 100%;

}
 .radiuspic__upper {
     width: 100%;
     height: 100%;
     border-bottom-left-radius: 260px;
     background-image: url('../img/radiuspic1.jpg');
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     /*border-bottom-left-radius: 305px;*/
     margin-bottom: 10px;
}
 
 .radiusmap {
     width: 100%;
     height: 100%;
     position: relative;
     border-bottom-right-radius: 55px;
     border-top-left-radius: 55px;
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     overflow: hidden;
    /* Prevent pseudo-element overflow */
}
 .radiusmap::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     opacity: .4;
     z-index: 0;
     border-bottom-right-radius: 55px;
     border-top-left-radius: 55px;
}
 .map-container {
     width: 100%;
     height: auto;
     border-radius: 20px;
     overflow: hidden;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
     overflow: hidden;
}
 .runstopstrap {
     width: calc(50% - 30px);
     margin:15px;
}
 .leftfleck {
     width: 63px;
     height: 200px;
     background-color: #bd9453;
     position: absolute;
     border-bottom-right-radius: 30px;
     border-top-left-radius: 15px;
     display: flex;
     align-items: center;
     justify-content: center;
}
 .vertical-text {
     writing-mode: vertical-rl;
    /* Text will be rotated vertically */
     transform: rotate(180deg);
    /* Text is reversed, so we rotate it back to make it readable */
     font-size: 38px;
     font-weight: 700;
     color: white;
    /* Adjust the text color as needed */
     text-align: center;
     font-family: 'URWDIN-Bold';
}
 .order-left .panel_left {
     order: 1;
    /* A panel_left mostantól jobbra kerül */
}
 .order-left .panel_right {
     order: 0;
}
 .offer-content {
     width: 100%;
     display: flex;
    /* Flexbox beállítás */
     height: auto;
     flex-direction: row;
}
 .order-left .panel_right {
     padding-left: 0;
     padding-right: calc(60px - 30px);
}
 .panel_left, .panel_right {
     width: 50%;
     opacity: 0.9;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
    /* Az offer-text lent marad */
}
 .panel_right {
     padding-left: 30px;
     padding-right: calc(30px - 30px);
     display: block;
     position: relative;
    /* A belső elemek pozícionálásához szükséges */
     order: 1;
    /* A panel_right mostantól balra kerül */
}
 .offer-image {
     width: 100%;
     height: 100%;
    /* Változtatható magasságú kép */
     overflow: hidden;
    /* Biztosítja, hogy a nagyított kép ne lépjen túl a kereten */
     border-top-left-radius: 45px;
     border-bottom-right-radius: 110px;
     position: relative;
    /* Szükséges a pseudo-elem helyes pozicionálásához */
}
 .offer-image::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     
    /* A háttérkép itt kerül beállításra */
     background-repeat: no-repeat;
     background-position: center;
     background-size: cover;
     transition: transform 0.5s ease;
    /* Animáció a méretváltozásra */
}
 .offer-image:hover::before {
     transform: scale(1.03);
    /* 3%-os nagyítás hover esetén */
}
 .offer-text {
    /*padding: 40px 20px 75px 0px;
     */
     padding: 0px 0px 0px 0px;
}
 .offer-text .offer-small_text {
     margin-top: 20px;
}
.offer-small_text {
     font-size: 20px;
 .panel_right .offer-text .offer-small_text {
     margin-top: 15px;
}
}
 .panel_left .offer-text .offer-gold_text {
     margin-top: 20px;
}
 .panel_left .offer-text .btn-primary {
     margin-top: 20px;
}
 .panel_left .offer-text .offer-biggold_text {
     margin-top: 20px;
}
 .offer-medium_white_text {
     color: white;
     text-align: left;
     font-family: 'URWDIN-Bold';
     font-size: 3.8vw;
     line-height: 1.2;
    /* Adjusted line-height for better vertical spacing */
    /*line-height: 72px;
     */
    /*font-size: 69px;
     */
}
 .offer-gold_text, .offer-biggold_text, .contact-holder span {
     text-transform: uppercase;
     font-size: 20px;
     font-weight: 500;
     font-family: 'URWDIN-Bold';
     line-height: 29px;
     color: #BD9453;
    /*margin-bottom: 40px;
     */
}
 .contact-holder span {
     margin-top:15px;
     display: block;
}
 .contact-holder span:nth-of-type(2) {
     color: white;
     font-size: 15px;
     text-transform: unset;
     line-height: 22px;
}
 .offer-gold_text {
     font-size: 40px;
     line-height: 39px;
}
 .offer-undertext {
     margin-top: 20px;
}
 .contact-closer {
     display: block;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     padding-left: 10%;
     padding-right: 10%;
}
 .contact-holder {
     width: 33.2%;
     text-align: center;
     display: block;
     float: left;
     align-items: center;
}
 .contact-closer img {
     width: 50%;
}
 .card-core-content {
     padding-bottom: 10px;
     min-height: 124px;
     margin-left: 5px;
     margin-right: 5px;
     font-size: 16px;
     font-weight: 800;
     line-height: 1.3;
     overflow: hidden;
}
 .card-core-content span {
     color: #D59837;
}
 .offer-big_text {
     line-height: 69px;
     text-transform: none;
     font-size: 72px;
     color: white;
     letter-spacing: 2.5px;
     margin-top:10px;
     padding-bottom:5px;
     font-weight: 500;
     font-family: 'URWDIN-Bold';
}
 .button-container {
}
 .panel_right .offer-text {
     padding-bottom: 27px;
}
 .offer-small_text span {
     text-transform: none;
     font-weight: 400;
     font-family: 'URWDIN-Regular';
     font-size: 22px;
     line-height: 20px;
     color: white;
}
 .offer-card {
    /*width: calc(50% - 30px);
     */
     width: calc(50% - 30px);
     background-color: #707070;
     float: left;
     position: relative;
    /* A belső elemek pozícionálásához szükséges */
     border-radius: 15px;
    /*overflow: hidden;
    /* A túlcsorduló elemek levágásához */
     text-align: center;
     margin-right: 15px;
     margin-left: 15px;
     margin-bottom: 40px;
}
 .offer-card, .offer-card-footer {
     border-bottom-left-radius: 60px;
     border-bottom-right-radius: 15px;
}
 .offer-card-footer {
     overflow: hidden;
}
 .offer-card img {
     width: 100%;
     height: auto;
     padding: 25px 25px 10px 25px;
}
 .offer-container {
     display: inline-block;
     /*padding-right: 15px;*/
}
 .offer-percent {
     margin: 10px;
     width: 135px;
     height: 75px;
     border-radius: 8px 30px 8px 35px;
     background-color: #262626;
     color: #fff;
     border: 7px solid #B79352;
     text-align: center;
     font-size: 41px;
     font-weight: 800;
     /*line-height: 57px; for iphone*/
     overflow: hidden;
     position: absolute;
     top: -30px;
     right: -30px;
     z-index: 9999;
}
 .offer-card-footer {
     font-family: 'URWDIN-Regular';
     background-color: #BD9453;
     color: white;
     display: flex;
    /* Flexbox beállítás */
     justify-content: flex-end;
    /* Jobbra igazítás */
     align-items: center;
    /* Függőleges középre helyezés */
     padding: 0 20px 0 20px;
     box-sizing: border-box;
     font-size: 10px;
     text-transform: uppercase;
     font-weight: bold;
     text-align: center;
    /* Jobbra igazított szöveg */
     min-height: 52px;
}
 .card-prices {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
    /* Középre igazítás vízszintesen */
     gap: 5px;
    /* Térköz az árak között */
     margin-top: 5px;
     line-height: 16px;
}
 .card-prices div {
     white-space: nowrap;
    /* Megakadályozza a sor törését */
     font-weight: bold;
     font-size: 15px;
}
 .old-price {
     text-decoration: line-through;
     color: white;
}
 .new-price {
     color: #D59837;
}
 .banner-radius {
     width: 100%;
     border-top-left-radius: 150px;
     border-bottom-right-radius: 170px;
     margin-bottom: 10px;
     transition: transform 1s ease-in-out;
     display: block;
     margin-top:30px;
}
 .banner-container {
     width: 100%;
    /* vagy adj meg egy fix szélességet, pl. 500px */
     border-top-left-radius: 150px;
     border-bottom-right-radius: 170px;
     margin-bottom: 10px;
     margin-top: 30px;
     margin-bottom: 30px;
     overflow: hidden;
    /* Ez megtartja a kerekített sarkokat a zoomolás során */
     display: block;
    /* Szükséges, hogy viselkedjen, mint egy blokk elem */
}
 .banner-image {
     width: 100%;
     height: auto;
     transition: transform 1s ease-in-out;
     display: block;
    /* Eltávolítja az alapértelmezett inline térközt */
}
 .banner-container:hover .banner-image {
     transform: scale(1.03);
    /* Csak a kép zoomolódik, a keret mérete nem változik */
}
 .yt_container {
     position: relative;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 30px;
     padding-bottom: 56.25%;
    /* 16:9 arány */
     border-radius: 40px;
     overflow: hidden;
    /* Ez biztosítja, hogy a lekerekített sarkok miatti túllógás ne látszódjon */
}
 .yt_container iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
 .yt_container iframe {
     border: none;
    /* Eltávolítja a keretet */
     outline: none;
    /* Eltávolítja a fókuszálás során megjelenő kontúrt */
     box-shadow: none;
    /* Eltávolítja az esetleges árnyékokat */
}
 #resolution {
     position: fixed;
     top: -7px;
     left: -1px;
     padding: 5px 10px;
     border-radius: 5px;
     font-size: 10px;
     z-index: 9999;
     opacity: .08;
}
 
 

 @media (min-width: 1200px) {
    
     #resolution {
         top: -7px;
         left: -1px;
         z-index: 9999;
    }
     .introduction__generic p, .introduction__hours p, .introduction__hours p{
         font-size: 45px;
         line-height: 57px;
    }
     .introduction__hours span {
         /*font-size: calc(8px + .7vw);*/
         font-size: calc(10px + .5vw);
    }
     .introduction__generic span {
         font-size: 20px;
    }
     .introduction__medium p{
         line-height: 32px;
         font-size: 30px;
         font-weight: 600;
    }
     .introduction__medium span {
         font-size: 20px;
    }
     .introduction__large p {
         font-size: calc(39px + 1vw);
         line-height: calc(43px + 2vw);
    }
     .cover_txt {
         font-size: 40px;
    }
     .navbar-nav {
         color: white;
    }
}
 @media (min-width: 1921px) {
     .introduction__large p{
         font-size: 58px;
         line-height: 82px;
    }
     .introduction__hours span {
         font-size: 28px;
    }
     .radiuspic__enter--text {
         font-size: 60px;
    }
     .offer-text {
    }
     .offer-medium_white_text {
         line-height: 72px;
         font-size: 69px;
        /*line-height: 72px;
         */
        /*font-size: 69px;
         */
    }
}
 @media (max-width: 1199px) {
    #page-top .btn-primary.reg-btn {
      line-height: 26px !important;
    }
   .card-core-content {
     font-size: 15px;
    }
     .introduction__large {
         font-size: 34px;
    }
     .introduction__medium p{
         font-size: 23px;
         line-height: 21px;
    }
     .introduction__medium span {
         line-height: 19px;
    }
     .introduction__medium {
         margin-top: 5px;
         line-height: 0;
    }
     .offer-big_text {
         line-height: 51px;
         font-size: 52px;
    }
    .offer-gold_text {
      font-size: 30px;
    }
    .banner-container {
      border-top-left-radius: 130px;
      border-bottom-right-radius: 150px;
    }
    .card-prices div {
      font-size: 14px;
    }
    .offer-card {
      font-size: 2rem;
    }
    .card-core-content {

    }
}
@media (max-width: 768px) {
    .introduction__large p {
         word-break: break-word;
         hyphens: none ;
    }
      @keyframes floatAnimation {
        0%, 100% {
            top: 0;
        }
        50% {
            top: 20px;
        }
    }
    .division__offer .radiuspic__enter {
      padding-top:15px;
      padding-bottom:15px;
    }
    .division__offer .radiuspic__enter--text {
      font-size: 30px;
      text-align: left;
    }
    .float-image {
        position: absolute;
        width: 70px; /* Kép szélessége */
        height: 62px; /* Kép magassága */
        left: 50%; /* Középre helyezés vízszintesen */
        transform: translateX(-50%); /* Biztosítja, hogy tényleg középen legyen */
        animation: floatAnimation 2s ease-in-out infinite; /* Hozzárendeli az animációt */
        background-image: url('../img/arrow.png'); /* Random PNG kép */
        background-size: cover;
        cursor: pointer;
    }



    .offer-undertext.first-bugfix {
      margin-top: 0;
    }
    .yt_container {
      margin-top: 20px;
    }
    .introduction__large {
      line-height: 36px;
      
    }
    .introduction {
      text-align: center;
    }
    .bottom-info {
      margin-top:0;
    }
    .map-container {
      margin-top: 20px;
    }
    .row.flex-row-reverse-md {
      display: flex;
      flex-direction: column-reverse; /* Megfordítja az elemek sorrendjét */
    }
    .offer-card-footer {
      font-size: 9px;
    }
    .offer-gold_text, .offer-biggold_text {
      font-size: 24px;
      line-height: 33px;
      text-align: center;
    }
    .offer-biggold_text {
      margin-top:20px;
      margin-bottom: 20px;
    }
    .offer-biggold_text.runmob{
      margin-top:0px;
    }
    .offer-gold_text {
      margin-bottom: 20px;
    }
    .offer-small_text {
      text-align: center;
      margin-bottom: 15px;
    }
    .offer-big_text {
      font-size: 30px;
      line-height: 31px;
      text-align: center;
      letter-spacing: 0.5px;
    }

    .offer-undertext {
      margin-top: 20px; 
      text-align: center;
    }
    .rundesk {
      display: none;
    }
    .desk_hr {
      display: none;
    }
    .offer-text .rundesk {
      margin:0;
      padding:0;
    }
    .division__intro .runmob {
      display: block;
      margin-top: 10px;
      margin-bottom: 10px;
    }

    .division__intro .runmob {
      display: block;
    }
    
    .introduction__hours {
      text-align: center;
      padding-top:15px;
    }

    .contact-closer {
      padding-left: 0;
      padding-right: 0;
    }

    .contact-holder span:nth-of-type(2) {
      line-height: 16px;
       font-size: 13px;
    }
    .radiuspic__upper {
      display: inline-block;
      margin-top: 15px;
      height: 50vw;
      border-bottom-left-radius: 170px;
    }
    .radiuspic__enter {
      border-bottom-right-radius: 115px;
      border-top-left-radius: 115px;
    }
    .radiuspic__enter::before {

    }
    .radiuspic__enter--text {
      font-size: 8.108vw;
    }
    .introduction__hours  {
      margin-top: 20px;
    }
    .leftfleck {
      width: 173px;
      height: 40px;
      top: -24px;
      position: relative;
    }
    .vertical-text {
      writing-mode: vertical-rl;
      transform: rotate(270deg);
      font-size: 30px;
      font-weight: 700;
      color: white;
      text-align: center;
      font-family: 'URWDIN-Bold';
      margin-top: 0;
      margin-bottom: 5px;
      margin-left: -10px;

    }

    .division__intro {
      padding: 30px 15px 15px 15px;
    }
     .panel_left {
         width: 100%;
    }
     .panel_right {
         width: 100%;
    }
     .panel_right {
         padding-right: 0px!important;
    }
     .banner-container {
         border-top-left-radius: 50px;
         border-bottom-right-radius: 70px;
    }
     .offer-content {
         display: block;
    }
     #height-1 {
         height: 400px;
    }
     .panel_right {
         padding-left: 0;
    }
     .offer-percent {
         right: -25px;
    }
     .row { /* bugfix */
         /*margin-right: -30px!important;*/
         /*margin-right: 0px!important;*/
    }
}




@media (min-width: 769px) {
    .introduction__generic {
      font-size: 24px;
    }
    .cover_txt {
      font-size: 24px;
    }
    .runmob, .mob_hr {
      display: none;
    }
    .rundesk {
      padding-bottom: 5px;
      display: block;
    }
     .desk_hr {
      display: block;
    }  
}



@media (max-width: 550px) {
    .offer-percent {
        scale: .9;
        right: -32px;
    }
}

@media (max-width: 520px) {
    .offer-percent {
        scale: .8;
        right: -32px;
    }
}

@media (max-width: 500px) {
    .offer-percent {
        scale: .7;
        right: -45px;
        top: -37px;
    }
}

@media (max-width: 408px) {
    .contact-holder span:nth-of-type(2) {
      font-size: 12px;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
     .offer-percent {
        scale: .75;
        right: -40px;
        top: -39px;
    }
}

.az_oldalon_f {
    font-size: 1.1rem;
}

  .fixed-top.text-right.register-top {
    display: none;
  }

    /* Eleve rejtve alapból */
  .fixed-top.text-right.register-top {
    display: none;
  }

  /* Mobilon (pl. 992px alatt) sose jelenjen meg */
  @media (max-width: 992px) {
    .fixed-top.text-right.register-top {
      display: none !important;
    }
  }