@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.iossol.de//content/themes/iossol/fonts/open-sans-v44-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('https://www.iossol.de//content/themes/iossol/fonts/open-sans-v44-latin-600.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.iossol.de//content/themes/iossol/fonts/open-sans-v44-latin-700.woff2') format('woff2');
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Open Sans', sans-serif;
	--color1: #1FB8D2;
	--color1-muted: #1FB8D210;
	--color2: #F08A2C;
	--color2-muted: #F08A2C20;
	--color3: #E8398C;
	--color3-muted: #E8398C20;
	--color4: #5BAA2D;
	--color4-muted: #5BAA2D20;
	--color-font: #2a2a2a;
	--color-links: #4f4f52;
	--color-white: #fff;
	--color-black: #000;
	--color-white-muted: #8c8c8c;
	--color-bg-light: #fff;
	--color-bg-dark: #f7f7f8;
	--color-background: #fff;
	--color-border: #e3e3e3;
	--color-gray: #2a2a2a;
	--border-radius: 16px;
	--padding-default: 8px;
	--box-shadow: 0 0 4px rgba(0, 0, 0, .1);
	--max-width: 1200;
	--max-width-px: 1200px;
	--fontweight-regular: 400;
	--fontweight-medium: 600;
	--fontweight-bold: 700;
	--fontsize-small: 13px;
	--fontsize-medium: 16px;
	--fontsize-normal: 18px;
	--fontsize-menu: 15px;
	--fontsize-large: 24px;
	--fontsize-xlarge: 30px;
	--lineheight-equal: 1;
	--lineheight-small: 1.2;
	--lineheight-normal: 1.5;
	--sidepadding: 20px;
	--sidepadding-mobile: 20px;
	--sidepadding-standout: 40px;
}

body {
	background-color: var(--color-background);
	color: var(--color-font);
	font-size: var(--fontsize-normal);
	font-weight: var(--fontweight-regular);
	line-height: var(--lineheight-normal);
}

.content-block {
	width: 100%;
	max-width: var(--max-width-px);
	margin: 0 auto;
}

a {
	display: inline-block;
	text-decoration: none;
	color: var(--color-links);

	&:hover {
		color: var(--color-black);
	}
}

.btn {
	display: inline-block !important;
	text-decoration: none !important;
	color: var(--color-white) !important;
	background-color: var(--color4) !important;
	border: 1px solid var(--color4) !important;
	border-radius: var(--border-radius) !important;
	padding: var(--padding-default) calc(var(--padding-default) * 2) !important;
	line-height: var(--lineheight-normal) !important;
	font-weight: var(--fontweight-bold) !important;
	transition: all 0.1s ease;

	&:hover {
		background-color: var(--color4-muted) !important;
		color: var(--color4) !important;
	}
}

/* Header */
.page-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	font-size: 0;
	line-height: 0;
	z-index: 1000;
	background-color: var(--color-white);
	border-bottom: 1px solid var(--color-border);
	box-shadow: var(--box-shadow);

	.header-top {
		background-color: var(--color-gray);

		.content-block {
			display: flex;
			justify-content: space-between;
			padding: var(--padding-default) 0;
			font-size: var(--fontsize-small);
			font-weight: var(--fontweight-regular);
			line-height: var(--lineheight-small);
			color: var(--color-white-muted);

			a {
				display: flex;
				align-items: center;
				color: var(--color-white-muted);

				&:hover {
					color: var(--color-white);
				}
			}

			.part-left {
				align-self: start;
				font-weight: var(--fontweight-bold);
			}

			.part-right {
				display: flex;
				align-self: end;
				gap: 25px;
			}

			.phone {
				color: var(--color2);
				margin-right: 6px;
			}

			.pip {
				display: inline-block;
				width: 7px;
				height: 7px;
				border-radius: 50%;
				background: var(--color4);
				margin-right: 6px;
				box-shadow: 0 0 0 3px rgba(91, 170, 45, 0.25);
			}
		}
	}

	.header-content {
		display: flex;
		justify-content: space-between;
		padding: 20px 0;
		background-color: var(--color-white);

		.burger-menu {
			display: none;
		}
	}

	.logo {
		position: relative;
		height: 100%;
		justify-self: start;
		align-self: center;

		a {
			position: relative;
			display: block;
			width: 150px;
			height: 40px;
			background: url(https://www.iossol.de//content/themes/iossol/img/logo.png) no-repeat top left transparent;
			background-size: contain;
		}
	}

	nav {
		position: relative;
		justify-self: end;
		align-self: center;

		ul {
			list-style: none;
			display: flex;
			align-items: center;
			gap: 20px;

			li {
				display: block;

				a {
					padding: var(--padding-default);
					font-size: var(--fontsize-menu);
					font-weight: var(--fontweight-bold);
				}

				ul {
					display: none;
					position: absolute;
					transform: translateY(0px);
					border-radius: var(--border-radius);
					padding: var(--padding-default);
					box-shadow: var(--box-shadow);
					background-color: var(--color-white);
					min-width: 200px;

					a {
						padding: var(--padding-default) calc(var(--padding-default) * 2);
						line-height: var(--lineheight-normal);

						&:hover {
							border-radius: var(--border-radius);
							background-color: var(--color4-muted);
							color: var(--color4);
						}
					}
				}

				&:hover, &:focus-within {
					ul {
						display: block;
					}
				}
			}
		}

		a {
			text-decoration: none;
			font-size: var(--fontsize-menu);
			font-weight: var(--fontweight-medium);
			line-height: var(--lineheight-equal);
			display: block;
		}

		li.menu-current-page > a {
			color: var(--color4);
		}
	}
}

/* Footer */
footer {
	position: relative;
	padding: 20px 0 20px 0;
	background-color: var(--color-bg-dark);
	border-top: 1px solid var(--color-border);

	p, a {
		color: var(--color-links);
		font-size: var(--fontsize-small);
		font-weight: var(--fontweight-regular);
		line-height: var(--lineheight-normal);
		padding-bottom: calc(var(--padding-default) * 1.5);
	}
	a:hover {
		color: var(--color4);
	}

	.menu-block {
		padding: 20px 0 20px 0;

		strong {
			display: block;
			text-transform: uppercase;
			font-weight: var(--fontweight-bold);
		}

		img {
			padding-bottom: calc(var(--padding-default) * 1.5);
		}
	}

	.footermenu-block {

		& > .content-block {
			display: flex;
			justify-content: space-between;
			align-content: center;
			padding: 20px 0 0 0;
			border-top: 1px solid var(--color-border);
		}

		.footer-copyright {
			display: flex;
			align-self: start;
			font-size: var(--fontsize-small);
			font-weight: var(--fontweight-medium);
			line-height: var(--lineheight-equal);
			color: var(--color-links);
		}

		.footer-content {
			display: flex;
			align-self: end;
			grid-gap: 20px;

			nav {
				justify-self: end;

				ul {
					list-style: none;
					display: flex;
					gap: 20px;
					align-items: center;

					a {
						font-size: var(--fontsize-small);
						font-weight: var(--fontweight-medium);
						line-height: var(--lineheight-equal);
						display: block;
						text-decoration: none;
						padding: 0;
					}
				}
			}
		}
	}
}

@media (max-width: 1200px) {
	.page-header .content-block, footer .content-block, .maincontent > .page-content > .content-block, .maincontent > .page-content > .row-grid > .content-block {
		padding-left: var(--sidepadding) !important;
		padding-right: var(--sidepadding) !important;
	}
}

@media (max-width: 1024px) {
	.page-header {
		& + main {
			padding-top: 90px;
		}

		.header-content {
			padding: 0;
		}

		.logo {
			padding: calc(var(--sidepadding) / 2) 0;
		}

		.pagemenu-mainmenu {
			display: none;
		}

		.burger-menu {
			position: relative;
			top: 0;
			right: 0;
			align-self: center;
			border: none;
			cursor: pointer;
			display: flex !important;
			flex-direction: column;
			justify-content: space-between;
			width: auto;
			height: 50px;
			padding: calc(var(--sidepadding) / 2) 0;
			background: transparent;

			.bar {
				width: 50px;
				height: 4px;
				background-color: var(--color-black);
				border-radius: 4px;
				transform-origin: center;
				transition: all 0.3s ease;
			}

			&.active {
				background-color: var(--color-white);

				.bar {
					width: 50px;

					&:nth-child(1) {
						transform: translateY(12px) rotate(45deg);
					}
					&:nth-child(2) {
						opacity: 0;
					}
					&:nth-child(3) {
						transform: translateY(-13px) rotate(-45deg);
					}
				}

				+ .pagemenu-mainmenu {
					display: block;
					position: absolute;
					top: 93px;
					bottom: auto;
					right: 0;
					background-color: var(--color-white);
					box-shadow: var(--box-shadow);
					border-radius: var(--border-radius);
					max-height: 80vh;
					overflow: auto;

					ul {
						display: grid;
						grid-gap: 0;
						grid-template-columns: 1fr;
						box-shadow: none !important;

						a {
							display: block;
							text-align: center;
							border-bottom: 1px solid var(--color-border);
							padding: 10px 30px;
							line-height: var(--lineheight-normal);

							&.btn {
								display: block !important;
								margin: var(--padding-default);
							}
						}

						&.menu-submenu {
							position: relative;
							padding: 0;
						}
					}
				}
			}
		}
	}

	footer {
		.menu-block .row-grid {
			grid-template-columns: 1fr 1fr;
			align-items: center;

			.row-grid-column[data-width] {
				grid-column: span 1 !important;

				&:nth-child(even) {
					align-self: end;
				}
			}
		}
		.footermenu-block {
			& > .content-block {
				display: grid;
				grid-template-columns: 1fr;
				grid-template-areas: none;
				grid-gap: 20px;
				height: auto;

				> div {
					justify-self: center;
					align-self: center;
					text-align: center;
				}
			}
		}
	}
}

@media (max-width: 512px) {
	.page-header {
		.part-left {
			margin: 0 auto;
		}
		.part-right {
			display: none !important;
		}
	}

	footer {
		.menu-block .row-grid {
			grid-template-columns: 1fr;
			max-width: 300px;
			margin: 0 auto;
		}
	}
}


/* Main Content */
main {
	width: 100%;
	padding-top: 110px;
	min-height: calc(100vh - 110px);

	a {
		text-decoration: none;
		color: var(--color-font);

		&:hover {
			text-decoration: underline;
		}
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: var(--fontweight-medium);
		line-height: var(--lineheight-small);
		margin-bottom: 1em;
	}

	h1 { font-size: 40px; }
	h2 { font-size: 24px; }
	h3 { font-size: 22px; }
	h4 { font-size: 20px; }
	h5 { font-size: 18px; }
	h6 { font-size: 14px; }

	h1, h2, h3 {
		&:last-child {
			margin-bottom: 0;
		}
	}

	strong {
		font-weight: var(--fontweight-bold);
	}

	p, ul {
		margin-bottom: 1.5em;
	}
	li {
		margin-bottom: .5em;
	}


	p:first-child + h1,
	p:first-child + h2,
	p:first-child + h3 {
		margin-bottom: 1rem;

		&:not(:last-child) {
			margin-bottom: 2rem;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}

	ul {
		margin-left: 20px;
		list-style-type: none;

		li::before {
			content: '-';
			display: inline-block;
			margin-right: 10px;
		}
	}

	.row-grid {
		background-color: var(--color-bg-light);
		border-top: 1px solid var(--color-border);
		padding: 4rem 0;

		&.colorprofile-dark {
			background-color: var(--color-bg-dark);
		}

		&.colorprofile-light + &.colorprofile-light {
			border-top: 0;
			padding-top: 0;
		}
		&.colorprofile-dark + &.colorprofile-dark {
			border-top: 0;
			padding-top: 0;
		}

		&.subsplit {
			padding-top: 4em !important;
			border-top: 1px solid var(--color-border) !important;
		}

		&:first-child {
			padding-top: 4rem;
		}

		&.floaters .content-block {
			grid-gap: 3rem;
		}
	}

	.color-dark {
		background-color: var(--color-bg-dark) !important;
	}

	.part-tinymce {
		p, h1, h2 {
			max-width: 860px;
		}
	}

	.part-linkbutton, .hoverbutton {
		margin: 40px 0;
		display: inline-block;
		transition: all 0.1s ease;

		&.hoverbutton {
			margin: 0;
		}

		&:hover {
			transform: translateY(-2px);
		}

		a, button {
			border: 1px solid var(--color-border);
			font-weight: var(--fontweight-bold);
		}

		&.green a {
			border-color: var(--color4);
		}
		&.white a {
			&:hover {
				background-color: var(--color-bg-dark);
			}
		}

		+ .part-linkbutton {
			margin-left: 30px;
		}
	}

	a {
		text-decoration: none;
		font-weight: var(--fontweight-bold);
		color: var(--color-links);

		&:not([href^="tel:"]):not([href^="mailto:"])::after {
			content: '→';
			display: inline-block;
			margin-left: 6px;
		}

		&:hover {
			text-decoration: underline;
		}
	}

	.eyebrow, .kicker {
		color: var(--accent);
		font-size: var(--fontsize-small);
		text-transform: uppercase;
		font-weight: var(--fontweight-bold);
		letter-spacing: 1px;
		margin-bottom: .5rem;

		&.eyebrow {
			margin-bottom: 1rem;
		}
		&.kicker {
			color: var(--color-white-muted);

			a {
				color: var(--accent);
			}
		}
	}

	.intropage-intro {
		border-radius: var(--border-radius);
		box-shadow: var(--box-shadow);
		background-color: rgba(255,255,255,.85);
		padding: 3rem;

		h1 {
			font-size: 56px;
			font-weight: var(--fontweight-bold);
			margin: 0 0 40px 0;
		}
	}

	.intro-dots ul {
		list-style-type: none;
		padding: 0;
		margin: 0;
		font-size: 0;

		li {
			display: inline-flex;
			grid-gap: 6px;
			font-size: var(--fontsize-medium);
			margin-right: 20px;
			margin-bottom: 0;

			&::before {
				content: '\2022';
				font-size: 26px;
				line-height: 10px;
				font-weight: bold;
				align-self: center;
				margin-right: 0;
			}
			&:nth-child(1)::before { color: var(--color4); }
			&:nth-child(2)::before { color: var(--color1); }
			&:nth-child(3)::before { color: var(--color2); }
			&:nth-child(4)::before { color: var(--color3); }
		}
	}

	.highlight {
		background-color: var(--color4);
		color: var(--color-white);
		border-radius: var(--border-radius);
		padding: .1rem .5rem;
		text-transform: uppercase;
		font-weight: var(--fontweight-bold);
		font-size: var(--fontsize-small);
		margin-right: 10px;
	}

	.floaters {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 2rem;

		&.floaters-small {
			grid-template-columns: repeat(2, 1fr);
			align-content: start;

			.column-element {
				align-self: start;
				padding: .7rem 1rem;

				span {
					text-align: left;
					justify-content: start;
				}
				.pagebuilderaddon-counter-text {
					color: var(--color-font);
					text-align: left;
				}
			}
		}

		&.floaters-vertical {
			grid-template-columns: 1fr;
			align-content: start;

			.column-element {
				display: grid;
				grid-template-columns: 80px 1fr;
				grid-gap: 10px;

				p:first-child {
					color: var(--accent);
					font-weight: var(--fontweight-bold);
				}
			}

			&.floaters-simple {
				.column-element {
					grid-template-columns: 1fr;
				}

				p:first-child {
					color: inherit;
					font-weight: var(--fontweight-bold);
				}
			}
		}

		&.floaters-4, &.floaters-3, &.floaters-split {
			grid-template-columns: repeat(4, 1fr);

			.column-element {
				padding: 1rem 1.5rem;
			}

			h2 {
				font-size: var(--fontsize-normal);
					color: var(--accent);

				em {
					font-weight: var(--fontweight-bold);
					font-style: normal;
					margin-right: .3rem;

					&::after {
						content: ')';
						display: inline-block;
					}
				}
			}

			p {
				font-size: var(--fontsize-menu);
			}

			&.floaters-3 {
				grid-template-columns: repeat(3, 1fr);
			}

			&.floaters-split {
				grid-template-columns: repeat(2, 1fr);
			}
		}

		&.floaters-2 {
			grid-template-columns: 1fr;
			width: calc(100% + 8rem);
			margin-left: -4rem;

			.column-element {
				display: grid;
				grid-template-columns: minmax(200px, 400px) 1fr;
				grid-gap: 4rem;
			padding: 3rem 4rem;
				grid-template-areas: "title text";
				background-color: var(--color1-muted);
			}

			h2 {
				grid-area: title;
			}
			p {
				grid-area: text;
			}
		}

		&.cta {
			grid-template-columns: 1fr;
			align-content: start;
			color: var(--color-white-muted);
			text-align: center;

			a {
				font-weight: var(--fontweight-bold);
				font-size: var(--fontsize-large);
				color: var(--color-black) !important;

				&::after {
					display: none !important;
				}
			}
		}

		&.linked p:last-child {
			margin-top: auto;
			margin-bottom: 0;
		}

		.column-element {
			border-radius: var(--border-radius);
			box-shadow: var(--box-shadow);
			background-color: var(--color-white);
			border: 1px solid var(--color-border);
			padding: 1.5rem 2rem;
			display: flex;
			flex-direction: column;
			font-size: var(--fontsize-medium);
			min-width: 0;

			.kicker {
				color: var(--accent);
			}

			p {
				margin-bottom: .8rem;

				&:first-child {
					margin-bottom: 0;
				}
			}

			h2 {
				margin: 1rem 0;

				&:first-child {
					margin-top: 0;
				}
			}

			a {
				color: var(--accent);
			}

			ul {
				list-style-type: none;
				padding: 0;
				margin: 1.5rem 0;
				font-size: 0;
				display: grid;
				grid-template-columns: 1fr;
				grid-gap: .2rem 1rem;

				li {
					display: flex;
					align-items: center;
					grid-gap: 6px;
					margin: 0;
					font-size: var(--fontsize-medium);

					&::before {
						display: inline-block;
						content: '\2022';
						font-size: 26px;
						line-height: 10px;
						font-weight: bold;
						align-self: center;
						margin-right: 0;
						color: var(--accent);
					}
				}
			}

			&.leader {
				grid-column: span 3;
				display: grid;
				grid-template-columns: 1fr minmax(300px, 460px);
				grid-gap: 30px;
				padding: 3rem;

				h2 {
					font-size: 28px;
				}

				ul {
					grid-template-columns: 1fr 1fr;
				}

				div:nth-child(2) {
					border: 1px solid var(--color-border);
					border-radius: var(--border-radius);
					background-color: var(--color-bg-dark);
					padding: 2rem;
					align-self: start;
					font-size: var(--fontsize-medium);

					p:first-child {
						margin-bottom: 1rem;
					}
				}
			}

			&.flipped {
				background-color: var(--color-gray);
				color: var(--color-border);

				h2 { color: var(--color-white); }

				a {
					border: 1px solid var(--color-border);
					font-weight: var(--fontweight-bold);
					color: var(--color-white);
					border-color: var(--color4);
					background-color: var(--color4);
					transition: all 0.1s ease;
					padding: 10px 24px;
					border-radius: var(--border-radius);

					&:hover {
						transform: translateY(-2px);
						background-color: var(--color4-muted);
						text-decoration: none;
					}
				}
			}
		}
	}

	.floaters-offer-row > .content-block {
		gap: 3rem;
	}

	.floaters-offer-row.webhosting {
		.part-linkbutton {
			a {
				width: 100%;
				display: block;
				text-align: center;

				&::after {
					display: none;
				}
			}
		}
	}

	.floaters-offer {
		border-radius: var(--border-radius);
		box-shadow: var(--box-shadow);
		background-color: var(--color-white);
		padding: 1.5rem 2rem;
		display: flex;
		flex-direction: column;
		font-size: var(--fontsize-medium);
		min-width: 0;

		.column-element:first-child {
			margin-bottom: 1rem;
		}

		ul {
			list-style-type: none;
			padding: 0;
			margin: 0;

			li {
				margin-left: 1.5rem;

				&::before {
					content: '✓';
					color: var(--color4);
					margin-right: 0.5rem;
					margin-left: -1.5rem;
				}
			}
		}

		&.highlighted {
			border: 1px solid var(--color4);
		}

		.highlight {
			position: absolute;
			right: 0;
			top: 10px;
			background-color: var(--color4-muted);
			color: var(--color-links);
			text-transform: none;
			padding: .3rem .8rem;
		}

		.offer {
			margin-top: auto;

			p {
				display: inline-block;
				margin: 0;

				&:first-child {
					font-size: var(--fontsize-xlarge);
					font-weight: var(--fontweight-bold);
				}
				&:last-child {
					color: var(--color-white-muted);
					margin-left: .5rem;
				}
			}
		}

		.part-linkbutton {
			margin: 2rem 0 0 0;
			width: 100%;
		}
	}

	.border-color {
		border: 1px solid var(--accent) !important;
	}

	.webform {
		input, select, textarea, button, .ui-selectmenu-button {
			border: 1px solid var(--color-border);
			border-radius: var(--border-radius);
			padding: .5rem 1rem;

			&:hover, &:focus {
				border-radius: var(--border-radius);
			}
		}

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

		label {
			font-weight: var(--fontweight-bold);
		}

		button.button-green {
			background-color: var(--color4);
			color: var(--color-white);
			margin: 1rem 0 0 0 !important;
		}
	}

	.color1 { --accent: var(--color1); --accent-tint: var(--color1-muted); }
	.color2 { --accent: var(--color2); --accent-tint: var(--color2-muted); }
	.color3 { --accent: var(--color3); --accent-tint: var(--color3-muted); }
	.color4 { --accent: var(--color4); --accent-tint: var(--color4-muted); }
}

.ui-selectmenu-menu {
	background-color: var(--color-white);

	li:hover {
		background-color: var(--color4-muted);
	}
}

@media (max-width: 1024px) {
	main {
		.intropage-intro h1 { font-size: 36px; }
		h1 { font-size: 32px; }
		h2 { font-size: 20px; }
		h3 { font-size: 20px; }
		h4 { font-size: 20px; }
		h5 { font-size: 18px; }
		h6 { font-size: 14px; }

		.intro-dots ul {
			li:not(:last-child) {
				margin-bottom: 10px;
			}
		}
	}

	.floaters, .floaters-offer-row {
		padding: inherit 0 !important;

		&.floaters, &.floaters-2, &.floaters-3, &.floaters-4, &.floaters-small, &.floaters-offer {
			grid-template-columns: 1fr !important;
			column-gap: 0 !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			width: 100% !important;

			&.floaters-small {
				grid-template-columns: repeat(2, 1fr) !important;
				grid-gap: 2rem !important;
				margin-top: 2rem;

				> div {
					grid-column: span 1 !important;
				}
			}

			.column-element {
				padding: .5rem 1rem !important;
			}

			h2, p {
				grid-area: auto !important;
			}
		}
	}

	.column-element, .column-element.leader, .row-grid-column {
		grid-template-columns: 1fr !important;
		grid-column: span 12 !important;
		margin: 0;
		grid-template-areas: none !important;
	}

	.column-element.leader {
		grid-template-columns: 1fr !important;
		padding: 2rem !important;
	}

	.content-block {
		column-gap: 0 !important;
	}

	.kicker {
		margin-top: 1rem !important;
	}

	.part-linkbutton {
		margin: 2rem 0 !important;
		width: 100%;

		& + .part-linkbutton {
			margin-top: 0 !important;
		}

		a {
			display: block;
			text-align: center;
		}
	}

	ul {
		grid-template-columns: 1fr !important;
	}

	.webform {
		&.w3-bar {
			input, .hoverbutton, button {
				width: 100%;
				margin: .5rem 0 !important;
			}
		}
	}
}

@media (max-width: 768px) {
	.floaters {
    &.floaters-small {
	    &.floaters-small {
		    grid-template-columns: 1fr !important;

		    > div {
			    grid-column: span 1 !important;
		    }
	    }
    }
	}
}