/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/lato-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/lato-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v16-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}


/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {font-size: 100%; font-family: 'Lato', Arial, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-weight: 400;}
body {margin: 0; color: #373e44; text-align: center; background: url(../img/background.jpg) no-repeat center top; background-size: cover;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
audio,canvas,progress,video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden],template {display: none;}
a {background-color: transparent; outline: none;}
a:active,a:hover {outline: 0;}
abbr[title] {border-bottom: 1px dotted;}
b,strong {font-weight: 700;}
dfn {font-style: italic;}
h1 {font-size: 2em; margin: 0.67em 0;}
mark {background: #ff0; color: #000;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.3em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 1em 40px;}
pre {overflow: auto;}
code,kbd,pre,samp {font-family: monospace, monospace; font-size: 1em;}
button,input,optgroup,select,textarea {color: inherit; font-family: 'Lato', Arial, sans-serif; font-size: 14px; margin: 0 0 20px 0;}
button {overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0; padding: 0;}
input {line-height: normal; border: 1px solid #E5E5E5; padding: 0 10px; width: 100%; height: 34px; line-height: 34px; background: #f7f7f7; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out;}
	input.error {border-color: #e33654;}
input[type="checkbox"],input[type="radio"] {padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; border: 1px solid #E5E5E5; padding: 10px; width: 100%; height: 146px; line-height: 21px; background: #f7f7f7; -webkit-border-radius: 0; border-radius: 0; resize: none; overflow: hidden; -webkit-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out;}
	textarea.error {border-color: #e33654;}
optgroup {font-weight: 700;}
table {border-collapse: collapse; border-spacing: 0;}
td,th {padding: 0;}
p {margin: 0 0 15px 0; font-size: 16px; line-height: 30px;}
	.fontsMins p {font-size: 12px; line-height: 17px;}
	.fontsPlus p {font-size: 18px; line-height: 23px;}
a {color: inherit; outline: none; text-decoration: none;}
	a:hover {text-decoration: underline;}
:focus {outline: none;}
img {display: block; max-width: 100%;}
ul, ol {margin: 0; padding: 0;}
label {display: block; width: 100%; height: 24px; line-height: 24px; color: #f1f1f1; font-size: 14px;}
	label.error {position: absolute; left: -10000px;}
h1 {margin: 0 0 28px 0; color: #004692; font-size: 24px; line-height: 28px; font-weight: 400;}
	.fontsMinus h1 {font-size: 21px; line-height: 25px;}  
	.fontsPlus h1 {font-size: 27px; line-height: 31px;} 
h2 {margin: 0 0 13px 0; color: #6b7884; font-size: 19px; font-weight: 400;}
	.fontsMinus h2 {font-size: 16px;}  
	.fontsPlus h2 {font-size: 22px;} 
h3 {margin: 0 0 28px 0; color: #004692; font-size: 24px; line-height: 28px; font-weight: 400;}
	.fontsMinus h3 {font-size: 21px; line-height: 23px;}  
	.fontsPlus h3 {font-size: 27px; line-height: 31px;} 
h4 {margin: 0 0 23px 0; color: #004692; font-size: 19px; font-weight: 400;}
	.fontsMinus h4 {font-size: 16px;}  
	.fontsPlus h4 {font-size: 22px;} 


/* basic css */
.contentGrid {margin: 0 auto; max-width: 1516px;}
.clearLine {clear: both;}
.colorRed {color: #e41a63!important;}
.smallText p {font-size: 14px!important;}
	.fontsMinus .smallText p {font-size: 11px!important;} 
	.fontsPlus .smallText p {font-size: 17px!important;} 
.shadowImg img {-webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd;}
.borderImg img {border: 5px solid #fff; -webkit-border-radius: 5px; border-radius: 5px;}
.noMargin {margin: 0!important;}

#page {width: 100%; overflow: hidden;}
	#pageBox {position: relative; margin: 0 0 0 270px; width: 100%; -webkit-transform: translateX(-270px); transform: translateX(-270px); -webkit-transition: transform 0.3s ease-in-out, color 0.3s; transition: transform 0.3s ease-in-out;}
		.naviOpened #pageBox {-webkit-transform: translateX(0); transform: translateX(0);}
		#pageNaviMobile {position: absolute; top: 0; left: -270px; width: 270px; -webkit-box-shadow: 1px 1px 20px 0 #ddd; box-shadow: 1px 1px 20px 0 #ddd;}
			#pageNaviMobile ul {text-align: left;}
				#pageNaviMobile ul li {list-style: none; background: #fff url(../img/mobileNaviBackground.png) repeat-x left bottom;}
					#pageNaviMobile ul li a {display: block; padding: 10px 25px; line-height: 22px; color: #004c96; font-size: 18px; text-decoration: none;}
						#pageNaviMobile ul li a:hover, #pageNaviMobile ul li.rex-current > a {color: #e33654;}
					#pageNaviMobile ul li ul {height: 0; overflow: hidden; -webkit-transition: height 0.3s ease-in-out, color 0.3s; transition: height 0.3s ease-in-out;}
						#pageNaviMobile ul  li.rex-active ul {height: auto;}
						#pageNaviMobile ul li ul li {background: none;}
						#pageNaviMobile ul li.rex-with-child {position: relative;}
							#pageNaviMobile ul  li.rex-with-child > a::after {position: absolute; top: 6px; right: 10px; width: 30px; height: 30px; background: url(../img/mobileNaviArrow.png) no-repeat center center; background-size: 20px; cursor: pointer; content: ""; -webkit-transition: all 0.3s ease-in-out, color 0.3s; transition: all 0.3s ease-in-out;}
								#pageNaviMobile ul  li.rex-with-child.rex-active > a::after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
#pageHeader {position: relative; padding: 51px 530px 0 50px; height: 122px; text-align: center;}
	#pageHeaderNaviBackground {display: none; background: #fff; z-index: 4;}
		#openNaviMobile {display: none; z-index: 5;}
		#pageHeaderLogo {position: absolute; top: 0; right: 140px; display: block; width: 385px; height: 145px; background: url(../../media/logomeroswelt.png) no-repeat center top; background-size: 385px; font-size: 0; z-index: 5;}
		#pageHeader #pageHeaderNaviBox {position: relative; -webkit-transition: transform 0.3s ease-in-out, color 0.3s; transition: transform 0.3s ease-in-out; z-index: 3;}
		#pageHeader ul {display: inline-block;}
			#pageHeader ul ul {display: none;}
			#pageHeader li {display: inline-block; margin: 0 2px; list-style: none;}
				#pageHeader li a {display: block; padding: 0 24px; line-height: 42px; -webkit-border-radius: 5px; border-radius: 5px; color: #004c96; font-size: 18px; text-decoration: none; -webkit-transition: all 0.3s ease-in-out, color 0.3s; transition: all 0.3s ease-in-out; font-weight: bold;}
				#pageHeader li a:hover, #pageHeader li.rex-current a, #pageHeader li.rex-active a {background: #fff; color: #e33654; -webkit-box-shadow: 1px 1px 20px 0 #ddd; box-shadow: 1px 1px 20px 0 #ddd;}
	#pageHeaderFonts {position: absolute; top: 25px; right: 35px;}
		#pageHeaderFonts a {display: inline-block; padding: 0 3px; text-align: center; color: #004692; opacity: 0.3; text-decoration: none; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
			#pageHeaderFonts a:hover {opacity: 0.7;}
			#pageHeaderFonts a.current {opacity: 1;}
			#pageHeaderFonts a.fontsMinus {font-size: 16px;}
			#pageHeaderFonts a.fontsZero {font-size: 19px;}
			#pageHeaderFonts a.fontsPlus {font-size: 23px;}
	.fb-like {position: absolute!important; right: 39px; bottom: 25px;}
#pageSlider {position: relative; padding: 0 50px 50px 50px;}
	#pageSliderBox {position: relative; width: 100%; padding: 0 50px 32% 50px;}
		#pageSliderBox::before {position: absolute; top: 4.8%; bottom: -7.4%; left: -52px; width: 38px; background: url(../img/sliderBigLeft.png) no-repeat right bottom; background-size: contain; content: "";}
		#pageSliderBox::after {position: absolute; top: 4.8%; bottom: -7.4%; right: -52px; width: 38px; background: url(../img/sliderBigRight.png) no-repeat left bottom; background-size: contain; content: "";}
		.startSlider {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
		#pageSliderBox a {position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
	#pageSlider .swiper-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

	#pageSliderBox2 {position: relative; width: 100%; padding: 0 50px 45% 50px;}
		#pageSliderBox2::before {position: absolute; top: 4.8%; bottom: -7.4%; left: -52px; width: 38px; background: url(../img/sliderBigLeft.png) no-repeat right bottom; background-size: contain; content: "";}
		#pageSliderBox2::after {position: absolute; top: 4.8%; bottom: -7.4%; right: -52px; width: 38px; background: url(../img/sliderBigRight.png) no-repeat left bottom; background-size: contain; content: "";}
		#pageSliderBox2 a {position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
	#pageSlider2 .swiper-container {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.detailPage #pageSlider {padding: 0 50px 44px 50px;}
	.detailPage #pageSliderBox {position: relative; width: 100%; padding: 0 0 16.59% 0;}
	.detailPage #pageSliderBox::before {position: absolute; top: 4.8%; bottom: -7.4%; left: -52px; width: 38px; background: url(../img/sliderSmallLeft.png) no-repeat right bottom; background-size: contain; content: "";}
	.detailPage #pageSliderBox::after {position: absolute; top: 4.8%; bottom: -7.4%; right: -52px; width: 38px; background: url(../img/sliderSmallRight.png) no-repeat left bottom; background-size: contain; content: "";}
	#pageSlider4Box {position: relative; padding: 20px 10% 10px 10%; width: 100%; height: 100%; overflow: hidden; text-align: center; z-index: 50;}
		.pageSlider4BoxItem {position: relative; float: left; display: block; margin: 0 0 0 2%; padding: 0 0 17.55%; width: 23.5%; height: 0; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd;}
			.pageSlider4BoxItem:first-child {margin: 0;}
			.pageSlider4BoxItemImg {position: absolute; top: 0; left: 0; width: 100%; height: 79%; cursor: pointer;  -webkit-transition: top 0.3s ease-in-out, color 0.3s ease-in-out; transition: top 0.3s ease-in-out, color 0.3s ease-in-out;}
				.shine {position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;background: linear-gradient(90deg, rgba(255,255,255,.5) 0%,rgba(255,255,255,0) 60%);}
				.pageSlider4BoxItem:hover .pageSlider4BoxItemImg, .pageSlider4BoxItem.current .pageSlider4BoxItemImg {top: -3%; top: -3%;}
				.boxImg1 {background: url(../img/4box1.png) no-repeat center top; background-size: cover;}
				.boxImg2 {background: url(../img/4box2.png) no-repeat center top; background-size: cover;}
				.boxImg3 {background: url(../img/4box3.png) no-repeat center top; background-size: cover;}
				.boxImg4 {background: url(../img/4box4.png) no-repeat center top; background-size: cover;}
			.pageSlider4BoxItem span {position: absolute; bottom: 0; left: 0; width: 100%; height: 62px; line-height: 62px; background: #fff; color: #004c96; font-size: 18px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-transition: color 0.3s ease-in-out, color 0.3s; transition: color 0.3s ease-in-out;}
				.pageSlider4BoxItem:hover span {color: #e33654;}
	#autoWidthSlider .swiper-slide {float: left; height: 100%; margin: 0 0 0 1px;}
		#autoWidthSlider .swiper-slide:first-child {margin: 0;}
#pageContact {padding: 0 11.08%; text-align: left;}
	.pageContactHeadline {padding: 18px 0 0 0; line-height: 32px; color: #004c96; font-size: 15px;}
	#pageContactGM {position: relative; width: 100%; height: 360px;}
		#pageContactInfos {/*position: absolute; top: 0; left: 40px; padding: 42px 0 0 120px; width: 446px; height: 360px; overflow: hidden;*/ padding: 30px 30px 30px 80px; background: rgb(255,255,255); background: rgba(255,255,255,0.9); z-index: 10; -webkit-transition: background 0.3s ease-in-out, height 0.3s ease-in-out; transition: height 0.3s ease-in-out, background 0.3s ease-in-out;}
			#pageContactInfos.closed {height: 42px;}
			#closeContactInfos {display: none;}
			#pageContactInfos h4 {-webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
				#pageContactInfos.closed h4 {opacity: 0;}
			#pageContactInfos .gmText {position: relative; margin: 0 0 20px 0; line-height: 20px; color: #707f8a; font-size: 14px; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out;}
				#pageContactInfos.closed .gmText {opacity: 0;}
				/*#pageContactInfos .gmText.gmIcon2 {font-size: 18px;}*/
					#pageContactInfos .gmText.gmIcon2 span {display: inline-block; width: 37px; font-size: 14px;}
				#pageContactInfos .gmText.gmIcon4 {position: relative; padding: 0 0 0 108px;}
					#pageContactInfos .gmText.gmIcon4 .openingTime {position: absolute; top: 0; left: 0;}
					#pageContactInfos .gmText.gmIcon4 .openingDays {display: inline-block; width: 52px;}
				#pageContactInfos .gmText a {color: #e33654;}
				#pageContactInfos .gmText::before {position: absolute; top: 3px; left: -48px; width: 20px; height: 20px; content: "";}
					#pageContactInfos .gmText.gmIcon1::before {background: url(../img/gmIcon1.png) no-repeat top left; background-size: 15px;}
					#pageContactInfos .gmText.gmIcon2::before {background: url(../img/gmIcon2.png) no-repeat top left; background-size: 15px;}
					#pageContactInfos .gmText.gmIcon3::before {background: url(../img/gmIcon3.png) no-repeat top left; background-size: 15px;}
					#pageContactInfos .gmText.gmIcon4::before {background: url(../img/gmIcon4.png) no-repeat top left; background-size: 15px;}
		#pageContactGMBox {position: relative; width: 100%; height: 360px; z-index: 5;}
	#pageContactBox {position: relative; width: 100%; padding: 50px 300px 0 0;}
		#pageContactBox .inputBox {float: left; width: 30%; margin: 0 5% 0 0;}
			#pageContactBox .inputBox.lastInputBox {margin: 0;}
			#pageContactBox input#formSubmit {border-color: #e33654; background: #e33654; color: #fff; font-size: 15px;}
		#formInfo {position: absolute; top: 50px; right: 0; width: 270px; color: #004692;}
			#formInfo a {display: block; color: #004692;}
			#formInfo p {margin-bottom: 30px;}
			#formInfo img {display: inline-block; margin: 0 22px 0 0;}
				#formInfo img:last-child {margin: 0;}
				
	.formDataInfo {position: relative; padding: 0 50px 0 0;}
		#checkForm {position: absolute;top: 5px;right: 15px;display: block;width: 22px;height: 22px;border: 2px solid #004692;}
			#checkForm::before {position: absolute;display: none;top: 11px;right: 11px;width: 6px;height: 2px;background: #004692;content: "";transform: rotate(45deg);}
			#checkForm::after {position: absolute;display: none;top: 8px;right: 0;width: 14px;height: 2px;background: #004692;content: "";transform: rotate(-45deg);}
			#checkForm.checked::before,#checkForm.checked::after {display: block;}

	.lastInputBox {position: relative;}
		.lastInputBox::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.8);content: "";z-index: 5;}
		.lastInputBox.checked::before {display: none;}

	.pageContactButton {margin: 40px 0; height: 36px;}
		.pageContactButton a {float: right; display: block; width: 36px; height: 36px; background: #004494 url(../img/doubleArrowUp.png) no-repeat center center; background-size: 14px; cursor: pointer;}
	
#pageFooter {position: relative; width: 100%; height: 281px; background: url(../img/footerBackground.png) repeat-x;}			
	#pageFooter::after {position: absolute; top: 50%; left: 50%; margin: -37px 0 0 -157px; width: 314px; height: 74px; background: url(../img/footerText.png) no-repeat center center; background-size: 314px; content: "";}	

#pageContent {position: relative; padding: 0 11.08% 50px 11.08%; text-align: left; font-size: 100%;}
	#pageContent img {display: block; margin: 0 auto 19px auto;}
	#pageContent a {color: #e41a63; text-decoration: none;}
		#pageContent a:hover {text-decoration: underline;}
	.pageContent50 {float: left; padding: 0 0 0 15px; width: 50%;}
		.pageContent50:first-child {padding: 0 15px 0 0;}
		.pageContent50 .pageContent50:first-child {padding: 0 15px 0 0;}
	.contentTextImg {margin: 0 0 15px 0; padding: 0 0 5px 0; background: #fff; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd;}
		.contentTextImg.withoutImg {padding: 10px 0 5px 0;}
		#pageContent .contentTextImg img {margin: 0 0 16px 0; width: 100%;}
		.contentTextImg p, .contentTextImg h4 {padding: 0 20px;}
			.contentTextImg p {color: #707f8a;}
	.imgWithEl {position: relative; padding-bottom: 1px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
		.imgWithEl img {display: block; margin-left: auto!important; margin-right: auto!important;}
		
	#startNews {position: relative; margin-bottom: 50px;}	
		#startNews .swiperSliderButton {position: absolute; top: 121px; width: 28px; height: 28px; -webkit-border-radius: 100%; border-radius: 100%; z-index: 20; cursor: pointer;}
			#startNews .swiperSliderButton.swiperSlidePrev {left: -11px; background: #139CDA url(../img/whiteArrowLeft.png) no-repeat center center; background-size: 8px;}
			#startNews .swiperSliderButton.swiperSlideNext {right: -11px; background: #139CDA url(../img/whiteArrowRight.png) no-repeat center center; background-size: 8px;}
			
			#startNews .swiper-slide {height: auto; }
			#pageContent .slideImg img {display: block; margin-bottom: 0!important; width: 100%; max-width: 100%;}
			.slideContent {margin: 5px 5px 5px 5px; padding: 10px 20px; color: #707f8a;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);} 

	.pageContent26 {float: left; width: 23%;}
		.pageContent26.pageSubnavi h3 span {display: none;}
		.newsContent p, .sidebarContent p {color: #707f8a;}
	.pageContent48 {position: relative; float: left; padding: 0 29px 0 33px; width: 54%;}
		.pageContent48::before {position: absolute; top: 0; left: -15px; width: 61px; height: 687px; background: url(../img/shadowContentLeft.png) no-repeat center top; content:"";}
		.pageContent48 h1, .pageContent48 h2, .pageContent48 h3, .pageContent48 h4, .pageContent48 p {padding: 0 18px;}
	
	.pageSubnavi h3 {padding: 0 14px;}
	#pageContent ul {margin: 0 0 15px 0; padding: 0;}
		#pageContent ul li {position: relative; list-style: none; padding: 0 0 0 50px; line-height: 30px;}
			#pageContent ul li {font-size: 13px; line-height: 28px;}
			#pageContent ul li {font-size: 14px; line-height: 29px;}
			#pageContent ul li {font-size: 16px; line-height: 31px;}
			#pageContent ul li {font-size: 17px; line-height: 32px;}
			#pageContent ul li::before {position: absolute; top: 5px; left: 14px; width: 21px; height: 21px; background: #E61861 url(../img/listPoint.png) no-repeat center center; -webkit-border-radius: 100%; border-radius: 100%; content: "";}
	#pageContent .pageSubnavi ul {margin: 0; padding: 0;}
		#pageContent .pageSubnavi ul li {list-style: none; padding: 0; font-size: 14px;}
			#pageContent.fontsMinus .pageSubnavi ul li {font-size: 11px;}
			#pageContent.fontsPlus .pageSubnavi ul li {font-size: 17px;}
			#pageContent .pageSubnavi ul li::before {display: none;}
			#pageContent .pageSubnavi ul li a {position: relative; display: block; padding: 6px 14px; line-height: 17px; color: #145a9e; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition:all 0.3s; transition: all 0.3s;}
				#pageContent .pageSubnavi ul li a::before {display: block; position: absolute; top: 11px; left: 1px; width: 9px; height: 2px; background: #e33654; opacity: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; -webkit-transition:all 0.3s; transition: all 0.3s;}
				#pageContent .pageSubnavi ul li a::after {position: absolute; top: 16px; left: 1px; width: 9px; height: 2px; background: #e33654; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; -webkit-transition:all 0.3s; transition: all 0.3s;}
				#pageContent .pageSubnavi ul li a:hover, #pageContent .pageSubnavi ul li.rex-current a {padding-left: 25px; background: #fff; color: #e33654; text-decoration: none; -webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd;}
					#pageContent .pageSubnavi ul li a:hover::before, #pageContent .pageSubnavi ul li.rex-current a::before {opacity: 1; left: 12px;}
					#pageContent .pageSubnavi ul li a:hover::after, #pageContent .pageSubnavi ul li.rex-current a::after {opacity: 1; left: 12px;}
	
	#pageContent table {margin: 0 18px 15px 18px; border: 1px solid #E0E0E0; font-size: 15px; font-family: inherit;}
		#pageContent.fontsMinus table {font-size: 12px;}
		#pageContent.fontsPlus table {font-size: 17px;}
		#pageContent table thead {background: #F5F5F5; font-weight: 700;}
		#pageContent table td {padding: 2px 13px;}
			#pageContent table tbody tr:nth-child(even) {background: #E6E6E6}
	
	.accordionBox {-webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd;}
		.accordionTitle {position: relative; padding: 0 60px 0 18px; line-height: 50px; background: #fff url(../img/accordionTitle.png) repeat-x center top; color: #004c96; font-size: 19px; cursor: pointer; -webkit-transition:color 0.3s; transition: color 0.3s;}
			.fontsMinus .accordionTitle {font-size: 16px;}
			.fontsPlus .accordionTitle {font-size: 22px;}
			.accordionTitle:hover {color: #0062c1;}
			.accordionTitle span {position: absolute; top: 16px; right: 31px; display: block; width: 3px; height: 17px; background: #E61861; -webkit-transition: transform 0.3s; transition: transform 0.3s;}
				.accordionTitle span::before {position: absolute; top: 7px; left: 1px; width: 9px; height: 3px; background: #E61861; content: "";-webkit-transition:width 0.3s; transition: width 0.3s;}
				.accordionTitle span::after {position: absolute; top: 7px; right: 1px; width: 9px; height: 3px; background: #E61861; content: "";-webkit-transition:width 0.3s; transition: width 0.3s;}
				.accordionTitle.opened span {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
					.accordionTitle.opened span::before {width: 0;}
					.accordionTitle.opened span::after {width: 0;}
			.accordionBox .accordionTitle:first-child {background: #fff;}
		.accordionContent {padding: 0 0 1px 0; background: #fff; height: 0; overflow: hidden; -webkit-transition: height 0.3s; transition: height 0.3s;}
	
	.videoBox {position: relative; margin: 0; padding: 0 0 56.25%; width: 100%; height: 0;}
		.videoBox iframe {position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;}
		
	.imgZoom {display: block; float: left; padding: 4px; width: 33%;}
	
#shadowBottom {width: 100%; height: 61px; background: url(../img/shadowContentBottom.png) no-repeat center center;}	

@media (max-width: 1550px) {
	.pageSlider4BoxItem span {height: 50px; line-height: 50px; font-size: 14px;}
}
@media (max-width: 1380px) {
	#pageHeader {position: relative; padding: 51px 540px 0 27px; text-align: left;}
		#pageHeader li a {display: block; padding: 0 14px;}
	#pageHeaderFonts {right: 24px;}
	#pageSlider {position: relative; padding: 0 0 50px 0;}
		#pageSliderBox {position: relative; width: 100%; padding: 0 0 27.5% 0;}
		.detailPage #pageSlider {padding: 0 0 44px 0;}
		#pageSliderBox::before {display: none;}
		#pageSliderBox::after {display: none;}
	.fb-like {right: 27px;}
}
@media (max-width: 1250px) {
	.pageSlider4BoxItem span {height: 40px; line-height: 40px;}
}
@media (max-width: 1240px) {
	#pageHeader {padding: 51px 50px 0 50px;}
		#pageHeaderLogo {right: 50%; margin: 0 -192px 0 0; width: 385px;}
		#pageHeader #pageHeaderNaviBox, #pageHeader ul {display: none;}
	#openNaviMobile {display: block; padding: 8px; position: absolute; left: 18px; top: 48px; width: 46px; z-index: 50; -webkit-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; cursor: pointer;}
		#openNaviMobile span, #openNaviMobile::before, #openNaviMobile::after {display: block; margin: 0 0 5px; width: 30px; height: 3px; background: #004692; backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; content: "";}
			.naviOpened #openNaviMobile span {opacity: 0;}
				.naviOpened #openNaviMobile::before {margin-top: 8px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);}
				.naviOpened #openNaviMobile::after {margin-top: -16px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);}
	.pageContent26.pageSubnavi {display: none;}
	.pageContent48 {width: 74%; padding: 0px 29px 0px 0;}
		.pageContent48::before {display: none;}
		/*.detailPage #pageSliderBox {padding: 0 0 180px 0;}*/
		.detailPage #pageSliderBox {position: relative; width: 100%; padding: 0 0 19.5% 0;}
	/*#pageContactInfos {padding: 42px 0 0 80px; width: 406px;}*/
}
@media (max-width: 1100px) {
	.pageSlider4BoxItem span {height: 30px; line-height: 30px;}
	.pageContent50, .pageContent50:first-child {float: none; padding: 0; width: 100%;}
		.pageContent50 .pageContent50 {float: left; width: 50%; padding: 40px 0 0 15px;}
			.pageContent50 .pageContent50:first-child {padding: 40px 15px 0 0;}
	#pageContactBox {padding: 50px 0 0 0;}
		#formInfo {position: relative; top: auto; right: auto; padding: 30px 0 50px 0; width: 100%;}
		#pageSubnavi {position: absolute; top: 35px; left: 0; padding: 0 10px; width: 100%; height: 0; background: #fff; overflow: hidden; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: 1px 1px 10px 0 #ddd; box-shadow: 1px 1px 10px 0 #ddd; -webkit-transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out; z-index: 10;}
		.pageContent26.pageSubnavi ul {position: absolute; bottom: 10px; left: 10px; right: 10px;}
		.pageContent26.pageSubnavi h3 {position: relative;}
			.pageContent26.pageSubnavi h3 span {position: absolute; top: 0; right: 0; display: block; width: 28px; height: 28px; background: #004494; z-index: 3;}
			.pageContent26.pageSubnavi h3 span::after {position: absolute; top: 0; right: 0; width: 28px; height: 28px; background: url(../img/blueArrow.png) no-repeat center center; content: ""; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
			.pageContent26.pageSubnavi h3 span.subOpened::after {transform: rotate(0deg); -webkit-transform: rotate(0deg);}
	/*#pageContactInfos {left: 0;}*/
	
}
@media (max-width: 950px) {
	.pageSlider4BoxItem span {height: 25px; line-height: 25px; font-size: 13px;}
	/*#pageContactInfos {left: 1px; right: 1px; width: auto;}
		#closeContactInfos {display: block; position: absolute; top: 1px; right: 1px; width: 40px; height: 40px; background: #004692; cursor: pointer;}
			#closeContactInfos::before {position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -12px; width: 24px; height: 2px; background: #fff; content: ""; transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
				#pageContactInfos.closed #closeContactInfos::before {transform: rotate(90deg); -webkit-transform: rotate(90deg);}
			#closeContactInfos::after {position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -12px; width: 24px; height: 2px; background: #fff; content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
				#pageContactInfos.closed #closeContactInfos::after {transform: rotate(0); -webkit-transform: rotate(0);}*/
}
@media (max-width: 850px) {
	#pageHeader {padding-top: 10px; height: 61px;}
		#pageHeaderLogo {right: 50%; margin: 0 -96px 0 0; width: 192px; height: 72px; background-size: contain;}
		#pageHeaderNaviBackground {height: 61px;}
		#openNaviMobile {top: 11px;}
		.fb-like {bottom: 20px; right: 100px;}
	#pageHeader li {display: block;}
	#pageHeaderFonts {top: 17px;}
	#pageFooter {height: 140px;}
		#pageFooter::after {margin: -19px 0px 0px -79px; width: 157px; height: 37px; background-size: contain;}
	#pageSlider {position: relative; padding: 0 0 50px 0;}
		#pageSliderBox {padding: 0 0 35% 0;}
		#pageSlider4Box {top: 30%; padding: 20px 50px 0 50px;}
			.pageSlider4BoxItem {margin: 0 0 3% 2%; padding: 0 0 34%; width: 49%;}
				.pageSlider4BoxItem:first-child, .pageSlider4BoxItem:nth-child(3) {margin: 0 0 3% 0}
				.pageSlider4BoxItem span {height: 60px; line-height: 60px; font-size: 18px;}
	#pageContent {padding: 0 50px 50px 50px;}
	#pageContact {padding: 0 50px;}
	#pageContactBox .inputBox {float: none; width: 100%; padding: 0;}
}	
@media (max-width: 750px) {
	#pageSlider {position: relative; padding: 0 0 50px 0;}
	#pageSlider4Box {padding: 0 35px;}
	#pageContent {padding: 0 30px 50px 30px;}
	#pageContact {padding: 0 30px;}
	.pageContent48 {float: none; width: 100%; padding: 0;}
	.pageContent26 {float: none; width: 100%; padding: 40px 0 0 0;}
		.pageContent26.pageSubnavi {padding: 0;}
}
@media (max-width: 640px){
	#pageHeaderFonts {top: 4px; right: 5px;}
	.fb-like {bottom: 8px; right: 5px;}
}
@media (max-width: 600px){
	.pageSlider4BoxItem span {height: 50px; line-height: 55px; font-size: 17px;}
	.pageContent50 .pageContent50 {float: none; width: 100%; padding: 40px 0 0 0;}
		.pageContent50 .pageContent50:first-child {padding: 40px 0 0 0;}
	#pageContactGM {height: 400px;}
	/*#pageContactInfos {padding: 42px 10px 0px 40px; height: 400px;}
	#pageContactInfos .gmText::before {left: -28px;}
	#pageContactInfos .gmText.gmIcon2 {font-size: 14px;}
		#pageContactInfos .gmText.gmIcon2 span {font-size: inherit;}
	#pageContactInfos .gmText.gmIcon4 {position: relative; padding: 20px 0px 0px 0;}*/
	#pageContactGMBox {height: 400px;}
}
@media (max-width: 500px){
	#pageContactInfos {padding: 15px 15px 15px 65px;}
	#pageContactInfos .gmText.gmIcon4 {position: relative; padding: 20px 0px 0px 0;}
}
@media (max-width: 420px){
	.pageSlider4BoxItem span {height: 40px; line-height: 40px; font-size: 15px;}
}
@media (max-width: 400px){
	#pageHeaderLogo {left: 50px; right: auto; margin: 0; width: 150px; height: 72px; background-size: contain;}
	#openNaviMobile {top: 11px; left: 4px;}
	#pageHeaderFonts {right: 8px;}
		#pageHeaderFonts a.fontsMinus {font-size: 12px;}
		#pageHeaderFonts a.fontsZero {font-size: 16px;}
		#pageHeaderFonts a.fontsPlus {font-size: 20px;}
	.pageSlider4BoxItem span {height: 30px; line-height: 30px; font-size: 12px;}
	#pageContactGM {height: 450px;}
	/*#pageContactInfos {height: 450px;}*/
	#pageContactGMBox {height: 450px;}
}

.fb-like {width: 155px!important;}

/* Cookies */
#iwcc-wrapper, #iwcc-toggle-details {font-family: 'Roboto', sans-serif!important; text-align: left;}
#iwcc-wrapper p, #iwcc-wrapper .iwcc-cookiegroup-description {line-height: 25px;}
#iwcc-wrapper .iwcc-headline {margin-bottom: 30px; color: #E61861 ; font-size: 1.375em; font-weight: normal;}
#iwcc-wrapper .iwcc-close.iwcc-close-box {width: 32px; height: 32px;}
	#iwcc-wrapper .iwcc-close.iwcc-close-box::before {position: absolute; top: 16px; left: -2px; width: 35px; height: 1px; background: #999; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: "";}
	#iwcc-wrapper .iwcc-close.iwcc-close-box::after {position: absolute; top: 16px; left: -2px; width: 35px; height: 1px; background: #999; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: "";}
#iwcc-wrapper .iwcc-cookie {line-height: 20px; font-size: 0.875em;}
#iwcc-wrapper #iwcc-detail .iwcc-headline {margin: 30px 0 10px 0; color: #E61861 ; font-size: 1.250em;}
#iwcc-wrapper .iwcc-accept-all {background-color: #E61861 ; border-color: #E61861 ; color: #fff;}
#iwcc-wrapper .iwcc-show-details a, #iwcc-wrapper .iwcc-cookie-link-privacy-policy a {color: #E61861 ;}
#iwcc-wrapper label {color: inherit; height: auto; line-height: 1;}
.iwcc-save-selection:hover {color: #fff!important;}

.startPagination {
	position: absolute; bottom: 20px; left: 50%; z-index: 99; transform: translateX(-50%);
}
.swiper-pagination-bullet {
	margin: 4px;
	width: 12px; height: 12px; border: 2px solid #e41a63; border-radius: 100%; background: transparent; opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background: #e41a63;} 

#pageContactInfosGM {position: relative; padding: 30px; background: #fff; text-align: center;}
#pageContactInfosGM p {font-size: 14px;}
#pageContactInfosGM iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}

#consent_manager-wrapper {overflow-y: hidden!important;}
#consent_manager-wrapper p {text-align: left; font-size: 12px; line-height:1.2;}
#consent_manager-wrapper div.consent_manager-cookiegroups label>input[type="checkbox"] {
    transform: scale(.5)!important;
}
#consent_manager-wrapper .consent_manager-cookiegroups {padding: 0!important;}
#consent_manager-wrapper div.consent_manager-cookiegroups label {
    font-size: 12px!important;
}

#consent_manager-wrapper div.consent_manager-show-details .icon-info-circled {margin-top: 20px;}
#consent_manager-wrapper div.consent_manager-sitelinks a {font-size: 12px!important;}

#consent_manager-wrapper button.consent_manager-save-selection, #consent_manager-wrapper button.consent_manager-accept-all, #consent_manager-wrapper button.consent_manager-accept-none {font-size: 12px;}
#consent_manager-detail, #consent_manager-detail div.consent_manager-wrapper .consent_manager-headline {font-size: 12px!important; text-align: left;}