:root {

--color-def: 		#800A6F; /* rgb 128, 10, 111 */

--font-default: 'Montserrat';

}


html, body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
body { background-color: #fff; position: relative; }
body, body * { font-family: var(--font-default);, sans-serif; transition: all .5s; font-size: 16px; line-height: 130%; font-weight: 300; color: var(--color-def); }
ul { margin-block-start: unset; margin-block-end: unset; padding-inline-start: unset; }
p, a, ul, li { margin: 0px; padding: 0px; }
ul { list-style-position: inside; padding-left: 10px; }
ul li::marker { font-size: 10px; }
p { margin-bottom: 8px; }
a { text-decoration: none; margin: 0px; padding: 0px; color: unset; cursor: pointer; }
a:hover { color: unset; }

[menu] { background: unset; border: unset; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='M4 6h16v2H4zm0 5h16v2H4zm0 5h16v2H4z'%3E%3C/path%3E%3C/svg%3E"); width: 40px; height: 40px; background-repeat: no-repeat; background-size: contain; }


.btn { border-radius: 25px;  letter-spacing: 1px; background-color: #DA0680; padding: 10px 20px 10px 20px; color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; border: 2px solid #DA0680; }
.btn:hover, .btn.outline:hover { color: #fff; background-color: #800A6F; border: 2px solid #800A6F; }

.btn.outline { background: transparent; color: #DA0680; border: 2px solid #DA0680; }

header .btn { background-color: #800A6F; padding: 5px 10px 5px 10px; font-size: 14px; border: 2px solid #800A6F; }
header .btn:hover { background-color: #DA0680; border: 2px solid #DA0680; }



header { width: 100%; height: 60px; position: fixed; top: 0px; left: 0px; background-color: #F5CCCF; z-index: 9; }
header img { width: auto; height: 100%; }
header ul { list-style-type: none; display: flex; }
header ul li a { font-weight:500; }


.carousel { width: 100%; height: 1077px; max-height: 100vh; position: relative; }
.carousel-item { position: relative; }
.carousel-item img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0px; left: 0px; z-index: 1; }
.carousel-item .container { position: relative; z-index: 2; }
.carousel .cover { width: 100%; height: auto; position: absolute; left: 0px; bottom: 0px; z-index: 2; }
.carousel-indicators { z-index: 3; }
.carousel-indicators [data-bs-target] { width: 20px; height: 20px; margin-right: 6px; margin-left: 6px; background-color: #F3569B; border-top: unset; border-bottom: unset; border: 5px solid #EFAFA2; opacity: 1; border-radius: 50%; }
.carousel-indicators .active { background-color: #fff; }


h2 { text-transform: uppercase; font-size: 50px; font-weight: 800; }
h2 * { text-transform: uppercase; font-size: 50px; font-weight: 800; }
h2 span { color: #F3569B; }

h3 { text-transform: uppercase; font-size: 36px; font-weight: 800; }

h6 { font-size: 30px; }


section { position: relative; }
section .container { position: relative; z-index: 2; }
section::after { content: ''; position: absolute; z-index: 1; width: 100%; height: 100px; bottom: 0px; left: 0px; background: linear-gradient(0deg, rgba(128,10,111,1) 0%, rgba(128,10,111,0) 80%); opacity: .3; }
section.vedekezz { background-image: url(/img/carousel-bg.jpg); background-size: cover; }
section.vedekezz img { width: 100%; object-fit: contain; object-position: bottom; }
section.mikor { background-image: url(/img/carousel-bg.jpg); background-size: cover; }

section.mikor figure { width: 90px; height: 90px; border-radius: 50%; background-color: #ECACAB; }
section.mikor figure img { width: 100%; height: 100%; object-fit: contain; object-position: center; }


section.egeszsegtudatossag { background-color: #E6A0AF; }

section.tested { background-color: #E4C9D5; }

section.kerdezz { background-color: #FFC1C9; }

footer { background-color: #ECACAB; padding: 20px 0px 20px 0px; position: relative; }
footer img { width: auto; height: 60px; }
[top] { position: absolute; top: 20px; right: 20px; }



@media (max-width: 1200px) {

	.container { min-width: 100%; }

	h2 { text-transform: uppercase; font-size: 40px; font-weight: 800; }
	h2 * { text-transform: uppercase; font-size: 40px; font-weight: 800; }
	h2 span { color: #F3569B; }

	h3 { text-transform: uppercase; font-size: 30px; font-weight: 800; }

	h6 { font-size: 22px; }

}

@media (max-width: 992px) {

	.carousel-item h2 { margin-top: 100px; }

	nav { position: fixed; width: 100%; height: calc(100% - 60px); top: 60px; right: -100%; display: flex; align-items: center; justify-content: center; background-color: #F5CCCF; }
	header.show nav { right: 0px; }
	header.show [menu] { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'%3E%3Cpath d='m16.192 6.344-4.243 4.242-4.242-4.242-1.414 1.414L10.535 12l-4.242 4.242 1.414 1.414 4.242-4.242 4.243 4.242 1.414-1.414L13.364 12l4.242-4.242z'%3E%3C/path%3E%3C/svg%3E"); }

	header ul li a { font-size: 26px; }

	.carousel { max-height: 90vh; }

}
@media (max-width: 768px) {

	h2 { text-transform: uppercase; font-size: 26px; font-weight: 800; }
	h2 * { text-transform: uppercase; font-size: 26px; font-weight: 800; }
	h2 span { color: #F3569B; }

	h3 { text-transform: uppercase; font-size: 20px; font-weight: 800; }

	h6 { font-size: 18px; }

	.btn { font-size: 14px; }

	.carousel-indicators [data-bs-target] { width: 15px; height: 15px; margin-right: 5px; margin-left: 5px; }
	section.vedekezz { background-size: contain; }

	.carousel-item img { object-position: top 0 right -40px; }

	
}
@media (max-width: 576px) {



}