@charset "utf-8";

:root {
	
	--primary-color:rgba(210,42,30,1.0);
	--primary-hgh-color:rgba(210,42,30,0.8);
	--primary-med-color:rgba(210,42,30,0.6);
	--primary-low-color:rgba(210,42,30,0.2);
	
	--light-color:rgba(236,236,236,1.0);
	--light-hgh-color:rgba(236,236,236,0.8);
	--light-med-color:rgba(236,236,236,0.6);
	--light-low-color:rgba(236,236,236,0.2);
	
	--white-color:rgba(255,255,255,1.0);
	--white-hgh-color:rgba(255,255,255,0.8);
	--white-med-color:rgba(255,255,255,0.6);
	--white-low-color:rgba(255,255,255,0.2);
	
	--dark-color:rgba(0,0,0,1.0);
	--dark-hgh-color:rgba(0,0,0,0.8);
	--dark-med-color:rgba(0,0,0,0.6);
	--dark-low-color:rgba(0,0,0,0.2);
	
	--text-size:calc(16px + 0.2vw);
	--text-fix-size:17px;
	--text-min-size:15px;
	--nav-size:16px;
	
	--h1-size:calc(36px + 0.4vw);
	--h2-size:calc(32px + 0.4vw);
	--h3-size:calc(24px + 0.4vw);
	--h4-size:calc(22px + 0.2vw);
	--h5-size:calc(16px + 0.2vw);
	
	--ws-x:5%;
	--ws-x-md:40px;
	--ws-x-sm:20px;
	--ws-x-xs:10px;
	
	--ws-y:80px;
	--ws-y-md:40px;
	--ws-y-sm:20px;
	--ws-y-xs:10px;
	
	--header:100px;
	--logo:60px;
	--wrapper:94%;
	
	--icon-sm:20px;
	--icon-md:28px;
	--icon-lg:50px;
	--partnerlogo:50px;
    --szechenyi:150px;
	
}


/*===========================
TYPO
===========================*/

h1, h2, a { font-family:"Red Hat Display", sans-serif; } /*400,600,900*/
h3, h4, h5, h6, p, small, ul > li, label, input, select, textarea, [class*='button--'] { font-family:"Montserrat", sans-serif; } /*400,600,900*/

h1 { font-size:var(--h1-size); color:var(--primary-color); line-height:1.1; font-weight:900; text-transform:uppercase; }

h2 { font-size:var(--h2-size); color:var(--white-color); line-height:1.1; font-weight:900; text-transform:uppercase; }

h3 { font-size:var(--h3-size); color:var(--dark-color); line-height:1.2; font-weight:600; }

h4 { font-size:var(--h4-size); color:var(--primary-color); line-height:1.2; font-weight:900; text-transform:uppercase; }

h5 { font-size:var(--h5-size); color:var(--white-color); line-height:1.2; font-weight:400; }

h1 + h5, h2 + h5 { margin-top:10px; max-width:860px; }

h6 { font-size:var(--text-fix-size); font-weight:900; color:var(--primary-color); line-height:1.2; text-transform:uppercase; }

p { font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--dark-color); }

small { display:block; text-transform:none; font-weight:600; color:var(--dark-color); margin-top:5px; }

b, strong { font-weight:600; }

a { color:var(--white-color); }
a:hover { color:var(--primary-color); }


/*===========================
HEADER
===========================*/

header { z-index:99; position:fixed; top:0; left:0; width:100%; background:var(--dark-med-color); }
header { -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.header--top { background:var(--dark-color); }

header > .wrapper { height:var(--header); }
header > div > a { position:absolute; top:0; left:0; bottom:0; margin:auto; height:var(--logo); z-index:99; }
header > div > a > svg { display:block; height:var(--logo); width:auto; }
header > div > a:hover > svg { --white-color:var(--primary-color); }

header > div > nav { margin-left:auto; }
header > div > nav > div > ul > li { display:inline-block; vertical-align:top; padding:0 var(--ws-x-sm); }
header > div > nav > div > ul > li > a { display:block; position:relative; padding:var(--ws-y-md) 0; font-size:var(--nav-size); font-weight:900; text-transform:uppercase; }
header > div > nav > div > ul > li.current > a { color:var(--primary-color); }
header > div > nav > div > ul > li.current > a:after { left:50%; bottom:0; margin-left:-10px; border-width:0 10px 10px 10px; border-style:solid dashed; border-color:var(--primary-color) transparent; }
header > div > nav > div > ul > li:first-child { display:none; }

header > div > nav > div > a { display:none; vertical-align:top; margin:0 var(--ws-x-sm); }
header > div > nav > div > a > i { display:block; padding:var(--ws-y-sm); }
header > div > nav > div > a > i > svg { fill:var(--primary-color); height:var(--icon-md); width:var(--icon-md); }
header > div > nav > div > a:hover > i > svg { fill:var(--white-color); }
header > div > nav > div > a > div { display:none; }

header > div > span { padding-left:var(--ws-x-sm); }


/*===========================
HEADLINE
===========================*/

.headline { position:relative; z-index:90; background:var(--dark-color); padding-top:var(--header); overflow:hidden; }
.headline:after { bottom:-1px; left:0; width:100%; height:100%; z-index:90; background-color:var(--dark-med-color); background-image:url('../img/design/triangles.png'); background-repeat:no-repeat; background-position:right bottom; }

.headline > .wrapper { z-index:92; padding:var(--ws-y) 0; }
.headline > .wrapper--video { padding:calc(var(--ws-y) * 2) 0; }

.headline__title > h1, .headline-slider > div > div:nth-child(1) { -webkit-animation:fadeInUp 1.0s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.0s ease-in-out 0s 1 normal none running; }
.headline__title > h5, .headline-slider > div > div:nth-child(2) { -webkit-animation:fadeInUp 1.2s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.2s ease-in-out 0s 1 normal none running; }
.headline__button, .headline-slider > div > div:nth-child(3) { -webkit-animation:fadeInUp 1.4s ease-in-out 0s 1 normal none running; animation:fadeInUp 1.4s ease-in-out 0s 1 normal none running; }

.headline__image { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; background-position:center center; }
.headline__image:before { bottom:0; left:0; width:100%; height:30%; z-index:2; }
.headline__image:before { background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:-o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); }
.headline__image { opacity:0.3; filter:alpha(opacity=30); -khtml-opacity:0.3; -moz-opacity:0.3; }

.headline-slider { position:relative; z-index:92; padding:var(--ws-y) 0; }
.headline-slider > div { padding:calc(var(--ws-y) * 1.3) 0; }
.headline-slider > div > div:not(:last-child) { margin-bottom:calc(var(--ws-y-md) + 7px); }
.headline-slider > div > div > a { margin-top:10px; }

.headline > video { position:absolute; top:0; left:0; width:100%; height:100%; z-index:89; object-fit:cover; }


/*===========================
PAGE
===========================*/

#page { overflow:hidden; }

main { background:var(--white-color); }

.main--index { background:var(--dark-hgh-color); }

main > .wrapper { padding:var(--ws-y) 0; }

.wrapper { width:var(--wrapper); }


/*===========================
FOOTER
===========================*/

footer { width:100%; background-color:var(--dark-color); }
footer p { color:var(--white-color); }

footer > div { padding:var(--ws-y-md) 0; z-index:5; background-image:url('../img/design/footer2.png'); background-position:right bottom; background-repeat:no-repeat; }
footer > div { -webkit-background-size:auto 100%; -moz-background-size:auto 100%; background-size:auto 100%; -o-background-size:auto 100%; }
footer > div > div {}
footer > div > div > div { padding-bottom:var(--ws-y-md); }
footer > div > div > div > nav { padding:0 var(--ws-x); }
footer > div > div > div > nav > a { display:block; position:relative; padding:var(--ws-y-sm) 0; line-height:20px; font-size:var(--nav-size); font-weight:600; }
footer > div > div > div > nav > a.current { color:var(--white-low-color); }
footer > div > div > div > nav > a > i { position:absolute; top:0; left:0; bottom:0; margin:auto; height:var(--icon-sm); }
footer > div > div > div > nav > a > i > svg { fill:var(--primary-color); height:var(--icon-sm); width:var(--icon-sm); }
footer > div > div > div > nav > a:hover > i { left:5px; }
footer > div > div > div > nav > a:hover > i > svg { fill:var(--white-color); }
footer > div > div > div > nav > a > div { padding-left:calc(var(--icon-sm) + var(--ws-y-sm)); }

footer > div > div > div > nav > a > svg { position:absolute; top:0; right:0; bottom:0; margin:auto; fill:var(--dark-low-color); height:var(--icon-sm); width:var(--icon-sm); display:none; }
footer > div > div > div > nav > a:not(.current):hover > svg { right:-5px; fill:var(--primary-color); }
footer > div > div > div > nav > a.current > svg { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }

footer > div > div > div > div { padding-right:var(--ws-x); }
footer > div > div > div > div > a { display:block; padding:var(--ws-y-sm) 0; }
footer > div > div > div > div > a > svg { display:block; height:calc(var(--logo) * 1.4); width:auto; }
footer > div > div > div > div > p { font-size:var(--text-min-size); margin:0; }

footer > div > nav > a:not(:last-child) { margin-right:10px; padding-right:10px; border-right:1px solid var(--primary-color); }
footer > div > nav > a.current { color:var(--white-low-color); }

footer > div > a, footer > div > p, footer > div > nav > a { display:inline-block; font-size:12px; line-height:16px; margin:0; }
footer > div > a > svg { fill:var(--primary-color); height:16px; width:16px; margin-left:3px; }
footer > div > a > svg { -webkit-animation:throb 1.33s ease-in-out infinite; animation:throb 1.33s ease-in-out infinite; }

[class*='button--'].button--medium.totop { position:fixed; bottom:50%; right:-52px; z-index:99; }
[class*='button--'].button--medium.totop.activescrolling { right:5px; }
[class*='button--'].button--medium.totop > svg { -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); -o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); }

.szechenyi2020 { position:fixed; bottom:0; right:0; height:var(--szechenyi); z-index:999; }
.szechenyi2020--down { bottom:calc(var(--szechenyi) * -1); }
.szechenyi2020 > img { display:block; height:100%; width:auto; }


/*===========================
ITEMS
===========================*/

/* products */
.products > a { position:relative; margin-bottom:calc(var(--ws-y) + 30px); display:block; }
.products > a > span { display:block; width:100%; position:relative; z-index:2; background:var(--dark-color); overflow:hidden; }
.products > a > span > img { display:block; width:100%; }
.products > a:hover > span > img { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
.products > a:hover > span > img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.products > a > div { position:absolute; bottom:-30px; left:0; right:0; margin:auto; width:80%; z-index:3; padding:var(--ws-y-sm) 0; text-align:center; background:var(--primary-color); }
.products > a > div:after { left:50%; top:-10px; margin-left:-10px; border-width:0 10px 10px 10px; border-style:solid dashed; border-color:var(--primary-color) transparent; }
.products > a > div > h6 { color:var(--white-color); }

/* content-list */
.contentList {}
.contentList > a { margin-bottom:var(--ws-y); display:flex; display:-webkit-flex; background:var(--dark-color); }
.contentList > a:last-child { margin-bottom:0; }
.contentList > a > span { flex:1; -ms-flex:1; display:block; }
.contentList > a > span > img { display:block; width:100%; height:100%; object-fit:cover; }
.contentList > a:hover > span > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }
.contentList > a > div { flex:1; -ms-flex:1; padding:var(--ws-y-md); }
.contentList > a > div > p { color:var(--white-color); font-size:var(--text-fix-size); }
.contentList > a > div > h4 {}
.contentList > a > div > span { margin-top:10px; }
.contentList > a:nth-of-type(odd) > span { order:2; }

/* SITEMAP */
#htmlsitemap h4 { margin-bottom:var(--ws-y-sm); }
.sitemap:not(:last-child) { margin-bottom:var(--ws-y-sm); }
.sitemap > li { display:block; border-bottom:1px solid var(--dark-low-color); }
.sitemap > li:last-child { border:0; }
.sitemap > li > a { display:block; padding:var(--ws-y-sm) 0; font-size:var(--text-size); color:var(--dark-color); }
.sitemap > li > a:hover { color:var(--primary-color); }

/* CONTENT */
.content ul { margin:var(--ws-y-md) 0; }
.content ul:last-child { margin-bottom:-10px; }
.content ul > li { display:block; padding:10px 10px 10px 20px; position:relative; font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--dark-color); }
.content ul > li:before { top:2px; left:0; bottom:2px; width:4px; height:auto; background:var(--primary-color); }
.content > p > img { display:block; width:40%; height:auto; margin:var(--ws-y-md) auto; }
.content > h4 {}
.content > h5 { color:var(--primary-color); }
.content > h6 {}
.content > h4:not(:first-child), .content > h5:not(:first-child), .content > h6:not(:first-child) { margin-top:20px; }
.content > p > a { color:var(--primary-color); font-weight:600; }
.content > p > a:hover { color:var(--primary-med-color); }
.content > p > strong {}

.impresszumInfo > li > a { color:var(--dark-color); }
.impresszumInfo > li > a:hover { color:var(--primary-color); }

/* CONTACT */
.contactInfo { padding:0 var(--ws-x); background-image:url('../img/design/header.png'); background-repeat:no-repeat; background-position:center bottom; }
.contactInfo { -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; -o-background-size:100%; }
.contactInfo > a { padding:var(--ws-y-sm) 0; }
.contactInfo > a > i { display:inline-block; margin-right:var(--ws-x-sm); padding-right:5px; }
.contactInfo > a > i > svg { fill:var(--primary-color); height:var(--icon-md); width:var(--icon-md); }
.contactInfo > a:hover > i > svg { fill:var(--dark-color); }
.contactInfo > a > div { font-size:var(--text-fix-size); font-weight:400; line-height:1.4; color:var(--dark-color); }
.contactInfo > a > div > h6 { color:var(--dark-color); }

/* miertmi */
.miertmi { padding:var(--ws-y-md) calc(var(--ws-x-sm) + var(--ws-y-md));background-color:var(--primary-color);background-image:url('../img/design/header.png');background-repeat:no-repeat;background-position:right bottom; }
.miertmi > li { padding:var(--ws-y-sm) 0; }
.miertmi > li > i { display:inline-block; margin-right:var(--ws-x-sm); }
.miertmi > li > i > svg { fill:var(--dark-color); height:var(--icon-lg); width:var(--icon-lg); }
.miertmi > li > h6 { display:inline-block; color:var(--white-color); }

/* partnerek */
.partnerek { padding-top:var(--ws-y); background:var(--dark-hgh-color); }
.partnerek > div { display:flex; flex-flow:row wrap; justify-content:space-between; }
.partnerek > div > div { text-align:center; margin-bottom:var(--ws-y); padding:0 var(--ws-x-sm); }
.partnerek > div > div > i { display:inline-block; }
.partnerek > div > div > i > svg { height:var(--partnerlogo); width:calc(var(--partnerlogo) * 2); fill:var(--white-color); }
.partnerek > div > div:hover > i > svg { fill:var(--primary-color); }

/* serviceList */
.serviceList { margin-bottom:calc(var(--ws-y) * -1); }
.serviceList > a { margin-bottom:var(--ws-y); background:var(--dark-color); }
.serviceList > a > span { display:block; width:100%; background:var(--dark-color); overflow:hidden; }
.serviceList > a > span > img { display:block; width:100%; }
.serviceList > a:hover > span > img { opacity:0.4; filter:alpha(opacity=40); -khtml-opacity:0.4; -moz-opacity:0.4; }
.serviceList > a:hover > span > img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2); }
.serviceList > a > div { padding:var(--ws-y-md); position:relative; }
.serviceList > a > div:after { left:var(--ws-y-md); top:-18px; border-width:0 20px 20px 20px; border-style:solid dashed; border-color:var(--dark-color) transparent; }
.serviceList > a > div > p { color:var(--white-color); font-size:var(--text-fix-size); }
.serviceList > a > div > h4 {}
.serviceList > a > div > span { margin-top:10px; }

/* fileList */
.fileList {}
.fileList > li { display:block; padding:10px 10px 10px 20px; position:relative; }
.fileList > li:before { top:2px; left:0; bottom:2px; width:4px; height:auto; background:var(--primary-color); }
.fileList > li > a { display:block; font-size:var(--text-size); font-weight:400; line-height:1.4; color:var(--dark-color); }
.fileList > li > a:hover { color:var(--primary-color); }

/* MAPS */
#maps { height:40vh; min-height:500px; width:100%; position:relative; z-index:89; }

/* GALLERY */
.gallery {}
.gallery > a { position:relative; overflow:hidden; background:var(--dark-color); display:block; border:1px solid var(--white-color); }
.gallery > a > img { display:block; width:100%; }
.gallery > a:hover > img { opacity:0.6; filter:alpha(opacity=60); -khtml-opacity:0.6; -moz-opacity:0.6; }

/* VEGYES */
.contentList > a:hover, [class*='button--']:not(.totop):hover, header > div > nav > div > a:hover, .products > a:hover > div, .products > a:hover, .serviceList > a:hover, .partnerek > div > div:hover > i > svg
{ transform:translateY(-3px); -webkit-transform:translateY(-3px); -moz-transform:translateY(-3px); -o-transform:translateY(-3px); -ms-transform:translateY(-3px); }

header, [class*='button--'] > svg, footer > div > div > div > nav > a > i, footer > div > div > div > nav > a > i > svg, footer > div > div > div > nav > a > svg, header > div > nav > div > ul > li > a:after, .contactInfo > a > i > svg, .owl-dot span, .contentList > a > span > img, .products > a > span > img, .products > a > div, .gallery > a > img, .gallery > a:before, .serviceList > a > div, .serviceList > a > span > img, .partnerek > div > div > i > svg, header > div > a > svg > *, .szechenyi2020
{ -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; -ms-transition:0.5s ease-out; transition:0.5s ease-out; }


/*===========================
FORM
===========================*/

.contactForm { padding:0 var(--ws-x); }
.contactForm > ul { padding-bottom:var(--ws-y-sm); }
.contactForm > ul > li { margin-bottom:var(--ws-y-sm); }
.contactForm > ul > li > label { display:none; }
.contactForm > h6 {}

input[type=text], textarea, [data-type="select"]:before { background:0; border:0; padding-left:0; border-bottom:2px solid var(--primary-color); vertical-align:top; }
input[type=text], textarea, [data-type="select"]:before { border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -o-border-radius:0; }
select { padding-left:0; }

input, textarea, select, label { font-weight:400; color:var(--dark-color); letter-spacing:normal; }

:-webkit-input-placeholder { color:var(--dark-color); }
::-webkit-input-placeholder { color:var(--dark-color); }
:-moz-placeholder { color:var(--dark-color); }
::-moz-placeholder { color:var(--dark-color); }
:-ms-input-placeholder { color:var(--dark-color); }
::-ms-input-placeholder { color:var(--dark-color); }
:placeholder-shown { color:var(--dark-color); }

.error-input { border-top:0!important; border-left:0!important; border-right:0!important; }

[data-type="select"]:after { border:0; bottom:10px; width:16px; height:16px; right:10px; background-size:16px 16px; content:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI1NiAyNTYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI1NiAyNTY7IiB4bWw6c3BhY2U9InByZXNlcnZlIiBmaWxsPSJyZ2JhKDIyLDMyLDU1LDEuMCkiPjxwb2x5Z29uIHBvaW50cz0iMjI1LjgxMyw0OC45MDcgMTI4LDE0Ni43MiAzMC4xODcsNDguOTA3IDAsNzkuMDkzIDEyOCwyMDcuMDkzIDI1Niw3OS4wOTMgIi8+PC9zdmc+'); }


/*===========================
BUTTONS
===========================*/

.button--primary { background:var(--primary-color); border-color:var(--primary-color); color:var(--white-color); }
.button--primary > svg { fill:var(--white-color); }
.button--primary:hover { background:var(--white-color); border-color:var(--white-color); color:var(--dark-color); }
.button--primary:hover > svg { fill:var(--dark-color); }

.button--secondary { background:var(--white-color); border-color:var(--white-color); color:var(--dark-color); }
.button--secondary > svg { fill:var(--dark-color); }
.button--secondary:hover { background:var(--dark-color); border-color:var(--dark-color); color:var(--white-color); }
.button--secondary:hover > svg { fill:var(--white-color); }

[class*='button--'].button--medium { padding:10px 20px; }
[class*='button--'].totop { padding:10px; }

[class*='button--'] { padding:5px 10px; border-width:2px; font-weight:900; }
[class*='button--']:not(.totop):hover > svg, .contactInfo > a:hover > i > svg { -webkit-transform:translateX(20%); -moz-transform:translateX(20%); -o-transform:translateX(20%); -ms-transform:translateX(20%); transform:translateX(20%); }
[class*='button--']:not(.totop):hover { box-shadow:0 20px 38px var(--dark-low-color); -webkit-box-shadow:0 20px 38px var(--dark-low-color); }

[class*='button--'] + [class*='button--'] { margin-left:var(--ws-x-sm); }


/*===========================
MOBIL NAV
===========================*/

[data-action='nav-button'] { display:none; position:relative; z-index:99; width:30px; height:20px; cursor:pointer; }
[data-action='nav-button'] span { position:absolute; left:0; height:2px; width:100%; background:var(--white-color); }
[data-action='nav-button']:hover span { background:var(--light-color); }
[data-action='nav-button'].active span { background:var(--white-color); }
[data-action='nav-button'] span { -webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; -ms-transition:.25s ease-in-out; transition:.25s ease-in-out; }
[data-action='nav-button'] span:nth-child(1) { top:0; }
[data-action='nav-button'] span:nth-child(2) { top:0; bottom:0; margin:auto; }
[data-action='nav-button'] span:nth-child(3) { bottom:0; }
[data-action='nav-button'].active span:nth-child(1) { -webkit-transform:translateY(10px) translateY(-50%) rotate(45deg); -moz-transform:translateY(10px) translateY(-50%) rotate(45deg); -o-transform:translateY(10px) translateY(-50%) rotate(45deg); -ms-transform:translateY(10px) translateY(-50%) rotate(45deg); transform:translateY(10px) translateY(-50%) rotate(45deg); }
[data-action='nav-button'].active span:nth-child(2) { opacity:0; filter:alpha(opacity=0); -khtml-opacity:0; -moz-opacity:0; }
[data-action='nav-button'].active span:nth-child(3) { -webkit-transform:translateY(-10px) translateY(50%) rotate(-45deg); -moz-transform:translateY(-10px) translateY(50%) rotate(-45deg); -o-transform:translateY(-10px) translateY(50%) rotate(-45deg); -ms-transform:translateY(-10px) translateY(50%) rotate(-45deg); transform:translateY(-10px) translateY(50%) rotate(-45deg); width:100%; }

.open { -webkit-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); }


/*===========================
KEYFRAMES
===========================*/

@-webkit-keyframes text-focus-in { 0% { -webkit-filter:blur(12px); filter:blur(12px); opacity:0; } 100% { -webkit-filter:blur(0px); filter:blur(0px); opacity:1; }}
@keyframes text-focus-in { 0% { -webkit-filter:blur(12px); filter:blur(12px); opacity:0; } 100% { -webkit-filter:blur(0px); filter:blur(0px); opacity:1; }}

@-webkit-keyframes throb { 0%,100% { -webkit-transform:scale(1); } 50% { -webkit-transform:scale(.8); } }
@keyframes throb { 0%,100% { transform:scale(1); } 50% { transform:scale(.8); } }

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}to{opacity:1;-webkit-transform:none;transform:none}}

@-webkit-keyframes levitation {0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes levitation {0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}

@-webkit-keyframes gradient { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; }}
@keyframes gradient { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; }}

/*===========================
RESPONSIVE
===========================*/

@media (max-width: 1550px) {

:root {
	--ws-y:70px;
	--ws-y-md:30px;
	--ws-y-sm:15px;
	--header:80px;
	--logo:50px;
	--text-fix-size:16px;
}

.headline-slider > div { padding:var(--ws-y-md) 0; }

}

@media (max-width: 1300px) {

:root {
	--ws-y:60px;
	--ws-x-sm:15px;
}

}

@media (max-width: 1024px) {

:root {
	--h1-size:36px;
	--h2-size:34px;
	--nav-size:14px;
	--ws-y:50px;
	--partnerlogo:50px;
}

header > div > nav > div > ul > li { padding:0 10px; }
header > div > nav > div > ul > li > a { text-transform:none; }

.partnerek > div { justify-content:center; }
.partnerek > div > div { padding:0 var(--ws-x-md); }

.szechenyi2020 { display:none; }

}

@media (max-width: 768px) {

:root {
	--text-size:15px;
	--text-fix-size:15px;
	--header:60px;
	--logo:40px;
	--h4-size:16px;
	--ws-y:50px;
	--ws-x-md:30px;
	--icon-lg:30px;
    --szechenyi:100px;
}

#footer-nav { display:none; }
[data-action='nav-button'] { display:block; }

header { -webkit-backdrop-filter:none; backdrop-filter:none; }
header > div > span { margin-left:auto; }
header > div > span > span { display:inline-block; position:relative; padding-left:var(--ws-x-md); }

header > div > nav { position:fixed; top:0; bottom:0; left:0; width:100%; z-index:92; text-align:center; background:var(--dark-color); }
header > div > nav { display:flex; display:-webkit-flex; align-items:center; -webkit-align-items:center; }
header > div > nav { transform:translateX(100%); -webkit-transform:translateX(100%); -moz-transform:translateX(100%); -o-transform:translateX(100%); }
header > div > nav { -webkit-transition:0.5s ease-out; -moz-transition:0.5s ease-out; -o-transition:0.5s ease-out; transition:0.5s ease-out; }

header > div > nav > div { width:100%; padding-top:var(--header); }
header > div > nav > div > ul { margin-bottom:var(--header); }
header > div > nav > div > ul > li { display:block; padding:0; }
header > div > nav > div > ul > li > a { padding:var(--ws-y-sm) 0; font-size:calc(var(--nav-size) * 1.2); text-transform:uppercase; }
header > div > nav > div > ul > li.current > a:after { margin-left:-7px; border-width:0 7px 7px 7px; }
header > div > nav > div > a { display:inline-block; }

.contactForm { display:block; float:none; }
.contactInfo { display:block; float:none; margin-top:var(--ws-y); background:0; }

.contentList > a > div { flex:1; -ms-flex:1; padding:var(--ws-y-sm); }

.products > a > div { width:90%; }
.products > a > div > h6 { font-size:var(--h4-size); }

[class*='button--'].button--medium { font-size:14px; line-height:20px; padding:10px 15px; }
[class*='button--'].button--medium > svg { width:20px; height:20px; }
[class*='button--'].button--medium.totop { padding:10px; min-width:inherit; }

footer > div > div > div > div { padding-right:0; }
footer > div > div > div > nav { padding:0; }
footer > div, .headline:after { -webkit-background-size:100%; -moz-background-size:100%; background-size:100%; -o-background-size:100%; }

}

@media (max-width: 480px) {

h1 + h5, h2 + h5 { margin-top:5px; }

p { margin:10px 0; }

[class*='button--'].button--medium.totop { bottom:5px; }

.partnerek > div > div { padding:0 var(--ws-x-sm); }

.contentList > a { display:block; }
.contentList > a > div { padding:var(--ws-y-md); }

:root {
	--ws-y:30px;
	--ws-y-md:20px;
	--ws-x-sm:15px;
	--ws-x-md:20px;
	--text-size:14px;
	--text-fix-size:14px;
	--text-min-size:14px;
	--h1-size:24px;
	--h2-size:22px;
	--h3-size:18px;
	--h4-size:16px;
	--h5-size:15px;
	--header:60px;
	--logo:40px;
	--wrapper:92%;
	--partnerlogo:40px;
}

}

@media (max-width: 375px) {

footer > div > nav > a:not(:last-child) { margin-right:6px; padding-right:6px; }

}