@charset "utf-8";
/* CSS Document */
/*===============*/
/* ALAP FORMÁZÁS */
/*===============*/

/* Grandview betucsalád */
@font-face {
  font-family: 'Grandview';
  src: url('../fonts/grandview-webfont.woff2') format('woff2'),
       url('../fonts/grandview-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Grandview';
  src: url('../fonts/grandviewbold-webfont.woff2') format('woff2'),
       url('../fonts/grandviewbold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Grandview';
  src: url('../fonts/grandviewlight-webfont.woff2') format('woff2'),
       url('../fonts/grandviewlight-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Grandview';
  src: url('../fonts/grandviewitalic-webfont.woff2') format('woff2'),
       url('../fonts/grandviewitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Grandview';
  src: url('../fonts/grandviewbolditalic-webfont.woff2') format('woff2'),
       url('../fonts/grandviewbolditalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

/* Színpaletta */
:root {
  --text:#273F4F;
  --blue:#447D9B;
  --orange:#FE7743;
  --grey:#D7D7D7;
  --white:#FFFFFF;
  --red:#FF0000;
}

/* Body és címsorok */
body {
  font-family: Grandview, "Grandview Light";
  margin: 0;
  padding: 0;
  font-size: 18px;
  color: var(--text);
}
h1 { font-size: 48px; font-weight: bold; color: var(--blue); }
h2 { font-size: 24px; font-weight: 100; color: var(--text); }
h3 { font-size: 18px; font-weight: 100; color: var(--white); line-height: 1; }
h4 { font-size: 14px; font-weight: 100; color: var(--white); line-height: 1; }
h5 { font-size: 14px; font-weight: 100; color: var(--text); line-height: 1; }
h6 { font-size: 18px; font-weight: 100; color: var(--orange); line-height: 1; }
p  { font-size: 18px; color: var(--text); font-weight: 100; margin-bottom: 0.5em; }

.bold{font-weight:700;}
/*===============*/
/* 404.php stílus */
/*===============*/
.no_page_container { text-align: center; padding-top: 0; margin: 0; }
.no_page_container h1 { font-size: 210px; font-weight: bold; color: var(--orange); margin-top: 5%; }
.no_page_container h2 { font-size: 30px; font-weight: normal; color: var(--text); margin-top: 0; }
.no_page_container a  { font-size: 30px; font-weight: normal; color: var(--orange); text-decoration: none; }
.no_page_container a:hover { text-decoration: underline; color: var(--blue); }

/*===============*/
/* COOKIE stílus */
/*===============*/

.cookie-backdrop{
	position:fixed;
	inset:0;
	background-color:rgba(68,125,155,0.2);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:9999;
}
.cookie-modal{
	width:min(720px,92vw);
	background:var(--white);
	color:var(--text);
	border-radius:14px;
	box-shadow:0 8px 30px rgba(0,0,0,.25);
	padding:22px;
}
.cookie-modal h2{
	margin:0 0 8px;
	font-size:30px;
	font-weight:100;
	color:var(--blue);
}
.cookie-modal p{
	margin:0 0 14px;
	font-weight:100;
	color:var(--text);
}
.cookie-modal a{
	text-decoration:none;
	color:var(--blue);
	font-weight: normal;
}
.cookie-modal a:hover{
	text-decoration:underline;
	color:var(--orange);
}
.cookie-sections{
	display:grid;
	grid-template-columns:1;
	gap:12px;
	margin:10px 0 4px;
}
.cookie-card{
	border:1px solid #e5e7eb;
	border-radius:10px;
	padding:12px;
}
.cookie-card h3{
	margin:0 0 6px;
	font-size:16px;
}
.cookie-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
}
.switch{
	position:relative;
	display:inline-block;
	width:44px;
	height:24px;
}
.switch input{
	opacity:0;
	width:0;
	height:0;
}
.slider{
	position:absolute;
	cursor:pointer;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#cbd5e1;
	border-radius:24px;
	transition:.2s;
}
.slider:before{
	position:absolute;
	content:"";
	height:18px;
	width:18px;
	left:3px;
	top:3px;
	background:var(--white);
	border-radius:50%;
	transition:.2s;
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
input:checked + .slider{
	background:var(--blue);
}
input:checked + .slider:before{
	transform:translateX(20px)
}
.cookie-actions{
	display:flex;
	gap:10px;
	flex-wrap:wrap;
	justify-content:flex-end;
	margin-top:14px;
}
.cookie-actions a{
	color:var(--blue);
	font-weight:normal;
}
.cookie-actions a:hover{
	color:var(--orange);
	text-decoration: underline;
}
.btn{
	appearance:none;
	border:none;
	cursor:pointer;
	padding:10px 14px;
	border-radius:10px;
	font-weight:600;
}
.btn-primary{
	background:var(--orange);
	color:var(--white);
}
.btn-outline{
	background:#fff;
	color:var(--text);
	border:1px solid var(--grey);
}
.btn-ghost{
	background:transparent;
	color:var(--blue);
	text-decoration:underline;
}
.visually-hidden{
	position:absolute!important;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0 0 0 0);
	white-space:nowrap;
	border:0;
}
.mail a{
	color: var(--blue);
	text-decoration:none;
}
.mail a:hover{
	color:var(--orange);
	text-decoration: underline;
}
@media (max-width:480px){
	.cookie-row{
		flex-direction:column;
		align-items:flex-start;
	}
}