.gradient-background {

    background: linear-gradient(to right, #f4f3ef, #f4f3ef);

}

.design-background {

    background: #f4f3ef;
}

.icon-list.bullet-bg i {

    font-size: 24px !important;
    top:1px !important;
}

.icon-list.bullet-bg li {
    padding-left: 24px !important;
}

.icon-li-style{
    position: relative;
    left:10px;
    top:-1px;
}

.lista-sorkoz{
    font-weight: 700;
    position: relative;
    top: -10px;
}

.lista-sorkoz-fooldal{
    font-weight: 700;
    position: relative;
    top: 15px;
}

.teaser,
.teaser-hp {
	background-size: cover !important;
	position: relative;
	overflow: hidden;

	&:after {
		content: '';
		background: #10b3ff4e;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}

	.teaser-image, .teaser-video {
		transform: translate(-50%, -50%) scale(1);
		position: absolute;
		top: 50%;
		left: 50%;
		min-height: 100%;
		min-width: 100%;
		z-index: 0;
	}

	.teaser-image {
		width: 100%;
		height: 100%;
		object-fit: cover;
		background-repeat: no-repeat;
		background-size: cover !important;
	}

	.teaser-image-responsive {
		display: none;
	}

	.teaser-content {
		@include rem(font-size, 18px);
		display: flex;
		align-items: center;
		color: #fff;
		position: relative;
		z-index: 20;
		@include rem(padding, 40px 0);

		.inner {
			width: 100%;
		}

		@media (max-width: 992px) {
  .headline{
    max-width: 750px;
text-align:center;
	}
}

		@media (max-width: 992px) {
  .headline2{
   display:none;
	}
}

		.headline {
			max-width: 750px;
		}

		.small {
			@include rem(font-size, 16px);
		}

		.btn-set {
			display: flex;
			flex-wrap: wrap;
			@include rem(margin, 0 -10px);

			.btn {
				@include rem(margin, 5px 10px);
			}
		}

		h1 {
			color: #fff;
			@include rem(margin, 0 0 40px 0);
		}

		h2, h3 {
			color: #fff;
			@include rem(margin, 0 0 20px 0);
		}
	}



	.breadcrumbs {
		color: gray;
		border-bottom: 1px solid rgba(117,112,109,.2);
		position: relative;
		z-index: 20;

		a {
			color: gray;
		}
	}
}

.teaser-hp {
	.teaser-content {
		height: calc(100vh - 250px);
		min-height: 520px;
		max-height: 580px;
		padding-bottom: 100px;
	}
}

@media (max-width: 992px) {
  .block.alpha {
    display: none;
  }
}

.block.alpha {
    padding-top: 0;
}

.hls {
	.item-list {
		margin: 0 -15px;
		justify-content: space-between;
		justify-content: center;
	}

	.item-inner {
		position: relative;
	}

	.item {
		flex: 0 0 20%;
		max-width: 20%;
		padding: 0 25px;
		position: relative;
		@include rem(font-size, 18px);
		line-height: 1.5em;

		.border {

			border: 2px dashed  #000 !important;
			border-radius: 50%;
			width: 90%;
			height: 90%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.text {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			align-items: center;
			justify-content: center;
			display: flex;
			text-align: center;
			border-radius: 50%;
			@include rem(padding, 6px);
			box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);

			p {
				margin-bottom: 0;
				@include rem(min-height, 54px);
			}

			.inner {
				max-width: 140px;
				margin: 0 auto;
			}

			.mdi {
				color: green;
				display: block;
				@include rem(margin, 0 0 5px 0);

				&:before {
					@include rem(font-size, 48px);
					margin-right: 0;
				}
			}
		}
	}

	&.hls-hp {
		.item-inner {
			margin-top: -40%;
			position: relative;

		}
	}

	&.hls-narrow {
		.item {
			flex: 0 0 25%;
			max-width: 25%;
		}
	}
}

#lcc-checkbox-essential {
    display: inline-block !important; /* Biztosítja, hogy látható legyen */
    width: auto !important; /* Automatikus szélesség */
    height: auto !important; /* Automatikus magasság */
    visibility: visible !important; /* Biztosítja, hogy ne legyen láthatatlan */
    opacity: 1 !important; /* Teljesen látható */
    margin: 5px !important; /* Kis margó a környező elemekhez képest */
    appearance: checkbox !important; /* Biztosítja, hogy valóban checkboxként jelenjen meg minden böngészőben */
}

#lcc-checkbox-essential:checked {
    background-color: #007BFF !important; /* Szín, ha be van pipálva */
}

#lcc-checkbox-functional {
    display: inline-block !important; /* Biztosítja, hogy látható legyen */
    width: auto !important; /* Automatikus szélesség */
    height: auto !important; /* Automatikus magasság */
    visibility: visible !important; /* Biztosítja, hogy ne legyen láthatatlan */
    opacity: 1 !important; /* Teljesen látható */
    margin: 5px !important; /* Kis margó a környező elemekhez képest */
    appearance: checkbox !important; /* Biztosítja, hogy valóban checkboxként jelenjen meg minden böngészőben */
}

#lcc-checkbox-functional:checked {
    background-color: #007BFF !important; /* Szín, ha be van pipálva */
}

#lcc-checkbox-analytics {
    display: inline-block !important; /* Biztosítja, hogy látható legyen */
    width: auto !important; /* Automatikus szélesség */
    height: auto !important; /* Automatikus magasság */
    visibility: visible !important; /* Biztosítja, hogy ne legyen láthatatlan */
    opacity: 1 !important; /* Teljesen látható */
    margin: 5px !important; /* Kis margó a környező elemekhez képest */
    appearance: checkbox !important; /* Biztosítja, hogy valóban checkboxként jelenjen meg minden böngészőben */
}

#lcc-checkbox-analytics:checked {
    background-color: #007BFF !important; /* Szín, ha be van pipálva */
}

#lcc-checkbox-marketing{
    display: inline-block !important; /* Biztosítja, hogy látható legyen */
    width: auto !important; /* Automatikus szélesség */
    height: auto !important; /* Automatikus magasság */
    visibility: visible !important; /* Biztosítja, hogy ne legyen láthatatlan */
    opacity: 1 !important; /* Teljesen látható */
    margin: 5px !important; /* Kis margó a környező elemekhez képest */
    appearance: checkbox !important; /* Biztosítja, hogy valóban checkboxként jelenjen meg minden böngészőben */
}

#lcc-checkbox-marketing:checked {
    background-color: #007BFF !important; /* Szín, ha be van pipálva */
}