@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
/*
  Akademia Hotel**** Balatonfured - _hotelizator7 sablon (teszt szajt: akademiahotel.hotelizator.com, site 200)
  Betutipus: Figtree (Google Fonts, a fajl elejen @import-tal - csak ezen a szajton); az alap CSS-ek Raleway /
  Open Sans / Arial / Tahoma beallitasait a "BETUTIPUS" blokk irja felul.
  Alap: bellevueesztergom4.css (gombok, lekerekitesek valtozatlanul), a szinek az elo akademiahotel.hu
  palettajabol indulnak, a kek a user kerésere #15c6e3 (az elo #00a5c0 helyett), a tobbi kek ehhez igazitva:
  #15c6e3  turkiz            - gombok, linkek, foglalas gomb, menusav (a logo szinenek vilagosabb valtozata)
  #63bd9f  zold              - linkek hover szine (az elo szajton is ez); a gombok hover hattere #0f97ad (user, 2026-10-29)
  #0f97ad  sotet turkiz      - cimsorok, kivalasztott menupont, arak
  #333333  sotetszurke       - szovegszin
  #ffffff  feher             - logo hattere a menusavon, menufeliratok, velemeny-kartyak, nyelvvalaszto
  #e6f9fc  vilagos turkiz    - szekcio-hatter (felso sav, bemutatkozo, galeria, programok, tartalom), ajanlokartyak
  #caeef6  sotetebb turkiz   - szekcio-hatter (csomagok, velemenyek, temadobozok, arnaptar, lablec), kereso sav, foglalopanel
  #c9f1f8  turkiz tint       - promodobozok, ajanlatkeres gomb, kiemelesek
*/

BODY {color:#4d6368;}

/* BETUTIPUS: Figtree mindenhol - a BODY-n kivul azokon az elemeken is, ahol az alap CSS-ek (default_HOTELV5_hotelizator7,
   bookingpanel2, news_HOTELV5_hotelizator7, prices_DEFAULT) kulon betutipust adnak, es az urlapelemeken, amik nem
   oroklik a BODY betutipusat */
BODY,
BUTTON, INPUT, SELECT, TEXTAREA,
.button1, .button2, .button4, .button6,
.pricenums,
.pcard .more .mprice,
.pcard .signs .discountpercent .discountpercentinner .discounttextpre,
.pcard .signs .discountpercent .discountpercentinner .discounttext,
.packagelist .item1 .discountrooms .discountroomsinner .discounttextpre,
.packagelist .item1 .discountrooms .discountroomsinner .discounttext,
.packagelist .item1 .discountpercent .discountpercentinner .discounttextpre,
.packagelist .item1 .discountpercent .discountpercentinner .discounttext,
.news .news_pricebox .discountpercent .discountpercentinner .discounttextpre,
.news .news_pricebox .discountpercent .discountpercentinner .discounttext,
.news .details .icon SPAN,
.headsearchpanel2 .searchcontainer .column .arrival,
.headsearchpanel2 .searchcontainer .column .departure,
.headsearchpanel2 .searchcontainer .column .person,
.headsearchpanel2 .searchcontainer .column .coupon,
.headsearchpanel2 .searchcontainer .submit,
.headsearchpanel2 .searchcontainer .button1,
.headsearchpanel .overlay_content .booking_form_container .formelements_container .form_element .form_input {font-family:'Figtree', Arial, Helvetica, sans-serif;}

A {color:#15c6e3;}
A:HOVER {color:#63bd9f;}

.button1 {background-color:#15c6e3; color:#ffffff; border-radius:100px;}
.button1:HOVER {background-color:#0f97ad; color:#ffffff;}

/* arak: a Bellevue-alapban itt Arial volt (a Raleway old-style szamjegyei miatt); a Figtree szamjegyei egy vonalban
   allnak, ezert az arak is Figtree-vel jelennek meg (a fenti BETUTIPUS blokk) */

/* arak szine: az alap CSS lila (#9822bf) helyett sotet turkiz; az akcios (piros) es athuzott ar marad */
.price {color:#0f97ad;}

/* arlista (prices_DEFAULT.css): szurke dobozok es szurke szovegek helyett a paletta szinei */
.packagelist .item1 {background-color:#d4edf1; border-radius:10px; overflow:hidden; transition:background-color 0.3s ease;}
.packagelist .item1room .pic {background-color:#c9f1f8;}
.packagelist .item1 .info .name A {color:#333333;}
.packagelist .item1 .info .name A:HOVER {color:#15c6e3;}
.packagelist .item1 .info .text {color:#333333;}
.packagelist .item1 .info .valid {color:#333333;}
.packagelist .item1 .info .valid .label {color:#15c6e3;}
.packagelist .item1 .info .properties {color:#333333;}
.packagelist .item1 .info .properties .label {color:#333333;}
.packagelist .item1 .info .properties .board .boardupgrade {color:#15c6e3;}
.packagelist .item1 .info .packagegroups {color:#333333;}
.packagelist .item1 .info .packagegroups .rpglabel {background-color:#ffffff; color:#0f97ad;}
.packagelist .item1 .info .nightdiscountinfo {background-color:#c9f1f8; color:#333333;}
.packagelist .item1 .info .fromprice .fprow1 {color:#15c6e3;}
.packagelist .item1 .info .fromprice .fprow3 {color:#333333;}
.packagelist .item1 .info .fromprice .fprow5 {color:#15c6e3;}
.packagelist .item1 .info .fromprice .fprow2 .price .priceunits,
.packagelist .item1 .info .fromprice .fprow2 .fromtag,
.packagelist .item1 .info .fromprice .discountprice .price .priceunits,
.packagelist .item1 .info .fromprice .discountprice .fromtag {color:#15c6e3;}

/* arlista hover: inverz kartya, mint a .pcard-nal - sotet turkiz hatter, feher nev, ar es szovegek, vilagos turkiz
   masodlagos sorok, feher gomb turkiz felirattal; a piros kedvezmeny-jelvenyek valtozatlanok */
.packagelist .item1 .info .name A,
.packagelist .item1 .info .text,
.packagelist .item1 .info .valid,
.packagelist .item1 .info .properties,
.packagelist .item1 .info .packagegroups,
.packagelist .item1 .info .fromprice .price,
.packagelist .item1 .info .fromprice .fprow4 .button1 {transition:color 0.3s ease, background-color 0.3s ease;}
.packagelist .item1:HOVER {background-color:#0f97ad;}
.packagelist .item1:HOVER .info .name A,
.packagelist .item1:HOVER .info .name A:HOVER {color:#ffffff;}
.packagelist .item1:HOVER .info .text,
.packagelist .item1:HOVER .info .valid,
.packagelist .item1:HOVER .info .properties,
.packagelist .item1:HOVER .info .properties .label,
.packagelist .item1:HOVER .info .packagegroups {color:#ffffff;}
.packagelist .item1:HOVER .info .valid .label,
.packagelist .item1:HOVER .info .properties .board .boardupgrade {color:#e6f9fc;}
.packagelist .item1:HOVER .info .packagegroups .rpglabel {background-color:#e6f9fc; color:#0f97ad;}
.packagelist .item1:HOVER .info .nightdiscountinfo {background-color:#e6f9fc; color:#0f97ad;}
.packagelist .item1:HOVER .info .fromprice .fprow1,
.packagelist .item1:HOVER .info .fromprice .fprow3,
.packagelist .item1:HOVER .info .fromprice .fprow5 {color:#e6f9fc;}
.packagelist .item1:HOVER .info .fromprice .price,
.packagelist .item1:HOVER .info .fromprice .discountedprice,
.packagelist .item1:HOVER .info .fromprice .discountedprice .price {color:#ffffff;}
.packagelist .item1:HOVER .info .fromprice .fprow2 .price .priceunits,
.packagelist .item1:HOVER .info .fromprice .fprow2 .fromtag,
.packagelist .item1:HOVER .info .fromprice .discountedprice .price .priceunits,
.packagelist .item1:HOVER .info .fromprice .discountprice .price .priceunits,
.packagelist .item1:HOVER .info .fromprice .discountprice .fromtag {color:#e6f9fc;}
.packagelist .item1:HOVER .info .fromprice .fprow4 .button1 {background-color:#ffffff; color:#15c6e3;}
.packagelist .item1:HOVER .info .fromprice .fprow4 .button1:HOVER {background-color:#e6f9fc; color:#0f97ad;}
.packagelist .item1room:HOVER .info .fromprice .loyaltydiscountprice,
.packagelist .item1room:HOVER .info .fromprice .loyaltydiscountprice .discount {color:#ffffff;}

/* ar adatlap (pricesheet_DEFAULT.css): az ar-doboz szurke hattere */
.pricesheet1 .pstopcont .pstright .psinfobox {background-color:#e6f9fc; border-radius:10px;}
.pricesheet1 .pstopcont .pstright .psinfobox .psiprice .discountprice .price .priceunits,
.pricesheet1 .pstopcont .pstright .psinfobox .psiprice .discountprice .fromtag {color:#15c6e3;}

/* felso sav: vilagos turkiz, turkiz / sotet szovegek */
.topheadcontainer {background-color:#e6f9fc; z-index:1010;}

.tophead .firstsentence {left:212px; color:#0f97ad;}
.tophead .firstsentence A {color:#15c6e3;}
.tophead .rightpanel .links UL LI A {color:#333333;}
.tophead .rightpanel .links UL LI A:HOVER {color:#15c6e3;}
.tophead .rightpanel .tools UL LI .giftcard {background-color:#ffffff; color:#333333;}
.tophead .rightpanel .tools UL LI .giftcard:HOVER {background-color:#0f97ad; color:#ffffff;}
.tophead .rightpanel .tools UL LI .interest {background-color:#c9f1f8; color:#333333;}
.tophead .rightpanel .tools UL LI .interest:HOVER {background-color:#0f97ad; color:#ffffff;}
.tophead .rightpanel .tools UL LI .booking {background-color:#15c6e3; color:#ffffff;}
.tophead .rightpanel .tools UL LI .booking:HOVER {background-color:#0f97ad;}
.tophead .rightpanel .tools UL LI .login {background-color:#ffffff; color:#333333;}
.tophead .rightpanel .tools UL LI .login:HOVER {background-color:#c9f1f8;}
.tophead .rightpanel .langchooser .hlselected {color:#333333; background-color:#ffffff;}
.tophead .rightpanel .langchooser:HOVER .hlselected {color:#0f97ad; background-color:#ffffff;}

/* logo + menusav: ferde vagasu hatterkep (1920x96, mint a tobbi _hotelizator7 szajton) - bal oldalt (logo mogott)
   vilagos turkiz #e6f9fc (= felso sav), jobb oldalt turkiz #15c6e3; a menupontok feherek a turkiz savon */
/* logo a villa-sole.hu mintajara: nagyobb (145px magas), a felso savba felnyulva, atlatszo hatterrel; a logo kep
   220x180 atlatszo PNG, a menusav-kep vilagos mezoje (x=560/511-ig) es a felso sav szine azonos (#e6f9fc) */
.head .hlogo {top:-60px; left:35px; z-index:1015;}
.head .hlogo A {width:177px; height:145px; background-color:transparent; background-image:url(/pictures/microsites/1/146/akademia_hotel_logo1.png); background-position:left center;}
.lighthead .lhlogo .hlogo {width:300px; height:90px; background-image:url(/pictures/microsites/1/146/akademia_hotel_logo1.png);}
.headcontainer {background-color:#15c6e3; background-image:url(/pictures/microsites/1/146/akademia_menubg.png); background-repeat:no-repeat; background-position:center center; z-index:auto;}
/* retegek: a menusav nem kap z-indexet (nem kepez sajat reteget), igy a felso sav (1010) - benne a nyelvvalaszto
   legordulo panelje - a menusav folott jelenik meg, a logo pedig (1015) a felso sav folott, ahova felnyulik */
/* menupontok: feher a turkiz savon; a kivalasztott nem alahuzott, hanem halvany hatteru, inverz szinu, 10px-es
   lekerekitesu "gomb" - a padding minden menupontra azonos, hogy a kivalasztott ne tolja el a tobbit */
.menutabs UL LI .menuitem {color:#ffffff; padding:4px 12px; margin-left:8px; border-radius:10px;}
.menutabs UL LI .selected {color:#0f97ad; background-color:#e6f9fc; border-bottom:0px;}
.menutabs UL LI:HOVER .menuitem {color:#c9f1f8;}
.menutabs UL LI:HOVER .selected {color:#0f97ad; background-color:#ffffff;}
/* nyitolap (hazikó ikon): keskenyebb gomb, az ikon a padding miatt lejjebb; kivalasztva turkiz ikon a vilagos hatteren */
.menutabs UL LI .homeiconlink {padding:4px 6px; background-position:2px 6px;}
.menutabs UL LI .homeiconlinkselected {background-image:url(/pictures/microsites/1/200/house_selected.svg);}

.headsearchpanel2 {background-color:#caeef6; z-index:100; position:absolute; transform:translate(-50%, 0); left:50%; margin-top:-50px; padding:14px 24px;}
.headsearchpanel2 .searchcontainer {border-color:#caeef6;}
.headsearchpanel2bookingpage {position:relative; transform:unset; left:unset; margin-top:0px;}

.bigpromocontainer .bigpromocover {background-image:none; background-color:rgba(0,40,50,0.35);}

.about .ableft .aktext P {color:#333333;}
/* bemutatkozo szoveg vegi "Rolunk" gomb (a home_t2 szotarelem vegen, 2 <br> utan): 40%-kal nagyobb a sima
   button1-nel (alap: 18px betu, 10px 30px padding) */
.about .ableft .aktext A.akbutton {font-size:25px; line-height:25px; padding:14px 42px; text-decoration:none;}

/* feher gomb: feher hatter, turkiz felirat; hover-re inverz (turkiz hatter, feher felirat), mint a .button1 */
A.button1.buttonwhite {background-color:#ffffff; color:#15c6e3; transition:background-color 0.3s ease, color 0.3s ease;}
A.button1.buttonwhite:HOVER {background-color:#15c6e3; color:#ffffff;}
.homelabel1 {color:#0f97ad;}
.homereviews {color:#333333;}
/* "Osszes ajanlat" link: ugyanolyan szinu, mint az "Osszes velemeny" */
.homepackages .hpheader .hpall {color:#333333;}
/* nyitolapi szekciocimek (H2): sotetszurke, mint a bemutatkozo H1 alapszine */
.homepackages H2,
.homereviews .hrheader .hrtitle H2,
.infoboxblockcontainer H2,
.hotel2pricecalendar H2,
.homegallery H2,
.homecalendarcontainer H2,
.homeevents H2 {color:#4d4d4d;}

.homereviews .review .comment .usertext {color:#333333;}
/* velemenyblokk elrendezese: az "Osszes velemeny" link felul (a cim mellett), a lapozo (szamlalo + nyilak) alul (a
   pontok mellett) - a kozos sablon nem valtozott: a fejlec- es lablec-sor doboza display:contents, a 4 elem rácsba
   kerul. A lapozo JS-e .homereviews .hrnav / .hrprev / .hrnext szelektorokkal dolgozik, a helyuk nem szamit */
.homereviews {display:grid; grid-template-columns:1fr auto; column-gap:16px; row-gap:24px;}
.homereviews .hrheader,
.homereviews .hrfooter {display:contents;}
.homereviews .hrheader .hrtitle {grid-row:1; grid-column:1; align-self:end;}
.homereviews .hrfooter .hrall {grid-row:1; grid-column:2; align-self:end; justify-self:end; margin-bottom:6px;}
.homereviews .swiper-container-reviews {grid-row:2; grid-column:1 / -1; min-width:0;}
.homereviews .hrfooter .hrpagination {grid-row:3; grid-column:1; align-self:center;}
.homereviews .hrheader .hrnav {grid-row:3; grid-column:2; align-self:center; justify-self:end;}

.homereviews .hrcard {border-radius:15px; border:0px; transition:background-color 0.3s ease, color 0.3s ease;}
/* hover: inverz kartya - sotet turkiz hatter (#0f97ad, a #15c6e3-on a feher szoveg rosszul olvashato), feher szovegek */
.homereviews .hrcard:HOVER {background-color:#0f97ad;}
.homereviews .hrcard .hrhead .hrquote,
.homereviews .hrcard .usertext,
.homereviews .hrcard .hrfull,
.homereviews .hrcard .userinfo,
.homereviews .hrcard .userinfo .username,
.homereviews .hrcard .userinfo .usermeta {transition:color 0.3s ease, fill 0.3s ease, border-color 0.3s ease;}
.homereviews .hrcard:HOVER .hrhead .hrquote {fill:#ffffff;}
.homereviews .hrcard:HOVER .usertext {color:#ffffff;}
.homereviews .hrcard:HOVER .hrfull {color:#ffffff;}
.homereviews .hrcard:HOVER .userinfo {color:#e6f9fc; border-top-color:rgba(255,255,255,0.35);}
.homereviews .hrcard:HOVER .userinfo .username {color:#ffffff;}
.homereviews .hrcard:HOVER .userinfo .usermeta {color:#e6f9fc;}
.homereviews .hrcard .hrhead .hrquote {fill:#15c6e3;}
.homereviews .hrcard .hrfull {color:#15c6e3;}

.aboutnovideo .ableft .areviews {background-color:#e6f9fc; padding-top:60px; border-radius:10px;}
.aboutnovideo .ableft .areviews .homelabel1 {font-weight:800; font-size:22px;}

/* ajanlokartyak: vilagos kartya a sotetebb turkiz savon, sotet szoveg */
.pcard {background-color:#e6f9fc; border-radius:10px;}
.pcard .pic {border-bottom-left-radius:10px; border-top-left-radius:10px; overflow:hidden;}
.pcard .info .pname {color:#0f97ad;}
.pcard .more .mprice .roomprice .price {color:#0f97ad;}
.pcard .more .mbutton .button1 {background-color:#15c6e3; color:#ffffff;}
.pcard .more .mbutton .button1:HOVER {background-color:#0f97ad; color:#ffffff;}

/* hover: inverz kartya, mint a velemenykartyaknal - sotet turkiz hatter, feher szovegek es arak, a gomb feher
   (turkiz felirattal); a cikklista kartyakra (pcard + firstpageviewBOX1) is ugyanez hat */
.pcard {transition:background-color 0.3s ease;}
.pcard .info .pname,
.pcard .more .mprice .roomprice .price,
.pcard .more .mprice .roomprice .price .priceunits,
.pcard .more .mbutton .button1 {transition:color 0.3s ease, background-color 0.3s ease;}
.pcard:HOVER {background-color:#0f97ad;}
.pcard:HOVER .info .pname {color:#ffffff;}
.pcard:HOVER .more .mprice .roomprice .price {color:#ffffff;}
.pcard:HOVER .more .mprice .roomprice .price .priceunits {color:#e6f9fc;}
.pcard:HOVER .more .mprice .roomprice .fromtag {color:#e6f9fc;}
.pcard:HOVER .more .mprice .discountedprice .price .pricenums {color:#e6f9fc;}
.pcard:HOVER .more .mbutton .button1 {background-color:#ffffff; color:#15c6e3;}
.pcard:HOVER .more .mbutton .button1:HOVER {background-color:#e6f9fc; color:#0f97ad;}
.pcard.firstpageviewBOX1:HOVER .info .name A {color:#ffffff;}

.bookingpanel {background-color:#caeef6; border-radius:100px;}

/* foglalopanel: az alap CSS elenksarga (#ffcc00) elemei */
.foglalascontainer .foglalas .foglalas_row .room .select2:AFTER {background-color:#15c6e3;}
.foglalascontainer .foglalas .foglalas_row .buttons .column .piece-label {background-color:#c9f1f8; color:#333333;}
.foglalascontainer .foglalas .foglalas_row .buttons .column .piece-label2 {border-color:#c9f1f8; background:transparent; color:#333333;}

/* szekcio-hatterek: ket arnyalat valtakozik, mint a tobbi _hotelizator7 szajton (palaceheviz5, hotelfitheviz3) -
   vilagos turkiz #e6f9fc (bemutatkozo, galeria, programok, promodobozok, tartalom) es sotetebb turkiz #caeef6
   (csomagok, velemenyek, temadobozok, arnaptar, lablec). A hullamos atmenet-kepek (akademia_bg1/bg2.png, 1920x493)
   a hotellover.hu bg1/bg2.png atszinezett valtozatai: egyszinu #caeef6 alfa-csatornaval, bg1 a blokk aljan
   (atmenet a lenti sotetebb savba), bg2 a blokk tetejen (atmenet a fenti sotetebb savbol) */
.breadcrumbcontainer {background-color:#e6f9fc; border-bottom-color:#caeef6;}
.contentcontainer {background-color:#e6f9fc;}
.aboutcontainer {background-color:#e6f9fc; background-image:url(/pictures/microsites/1/146/akademia_bg1.png); background-repeat:no-repeat; background-position:bottom center;}
.infoboxblockcontainer {background-color:#caeef6;}
.infoboxblockcontainerbottom {background-color:#e6f9fc;}
.homecalendarcontainer {background-color:#caeef6;}
.homepackagescontainer {background-color:#caeef6;}
.homereviewscontainer {background-color:#caeef6;}
.homegallerycontainer {background-color:#e6f9fc; background-image:url(/pictures/microsites/1/146/akademia_bg2.png); background-repeat:no-repeat; background-position:top center;}
.homeeventscontainer {background-color:#e6f9fc;}
.promoboxblockcontainer {background-color:#e6f9fc; background-image:url(/pictures/microsites/1/146/akademia_bg1.png); background-repeat:no-repeat; background-position:bottom center;}
.promobox2blockcontainer {background-color:#e6f9fc;}

.infobox .info .title {color:#0f97ad;}
.infobox .info .text {font-weight:600;}
.infobox .pic {border-radius:10px; overflow:hidden;}

/* temadobozok kepe hoverre: enyhe zoom + sotetites, kozepen "Tovabb" gomb. A gomb a kep linkjenek (a doboz linkje)
   ::after eleme, igy ugyanoda visz es a kozos sablont nem kellett modositani; felirata nyelvenkent CSS-bol jon */
.infobox .pic A {display:block; position:relative; width:100%; height:100%;}
.infobox .pic IMG {display:block; width:100%; height:100%; object-fit:cover; transition:transform 0.5s ease, filter 0.5s ease;}
.infobox .pic:HOVER IMG {transform:scale(1.08); filter:brightness(60%);}
.infobox .pic A::after {content:"Tovább"; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.9); opacity:0; pointer-events:none; white-space:nowrap; background-color:#15c6e3; color:#ffffff; font-size:18px; line-height:18px; font-weight:700; text-transform:uppercase; padding:10px 30px; border-radius:100px; transition:opacity 0.3s ease, transform 0.3s ease;}
.infobox .pic:HOVER A::after {opacity:1; transform:translate(-50%,-50%) scale(1);}
HTML[lang="en"] .infobox .pic A::after {content:"More";}
/* cikklista kartyak (pcard + firstpageviewBOX1): a 213 mintajara a kiemelo szin a kartya hattere, feher cimmel */
.firstpageviewBOX1 {background-color:#15c6e3;}
.firstpageviewBOX1 .pic {background-color:#c9f1f8;}
.firstpageviewBOX1 .info .name A {color:#ffffff;}
.firstpageviewBOX1 .info .name A:HOVER {color:#c9f1f8;}

.homegallery .piclist1 .p IMG {border-radius:10px; overflow:hidden;}

/* nyitolapi galeria kepei hoverre: enyhe zoom + sotetites, kozepen nagyito (turkiz kor, feher nagyito, beagyazott
   SVG - nem kell kulon kepfajl); a kep linkje (ici_slidepic) nyitja a nagyitast, az ikon csak jelzes */
.homegallery .piclist1 .p {position:relative; border-radius:10px; overflow:hidden;}
.homegallery .piclist1 .p A {display:block; position:relative; width:100%; height:100%;}
.homegallery .piclist1 .p IMG {display:block; transition:transform 0.5s ease, filter 0.5s ease;}
.homegallery .piclist1 .p:HOVER IMG {transform:scale(1.08); filter:brightness(60%);}
.homegallery .piclist1 .p A::after {content:""; position:absolute; top:50%; left:50%; width:64px; height:64px; transform:translate(-50%,-50%) scale(0.8); opacity:0; pointer-events:none; border-radius:50%; background-color:#15c6e3; background-repeat:no-repeat; background-position:center center; background-size:30px 30px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='M15.5 15.5L21 21'/%3E%3Cpath d='M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E"); transition:opacity 0.3s ease, transform 0.3s ease;}
.homegallery .piclist1 .p:HOVER A::after {opacity:1; transform:translate(-50%,-50%) scale(1);}
.photoalbumlist .albumcard .albumpic {background-color:transparent;}
.photoalbumlist .albumcard .albumpic IMG {border-radius:10px; overflow:hidden;}
.listapic .apic IMG {border-radius:10px; overflow:hidden;}

/* promodobozok (torzsvendeg, hirlevel): vilagos hatter, sotet szoveg */
/* sotet turkiz hatter: feher cim, vilagos turkiz szoveg, feher gomb turkiz felirattal (hover: vilagos turkiz) */
.promobox1 {background-color:#0f97ad; border-radius:10px;}
.promobox1 .info .title A {color:#ffffff;}
.promobox1 .info .title A:HOVER {color:#c9f1f8;}
.promobox1 .info .text {font-size:22px; font-weight:600; color:#e6f9fc;}
.promobox1 .info .text A {color:#ffffff; text-decoration:underline;}
.promobox1 .info .more .button1 {background-color:#ffffff; color:#0f97ad;}
.promobox1 .info .more .button1:HOVER {background-color:#c9f1f8; color:#0f97ad;}

/* lablec: sotetebb turkiz sav (mint a tobbi _hotelizator7 szajton), sotet szovegek */
.footercontainer {background-color:#caeef6;}
.footer .ftop .fhotelinfo .fhotellogo .fhlogo {width:150px; height:62px; background-size:contain; background-image:url(/pictures/microsites/1/146/akademia_hotel_logo1.png); background-repeat:no-repeat; margin-bottom:10px;}
.footer .ftop .fhotelinfo .fhihotelname {color:#0f97ad;}
.footer .ftop .fhotelinfo .fhihotelname A {color:#0f97ad;}
.footer .ftop .fhotelinfo .fhilastsentence {color:#333333;}
.footer .ftop .fhotelinfo .fhilastsentence A {color:#15c6e3;}
.footer .ftop .fhotelinfo .fhiinforow {color:#333333;}
.footer .ftop .fhotelinfo .fhiinforow .label {color:#15c6e3;}
.footer .ftop .fhotelinfo .fhiinforow A {color:#15c6e3;}
.footer .ftop .fhotelinfo .poweredby A {color:#15c6e3;}
.footer .ftop .fhotelinfo .lastinfo {color:#0f97ad;}
.footer .ftop .fboxes .fbox .fbtitle {color:#15c6e3;}
.footer .ftop .fboxes .fbox .fbcontent UL LI A {color:#333333;}
.footer .ftop .fboxes .fbox .fbcontent UL LI A:HOVER {color:#15c6e3;}
.footer .fbottom {border-top:0px;}
.footer .fbottom .fdisclaimer {color:#0f97ad;}
.footer .fbottom .fdisclaimer A {color:#333333;}

/* mobilon alul rogzitett foglalasi sav (alapban elenksarga #ffe721) */
.footerbookingcontainer {background-color:#caeef6;}
.footerbooking .button1 {background-color:#15c6e3;}
.footerbooking .button1:HOVER {background-color:#0f97ad;}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (max-width:1023px) {

	.mobilemenu {background-color:#15c6e3;}
	.mobilemenu .mobilemenulogo A {width:267px; height:85px; background-image:url(/pictures/microsites/1/146/akademiahotel_mobilelogo.png); background-size:contain; background-repeat:no-repeat;}
	.mobilemenu .mobilemenuinner UL LI UL LI {border-bottom:1px solid #15c6e3;}

	.headcontainer {background-image:none; background-color:#e6f9fc;}
	.head .hlogo {top:2px; left:0px; background-color:transparent; margin-left:10px;}
	.head .hlogo A {width:150px; height:52px; background-image:url(/pictures/microsites/1/200/akademia_hotel_smalllogo.png); background-size:contain; background-position:left center; background-color:transparent; margin-top:0px;}
	.head .hbuttons UL LI .booking {background-color:#15c6e3;}
	.head .hbuttons UL LI .booking:HOVER {background-color:#0f97ad;}
	.head .hburgermenu .hburger SPAN,
	.head .hburgermenu .hburger SPAN:BEFORE,
	.head .hburgermenu .hburger SPAN:AFTER {background:#0f97ad;}

	.about .abright .akvideo {background-color:none;}

	/* velemenyblokk mobilon: kisebb sorkoz, mint az alap CSS-ben (16px) */
	.homereviews {row-gap:16px;}

	/* ar adatlap mobilon: az alap CSS itt feher, keret nelkuli dobozt ad - beolvad az oldal hatterebe */
	.pricesheet1 .pstopcont .pstright .psinfobox {background-color:transparent; border-radius:0px;}

}