/* https://www.promptnet.ch */

/* Performance Optimization */
@media screen and (min-width: 768px) {
	@import url('/typo3conf/ext/pnbase/Resources/Public/Css/jquery.fancybox.min.css');
}

:root {
	--grey: #494948;
	--blue: #689cd4;
	--middle-grey: rgba(73,73,72,0.7);
	--light-grey: #efefef;
	--light-blue: rgba(153,153,204,0.1);
}

html, body {
  height: 100%;
}
html {
	font-size: 17px;
}
body {
	display: flex;
	flex-direction: column;
	font-family: 'Hind', sans-serif;
	font-size: 1rem;
	line-height: 1.375;
	color: var(--grey);
	margin: 0;
	padding: 0;
	padding-top: 85px;
	background-color: white;
	font-weight: 300;
}
b, strong {
	font-weight: 700;
}
a, a:hover {
	font-weight: 700;
	text-decoration: none;
	color: var(--grey);
}
a:hover {
	color: var(--blue);
}
img, video {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: var(--blue);
}
h1 {
}
h2 {
	font-size: 1.6875rem;
}
h3 {
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--grey);
	margin-bottom: 0.9rem;
	letter-spacing: 0.1px;
}
h4 {
}
h5 {
}
.font-weight-medium {
	font-weight: 500 !important;
}
.font-weight-semibold {
	font-weight: 600 !important;
}
.white-text {
	color: white !important;
}
.dark-text {
	color: var(--grey) !important;
}
.blue-text {
	color: var(--blue) !important;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.visible-mobile {
	display: none;
}
.relative {
	position: relative;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
a.notbold {
	font-weight: 400;
}
.ce-gallery .ce-row {
    margin-bottom: 0;
    display: flex;
}
.ce-center .ce-row {
	justify-content: center;
}
.ce-textpic .ce-outer {
    position: relative;
    float: none;
    right: unset;
}
.ce-gallery .ce-column {
	margin-right: 0;
}
.ce-textpic .ce-inner {
    float: none;
    right: unset;
}
.textmedia .ce-gallery figure {
	display: block;
}
figure {
    margin: 0;
}
.ce-box-diagonal .ce-gallery + .ce-bodytext {
	padding-left: 25px;
}
.ce-bodytext ul {
    padding: 0;
}
.ce-bodytext li {
    list-style: none;
    padding-left: 20px;
    position: relative;
}
.ce-bodytext li::before {
    content: "•";
    position: absolute;
    left: 2px;
    top: 0;
}
.content-element {
	padding-top: 80px;
	padding-bottom: 30px;
}
.content-element.full {
	padding-left: 0;
	padding-right: 0;
}
.content-element .content-element {
	padding: 10px 0 20px;
}
.content-element > div > .sg-row {
	margin-top: -20px;
	margin-bottom: -20px;
}
.nopaddingtop {
	padding-top: 1px !important;
}
.nopaddingbottom {
	padding-bottom: 1px !important;
}
.justify-content-end-md {
	justify-content: flex-end;
}
.link-with-arrow {
	display: inline-block;
	padding-left: 30px;
	background: url("../Images/icon-arrow-right.svg") 0 5px no-repeat transparent;
	background-size: 20px auto;
}
.bg1 {
	background-color: var(--light-grey);
}
.bg2 {
	background-color: var(--light-blue);
}
.only-tablet {
	display: none !important;
}
.only-smartphone {
	display: none;
}
.only-tablet-desktop {
	display: block;
}
.frame-type-mask_text + .frame-type-mask_text {
	margin-top: -3rem;
}
@media (min-width: 992px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 940px;
	}
}

.wrap-all {
	flex: 1 0 auto;
	position: relative;
}
header.top {
}
.outer-header-wrapper {
	background-color: white;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 20;
}
.header-wrapper {
	height: 85px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.logo-image {
	width: 152px;
	margin-left: 40px;
	transition: all 0.4s ease-in-out;
}
.servicenav-navilabel {
	display: flex;
	align-items: center;
}
.service-nav ul {
	display: flex;
}
.service-nav a {
	padding: 5px 17px 0px;
	height: 30px;
	font-weight: 700;
	display: inline-block;
}
.menu-item-44 a {
	padding-left: 55px;
	background: url("../Images/icon-menu-login.svg") 17px center no-repeat transparent;
	background-size: 30px auto;
}
.menu-item-45 a {
	padding-left: 47px;
	background: url("../Images/icon-arrow-right.svg") 17px center no-repeat transparent;
	background-size: 20px auto;
}
.menu-item-50 a {
	padding-left: 50px;
	background: url("../Images/icon-menu-search.svg") 17px 0 no-repeat transparent;
	background-size: 33px auto;
}
.menu-item-47 {
	display: none;
}
.main-navi-label {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 15px;
	margin-left: 17px;
	margin-right: 100px;
	top: -2px;
}
.main-navi-label span {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: block;
	background: var(--grey);
	color: var(--grey);
	height: 2px;
	transition: all 0.4s;
}
.main-navi-label span.bar-2 {
	top: 7px;
}
.main-navi-label span.bar-3 {
	top: 14px;
}
.main-navi-label span.menu-text {
	left: 28px;
	background: none;
	font-weight: 700;
}
#main-navi-checkbox {
	display: none;
}
#main-navi-checkbox:checked ~ .outer-header-wrapper .main-navi-label .bar-1 {
	transform: rotate(45deg);
	top: 9px;
}
#main-navi-checkbox:checked ~ .outer-header-wrapper .main-navi-label .bar-2 {
	opacity: 0;
}
#main-navi-checkbox:checked ~ .outer-header-wrapper .main-navi-label .bar-3 {
	transform: rotate(-45deg);
	top: 9px;
}
.main-nav {
	position: fixed;
	display: flex;
	top: -100vh;
	left: 0;
	width: 100%;
	max-height: 100vh;
	z-index: 15;
	transition: all 0.7s ease;
	background-color: var(--light-grey);
	justify-content: center;
	padding: 150px 0 35px;
	box-shadow: 0 0 12px 2px var(--grey);
}
#main-navi-checkbox:checked ~ .main-nav {
	top: 0;
}
.main-nav-ul {
	flex: 1 0 auto;
	display: flex;
	justify-content: space-between;
}
.main-nav-ul a {
	font-size: 1.125rem;
	padding: 4px 0;
	display: inline-block;
}
/*
a.has-no-subpage {
	padding-left: 30px;
	background: url("../Images/icon-arrow-right.svg") 0 8px no-repeat transparent;
	background-size: 20px auto;
}
*/
.main-nav-ul ul a {
	font-size: 0.9375rem;
	font-weight: 300;
	padding-left: 30px;
	background: url("../Images/icon-arrow-right.svg") 0 8px no-repeat transparent;
	background-size: 20px auto;
}
.main-nav-ul ul a.active {
	color: var(--blue);
}
.menu-children-plus {
	display: none;
}
.overlay-tablet {
	position: fixed;
	top: -100vh;
	height: 100vh;
	left: 0;
	width: 100vw;
	opacity: 0;
	background-color: black;
	transition: opacity 0.4s;
	z-index: 10;
}
.overlay-tablet.open {
	top: 0;
	opacity: 0.4;
}

.main-footer {
	flex-shrink: 0;
	position: relative;
	z-index: 1;
	background-color: white;
	padding-top: 40px;
	padding-bottom: 30px;
}
.main-footer .main-nav-ul {
	flex-direction: column;
	align-items: center;
}
@media (min-width: 1200px) {
	.footer-content {
		position: absolute;
		right: 65px;
		top: 45px;
		padding-bottom: 30px;
	}
	.main-footer .main-nav-ul {
		flex-direction: row;
		align-items: flex-start;
	}
}
@media (min-width: 1200px) and (max-width: 1400px) {
	.main-footer .main-nav-ul {
		justify-content: flex-start;
	}
	.main-footer .nav-item {
		padding-right: 12px;
	}
}
.footer-content a {
	font-weight: 300;
}
.himmelblau {
	opacity: 0.3;
	position: absolute;
	top: 40px;
	left: 0;
	transform: rotate(-90deg);
	font-size: 11px;
	font-weight: 300;
}
.impressum {
	position: absolute;
	bottom: -60px;
	left: 20px;
	font-size: 0.9375rem;
	font-weight: 300;
}
.impressum:hover {
	font-weight: 300;
}

.content-element.frame-type-mask_header,
.content-element.frame-type-mask_box_diagonal {
	padding-top: 0;
	padding-bottom: 0;
}
.ce-header {
	height: calc(100vh - 85px);
	position: relative;
}
.header-overlay-spickel,
.header-overlay,
.header-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 3;
}
.header-overlay {
	z-index: 5;
	background-color: var(--blue);
	opacity: 0.7;
}
.header-overlay-spickel {
	background: url("../Images/spickel.svg") right top no-repeat transparent;
	background-size: auto 100%;
	z-index: 6;
}
.header-image.active {
	z-index: 4;
}
.header-texts-wrapper {
	position: absolute;
	left: 0;
	bottom: 81px;
	z-index: 7;
	width: 100%;
}
.header-texts {
	background-color: white;
	position: relative;
	left: 30px;
	min-height: 175px;
}
.header-text {
	margin-top: 34px;
	margin-bottom: 34px;
	border-top: 0.5px solid var(--grey);
	padding-top: 25px;
}
.header-col-left {
	padding-left: 30px;
}
.header-col-right {
	padding-right: 40px;
}
.header-subtitle {
	font-size: 1.25rem;
	font-weight: 700;
}
.header-text .link-with-arrow {
	font-size: 1.25rem;
	letter-spacing: 0.1px;
	margin-top: 6px;
}
.text-column {
	padding-bottom: 30px;
}
.ce-text h3 {
	padding-bottom: 4px;
	border-bottom: 1px solid var(--middle-grey);
}
.ce-text .text {
	color: var(--middle-grey);
}
.ce-box-diagonal {
	display: flex;
	align-items: center;
	background: url("../Images/overlay-bright-diagonal.svg") right top no-repeat var(--blue);
	background-size: auto 100%;
}
.box-diagonal-left {
	min-height: 400px;
	font-size: 1.6875rem;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.box-diagonal-left .no-transform-to-uppercase {
	text-transform: none;
}
.align-items-end .box-diagonal-left {
	justify-content: flex-end;
}
.box-diagonal-left,
.box-diagonal-right {
	padding-top: 30px;
	padding-bottom: 30px;
}
a.download {
	position: relative;
	display: inline-flex;
	text-transform: none;
	align-items: center;
	overflow: hidden;
}
a.download::before {
	content: "";
	display: flex;
	width: 30px;
	background: url("../Images/icon-arrow-right.svg") 0 0 no-repeat transparent;
	background-size: 20px auto;
	height: 13px;
}
a.download:hover::before {
	animation: arrowleft 0.5s linear;
}
a.download::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: var(--grey);
	animation: linenormal 0.5s linear;
}
a.download:hover::after {
	left: 100%;
	animation: linehover 0.5s linear;
}
.ce-box-diagonal a.download {
	font-size: 1.125rem;
	color: white;
}
.ce-box-diagonal a.download::before {
	background: url("../Images/icon-arrow-right-white.svg") left top no-repeat transparent;
	background-size: 20px auto;
}
.ce-box-diagonal a.download::after {
	background-color: white;
}
.box-diagonal-right img {
	max-width: 300px;
}
.bodytext {
	margin-bottom: 1.3rem;
}
.ce-textimagegroup h3 {
	color: var(--blue);
	margin-bottom: 0.5rem;
}
.team-image {
	position: relative;
}
.team-image-overlay {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: url("../Images/spickel-blue.svg") right top no-repeat transparent;
	background-size: auto 100%;
	opacity: 0.4;
}
.team-column {
	margin-bottom: 50px;
}
.team-name {
	font-size: 1.375rem;
	font-weight: 700;
	color: var(--blue);
	margin-top: 1rem;
}
.horizontal-scroller {
	min-width: 100vw;
}
.ce-story,
.ce-horizontalslider {
	overflow: hidden;
	position: relative;
	padding-left: 130px;
	padding-right: 130px;
	padding-bottom: 20px;
}
.story-line {
	position: absolute;
	left: 0;
	width: 100%;
	top: calc(50% - 15px);
	max-width: unset;
	min-width: 100%;
}
.ce-story-and-horizontalslider-wrapper {
	position: relative;
}
.progress-wrapper {
	position: absolute;
	bottom: 0;
	left: calc(50% - 100px);
	height: 3px;
	width: 200px;
	border-radius: 2px;
	background-color: rgba(153,153,204,0.7);;
}
.progress {
	position: absolute;
	left: 0;
	width: 0;
	top: 0;
	height: 3px;
	border-radius: 2px;
	background-color: var(--blue);
}
.horizontalslider-wrapper {
	display: flex;
	align-items: flex-end;
	left: 0;
	position: relative;
}
.story-column {
	position: relative;
	min-width: 200px;
	max-width: 200px;
}
.story-text {
	position: absolute;
	max-width: 250px;
	text-align: center;
}
.story-text h3 {
	color: var(--blue);
	margin-bottom: 0.3rem;
}
.position-top .story-text {
	top: calc(100% + 20px);
}
.position-bottom .story-text {
	bottom: calc(100% + 20px);
}
.position-bottom {
	align-self: flex-start;
}
.image-hover-wrapper {
	height: 150px;
	display: flex;
	align-items: center;
}
.image-hover {
	max-height: 100px;
	margin: 25px;
	filter: grayscale(1);
	transition: filter 0.4s;
}
.image-hover-column:hover .image-hover {
	filter: grayscale(0);
}
.image-hover-text {
	margin: 25px 25px 35px;
}
.image-hover-column {
	border-bottom: 1px solid rgba(0,0,0,0.5);
	padding-top: 30px;
}
.tx-powermail > .container-fluid {
	padding-left: 0;
	padding-right: 0;
}
.tx-powermail label {
	font-size: 0.882rem;
}
.form-control {
	border-radius: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	margin-bottom: 0.6rem;
	margin-top: -4px;
}
.form-control:focus {
	box-shadow: none;
	border: 1px solid var(--light-grey);
}
select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: 1px solid var(--light-grey);
	padding-top: 6px;
	-moz-padding-start: calc(10px - 3px);
	padding-left: 10px;
	background: url('../Images/arrow-down-select-field.svg') calc(100% - 23px) center no-repeat white;
	background-size: 14px auto;
}
textarea.form-control {
	height: 7rem;
}
.btn.btn-primary {
	float: right;
	background-color: var(--blue);
	border-radius: 0;
	border-color: var(--blue);
	box-shadow: none;
}
.btn.btn-primary:focus {
	box-shadow: none;
}
.ce-horizontalslider {
	padding-left: 20px;
	padding-right: 20px;
}
.horizontalslider-column {
	display: flex;
	position: relative;
	min-width: 580px;
	max-width: 580px;
	height: 230px;
	align-items: center;
	margin: 0 35px;
}
.horizontalslider-column img {
	flex-grow: 0;
}
.horizontalslider-text {
	flex: 1 1 auto;
}
.horizontalslider-text h3 {
	color: var(--blue);
	margin-bottom: 0;
}
.hs-text-right {
	order: 2;
	padding-left: 30px;
}
.hs-text-left {
	text-align: right;
	padding-right: 30px;
	padding-left: 0;
}
.royalSlider img {
	max-width: 100%;
	height: auto;
	margin: 0 !important;
}
.ce-textimagegroup .rsBullets {
	display: flex;
	float: none;
	position: absolute;
	bottom: -14px;
	left: calc(40% + 7px);
	z-index: 3;
}
.ce-textimagegroup .rsBullet span {
	display: inline-block;
	position: relative;
	width: 7px;
	height: 7px;
	margin: 0 2.3px;
	border-radius: 50%;
	/* cursor: pointer; */
	border: 1px solid var(--blue);
}
.ce-textimagegroup .rsBullet.rsNavSelected span {
	background-color: var(--blue);
}

.frame-type-list-ke_search_pi1 {
	padding-top: 100px;
	padding-bottom: 120px;
}
body #ke_search_sword {
	width: 100%;
	border: none;
	color: var(--blue);
	font-weight: 700;
}
.ke_search-submit {
	border: 0;
	background: url("../Images/icon-search.svg") center no-repeat transparent;
	background-size: contain;
	position: absolute;
	right: 10px;
	top: 5px;
	width: 25px;
	height: 28px;
	z-index: 2;
}
body #kesearch_results {
	margin-top: 46px;
}
body #kesearch_num_results {
	display: none;
}
body #kesearch_results .result-list-item {
	border-top: 1.5px solid gray;
	padding-top: 15px;
}

.is-ios-or-android .ce-horizontalslider,
.is-ios-or-android .ce-story {
	overflow-x: auto;
	padding: 0;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
}
.is-ios-or-android .ce-horizontalslider::-webkit-scrollbar,
.is-ios-or-android .ce-story::-webkit-scrollbar {
	display: none;  /* Safari and Chrome */
}

.is-ios-or-android .horizontalslider-column {
	margin: 0 15x;
	hyphens: auto;
}
.is-ios-or-android #story-wrapper {
	padding-left: 20px;
	padding-right: 20px;
}
.is-ios-or-android .story-line {
	top: calc(50% - 4px);
}


.mobile-break {
	display: inline;
}

@media (max-width: 1199px) {
	.impressum {
		bottom: 20px;
		left: calc(50% - 457.5px);
	}
	.main-footer .main-nav-ul {
		align-items: flex-start;
	}
	.main-footer .main-nav-ul > li {
		margin-bottom: 2rem;
	}
	.main-footer .main-nav-ul > li:last-child {
		margin-bottom: 0;
	}
	.header-texts-wrapper {
		bottom: 180px;
	}
}
@media (max-width: 991px) {
	.only-tablet {
		display: block !important;
	}
	.frame-type-mask_text + .frame-type-mask_text {
		margin-top: 0;
	}
	.box-diagonal-right .textmedia {
		display: flex;
		flex-direction: column;
	}
	.service-nav {
		position: absolute;
		top: 30px;
		right: 130px;
	}
	.main-navi-label {
		right: -12px;
		top: 2px;
	}
	.main-navi-label span.menu-text {
		top: -2px;
	}
	.header-texts {
		left: 0;
	}
	.himmelblau {
		top: 45px;
		left: unset;
		right: -10px;
	}
	.impressum {
		left: calc(50% - 347.5px);
	}
	.main-nav {
		max-width: 480px;
		left: unset;
		right: 0;
		height: 100vh;
		box-shadow: unset;
		overflow: auto;
		padding: 100px 0 35px;
	}
	.main-nav .main-nav-ul {
		flex-direction: column;
		padding: 35px 15px;
	}
	.main-nav .main-nav-ul > li {
		margin-bottom: 1rem;
	}
	.main-nav .main-nav-ul ul {
		/*display: none;*/
	}
	.main-nav .menu-children-plus {
		/*display: inline-block;*/
		transition: all 0.2s;
	}
	.menu-children-plus.open {
		transform: rotate(45deg);
	}
	#main-navi-checkbox:checked ~ .outer-header-wrapper .main-navi-label .bar-1,
	#main-navi-checkbox:checked ~ .outer-header-wrapper .main-navi-label .bar-3 {
		top: 7px;
	}
	.ce-text h2 {
		margin-bottom: 2rem;
	}
	.no-pd-bt-for-mobile {
		padding-bottom: 0 !important;
	}
	.frame-type-mask_text {
		padding-top: 30px;
	}
	#story {
		margin-top: -50px;
	}
	.frame-type-list-ke_search_pi1 {
		padding-top: 80px;
		padding-bottom: 70px;
	}
}
@media (max-width: 767px) {
	body {
		hyphens: auto;
	}
	.mobile-no-hyphen {
		hyphens: none;
	}
	.mobile-break {
		display: block;
		height: 0;
	}
	.container, .container-fluid {
		padding-right: var(--bs-gutter-x, 1.5rem);
		padding-left: var(--bs-gutter-x, 1.5rem);
	}
	.only-tablet {
		display: none !important;
	}
	.only-smartphone {
		display: block;
	}
	.only-tablet-desktop {
		display: none;
	}
	.justify-content-end-md {
		justify-content: flex-start;
	}
	.main-nav .main-nav-ul ul a {
		background-position: 0 12px;
		padding: 8px 0 8px 30px;
	}
	.ce-header {
		height: auto;
	}
	.header-image,
	.header-overlay,
	.header-overlay-spickel {
		height: calc(100vh - 350px);
	}
	.header-texts-wrapper {
		padding-top: calc(100vh - 350px);
		position: static;
		overflow: hidden;
		margin-bottom: 1.5rem;
	}
	.page-1 .header-image,
	.page-1 .header-overlay,
	.page-1 .header-overlay-spickel {
		height: calc(100vh - 450px);
	}
	.page-1 .header-texts-wrapper {
		padding-top: calc(100vh - 450px);
	}
	.header-col-left,
	.header-col-right {
		width: 100%;
		padding-left: calc(1.5rem * .5);
	}
	.header-text {
		margin-bottom: 0;
		margin-top: 34px;
		padding-top: 20px;
	}
	.page-1 .header-text {
		margin-top: 26px;
	}
	.header-subtitle {
		margin-top: 1rem;
	}
	.header-text .link-with-arrow {
		font-size: 1.25rem;
		hyphens: auto;
		background-position: 0 9px;
		color: var(--blue);
		margin-top: 0.3rem;
	}
	.header-text.without-border-top {
		border-top: none;
		margin-top: -13px;
		padding-top: 0;
	}
	.ce-text h3 {
		padding-bottom: 12px;
	}
	.ce-textimagegroup .text-right {
		text-align: left;
		order: 3;
	}
	.ce-textimagegroup img {
		padding: 50px;
	}
	.royalSlider {
		width: 100%;
		height: 500px;
	}
	.box-diagonal-right {
		padding-bottom: 3rem;
	}
	.target-footer-content {
		order: 2;
	}
	.main-footer .main-nav-ul > li:last-child {
		margin-bottom: 30px;
	}
	.box-diagonal-left .content-element,
	.box-diagonal-right .content-element {
		padding-top: 0;
	}
	.ce-right .ce-gallery {
		float: none;
		text-align: center;
	}
	.ce-gallery .ce-row {
		justify-content: center;
	}
	.ce-left .ce-gallery, .ce-column {
		float: none;
	}
	.image-hover {
		max-width: 85%;
	}
	.main-footer .ce-gallery .ce-row {
		justify-content: flex-start;
	}
	.ce-box-diagonal {
		background-position: left top;
	}
	.impressum {
		left: calc(50% - 257.5px);
	}
	.menu-item-50 .menu-text {
		display: none;
	}
	.menu-item-53 {
		display: none;
	}
	.frame-type-list-ke_search_pi1 h3 {
		margin-bottom: 0.3rem;
	}
}
@media (max-width: 575px) {
	body {
		padding-top: 60px;
	}
	.menu-item-45 {
		display: none;
	}
	.menu-item-47 {
		display: block;
	}
	.main-navi-label {
		top: 0;
	}
	.ce-box-diagonal .ce-gallery + .ce-bodytext {
		padding-left: 25px;
		text-align: center;
	}
	.target-footer-content {
		margin-top: 40px;
		margin-bottom: 30px;
	}
	.impressum {
		left: var(--bs-gutter-x, 1.5rem);
	}
	.service-nav {
		top: 16px;
		right: 55px;
	}
	.main-navi-label span.menu-text {
		display: none;
	}
	.header-wrapper {
		height: 60px;
	}
	.menu-item-44 a {
		padding-left: 53px;
		background-size: 27px auto;
	}
	.menu-item-50 a {
		padding-right: 5px;
	}
	.logo-image {
		width: 100px;
		margin-left: var(--bs-gutter-x, 1.5rem);
	}
	.main-nav .main-nav-ul {
		padding: 0;
	}
	.main-navi-label {
		margin-right: 25px;
	}
	.is-ios-or-android .horizontalslider-column {
		min-width: 130vw;
		max-width: 130vw;
	}
	.ce-horizontalslider {
		margin-top: -15px;
	}
	.frame-type-list-ke_search_pi1 {
		padding-top: 30px;
		padding-bottom: 16px;
	}
}

@keyframes linenormal {
	0% {
		left: -100%;
	}
	100% {
		left: 0;
	}
}
@keyframes linehover {
	0% {
		left: 0;
	}
	100% {
		left: 100%;
	}
}
@keyframes arrowleft {
	0% {
		background-position-x: 0;
	}
	50% {
		background-position-x: 40px;
	}
	50.1% {
		background-position-x: -40px;
	}
	100% {
		background-position-x: 0;
	}
}