/* Google Font Zen Kaku Gothic New für Coming soon Page derzeit via Google eingebunden */

/* Google Fonts lokal eingebunden
------------------------------------------------*/
/* zen-kaku-gothic-new-300 - latin */
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/zen-kaku-gothic-new-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/zen-kaku-gothic-new-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-300.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-300.svg#ZenKakuGothicNew') format('svg'); /* Legacy iOS */
}
/* zen-kaku-gothic-new-regular - latin */
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/zen-kaku-gothic-new-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/zen-kaku-gothic-new-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-regular.svg#ZenKakuGothicNew') format('svg'); /* Legacy iOS */
}
/* zen-kaku-gothic-new-700 - latin */
@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/zen-kaku-gothic-new-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	   url('../fonts/zen-kaku-gothic-new-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-700.woff') format('woff'), /* Modern Browsers */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	   url('../fonts/zen-kaku-gothic-new-v13-latin-700.svg#ZenKakuGothicNew') format('svg'); /* Legacy iOS */
}


/* Coming soon Page
------------------------------------------------*/
.coming_soon h1 {
	font-family: 'Zen Kaku Gothic New', sans-serif !important;
	font-weight: 300;
	font-size: 48px;
	margin-top: 90px;
	margin-bottom: 10px;
}

.coming_soon p {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 45px;
}


/* Common Typo
------------------------------------------------*/
body, p, .mainmenu ul li a {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	color: #000;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .ce_revolutionslider_text.bold, .font_headline {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-weight: 300;
}

h1 {
	font-size: 1.5em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 30px;
	-webkit-hyphens: auto;
	hyphens: auto;
}

h2 {
	font-size: 1em;
	line-height: 1.33em;
	-webkit-hyphens: auto;
	hyphens: auto;
}

h3 {
	font-size: 1em;
	line-height: 1.33em;
	text-transform: uppercase;
	margin-top: 40px;
	margin-bottom: 10px;
	-webkit-hyphens: auto;
	hyphens: auto;
}

p {
	margin-bottom: 12px;
}

a, a:visited {
	color: rgba(50,90,120,1);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

a:hover {
	color: rgba(50,90,120,0.7);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}


/* Cookiebar
------------------------------------------------*/
.cookiebar {
	background-color: rgba(50,90,120,1);	
}

.cookiebar p, .cookiebar a {
	font-size: 1.2rem;
	float: left;
	color: #fff;
	margin-bottom: 0;
}

.cookiebar a {
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
}

.cookiebar a:hover {
	color: rgba(255,255,255,0.7);
}

.cookiebar-close {
	font-weight: 600;
	font-size: 16px;
	background: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 1rem;
	color: rgba(50,90,120,1);
	display: inline-block;
}

.cookiebar-close:hover {
	background: rgba(255,255,255,0.7);
}


/* Header
------------------------------------------------*/
.logo a {
	background-image: url('../img/logo-renoldpartner-rgb.svg');
}

.header .mainmenu a.pct_megamenu:after, .header .mainmenu a.submenu:after {
	display: none;
}

.mainmenu ul li {
	margin-left: 5px;
	margin-right: 5px;
}

.mainmenu ul li a {
	font-size: 1em;
	line-height: 5.2em;
	font-weight: 700;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.mainmenu ul ul {
	padding-bottom: 20px;
}

.mainmenu li.level_2 a, .mainmenu li.level_2 a > * {
	font-size: 1.2rem !important;
	line-height: 2.4rem !important;
}

.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {
	/* color: rgba(4,122,198,1); */
}

.header.original .mainmenu ul li a.trail, .header.original .mainmenu ul li a.active, .header.cloned .mainmenu ul li a.trail, .header.cloned .mainmenu ul li a.active {
	color: #fff;
}

.header.original .mainmenu ul li.level_2 a.trail, .header.original .mainmenu ul li.level_2 a.active, .header.cloned .mainmenu ul li.level_2 a.trail, .header.cloned .mainmenu ul li.level_2 a.active {
	color: inherit;
}

.header .mainmenu ul ul li.active a span:before {
	position: absolute;
	content: '';
	height: 1px;
	background: rgb(0,0,0);
	bottom: 0;
	width: 100%;
	left: 0;
	transform: scaleX(0);
	transition: transform 0.3s ease-in-out;
}

.header.original .mainmenu ul li a span, .header.cloned .mainmenu ul li a span {
	padding: 5px 15px 8px;
}

.header.original .mainmenu ul li.level_2 a span, .header.cloned .mainmenu ul li.level_2 a span {
	padding: 0;
}

.header.original .mainmenu ul li a.trail span, .header.original .mainmenu ul li a.active span, .header.cloned .mainmenu ul li a.trail span, .header.cloned .mainmenu ul li a.active span {
	background: rgba(50,90,120,1);
	
}

.header.original .mainmenu ul li.level_2 a.trail span, .header.original .mainmenu ul li.level_2 a.active span, .header.cloned .mainmenu ul li.level_2 a.trail span, .header.cloned .mainmenu ul li.level_2 a.active span {
	background: none;
	
}

.mainmenu ul li a:hover {
	opacity: 1;
	color: rgba(4,122,198,1);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}


/* Content
------------------------------------------------*/
.lead {
	max-width: 66%;
}

.ce_iconbox.version3 .ce_iconbox_inside {
	line-height: 34px;
}

.ce_iconbox.center.version3 .ce_iconbox_inside {
	justify-content: center;
}

.ce_hyperlink a, a.btn {
	background: rgba(50,90,120,1);
	border-color: rgba(50,90,120,1);
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 30px 0;
}

.ce_linkbox.version3 {
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.ce_linkbox.version3:hover {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.ce_linkbox .headline, .newslist-v3 h3  {
	margin-bottom: 10px;
	margin-top: 5px;
}

.ce_linkbox p, .ce_linkbox p a, .teaser p, .teaser p a {
	font-size: 1.1rem;
	line-height: 1.88rem;
}

.ce_linkbox p a {
	color: #000;
}

.ce_linkbox:hover a .ce_linkbox_overlay {
	opacity: 0;
}

.news-overlay {
	display: none !important;
}

.newslist-v3-inside {
	margin: 25px;
	-webkit-box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.2);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.newslist-v3-inside:hover {
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2); 
	box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.2);
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
}

.newslist-v3 .content {
	border: none;
	padding-top: 20px;
}

p.back {
	margin-top: 30px;
}

.halbtransparent .ce_bgimage-image {
	opacity: 0.5;
}

.newslist-v3 .info {
	font-size: 0.6em;
	color: rgba(50,90,120,0.7);
	letter-spacing: 0.5px;
}

.ce_text.width-l {
	max-width: 66%;
	margin-bottom: 30px;
}

.ce_revolutionslider_text.weiss {
	color: #fff;
	font-weight: bold;
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.ce_linkbox.version3 .content {
	min-height: 335px;
}

.ce_code, pre, .txt-white pre {
	font-family: inherit;
	background: none;
	color: #000 !important;
	display: inline-block;
	padding: 0;
	margin-bottom: 0;
	max-width: 921px;
}

input[type=checkbox], input[type=radio] {
	float: left;
	width: 25px;
	top: 12px;
}

.ios input[type=checkbox], .ios input[type=radio] {
	transform: scale(1);
}

#matomo-opt-out {
	max-width: 66% !important;
}


/* Footer
------------------------------------------------*/
.totop {
	display: none;
}

#footer {
	background-color: rgba(50,90,120,1);
	font-size: 1em;
}

#footer * {
	color: #fff;
}

#footer h2 {
	font-size: 2em;
}

#footer .ce_hyperlink a {
	background: rgba(255,255,255,1);
	border-color: rgba(255,255,255,1);
	color: rgba(50,90,120,1);
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 30px 0;
}

#footer, #footer a:not(.hyperlink_txt) {
	color: #fff;
}

#footer a:not(.hyperlink_txt):hover {
	color: rgba(255,255,255,0.7);
}

#bottom {
	background-color: rgba(190,210,220,1);
}

#bottom * {
	font-size: 1.3rem;
}

#bottom .inside {
	display: grid;
	grid-template-columns: repeat(3,1fr);
	align-items: center;
}

#bottom .inside a, #bottom .inside a:visited, #bottom .inside {
	color: rgba(0,0,0,1);
}

#bottom .inside a:hover {
	color: rgba(0,0,0,0.7);
}

#bottom .inside .right a {
	margin-left: 0;
}

#bottom .logo {
	width: 360px;
	margin: 0 auto;
}

#bottom p {
	display: inline-block;
}

#bottom .logo a {
	width: 360px;
}

#bottom .inside .logo a:hover {
	border: none;
}

#bottom .inside .right {
	float: none;
	text-align: right;
	display: inline-block;
}

body.fixed-header #top_link {
	bottom: 15px;
}


/* Media Queries
------------------------------------------------*/
@media only screen and (max-width: 1439px) {
	
	.ce_linkbox.version3 .content {
		min-height: 447px;
	}
	
}


@media only screen and (max-width: 1320px) {
	
	body.fixed-header #top_link {
		bottom: 95px;
	}
	
	.ce_linkbox.version3 .content {
		min-height: 531px;
	}
	
}


@media only screen and (max-width: 1070px) {
	.cookiebar a {
		margin-left: 0;
		clear: both;
		float: left;
	}
	
	.cookiebar .cookiebar-close {
		clear: both;
		float: left;
	}
	
	.ce_linkbox.version3 .content {
		min-height: 643px;
	}
}


@media only screen and (max-width: 950px) {

	#bottom .logo, #bottom .logo a {
		max-width: 30vw;
	}
	
	.ce_linkbox.version3 .content {
		min-height: 873px;
	}

}


@media only screen and (min-width: 768px) {
	
	.header.original .logo {
		width: 360px;
		height: 134px;
	}
	
	.stickyheader .header .logo {
		width: 360px;
		height: 110px;
	}
	
	.header.cloned {
		background: #fff;
	}

}


@media only screen and (max-width: 767px) {
	
	body, p, .mainmenu ul li a {
		font-size: 21px;
		line-height: 31px;
	}
	
	.header {
		background: #fff;
	}
	
	.header .logo {
		width: 230px;
		height: 85px;
	}
	
	.mmenu_trigger .label {
		display: none;
	}
	
	.mmenu_trigger {
		right: 30px;
	}
	
	h1 {
		margin-top: 0;
	}
	
	.ce_linkbox.version3 .content {
		min-height: auto;
	}
	
	.ce_text.width-l, #matomo-opt-out {
		max-width: none !important;
	}
	
	.ce_revolutionslider {
		min-height: 163px;
	}
	
	.ce_revolutionslider_text {
		font-size: 100% !important;
	}
	
}


@media only screen and (max-width: 576px) {

	#bottom .inside {
		grid-template-columns: 1fr;
		gap: 1em;
	}
	
	#bottom .logo {
		max-width: 216px;
		order: -1;
		margin: 0;
	}
	
	#bottom .logo a {
		max-width: 216px;
	}
	
	#bottom .inside .right {
		text-align: left;
	}
	
}

