/*background: url(/.content/_res/pfeil_info.svg) !important;*/
@font-face {
    font-family: 'Lato-Black';
    src: url('/.content/_templates/font/Lato-Black.ttf');
    src: url('/.content/_templates/font/Lato-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Lato-Regular';
    src: url('/.content/_templates/font/Lato-Regular.ttf');
    src: url('/.content/_templates/font/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media screen\0 {
	.navi_temp1 {
		right: 0px !important;
	}
}
.navibutton {
	display: none;
}
body {
	background: #fff;
	font-family: "Lato-Regular",Open Sans;
	font-size: 16px;
}
.col-xs-12 {
	padding: 0px;
}
.content_temp > div > div {
	width: 100%;
	padding: 0px;
}
.headline, h2 {
	border-bottom: none !important;
	margin: 0px;
	padding: 0px;
	text-transform: uppercase;
}
h2 {
	margin-bottom: 50px !important;
	font-family: "Lato-Black",Open Sans;
	font-size: 24px;
}
h3 {
	font-size: 24px;
	font-family: "Lato-Regular",Open Sans;
}
h3 strong {
	font-family: "Lato-Black",Open Sans;
	font-weight: normal !important;
}
.datenschutz_lay1 {
	padding: 0 30px;
}
.subtitle div {
	margin: -100px 0 0 0 !important;
	height: 100px;
}
.sprachenone {
	/*position: absolute;
	top: 20px;
	right: 20px;
	z-index: 100;*/
}
.sprachenone ul {
	padding: 0px;
}
.sprachenone li {
	width: 50px;
	float: left;
	list-style-type: none;
}
.sprachenone img {
	border: 1px solid #fff;
	border-radius: 15px;
}
.navi_temp {
	position: fixed !important;
	height: 100vh;
	left: 0px;
	overflow: hidden;
	z-index: 999;
	width: 21% !important; /*400px*/
	background: #fff;
	text-transform: uppercase;
	padding: 50px 0px 100px 50px !important;
}
.navi_temp1 {
	overflow-x: auto;
	height: 100%;
	width: 100%;
	right: -17px;
}
.navi_temp1 > div:first-child {
	margin-bottom: 50px;
}
.navinone > div > div > ul {
	padding: 0px;
}
.navinone > div > div > ul > li {
	list-style-type: none;
	font-size: 18px;
	padding: 15px 0 0;
}
.navinone > div > div > ul > li > ul > li {
	list-style-type: none;
	font-size: 15px;
	padding: 10px 0px 0;
}
.navinone > div > div > ul > li > ul > li:last-child {
	padding-bottom: 0px;
}
.navinone > div > div > ul > li > ul {
	padding-left: 25px;
}
.navi_temp1 > div:nth-child(2) {
	margin: 0 0 20px;
	overflow: hidden;
}
#apollo-page > div {
	width: 100%;
	padding: 0px 0px 0px 21%; /*400*/
}

.content_temp1 > div:nth-child(1), .content_temp1 > div:nth-child(4) {
	background: #082B47;
}
.content_temp1 > div:nth-child(5) {
	background: #f8f8f8;
}
.content_temp1 > div:nth-child(1) *, .content_temp1 > div:nth-child(4) * {
	color: #fff;
}
.content_temp1 > div:nth-child(3) * {
	color: #082B47;
}
.header_temp1 .head_obennone {
	position: absolute; top: 0px;
	left: 0px;
	width: 45%;top:0px;padding: 100px 0 0 60px;
}
.header_temp1 .head_obennone .headline:before {
	content: "";
	left: 0px;
	height:2px;
	background: #082B47;
	width: 100px;
	position: absolute;
	margin: 15px 0 0 -55px;
	z-index: 999;
}
.header_temp1 .head_untennone {
	position: absolute; bottom: 0px;
	left: 0px;
	background: #fff;
	padding: 70px 70px 70px 30px;
	width: 45%;
}
.head_obennone * {
	color: #082B47;
}
.head_obennone h2 {
	margin-bottom: 0px !important;
}
.head_untennone * {
	color: #082B47;
}
.head_untennone h3 {
	line-height: 40px;
}
.halb_lay_l {
	width: 45%;
	float: left;
}
.halb_lay_r {
	width: 55%;
	float: left;
}
.halb_lay_l ul {
	padding: 0px;
}
.halb_lay_l li {
	list-style-type: none;
	padding: 5px 0 5px 30px;
	background: url(/.content/_res/anfuehrung.svg) left top 10px no-repeat !important;
}
.leistungen_lay {
	/*padding: 100px 50px !important;*/
	background: #f8f8f8;
	position: relative;
}
.leistungen2 {
	padding: 0px;
	width: 100%;
}
.leistungen2 {
	width: 100%;
	float: left;
	display: flex;
	flex-wrap: wrap;
}
.leistungen_lay_r > div.none {
	display: none;
	width: 600px;
	padding: 80px 30px;
}
.leistungen_lay_r > div:last-child {
	display: block;
	padding: 0px;
}
.leistungen_lay_r {
	background: #fff;
	overflow: hidden;
	left: unset;
	width: 0%;
	top: 50px;
	position: fixed;
	right: 0;
	z-index: 999;
	/*bottom: 0;*/
	transition: width .5s ease;
	box-shadow: -1px 1px 52px 0px rgba(119,119,119,1);
}
.leistungen_lay_r > div.none {
	overflow-x: auto;
	height: 100%;
}
.leistungen_lay > div:nth-child(2).cms_ade_container {
	position: relative;
	width: 100%;
}
.leistungen_lay > div:nth-child(2).cms_ade_container > div {
	display: block;
}
.kekse {
	display: block !important;
}
.open {
	transition: width 2s ease;
	width: 50%;
}
.closenone {
	position: absolute; top:0;
}
.leistungen2 > div {
	width: 33%;
	margin: 0px;
	text-align: center;
	padding: 50px 100px 25px;
	float: left;
	background: url(/.content/_res/ring_produkte.svg) center no-repeat !important;	
}
.leistungen_lay_l > div img {
	margin: 0 auto;
}
/*allg f. alle contentb.*/
.content_temp1 > div:nth-child(1) .halb_lay_l, .content_temp1 > div:nth-child(4) .halb_lay_l  {
	padding: 100px 100px 100px 30px;
}
.content_temp1 > div:nth-child(3) .halb_lay_r, .content_temp1 > div:nth-child(5) .halb_lay_r  {
	padding: 100px;
}
/**/

.content_temp1 > div:nth-child(1) .halb_lay_l {
	background: #082B47;
}
.content_temp1 > div:nth-child(1) .halb_lay_r {
	display: none;
}
.content_temp1 > div:nth-child(1) {
	background: url(/export/sites/jfk-rings/.content/_res/produkt_bg.jpg) right top no-repeat !important;
	background-size: 63% !important;
}
/*#################*/
.content_temp1 > div:nth-child(3) .halb_lay_r  {
	float: right !important;
	background: #fff;
}
.content_temp1 > div:nth-child(3) .halb_lay_l {
	display: none;
}
.content_temp1 > div:nth-child(3) {
	background: url(/export/sites/jfk-rings/.content/_res/ringe_bg.jpg) left center no-repeat !important;
	background-size: 63% !important;
}
/*#################*/
.content_temp1 > div:nth-child(4) .halb_lay_l {
	background: #082B47;
}
.content_temp1 > div:nth-child(4) .halb_lay_r {
	display: none;
}
.content_temp1 > div:nth-child(4) {
	background: url(/export/sites/jfk-rings/.content/_res/ueberuns_bg.jpg) right -200px top no-repeat !important;
	background-size: contain !important;
}
/*###############*/
.content_temp1 > div:nth-child(5) .halb_lay_r  {
	float: right !important;
	background: #f8f8f8;
}
.content_temp1 > div:nth-child(5) .halb_lay_l {
	display: none;
}
.content_temp1 > div:nth-child(5) {
	background: url(/export/sites/jfk-rings/.content/_res/downloads_bg.jpg) left center no-repeat !important;
	background-size: 63% !important;
}

/*###########*/
.footer_temp1 {
	width: 50%;
	float: left;
	padding: 100px 100px 100px 30px;
}
.footer_temp1 ul, .footer_temp2 ul {
	padding: 0px;
	clear: both;
	overflow: hidden;
}
.footer_temp1 ul li, .footer_temp2 ul li {
	list-style-type: none !important;
}
.footer_temp1 ul:nth-child(2) li, .footer_temp2 ul:nth-child(2) li {
	width: auto;
	min-width: 100px;
	float: left;
}
.footer_temp1 ul:nth-child(4) li  {
	width: auto;
	min-width: 300px;
	float: left;
}
.footer_temp1 ul:nth-child(2) li:nth-child(2n+1), .footer_temp1 ul:nth-child(4) li:nth-child(2n+1), .footer_temp2 ul:nth-child(2) li:nth-child(2n+1) {
	clear: both;
}
.footer_temp1 *, .footer_temp2 * {
	color: #073861;
}
.footer_temp2 {
	width: 50%;
	float: left;
	padding: 100px 100px 100px 30px;
}
.footer_temp3 {
	background: #073861;
	color: #fff;
	padding: 30px; 0px 20px;
}
@media screen and (min-width: 1950px) {
	/*aufi gr fullhd*/
}
.footer_temp3 ul {
	padding: 0px;
}
.footer_temp3 ul li {
	width: 50%;
	list-style-type: none;
	float: left;
}
.footer_temp3 ul li:last-child {
	text-align: right !important;
}
.footer_temp3 ul li:last-child a {
	color: #fff;
}
@media (max-width: 1900px) {
	body {
		
	}
	.content_temp1 > div:nth-child(1) {
		background-size: 71% !important;
		background-position: top right !important;
	}
}
@media (max-width: 1700px) {
	.content_temp1 > div:nth-child(1) {
		/*background-size: 100% !important;
		background-position: top right !important;*/
	}
}
@media (max-width: 1565px) {
	.content_temp1 > div:nth-child(4) {
		background: url(/export/sites/jfk-rings/.content/_res/ueberuns_bg.jpg) right -500px top no-repeat !important;
		background-size: 130% !important;
	}
}
@media (max-width: 1450px) {
	.content_temp1 > div:nth-child(1) {
		background-size: 117% !important;
		background-position: top -200px right -300px !important;
	}
}

@media (max-width: 1400px) {
	.
	.content_temp1 > div:nth-child(1) {
		background: url(/export/sites/jfk-rings/.content/_res/produkt_bg_2.jpg) right top no-repeat !important;
		background-size: 65% !important;
	}
	.content_temp1 > div:nth-child(4) {
		
		background-size: 150% !important;
	background-position: right -450px top !important;
	}
	.content_temp1 > div:nth-child(1) .halb_lay_l, .content_temp1 > div:nth-child(4) .halb_lay_l {
    	padding: 50px 50px 50px 30px;
	}
	.content_temp1 > div:nth-child(3) .halb_lay_r, .content_temp1 > div:nth-child(5) .halb_lay_r {
		padding: 50px;
	}
	.leistungen_lay {
		padding: 30px 0px !important;
	}
	.header_temp1 .head_untennone {
		padding: 30px;
	}
	.head_untennone h3 {
		line-height: 30px;
		font-size: 20px;
	}
	.header_temp1 .head_obennone {
		padding-top: 60px;
	}
	.navi_temp {
		padding: 28px 0px 50px 20px !important;
	}
	/*.content_temp1 > div:nth-child(4) {
		background-size: 60% !important;
	}*/
	.open {
		top: 0px;
	}
}

@media (max-width: 1333px) {
	.leistungen2 > div {
		padding: 30px !important;
	}
	.navi_temp {
		width: 280px !important;
	}
	#apollo-page > div {
		padding: 0px 0px 0px 280px;
	}
	.header_temp1 .head_obennone {
		left: unset; 
		right: 50px;
		width: unset;
	}
	.header_temp1 .head_obennone .headline::before {
		display: none;
	}
	.content_temp1 > div:nth-child(1) {
		background-size: 133% !important;
	}
}
@media (max-width: 1130px) {
	.navi_temp {
		width: 250px !important;
		padding: 20px 0 20px !important;
	}
	#apollo-page > div {
		padding-left: 250px;
	}
	.content_temp1 > div:nth-child(4) {
    	/*background-size: 80% !important;*/
	}

}
@media (max-width: 1100px) {
	.content_temp1 > div:nth-child(1) {
		background-size: 130% !important;
		background-position: top right -500px !important!
	}
	.content_temp1 > div:nth-child(4) {
		background-size: 180% !important;
		background-position: top right -500px !important!
	}

}
@media (max-width: 1050px) {
	.header_temp1 .head_untennone {
		position: relative;
		width: 100%;
	}
	.halb_lay_l {
		width: 100%;
		float: none;
	}
	.halb_lay_r, .content_temp1 > div:nth-child(3) .halb_lay_l {
		display: block !important;
		width: 100%;
		float: left;
	}
	.footer_temp1, .footer_temp2 {
		width: 100%;
		padding: 30px !important;
		float: none;
	}
	.content_temp1 > div:nth-child(3) .halb_lay_r, .content_temp1 > div:nth-child(5) .halb_lay_r {
		padding: 30px !important;
	}
	.header_temp1 .head_obennone {
		left: 0;
		right: unset;
		width: unset;
	}
	.header_temp1 .head_obennone .headline:before {
		display: block;
	}
	.leistungen2 > div {
		padding: 30px !important;
		width: 50%;
	}
	.content_temp1 > div:nth-child(1) .halb_lay_r img, .content_temp1 > div:nth-child(4) .halb_lay_r img {
		width: 100%;
		margin: 0px !important;
	}
}


/* Corbin */
.leistungen2 > div:hover {
	cursor: pointer;
	background: url(/.content/bilder/ring_produkte_mo.svg) center no-repeat !important;
}
@media  (min-width: 2000px) {
	.navi_temp {
		max-width: 400px;
		left: unset;
		position: absolute;
	}
	body {
		background: #bbb;
	}
	#apollo-page {
		max-width: 1920px;
		margin: 0 auto;
	}
}


@media screen\0 and (min-width: 2000px), screen\0 {
	#apollo-page {
		max-width: 1920px;
		margin: 0;
	}
}