body{ margin: 0px; padding: 0px; background: #222222; color: #fff; font-size: 14px; font-family: 'IBMPlexSans';}
.open_close_menu{ display: none;}
@font-face {
    font-family: 'SharpGrotesk';
    src: url('../fonts/SharpGrotesk-Bold10');
    src: local('SharpGrotesk-Bold10'),
        url('../fonts/SharpGrotesk-Bold10.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SharpGrotesk-Bold10.woff2') format('woff2'),
        url('../fonts/SharpGrotesk-Bold10.woff') format('woff'),
        url('../fonts/SharpGrotesk-Bold10.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'Supply-Regular';
    src: url('../fonts/Supply-Regular.eot');
    src:local('Supply-Regular'),
        url('../fonts/Supply-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Supply-Regular.woff2') format('woff2'),
        url('../fonts/Supply-Regular.woff') format('woff'),
        url('../fonts/Supply-Regular.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'IBMPlexSans';
    src: url('../fonts/IBMPlexSans');
    src: local('IBMPlexSans'),
        url('../fonts/IBMPlexSans.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans.woff2') format('woff2'),
        url('../fonts/IBMPlexSans.woff') format('woff'),
        url('../fonts/IBMPlexSans.ttf') format('truetype');
    font-style: normal;
}	
@font-face {
    font-family: 'IBMPlexSans-Medium';
    src: url('../fonts/IBMPlexSans-Medium');
    src: local('IBMPlexSans-Medium'),
        url('../fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IBMPlexSans-Medium.woff2') format('woff2'),
        url('../fonts/IBMPlexSans-Medium.woff') format('woff'),
        url('../fonts/IBMPlexSans-Medium.ttf') format('truetype');
    font-style: normal;
}	
*{ box-sizing: border-box;}
strong{font-family: 'IBMPlexSans-Medium';}	
img{ width: 100%; height: auto;}
.tabs_container_wrapper {min-height: calc(100vh - 360px);}
.versus_header {position: fixed; top: 0; left: 0; width: 100%; background: #000; z-index: 100; font-family: 'IBMPlexSans';}	
.header_top {width: 90%; max-width: 900px; padding:10px 0px 10px; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center;}	
.header_bottom_wrapper {background: #222; padding: 0px 0px;}
.versus_logo{ max-width:200px;}
.logo_rmheader {max-width: 190px;}
.header_bottom {width: 90%; max-width: 900px; margin: 0px auto; overflow-x: auto; -webkit-overflow-scrolling: touch;}	
.header_bottom ul {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; margin: 0px; padding: 0px; white-space: nowrap; gap: 20px;}
.header_bottom ul li{ list-style:none;}
.header_bottom ul li a {color: #fff; text-decoration: none; font-family: 'Supply-Regular'; font-size: 13px; padding: 17px 0px 20px; display: inline-block;}
.header_bottom ul li a.link_active{ color: #00ffd1; position: relative;}
.header_bottom ul li a.link_active:after{ content: ''; display: block; position: absolute; bottom: 0; height: 2px; left: 0; width: 100%; background: #00ffd1;}	
.versus_body {padding-top: 159px;}	
.versus_slide{ width: 90%; max-width: 900px; margin: 0px auto; position: relative;}
.arrow_left {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; left: -50px; background: url(../images/arrow_left.png) 50% 50% no-repeat;background-size: contain; opacity: .8; cursor: pointer; z-index: 100;}
.arrow_right {width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px; right: -50px; background: url(../images/arrow_right.png) 50% 50% no-repeat;background-size: contain; opacity: .8; cursor: pointer; z-index: 100;}

.versus_slide_rotative .versus_slider_box{position: relative; width: 100%; overflow: hidden;}
.versus_slide_rotative img {position: absolute; top: 0; left: 0; width: 100%; opacity: 0; transition: opacity 1s ease; z-index: 0;}
.versus_slide_rotative img.active { opacity: 1; z-index: 1; position: relative;}

.img_desktop{ display:block;}
.img_mobile{ display: none;}
.versus_banners_3_box {width: 90%; max-width: 900px; margin: 0px auto; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; padding: 30px 0px; flex-wrap: wrap;}
.versus_banners_3_box.versus_banners_3_box_full{ width: 100%;}
.banners_wrapper {display: flex; width: 100%;}
.banners_wrapper .home_banner_mobile{ display: none;}
.banner_3_item {width: 33.333%; position: relative;}
.banner_3_item.banner_3_item_full{ width: 100%;}
.banner_3_item_plus:after {content: '+'; z-index: 1; position: absolute; top: 25%; right: -26px; height: 50px; width: 50px; border-radius: 100%; background: #00ffd1; color: #000; font-size: 28px; font-family: 'IBMPlexSans-Medium'; font-weight: 900; text-align: center; line-height: 47px; margin-top: -25px; margin-left: -25px;}
.banner_3_item_equal:after{content: '='; z-index: 1; position: absolute; top: -25px; right: 50%; height: 50px; width: 50px; border-radius: 100%; background: #00ffd1; color: #000; font-size: 28px; font-family: 'IBMPlexSans-Medium'; font-weight: 900; text-align: center; line-height: 47px;  margin-right: -25px;}
.header_login span {font-size: 14px; color: #fff; margin-right: 25px;}	
.header_login a {color: #DDFF00; font-family: 'Supply-Regular'; font-size: 13px;  text-decoration: none; padding: 10px 20px; border: 2px solid #DDFF00; transition:.4s all ease; -moz-transition:.4s all ease; -webkit-transition:.4s all ease;}	
.header_login a:hover{color: #000; border-color:#AAB202; background: #AAB202;}
.versus_footer_wrapper {background: #000; padding: 40px 0px 40px; font-size: 11px; font-family: 'IBMPlexSans'; color: #585757;}
.versus_footer {width: 90%; margin: 0px auto; max-width: 900px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start;}
.footer_menu {width: 40%; max-width: 300px;}	
.footer_menu ul{ margin:0px; padding:0px;}
.footer_menu ul li{ display:inline-block; vertical-align: top; }	
.footer_menu ul li a {color: #fff; text-decoration: none; color: #585757; font-size: 11px; margin-right: 7px; line-height: 1em; padding-bottom: 10px; display: inline-block;}
.footer_powered_logo {width: 100%; max-width: 100px;}

.versus_page_text {width: 90%; max-width: 900px; margin: 0px auto; padding: 30px 0px;}
.versus_page_text h2 {font-family: 'SharpGrotesk'; font-size: 35px; line-height: 1em; font-weight: normal; text-transform: uppercase; margin: 0px 0px 5px;}
.versus_page_text p{ line-height: 1.5;}
.versus_page_text ul li, .versus_page_text ol li {font-size: 13px; padding-bottom: 5px;}

.bloque_con_numeros {display: flex; flex-direction: row; flex-wrap: nowrap; align-content: flex-start; justify-content: space-between; align-items: flex-start; gap:20px; padding: 20px 0px 50px;}
.bloque_numero {width: 25%;}
.numero_img{ position:relative;}
.numero_img:after{ content:'>'; position: absolute; top: 50%; right: -50px; width: 50px; line-height: 50px; font-size: 30px; margin-top: -25px; color: #fff;}
.bloque_numero:last-child .numero_img:after{ display:none;}
.bloque_numero_text {font-size: 13px; line-height: 1.3; padding: 0px 20px;}
.tabs_labels_box {display: flex; gap: 10px; padding-bottom: 30px;}
.tabs_labels_box .tab {padding: 10px; background: #454545; line-height: 1em; text-transform: uppercase; font-size: 14px; cursor: pointer;}
.tab.tab_activo {background: #00ffd1; color: #000;}

.tab_content{ display:none;}
.tab_content.tab_content_activo{ display: block;}

.not_full{ width: 100%;  max-width: 700px;}
.form_ticket {padding: 40px 0px 0px;}
.form_ticket input[type="text"] {padding: 10px 30px; font-size: 14px; text-align: left; text-transform: uppercase; display: inline-block; vertical-align: middle; min-width: 300px; border: 0;}
.form_ticket input[type="submit"] {background: #00ffd1; font-size: 14px; text-transform: uppercase; padding: 10px 30px; display: inline-block; vertical-align: middle; margin-left: 10px; border: 0;}
.mapa_austria{ margin-top: -70px;}
.versus_page_text a{ color: #00ffd1;}


.iframe_mapa_wrapper {position: relative;}
.map-filters {position: absolute; z-index: 10; top: 30px; left: 20px; width: 320px; background: #000; padding: 10px; border: 1px solid #06ffd8;}
.map-filters input#searchInput {border: 1px solid #06ffd8; display: block; width: 100%; line-height: 1.5; padding: 1px 5px; margin-bottom: 5px; font-family: 'IBMPlexSans';}
div#localList div strong {color: #06ffd8; display: block; font-weight: 600;}
div#localList div {border: 1px solid rgba(255, 255, 255, .6); font-size: 10px; font-family: 'IBMPlexSans'; font-weight: 300; line-height: 1.3; padding: 5px;}
.map-filters .locator img {width: 20px; display: inline-block; vertical-align: middle;}
.map-filters .locator {padding: 2px 0px 10px; font-size: 10px; font-family: 'IBMPlexSans'; font-weight: 300;}
.mapboxgl-popup-content {color: #000;}
.mapboxgl-popup-content strong{color: #06ffd8;}

.referencia_button img {width: 19px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.referencia_button{ font-size: 13px; color:#06ffd8; }
.map-filters .footer {padding-top: 10px;}

form.section_form {width: 100%; display: flex; gap: 0px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-around; align-items: center; gap: 10px; margin-top: 40px; max-width: 600px;}
form.section_form input.halfscreen_input {width: calc(50% - 5px); padding: 7px 10px; text-transform: uppercase; font-family: 'IBMPlexSans-Medium'; border:1px solid #00ffd1;}
form.section_form input.fullscreen_input {width:100%; padding: 10px; text-transform: uppercase; font-family: 'IBMPlexSans-Medium';}
form.section_form textarea {width: 100%; padding: 10px; height: auto; min-height: 135px; font-family: 'IBMPlexSans-Medium'; border:1px solid #00ffd1;}
form.section_form input[type="submit"] {background: #00ffd1; font-size: 14px; text-transform: uppercase; padding: 10px 30px; display: inline-block; vertical-align: middle; border: 0; margin: 0px 0px 0px auto;}
.ticketchecker_bottom_img {position: relative; z-index: -1; width: 100%; max-width: 820px; margin: -10% auto 0px -17%;}

.versus_cards_container {display: flex; gap:10px; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: center; align-items: flex-start;}
.versus_card_box {border-radius: 24px; width: 100%; max-width: 436px; position: relative;min-height: 670px; perspective: 1000px;}
.card_inner {width: 100%; height: 100%; position: relative; transition: transform 0.8s; -moz-transition: transform 0.8s; -webkit-transition: transform 0.8s; transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; min-height: 670px;   background: linear-gradient(258.47deg, #06FFD8 -9.09%, #FFFFFF 6.69%, #06FFD8 22.46%, #000000 48.75%, #06FFD8 77.67%); border-radius: 24px;}

.versus_card_box.flipped .card_inner {transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}


.front_card_box,
.back_card_box {backface-visibility: hidden;}

.back_card_box {transform: rotateY(180deg); -moz-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); z-index: 2;}

.front_card_box {position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background: #000; border-radius: 24px; overflow: hidden;}
.card_front_text {position: absolute; bottom: 0; font-size: 11px; padding: 30px 40px; background: #000; z-index: 1; min-height: 200px; width: 100%;}
.card_front_title {font-family: 'SharpGrotesk'; font-size: 35px; line-height: 1em; margin: 0px 0px 5px; color: #06FFD8;}
.card_image {position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 130px);}
.card_front_button {position: absolute; bottom: 20px; background: #06FFD8; padding: 10px 15px; color: #000; font-size: 12px; border-radius: 5px; font-weight: 600; right: 20px; cursor:pointer;}
.card_front_info {width: calc(100% - 120px);}
.back_card_box {position: absolute; top: 2px; left: 2px; width: calc(100% - 4px); height: calc(100% - 4px); background: #000; border-radius: 24px; font-size: 11px; padding: 50px;}
.back_card_title {font-family: 'SharpGrotesk'; font-size: 35px; line-height: 1em; margin: 0px 0px 5px; color: #06FFD8; font-weight: 600;}
.back_card_text p {margin: 0px 0px 10px;}
.back_card_text ul{padding-left: 20px;}
.back_card_text li{ font-size: inherit !important;}
.card_front_info ul {padding-left: 20px;}
.card_front_info li {font-size: inherit !important;}


.info_in_box {background: linear-gradient(258.47deg, #06FFD8 -9.09%, #FFFFFF 6.69%, #06FFD8 22.46%, #000000 48.75%, #06FFD8 77.67%); border-radius: 25px; overflow: hidden; padding: 2px; margin-bottom: 20px;}
.info_in_box_container {background: #000; position: relative; border-radius: 25px; padding: 50px; overflow: hidden; min-height: 420px;}
.info_in_box_container:before{ content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: #06FFD8;
background: -webkit-linear-gradient(79deg, rgba(6, 255, 216, 0.68) 0%, rgba(6, 255, 216, 0.5) 10%, rgba(0, 0, 0, 0.5) 26%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
background: -moz-linear-gradient(79deg, rgba(6, 255, 216, 0.68) 0%, rgba(6, 255, 216, 0.5) 10%, rgba(0, 0, 0, 0.5) 26%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(79deg, rgba(6, 255, 216, 0.68) 0%, rgba(6, 255, 216, 0.5) 10%, rgba(0, 0, 0, 0.5) 26%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#06FFD8", endColorstr="#000000", GradientType=0); opacity: .5;}

.info_in_box_bkg {position: absolute; top: 0; right: 0; width: 75%; height: 100%; background-size: auto 100% !important; z-index: 0; background-position: 100% 0px !important;}
.info_in_box_bkg:before{ content:''; display: block; position: absolute; top: 0; left: 0; width: 200px; height: 100%;background: #000000;
background: -webkit-linear-gradient(79deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
background: -moz-linear-gradient(79deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
background: linear-gradient(79deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 75%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);}
.info_in_box_1 .info_in_box_bkg {background: url('../images/partnerprogramm_bkg_1B.png') 100% 100% no-repeat;}
.info_in_box_2 .info_in_box_bkg {background: url('../images/partnerprogramm_bkg_2.png') 100% 100% no-repeat;}
.info_in_box_3 .info_in_box_bkg {background: url('../images/partnerprogramm_bkg_3.png') 100% 100% no-repeat;}
.info_in_box_column {width: 40%; position: relative; z-index:3;}
.info_in_box_title h2 {color: #06FFD8; padding-bottom: 30px; font-size: 35px !important;}
.info_in_box_text p,
.info_in_box_text ul li{font-size: 12px;}

.info_in_box_1_pw .info_in_box_column {width: 70%;}
.info_in_box_1_pw .info_in_box_title h2 {color: #fff; padding-bottom: 10px;}
.info_in_box_1_pw .info_in_box_container {padding: 30px 30px 50px;}
.info_in_box_1_pw .info_in_box_bkg {background: url('../images/partner-werden_bkg1.png') 100% 100% no-repeat;}


p.number_title {font-size: 14px; font-weight: 700; font-family: 'Inter';margin: 25px 0px 10px;}
span.number_title_n {width: 25px; text-align: center; height: 25px; display: inline-block; vertical-align: middle; line-height: 27px; margin-right: 20px; position: relative; padding: 0px 0px 0px 6px; margin-top: -8px;}
span.number_title_n:after{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: -1; border: 2px solid #06FFD8;transform: rotate(45deg); -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);}

.versus_footer_social {width: 90%; margin: 50px auto 0px; max-width: 190px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-evenly; align-items: center; align-content: center;}
.versus_footer_social a {width: 25px; transition: .3s all ease; -moz-transition: .3s all ease; -webkit-transition: .3s all ease;}
.versus_footer_social a:hover{ opacity: .7;}

@media(max-width:750px){
.info_in_box_bkg {position: relative; width: calc(100% + 40px); left: -20px; height: 350px; background-size: cover !important; z-index: 0; background-position: 50% 50% !important;}
.info_in_box_column {width: 100%; position: relative; z-index: 3;}	
.info_in_box_container {padding: 50px 20px 0px;}	
.ticketchecker_bottom_img {width: 100%; max-width: 100%; margin: -10% auto 0px;}	
.banner_3_item {width: 100%; position: relative;}	
.arrow_left{ left: 10px;}	
.arrow_right{ right: 10px;}	
.versus_slide {width: 100%;}	
.img_desktop{ display:none;}
.img_mobile{ display: block;}
.header_top{justify-content: flex-end; align-items: center; gap: 20px;}	
.tabs_labels_box {flex-wrap: wrap;}	
.tabs_labels_box .tab{ width: 100%;}	
.versus_logo {max-width: 100px; margin: 0px auto 0px 0px;}
.header_login a{ font-size: 10px;}	
.versus_body {padding-top: 100px;}	
	
.card_front_info { width: 85%;}
.card_front_button {position: relative; bottom: 0; right: 0; margin-top: 20px; text-align: center;}	
	
.back_card_box {padding: 50px 20px;}	

.versus_banners_3_box_cnt{ display: flex; width: 300%;}	
.banners_wrapper {display: flex; width: 150%; animation: scrollBanners 20s linear infinite; -moz-animation: scrollBanners 20s linear infinite; -webkit-animation: scrollBanners 20s linear infinite;}	
.banners_wrapper .home_banner_mobile { display: block;}
.versus_banners_3_box{ display: block; width: 100%; overflow: hidden;}

@keyframes scrollBanners {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@-moz-keyframes scrollBanners {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
@-webkit-keyframes scrollBanners {0% {transform: translateX(0);} 100% {transform: translateX(-50%);}}
.versus_page_text h2 {font-size: 56px;}	
.bloque_con_numeros{ flex-wrap: wrap;}	
.bloque_numero {width: 100%; padding-bottom: 50px; position: relative;}
.bloque_numero:after {content: '>'; position: absolute; bottom: 0px; right: 50%; width: 50px; line-height: 50px; font-size: 30px; margin-bottom: -25px; margin-right: -25px; color: #fff; text-align: center; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg);}
.bloque_numero:last-child:after{ display: none;}
.numero_img { max-width: 300px; margin: 0px auto;}	
.bloque_numero_text{ text-align: center; padding: 0px;}	
.numero_img:after{ display: none;}	
.banner_3_item_plus:after {top: auto; right: 50%; bottom: 0; margin: auto -25px -25px auto;}
.form_ticket input[type="text"] { display: block; width: 100%; text-align: center; margin-bottom: 10px;}	
.form_ticket input[type="submit"] {width: 100%; margin: 0;}	
.header_login span {font-size: 11px; color: #fff; margin-right: 15px;}
	
.versus_footer {flex-wrap: wrap;}
	
.footer_menu, .footer_address, .footer_contact, .footer_powered {width: 100%; max-width: 100% !important; border-bottom: 1px solid #454545; padding: 20px 0px;}
}

#formMessage.success { color: green; }
#formMessage.error   { color: red;   }

.enlace-boton {
  display: inline-block;
  background-color: #69ffd8;
  color: black !important; /* Forzado */
  padding: 10px 20px;
  text-align: center;
  text-decoration: none !important;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.enlace-boton:hover {
  background-color: #4ee7c2;
  text-decoration: none !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}