html{
	font-size:16px;
	width:100%;
	height:100%;
}
body{
	color:rgb(77,77,77);
	margin:0;
	width:100%;
	font-family:r-lt, sans-serif;
	/*16 -> 18/26*/
	font-size:1.125rem;
	line-height:1.444444em;

	width:100%;
	height:100%;

	background-image:url(img-kynos/body-bg-base-repeat.png);
}

.body_content{
	display:flex;
	flex-wrap:wrap;
}

.body_container, .body_container *{
	box-sizing:border-box;
}


h1{
	font-family:rc, sans-serif;
	font-size:28px;
	color:#333333;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.8em 0;
	padding-left:32px;
	position:relative;
}
	h1:before{
		content:'\f0c8';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		color:#CC0000;
		position:absolute;
		top:0px;
		left:0px;
	}

h2{
	font-family:rc, sans-serif;
	font-size:24px;
	color:#333333;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.8em 0;
}



/*--- Listendefinition neu, alle ab IE9+ ---
Es werden nur noch die notwendigen Eigenschaften gesetzt, um die Standarddarstellung der Browser zu neutralisieren*/
main ul{
	list-style:none;
	padding:0;
	position:relative;
}
	/*Abstand gesamte Liste*/
	main ul{
			/*Level-0 mit Abstand vertikal zum folgenden Inhalt.
			ACHTUNG: die gewünschten Seiten werden explizit einzeln festgelegt, damit andere Regeln (ilist)
			die Möglichkeit haben die leinke Seite mit einfacher Wichtung selbst festzulegen.*/
			/*margin:0 0 1.5em 0;*/
		margin-top:0;
		margin-bottom:1.5em;
	}
		main ul ul{
			/*Level-n ohne Abstand vertikal*/
			margin-top:0;
			margin-bottom:0;
		}
		/*Einzug*/
		main li{
			/*Einzug für Bullet durch padding. D.h. das Bullet/Icon liegt jetzt innerhalb des LI-Elementes. Wenn zum Umfließen eines linkstehenden Elementes
			die Liste umgeschaltet wird (LI display:table), überlagern die Bullets das linksstehende Element nicht mehr.*/
			padding-left:1.5em;
		}
			/*Abstand der Items vertikal
			WICHTIG: Korrektur für erstes LI in Level 0. Dieses erzeugt sonst für die gesamte Liste eine zu hohen Abstand oben.
			Der Abstand wird erst ab Level 2 für alle verwendet. Für Level 1 nur beim first-child nicht.*/
			main li:first-child{
				margin-top:0;
			}
			main li, main li li:first-child{
				margin-top:0.75em;
			}
			
	/*Bullets*/
	main ul li:before{
		/*fas fa-circle*/
		content:'\f111';

		/*fas fa-square*/
		/*content:'\f0c8';*/

		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:relative;
		font-size:1em;
		width:1em;
		left:-1.4em;
		margin-right:-0.85em;
		font-size:0.9em;

		color:rgb(204,204,204);
	}
		/*Bullets ab Level 1*/
		main li li:before{
		}
	/*Beginnende Blockelemente in LI müssen inline-block sein, da das Element sonst erst unterhalb der Grundlinie
	des Bullets beginnt. Das Bullet ist inline-block und soll ja in einer Zeile mit dem Inhaltstext stehen.
	ACHTUNG: dies gilt immer nur für das erste Element, da sonst die folgenden rechts hoch rutschen würden !
	2017-07-08, tdogan
	DIV und PRE ausgenommen, da es sonst anderweitig zu extremen Problemen mit DIV in Listen z.B. Menüs gibt.*/
	li h1:first-child, li h2:first-child, li h3:first-child, li h4:first-child, li h5:first-child, li h6:first-child,
	li p:first-child{
		display:inline-block;
		clear:both;
	}


/*Hochgestellt kleiner. In Headlines kleiner als im Fließtext.*/
sup{
	font-size:0.8em;
	line-height:1em;
	font-weight:normal;
}
	h1 sup,
	h2 sup,
	h3 sup{
		font-size:0.5em;
		line-height:1em;
	}


/*normale HR, alle ab IE7*/
hr{
	height:0;
	border:none;
	padding:0;
	overflow:hidden;
	border-top:1px solid rgb(204,204,204);
	margin:2em 0 2em 0;
	clear:both;
	float:none;
}
	/*hr gestrichelt*/
	hr.dashed{
		border-top-style:dashed;
	}

main strong, main b{
	font-weight:normal;
	font-family:r-md, sans-serif;
}
	/*fette Darstellung in Headlines übernimmt Farbe*/
	main h1 strong, main h1 b,
	main h2 strong, main h2 b,
	main h3 strong, main h3 b,
	main h4 strong, main h4 b,
	main h5 strong, main h5 b,
	main h6 strong, main h6 b{
		color:inherit;
	}

/*--- Absätze Ausnahmen ---*/
/*Folgt eine UL direkt auf ein anderes Blockelement im Fließtext, so wird der Abstand zwischen beiden vergrößert,
indem die UL ausnahmsweise eine margin-top erhält. Hierbei gilt margin collapse, wobei nur der größere der beiden Abstände übrig bleibt.
Dies gilt nicht, wenn die UL das erste Kind des Containers ist (z.B. in einer Tabelle).*/
main ul{
	margin-top:1em;
}
	main ul:first-child{
		margin-top:0;
	}




/*Hyperlinks*/
a, a:hover{
	text-decoration:none;
	color:inherit;
}
	main a, main a:hover{
		color:#CC0000;
	}
	/*Zusatzklasse für Elemente, die so aussehen sollen wie echte Hyperlinks. Dies sind z.B. verschachtelte "Hyperlinks" im Newsslider, welche dynamisch
	aus Hilfselementen mit @data-nested-link-href geparst werden.*/
	.link{
		color:#CC0000 !important;
	}


/*--- Reihe ---*/
.row{
	width:100%;
	display:flex;
	justify-content:center;
	position:relative;
}
	.rowc{
		width:100%;
		max-width:1280px;
		position:relative;
		box-sizing:border-box;
	}
	.hpad1{
		border-left:60px solid transparent;
		border-right:60px solid transparent;
	}


/*--- Main ---*/
.main_row{
	order:20;
}
	.main_row .rowc{
		min-height:174px;
		background-color:white;
		display:flex;
		justify-content:flex-start;
		padding-top:40px;
		z-index:1;
		box-shadow:0 0 80px rgba(0,0,0,0.25);
	}
		.main_row .left_col{
			width:310px;
			padding-right:56px;
			display:none;
			box-sizing:border-box;
		}
			.smenu_lvl_1 .main_row .left_col{
				display:block;
			}
		.main_row .main_col{
			width:100%;
		}
			.smenu_lvl_1 .main_col{
				width:calc(100% - 312px);
			}



/*--- Header ---*/
.header_row{
	height:250px;
	order:10;
	margin-bottom:0;

	background-image:url(img-kynos/body-bg-gradient-repeat-x.png);
	background-repeat:repeat-x;
}
	.header_row .rowc{
		height:240px;
		background-color:white;
		display:flex;
		justify-content:flex-start;
		flex-direction:column;
		align-items:flex-end;
		position:relative;
		box-shadow:0 0 80px rgba(0,0,0,0.25);
	}
	.header_row .rowc:after{
		content:'';
		height:240px;
		width:100%;
		background-image:url(img-kynos/top-foto-002.jpg);
		background-repeat:no-repeat;
		position:absolute;
		top:0px;
		left:0px;
	}

	.header_logo_box{
		width:645px;
		height:73px;
		display:flex;
		margin-top:30px;
		z-index:2;
	}
		.header_claim_ph{
			width:398px;
			height:73px;
			margin-right:47px;
			background-image:url(img-kynos/kynos-claim-top.png);
			background-image:url(img-kynos/kynos-claim-top-2025-11.png);
			background-repeat:no-repeat;
		}
		.header_logo_ph{
			width:200px;
			height:65px;
			background-image:url(img-kynos/kynos-logo-top.png);
			background-repeat:no-repeat;
		}

	.header_tool_box{
		width:100%;
		margin-top:17px;
		display:flex;
		justify-content:flex-end;
		z-index:2;
	}
		.header_suche{
			position:relative;
		}

		.form_suche{
			border:1px solid #CBCBCB;
			border-radius:5px;
			overflow:hidden;
		}
			.form_suche input[type='text']{
				font-size:16px;
				width:220px;
				padding:0px 10px 0px 10px;
				margin-right:0px;
				margin-top:0px;
				border:none;
				background-color:white;
				height:38px;
			}
				.form_suche span{
					cursor:pointer;
					background-color:#CBCBCB;
					padding:2px 10px 2px 10px;
				}
					.form_suche span:after{
						content:'\f002';
						font-family:'Font Awesome 5 Pro';
						font-weight:900;
						font-size:22px;
						color:black;
					}

			.form_suche table{
				border-collapse:collapse;

				border-spacing:0px;
			}
			.form_suche table tr td{
				padding:0px;
				background-color:white;
			}
			.form_suche table tr td:nth-child(2){
				background-color:#CBCBCB;
			}


			.header_suche .suche_mobile{
				cursor:pointer;
				background-color:#D9D9D9;
				padding:8px 12px 9px 12px;
				border-radius:5px;
				line-height:22px;
				display:none;
			}
				.header_suche .suche_mobile:after{
					content:'\f002';
					font-family:'Font Awesome 5 Pro';
					font-weight:900;
					font-size:18px;
					color:black;
				}

		.header_wk{
			margin-right:40px;
		}
			.header_wk table{
				border-collapse:collapse;

				border-spacing:0px;
			}
			.header_wk table tr td{
				padding:0px;
			}
			.header_wk a{
				text-decoration:none;
			}
			.header_wk_label{
				font-family:rc, sans-serif;
				font-size:22px;
				color:#979797;
			}
				.header_wk_label:before{
					content:'\f07a';
					font-family:'Font Awesome 5 Pro';
					font-weight:900;
					color:#B1B1B1;
					margin-right:10px;
				}
				.header_wk_label:after{
					content:'\f0da';
					font-family:'Font Awesome 5 Pro';
					font-weight:900;
					margin-left:5px;
				}
			.header_wk_items{
				font-family:rc-b, sans-serif;
				font-size:22px;
				line-height:22px;
				background-color:#D9D9D9;
				color:black;
				margin-left:10px;
				padding:9px 14px 9px 14px;
				border-radius:5px;
			}
			
		.header_konto{
			margin-right:20px;
			padding-top:8px;
		}
			.header_konto a{
				position:relative;
				padding-left:30px;
				font-family:rc, sans-serif;
				font-size:22px;
				color:#979797;
			}
				.header_konto a:before{
					color:#B1B1B1;
					content:'\f007';
					font-family:'Font Awesome 5 Pro';
					font-weight:900;
					position:absolute;
					top:0px;
					left:0px;
				}
				.header_konto.header_konto_shoplogin a:before{
					color:#FF7700;
				}
				.header_konto.header_konto_shoplogin a span{
					display:none;
				}


	.hmenu_box{
		width:calc(100% + 120px);
		height:60px;
		margin-top:20px;
		display:flex;
		justify-content:flex-end;
		margin-right:-60px;
		margin-left:-60px;
		padding-right:60px;
		box-sizing:border-box;
		background:linear-gradient(to right, transparent 50%, #E5E5E5);
		position:relative;
		z-index:2;
	}




/*--- Footer ---*/
.footer_row{
	order:30;
	z-index:2;
}
	.footer_row .rowc{
		padding-top:20px;
		background-color:white;
	}


	.footer_rowc{
		width:100%;
		max-width:1280px;
		position:relative;
		box-sizing:border-box;
		box-shadow:0 80px 80px rgba(0,0,0,0.25);
		background-color:white;
	}

	.footer_sil_ph_size{
		width:100%;
		max-width:1160px;
	}
		.footer_sil_ph{
			width:100%;
			height:160px;
			background-image:url(img-kynos/hunde-silhouetten-footer.png);
			background-repeat:no-repeat;
			margin-bottom:-30px;
			position:relative;
			z-index:1;
		}

	.footer_cta{
		width:calc(100% + 120px);
		margin-right:-60px;
		margin-left:-60px;
		padding-right:60px;
		padding-left:60px;
		box-sizing:border-box;
		background-color:#E6E6E6;
		position:relative;
	}

	.footer_cta .fosoc{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
		justify-content:space-evenly;
		padding:45px 0 0px 0;
		margin:0px -20px 0px -20px;
	}
		a.fosoc_item{
			font-family:rc, sans-serif;
			font-size:24px;
			color:#666666;
			text-decoration:none;
			margin:0px 20px 0px 20px;
			margin-bottom:40px;
		}
			a.fosoc_item i{
				color:#999999;
			}

	.footer{
		width:calc(100% + 120px);
		margin-right:-60px;
		margin-left:-60px;
		padding:40px 60px 40px 60px;
		box-sizing:border-box;
		background-color:#D9D9D9;
		position:relative;
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
		.footer .focopy{
			font-family:rc, sans-serif;
			font-size:16px;
			text-align:center;
		}
		.footer .fomenu{
			text-align:center;
			margin-top:16px;
		}
			a.fomenu_item{
				font-family:rc, sans-serif;
				font-size:16px;
				color:#4D4D4D;
				text-decoration:none;
				margin-right:20px;
			}
			a.fomenu_item:last-child{
				margin-right:0;
			}
			a.fomenu_item i{
				color:#B3B3B3;
			}









/*========= Hauptmenu Dropdown 4 ============*/
/*Neue Vereinfachte Version mit flex und reduziertem JS/CSS*/
.hmenu_container{
	width:100%;
}
/*----- Level 0 -------*/
.hmenu{
	padding-top:6px;
}
	.hmenu li.lvl0{
	}
	.hmenu .lbl.lvl0{
		padding:11px 0px 10px 0px;
		font-family:rc, sans-serif;
		margin-left:20px;
	}
		.hmenu .lbl.lvl0:before{
			content:'\f0c8';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			color:#D8D8D8;
			margin-right:5px;
			font-size:20px;
		}
/*--- sub ---*/
.hmenu .sub{
	/*leicht nach oben ziehen, um zu schmalen Spalt zwischen Tab und Kopfbild zu verdecken*/
	transform:translateY(-4px);
}
.hmenu .sub3{
	width:300px;
	color:rgb(51,51,51);

	/*eigene Schriftgröße*/
	font-size:19px;

	/*keine gerundeten Ecken*/
	border-radius:0;
}
	.hmenu a.lvl1{
	}
		/*label container*/
		.sub .lbl.lvl1{
		}
			/*Standard Iconfarbe*/
			.hmenu i.lvl1{
				color:rgb(204,204,204);
			}

	/*--- act, on ---*/
	.hmenu li.lvl0.c4dropdown_open,
	.hmenu li.lvl0.c4dropdown_act,
	.hmenu li.lvl0.act,
	.hmenu li.lvl0.on{
	}
	.hmenu .lbl.lvl0:hover,
	.hmenu .lbl.lvl0.act,
	.hmenu .lbl.lvl0.on{
	}
	.hmenu .lbl.lvl0.act,
	.hmenu .lbl.lvl0.on{
	}

	.hmenu .lbl.lvl0:hover:before,
	.hmenu .lbl.lvl0.act:before,
	.hmenu .lbl.lvl0.on:before{
		color:#CC0000;
	}
	.hmenu .lbl.lvl0.act:before,
	.hmenu .lbl.lvl0.on:before{
		color:#CC0000;
	}
	/*Icon*/
	.hmenu li.lvl0.c4dropdown_open i.lvl0,
	.hmenu li.lvl0.c4dropdown_act i.lvl0,
	.hmenu li.lvl0.act i.lvl0,
	.hmenu li.lvl0.on i.lvl0{
		color:#CC0000;
	}

		/*--- im sub ---*/
		/*bullet*/
		.hmenu .sub i:before{
			/*fal fa-chevron-right*/
			content:'\f054';
			font-weight:900;
		}
			.hmenu .sub a:hover i, .hmenu .sub i.act, .hmenu .sub i.on{
				color:rgb(190,31,36);
			}
			/*act, on abweichends icon*/
			.hmenu .sub i.act:before, .hmenu .sub i.on:before{
				/*fas fa-chevron-right*/
				/*content:'\f054';
				font-weight:900;*/
			}

		/*text*/
		.hmenu .sub a:hover, .hmenu .sub span.act, .hmenu .sub span.on{
			color:rgb(190,31,36);
			color:black;
		}
			/*text aktiv*/
			.hmenu .sub .lbl.act, .hmenu .sub .lbl.on{
				font-family:r, sans-serif;
			}

	/*--- Home nur als Icon ---*/
	/*Textlabel ausblenden*/
	.hmenu li.lvl0.page-start .lbl.lvl0 span{
		display:none;
	}
	/*I-Element mit Icon*/
	.hmenu li.lvl0.page-start .lbl.lvl0 i:before{
		/*fas fa-home*/
		content:'\f015';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
	}

/*Auch vorletztes Dropdown linksbündig.
Es gibt tatsächlich einen nth-last-child selektor :-)*/
.hmenu li.lvl0:nth-last-child(2) .sub3{
	position:absolute;
	right:0;
}


/*--- projektspezifisch ---*/
.hmenu li.page-start .lbl.lvl0{
	margin-left:0;
}
.hmenu li.page-start .lbl.lvl0:before{
	content:'';
}
.c4dropdown_justify ul.lvl0{
	justify-content:flex-end;
}



/*--- Submenu Treeview ---*/
.smenu_1_container{
	width:100%;
	float:left;
	clear:both;
}
.tree{
	width:100%;
	float:left;
	clear:both;
	line-height:normal;
	font-family:rc, sans-serif;
}
.tree ul, .tree li{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
}
.tree a{
	display:block;
	text-decoration:none;
	color:inherit;
}
/*Icon und Text liegen in einem DIV.lbl verschachtelt*/
.tree i, .tree span{
	display:inline-block;
	font-style:normal;
	vertical-align:top;
}
	/*Level 0*/
	.tree a.lvl0{
		padding:0.5em 0 0.5em 0;
	}
		.tree li.lvl0:first-child a{
			border-top:none;
		}
		/*icon in I-Element*/
		.tree i.lvl0:before{
			content:'\f0c8';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			display:inline-block;
			width:1.2em;
			margin-left:-1.2em;
			color:#D8D8D8;
		}
/*Level n*/
.tree .sub{
	line-height:normal;
	padding-bottom:10px;
}
	.tree .sub2{
		display:block;
	}
		.tree .sub a{
			padding:0.5em 0 0.5em 0;
		}
			.tree .sub i:before{
				content:'\f0c8';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				display:inline-block;
				width:1.2em;
				margin-left:-1.2em;
				color:#D8D8D8;
			}
	/*hover, act, on*/
	.tree a:hover, .tree a.act, .tree a.on{
		color:rgb(51,51,51);
	}
		.tree a:hover i:before,
		.tree a.act i:before,
		.tree a.on i:before{
			color:#CC0000;
		}
	.tree a.on{
		color:black;
		font-family:rc, sans-serif;
	}

	/*Einrückungen / Offsets STANDARD für breite Bullets*/
	.tree a.lvl0{padding-left:1.2em;}
	/*Einrückung ab lvl1: für durchgängig ab lvl0 gleich formatierte Treeviews = Standardeinrückung lvl0 + (Standardeinrückung lvln * n).*/
	.tree a.lvl1{padding-left:2.65em;}
	.tree a.lvl2{padding-left:3.95em;}
	.tree a.lvl3{padding-left:5.2em;}
	.tree a.lvl4{padding-left:6.5em;}
	.tree a.lvl5{padding-left:7.8em;}
	.tree a.lvl6{padding-left:9.05em;}
	.tree a.lvl7{padding-left:10.35em;}
	.tree a.lvl8{padding-left:11.6em;}

	/*----- Ausnahmen--------
	Bullet Pfeil sehr schmal, deshalb kleinere Offsets*/
	/*.tree a.lvl1{padding-left:2.2em;}
	.tree a.lvl2{padding-left:3.0em;}
	.tree a.lvl3{padding-left:3.8em;}
	.tree a.lvl4{padding-left:4.7em;}
	.tree a.lvl5{padding-left:5.5em;}
	.tree a.lvl6{padding-left:6.3em;}
	.tree a.lvl7{padding-left:7.2em;}
	.tree a.lvl8{padding-left:8.0em;}*/





/*============ mobile Menü c4-mm =========*/
/*projektspezifisch: der opener button wird ein einer eigenen Reihe ähnlich dem desktop hmenu angezeigt, da die CTA im header sehr viel Platz benötigt.
Beim Menüwechsel muss die Höhe des gesamten Headers um die Höhe vergrößert werden, die der opener Button benötigt.
*/
.mm0_container{
	position:absolute;
	right:30px;
	top:15px;
	z-index:1000;
	display:none;
}

/*Öffnen Button in Seitenkopf*/
/*
.mm0-op-c{
	position:absolute;
	right:10px;
	bottom:15px;
	display:none;
	z-index:1000;
}
*/
/*Menü Styling*/
.mm0{
	/*sichtbar nur für kleine Viewports, s.u.*/
	display:none;
}
	/*Kopf container*/
	.mm0 .c4-mm-hc{
		background-color:rgb(215,51,35);
	}





/*========= Artikel ============*/
.alist{
	display:flex;
	flex-wrap:wrap;
	width:calc(100% + 60px);
	margin-left:-60px;
}
	.alist > *{
		width:33.33%;
	}

	.artikel{
		box-sizing:border-box;
		border-left:60px solid transparent;
		border-bottom:60px solid transparent;
		display:flex;
		flex-direction:column;
		justify-content:space-between;
	}

	.artikel > *{
		padding:0;
		min-height:1px;
	}

	.artikel .img{
		line-height:1px;
		position:relative;
	}
		.artikel .img img{
			width:100%;
		}

		.artikel.artikel_neu .img:after{
			content:url(img-kynos/neu.png);
			position:absolute;
			top:-10px;
			right:-10px;
			display:none;
		}
		.artikel.artikel_vorschau .img:after{
			content:url(img-kynos/vorschau.png);
			position:absolute;
			top:-10px;
			right:-10px;
			display:none;
		}


		.artikel.artikel_neu .img .stoerer{
			position:absolute;
			top:-10px;
			right:-10px;
			background-color:#c62300;
			background-color:#009900;
			color:white;
			font-family:rc-b, sans-serif;
			font-size:24px;
			line-height:1em;
			padding:5px 20px 8px 20px;
			border-radius:50%;
		}
		.artikel.artikel_neu .img .stoerer:before{
			content:'neu';
		}

		.artikel.artikel_vorschau .img .stoerer{
			position:absolute;
			top:-10px;
			right:-10px;
			background-color:#4096b2;
			background-color:#c62300;
			color:white;
			font-family:rc-b, sans-serif;
			font-size:16px;
			line-height:1em;
			padding:12px 10px 12px 10px;
			border-radius:50%;
			text-align:center;
			line-height:1em;
		}
		.artikel.artikel_vorschau .img .stoerer:before{
			content:'Vorschau';
		}
		.artikel.artikel_vorschau_monat .img .stoerer:before{
			content:'';
		}




	.artikel .head{
		font-family:rc, sans-serif;
		font-weight:normal;
	}
		.artikel .head a{
			color:#333333;
			text-decoration:none;
		}
		.artikel .autor{
			font-size:16px;
			margin-top:12px;
			line-height:1.1em;
		}
		.artikel h2{
			font-family:rc-b, sans-serif;
			font-size:23px;
			font-weight:normal;
			margin:18px 0px 4px 0px;
		}
		.artikel .n2{
			font-size:18px;
			line-height:1.2em;
		}

		.artikel .info{
			font-size:16px;
			line-height:1.1em;
			margin-top:20px;
		}
			.artikel .info a{
				color:#CC0000;
				text-decoration:none;
				margin-top:1em;
				display:inline-block;
			}
				.artikel .info a:after{
					content:'\f0a9';
					font-family:'Font Awesome 5 Pro';
					font-weight:900;
					margin-left:0.3em;
				}

	.artikel .afooter{
		margin-top:20px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
		.artikel .afooter .anr{
			font-family:rc, sans-serif;
			font-size:16px;
		}
		.artikel .afooter .preis{
			font-family:rc-b, sans-serif;
			font-size:23px;
			color:#009900;
		}
		.artikel .afooter a{
			text-decoration:none;
			display:inline-block;
			line-height:1em;
			background-color:#009900;
			background-color:#76be7a;
			border-radius:3px;
			padding:10px 10px 7px 5px;
			margin-top:8px;
		}
			.artikel .afooter a:before{
				content:'\f217';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				font-size:24px;
				color:white;
			}


.adtl{
}
	.adtl.adtl_neu .stoerer{
		position:absolute;
		top:34px;
		right:0px;
		background-color:#c62300;
		background-color:#009900;
		color:white;
		font-family:rc-b, sans-serif;
		font-size:24px;
		line-height:1em;
		padding:5px 20px 8px 20px;
		border-radius:50%;
	}
	.adtl.adtl_neu .stoerer:before{
		content:'neu';
	}
	.adtl.adtl_vorschau .stoerer{
		position:absolute;
		top:34px;
		right:0px;
		background-color:#4096b2;
		background-color:#c62300;
		color:white;
		font-family:rc-b, sans-serif;
		font-size:16px;
		line-height:1em;
		padding:12px 10px 12px 10px;
		border-radius:50%;
		text-align:center;
	}
	.adtl.adtl_vorschau .stoerer:before{
		content:'Vorschau';
	}
	.adtl.adtl_vorschau_monat .stoerer:before{
		content:'';
	}

	.adtl .autor{
		margin-bottom:0.4em;
		padding-right:90px;
		position:relative;
	}


	.adtl h1{
		margin-bottom:0.3em;
	}
	.adtl h2{
		font-size:1.1em;
		margin-top:0;
	}

	.adtl_body{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		flex-grow:1;
		margin-top:2em;
	}
		.adtl_body > *{
		}
		.adtl_body .img{
			width:40%;
			float:left;
			border-right:20px solid transparent;
			border-bottom:30px solid transparent;
			box-sizing:border-box;
		}
			.adtl_body .img img{
				width:100%;
			}
		.adtl_body .info{
			width:60%;
		}
			.adtl_body .info > div{
				margin-bottom:1em;
			}
			.adtl_body .info .rwd{
				display:none;
			}

	.adtl .afooter{
		margin-top:10px;
		display:flex;
		flex-wrap:wrap;
		justify-content:flex-end;
		margin-bottom:30px;
		border-top:1px solid #D9D9D9;
		border-bottom:1px solid #D9D9D9;
		padding:10px 0 10px 0;
	}
		.adtl .afooter > div{
			margin-right:20px;
		}
		.adtl .afooter .anr{
			font-family:rc, sans-serif;
			font-size:16px;
		}
		.adtl .afooter .preis{
			font-family:rc-b, sans-serif;
			font-size:23px;
			color:#009900;
		}
		.adtl .afooter a{
			text-decoration:none;
			display:inline-block;
			line-height:1em;
			background-color:#009900;
			background-color:#76BE7A;
			border-radius:3px;
			padding:20px 10px 10px 5px;
		}
			.adtl .afooter a:before{
				content:'\f217';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				font-size:34px;
				color:white;
			}

	.adtl .ueber_autor{
		margin-bottom:30px;
	}
		.adtl .ueber_autor div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}

	.adtl .video{
		margin-bottom:40px;
	}
		.adtl .video > div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}
		.adtl .video a{
			font-family:rc, sans-serif;
			color:#777777;
			padding-left:20px;
			position:relative;
			
			font-size:1.2em;
			color:#009900;
			padding-left:28px;
		}
			.adtl .video .video_quelle{
				margin-top:10px;
			}
			.adtl .video a:before{
				content:'\f144';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				position:absolute;
				top:0px;
				left:0px;
			}
			.adtl .video a.video_link:before{
				content:'\f03d';
			}

	.adtl .audio{
		margin-bottom:40px;
	}
		.adtl .audio > div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}

	.adtl .rezensionen{
		margin-bottom:30px;
	}
		.adtl .rezensionen > div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}
		.adtl .rezensionen .r_titles{
			display:flex;
			flex-wrap:wrap;
		}
			.adtl .rezensionen .r_titles > div{
				margin:0 10px 10px 0;
				padding:5px 10px 5px 10px;
				background-color:#E2E2E2;
				border-radius:5px;
				cursor:pointer;
				font-family:rc, sans-serif;
			}
			.adtl .rezensionen .r_titles > div.r_act{
				background-color:#009900;
				color:white;
			}

		.adtl .rezensionen .r_main{
			border:1px solid #E2E2E2;
			background-color:#F9F9F9;
			border-radius:5px;
			padding:0px 10px 10px 10px;
			font-size:0.9em;
			font-family:rc-lt, sans-serif;
		}
			.adtl .rezensionen .r_main > div{
				display:none;
			}
			.adtl .rezensionen .r_main > .r_act{
				display:block;
			}

		.adtl .rezensionen .r_link a{
			font-family:rc, sans-serif;
			color:#777777;
			padding-left:20px;
			position:relative;
		}
			.adtl .rezensionen .r_link a:before{
				content:'\f0ac';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				position:absolute;
				top:-3px;
				left:0px;
			}


	.adtl .kategorien{
		margin-bottom:30px;
	}
		.adtl .kategorien div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}

	.adtl .links{
		margin-bottom:30px;
	}
		.adtl .links > div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}
			.adtl .links > div:nth-child(2){
				display:flex;
				flex-wrap:wrap;
				width:calc(100% + 20px);
				margin-left:-20px;
			}
				.adtl .links > div:nth-child(2) > *{
					width:25%;
					box-sizing:border-box;
					border-left:20px solid transparent;
					border-bottom:20px solid transparent;
				}
				.adtl .links > div:nth-child(2) img{
					max-width:100%;
				}
				.adtl .links > div:nth-child(2) a{
					font-family:rc, sans-serif;
					font-size:0.7em;
					color:#777777;
					line-height:1.3em;
				}

	.adtl a.lnk{
		font-family:rc, sans-serif;
		color:#777777;
		padding-left:20px;
		position:relative;
	}
		.adtl a.lnk:before{
			content:'\f32b';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			position:absolute;
			top:-3px;
			left:0px;
		}
	.adtl a.lnk_blick{
		padding-left:30px;
		margin-top:0.5em;
		font-size:1.2em;
		color:#009900;
		display:inline-block;
	}
		.adtl a.lnk_blick:before{
			content:'\f06e';
			top:0px;
			left:0px;
		}
		
	.adtl a.lnk_hersteller{
		display:inline-block;
		margin-top:1em;
		font-size:16px;
	}
		.adtl a.lnk_hersteller:before{
			content:'\f05a';
			top:-1px;
			left:0px;
			font-size:16px;
		}

		
	.adtl a.lnk_buch{
		padding-left:20px;
	}
		.adtl a.lnk_buch:before{
			content:'\f02d';
		}

	.adtl .bewertung{
		border:1px solid #E2E2E2;
		border-radius:5px;
		padding:10px 10px 0px 10px;
		background-color:#F9F9F9;
	}
		.adtl .bewertung > div:first-child{
			font-weight:bold;
			margin-bottom:0.5em;
		}
		.adtl .bewertung .cols{
			display:flex;
			flex-wrap:wrap;
		}
			.adtl .bewertung .cols > div{
				margin-right:30px;
				margin-bottom:10px;
			}
			.adtl .bewertung .cols > div > div:first-child{
				font-family:rc, sans-serif;
				margin-bottom:0.2em;
			}

		.adtl .bewertung .items div{
			font-family:rc, sans-serif;
			color:#777777;
			padding-left:22px;
			position:relative;
			cursor:default;
		}
			.adtl .bewertung .items div:before{
				content:'\f0c8';
				content:'\f111';
				font-family:'Font Awesome 5 Pro';
				font-weight:900;
				color:#CCCCCC;
				position:absolute;
				top:-1px;
				left:0px;
			}
			.adtl .bewertung .items div.act:before{
				content:'\f14a';
				content:'\f058';
				content:'\f111';
				color:#009900;
				font-weight:900;
			}

		.adtl .bewertung .bt_legende{
			font-family:rc, sans-serif;
			font-weight:normal;
			margin-bottom:10px;
			cursor:pointer;
			display:inline-block;
		}
			.adtl .bewertung .bt_legende:before{
				content:'\f05a\00a0';
				font-family:'Font Awesome 5 Pro';
				font-weight:100;
			}
		.adtl .bewertung .legende{
			font-size:0.9em;
			margin-bottom:10px;
			display:none;
		}
			.adtl .bewertung .legende > div:first-child{
				margin-bottom:10px;
			}
			.adtl .bewertung .legende > div > div:first-child{
				font-family:rc-b, sans-serif;
			}
			.adtl .bewertung .legende span{
				font-family:rc, sans-serif;
			}
			
			
			
.alist.alist_wk{
	width:100%;
	margin-left:0px;
	padding:30px 0px;
	border-top:1px solid #D9D9D9;
	border-bottom:1px solid #D9D9D9;
}
	.alist.alist_wk > *{
		width:100%;
	}
		.alist.alist_wk .artikel{
			border:none;
			flex-direction:row;
			flex-wrap:wrap;
		}
		.alist.alist_wk .artikel .alist_col1{
			width:200px;
			margin-right:30px;
		}
		.alist.alist_wk .artikel .alist_col2{
			width:calc(100% - 230px);
		}
@media(max-width:1024px){
	.alist.alist_wk .artikel .alist_col1{
		width:200px;
	}
	.alist.alist_wk .artikel .alist_col2{
		width:calc(100% - 230px);
	}	
}
@media(max-width:520px){
	.alist.alist_wk .artikel .alist_col1{
		width:160px;
	}
	.alist.alist_wk .artikel .alist_col2{
		width:calc(100% - 190px);
	}	
}
@media(max-width:480px){
	.alist.alist_wk .artikel .alist_col1{
		width:100%;
		margin-right:0;
	}
	.alist.alist_wk .artikel .alist_col2{
		width:100%;
	}	
}
@media(max-width:380px){
	.alist.alist_wk{
		width:calc(100vw - 60px);
	}
}




/*-------- Paging Register -----------*/
.pregister{
	width:100%;
	float:left;
	clear:both;
	position:relative;
	border-top:1px solid rgb(230,230,230);
	padding-top:10px;
	margin:20px 0 20px 0;
}
.preg_head{
	font-size:20px;
	width:100%;
	float:left;
	clear:both;
	margin-bottom:10px;
}
.preg{
	width:100%;
	float:left;
	clear:both;
	position:relative;
	font-family:roboto2014_condensed_regular, sans-serif;
	font-size:22px;
	line-height:1em;
	color:white;
}
.preg a, .preg a:hover{
	text-decoration:none;
	color:inherit;
}
.preg .btn{
	float:left;
	background-color:#D9D9D9;
	border-radius:5px;
	padding:0.45em 0.25em 0.55em 0.25em;
	text-align:center;
	min-width:2em;
	margin:0 0.5em 0.5em 0;
	color:rgb(77,77,77);
}
	/*Sonderformate*/
	.preg .btn_prev, .preg .btn_next{
		background-color:rgb(0,91,168);
	}
	/*act, on*/
	.preg .btn:hover, .preg .btn.on{
		background-color:rgb(0,91,168);
		background-color:#76BE7A;
		color:white;
	}



/*========= Formularfelder ============*/
.ft1, .ft2, .ft3{
	font-family:rc, sans-serif;
	font-size:18px;
	width:280px;
	padding:10px;
	border:1px solid #CBCBCB;
	border-radius:5px;
	background-color:white;
	box-sizing:border-box;
}
	.ft1:focus, .ft2:focus, .ft3:focus{
		border:1px solid #666666;
		background-color:#F0F0F0;
	}
.ft2{
	width:200px;
}
.ft3{
	width:74px;
}

.bt1{
	font-family:rc, sans-serif;
	font-size:24px;
	background-color:#76BE7A;
	border:1px solid #76BE7A;
	color:white;
	border-radius:3px;
	padding:4px 10px 4px 10px;
	cursor:pointer;
}



/*========= Buttons ============*/
.shop_bt1{
	font-family:rc, sans-serif;
	font-size:18px;
	color:white;
	padding:10px 26px 10px 10px;
	background-color:#CC0000;
	border:1px solid #CC0000;
	border-radius:5px;
	box-sizing:border-box;
	position:relative;
	line-height:1em;
}
	.shop_bt1:hover{
		color:white;
		text-decoration:none;
	}
	.shop_bt1:after{
		content:'\f0da';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:absolute;
		top:12px;
		right:10px;
	}
	
.shop_bt_logout, .shop_bt_history{
	padding:10px 10px 10px 30px;
	padding-left:32px !important;
	display:inline-block;
	margin-bottom:0.5em;
}
	.shop_bt_logout:before{
		content:'\f2f5';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:absolute;
		top:10px;
		left:10px;
	}
	.shop_bt_history:before{
		content:'\f1da';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:absolute;
		top:10px;
		left:10px;
	}
	.shop_bt_logout:after, .shop_bt_history:after{
		content:'';
	}
	.shop_bt_logout2{
		position:absolute;
		right:0px;
		top:0px;
	}
		.shop_bt_logout2:before{
			top:10px;
		}
	.shop_bt_history{
		position:absolute;
		right:140px;
		top:0px;
	}
	.shop_bt_history_bottom{
		position:relative;
		right:0px;
		top:0px;
		margin-right:10px;
	}
	
@media screen and (max-width:620px){
	.shop_bt_history_top{
		display:none;
	}
}
		
.shop_bt_wk{
	padding-left:36px !important;
	display:inline-block;
	margin-bottom:0.5em;
}
	.shop_bt_wk:before{
		content:'\f07a';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		position:absolute;
		top:10px;
		left:10px;
	}

.shop_bt2{
	font-family:rc, sans-serif;
	font-size:18px;
	color:white;
	padding:10px 10px 10px 10px;
	background-color:#CC0000;
	border:1px solid #CC0000;
	border-radius:5px;
	box-sizing:border-box;
	position:relative;
	line-height:1em;
}
	.shop_bt2:hover{
		color:white;
		text-decoration:none;
	}

.pw_vergessen{
	font-family:rc, sans-serif;
	font-size:0.9em;
	margin-top:10px;
	display:inline-block;
}



/*========= Shop ============*/
.shopleiste{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2em;
}
	.shopleiste > *{
		width:22%;
		font-size:0.9em;
		font-family:rc, sans-serif;
		text-align:center;
		position:relative;
		padding:60px 0 10px 0;
		color:black;
		border:1px solid #D9D9D9;
		border-radius:5px;
	}
	.shopleiste a:hover{
		color:black;
		text-decoration:none;
	}

	.shopleiste a:before{
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		font-size:48px;
		position:absolute;
		top:10px;
		left:50%;
		transform:translate(-50%, 0);
		line-height:1em;
		color:#D9D9D9;
	}

	.shopleiste a.step_on{
		background-color:#D9D9D9;
	}
	.shopleiste a.step_on:before{
		color:#CC0000;
	}
	.shopleiste a.step_off{
		cursor:default;
	}
	.shopleiste a.step_off:before{
		color:#D9D9D9;
	}

	.shopleiste a.step_pdaten:before{
		content:'\f007';
	}
	.shopleiste a.step_warenkorb:before{
		content:'\f07a';
	}
	.shopleiste a.step_agb:before{
		content:'\f15c';
	}
	.shopleiste a.step_uebersicht:before{
		content:'\f199';
	}

@media(max-width:500px){
	.shopleiste > *{
		font-size:0.8em;
		line-height:1.1em;
		padding-top:50px;
	}
	.shopleiste a:before{
		font-size:36px;
	}
}
@media(max-width:380px){
	.shopleiste > *{
		font-size:0.7em;
	}
}


.input{
	margin-bottom:10px;
}
	.input div{
		margin-bottom:5px;
	}

.input_2s{
	display:flex;
	margin-bottom:10px;
}
	.input_2s div:nth-child(1){
		margin-right:6px;
	}

.lieferadr{
	background-color:#F9F9F9;
	border:1px solid #CCCCCC;
	border-radius:5px;
	margin:2em 0 2em 0;
	padding:15px;
}
	.lieferadr_input{
		margin-top:1em;
		display:none;
	}

.error_msg{
	font-family:rc, sans-serif;
	background-color:#CC0000;
	border:1px solid #CCCCCC;
	border-radius:5px;
	margin:1em 0 1em 0;
	padding:10px;
	color:white;
}

.del_artikel{
	margin-right:6px;
}
	.del_artikel:after{
		content:'\f057';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
	}

.za_daten1{
	background-color:#F0F0F0;
	border:1px solid black;
	padding:6px;
	margin:10px 2px 10px 2px;
	display:none;
	visibility:hidden;
}

.za_daten2{
	background-color:#F0F0F0;
	border:1px solid black;
	padding:6px;
	margin:10px 2px 10px 2px;
	display:block;
	visibility:visible;
}

.wk_tbl{
	margin-top:20px;
	width:100%;
	border-collapse:collapse;

	empty-cells:show;

}
	.wk_tbl tr:first-child td{
		background-color:#D9D9D9;
		color:black;
		font-family:rc, sans-serif;
	}
	.wk_tbl td{
		padding:6px;
	}
	.wk_tbl td:nth-child(4){
		text-align:right;
	}


a.wk_add, a.wk_add:hover{
	margin-bottom:2em;
	background-color:#009900;
	padding:10px 80px 10px 80px;
	color:white;
	text-decoration:none;
	border-radius:5px;
	font-family:rc-lt, sans-serif;
	display:block;
	position:relative;
	z-index:10;
}
	a.wk_add span.wk_add_h{
		font-family:rc, sans-serif;
	}

	a.wk_add:before{
		content:'\f217';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		font-size:50px;
		position:absolute;
		top:10px;
		left:10px;
		line-height:1em;
	}
	a.wk_add:after{
		content:'\f138';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		font-size:50px;
		position:absolute;
		top:10px;
		right:10px;
		line-height:1em;
	}



.hinweis_ausland{
	margin-top:2em;
	clear:both;
	float:left;
	width:100%;
}
	.hinweis_ausland h3{
		font-family:rc, sans-serif;
		font-size:22px;
		color:#333333;
		font-weight:normal;
		line-height:1.2em;
		margin:0 0 0.3em 0;
		padding-top:20px;
		position:relative;
		/*background-image:url(img-kynos/flags.png);*/
		background-repeat:no-repeat;
		background-position:0px 0px;
	}
		.hinweis_ausland p{
			font-family:rc, sans-serif;
			color:#333333;
			font-size:16px;
			line-height:1.1em;
			margin-top:0;
			margin-bottom:0.5em;
		}
			.hinweis_ausland p:last-child{
				margin-bottom:0;
			}
		.hinweis_ausland a{
			color:#CC0000;
		}



.stiftung{
	margin-top:1em;
	clear:both;
	float:left;
	width:100%;
}
	.stiftung h3{
		font-family:rc, sans-serif;
		font-size:28px;
		color:#333333;
		font-weight:normal;
		line-height:1.0em;
		margin:0 0 0.5em 0;
	}
		.stiftung h3 i{
			color:#CC0000;
		}
		.stiftung h3 span{
			font-size:20px;
		}
		.stiftung img{
			line-height:1px;
			position:relative;
			margin-bottom:0.5em;
		}
			.stiftung .img img{
				max-width:100%;
			}
		.stiftung p{
			font-family:rc, sans-serif;
			color:#333333;
			font-size:16px;
			line-height:1.1em;
			margin-top:0;
			margin-bottom:0.5em;
		}
			.hinweis_ausland p:last-child{
				margin-bottom:0;
			}
		.stiftung a{
			color:#CC0000;
		}
		.stiftung a span{
			font-weight:bold;
		}
		
.pdaten_2c{
	display:flex;
	flex-wrap:wrap;
}
	.pdaten_2c > *:nth-child(1){
		width:320px;
	}
	.pdaten_2c > *:nth-child(2){
		width:calc(100% - 320px);
	}
@media screen and (max-width:1060px){
	.pdaten_2c{
		font-size:0.8em;
	}
}
@media screen and (max-width:960px){
	.pdaten_2c{
		font-size:1em;
	}
}
@media screen and (max-width:680px){
	.pdaten_2c > *:nth-child(1){
		width:100%;
	}
	.pdaten_2c > *:nth-child(2){
		width:100%;
	}
}
@media screen and (max-width:480px){
	.pdaten_2c{
		font-size:0.8em;
	}
}



/*--- Für Videos ---*/
.embed-size-container
{
	line-height:0.1em;
	max-width:1024px;
}
	.embed-container{
		position:relative;
		padding-bottom:56.25%;
		height:0;
		overflow:hidden;
		max-width:100%;
		height:auto;
	}
		.embed-container iframe, .embed-container object, .embed-container embed{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}

.video-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
	margin-bottom:1.5em;
}
	.video-responsive iframe{
		left:0;
		top:0;
		height:100%;
		width:100%;
		position:absolute;
	}



iframe{
	border:1px solid #CCCCCC;
}




/*--- Newsboxen Standard ---*/
.nbox{
	display:flex;
	flex-wrap:wrap;
	margin-left:-40px;
}
	.nbox.nbox_ls{
		display:block;
		margin-left:0px;
	}

	.nbox > *{
		position:relative;
		border:40px hidden transparent;
		border-left-style:solid;
		width:50%;
		margin-bottom:40px;
	}
		.nbox.nbox_3s > *{
			width:33.33%;
		}
		.nbox.nbox_ls > *{
			width:100%;
		}

	.nbox > a, .nbox > a:hover{
		color:#4D4D4D;
	}

	.nbox .nimg{
		width:100%;
		padding-bottom:calc( (280 / 360) * 100% );
		overflow:hidden;
		position:relative;
		margin-bottom:1.5em;
	}
		.nbox.nbox_3s .nimg{
			padding-bottom:calc( (385 / 520) * 100% );
		}
		.nbox .nimg img{
			position:absolute;
			top:0px;
			left:0px;
			width:100%;
			height:100%;
		}

	.nbox .nhead h2{
		margin-bottom:0.5em;
		font-size:1.22em;
	}
	.nbox .nbody p:last-child{
		margin-bottom:0;
	}


@media screen and (max-width:1020px){
	.nbox{
		margin-left:-30px;
	}
		.nbox > *{
			width:33.33%;
			border-width:30px;
			margin-bottom:30px;
		}
}
@media screen and (max-width:768px){
	.nbox.nbox_3s > *{
		width:50%;
	}
	.nbox > *{
		width:50%;
	}
}
@media screen and (max-width:660px){
	.nbox{
		margin-left:-20px;
	}
		.nbox > *{
			border-width:20px;
			margin-bottom:20px;
		}
}
@media screen and (max-width:560px){
	.nbox > *, .nbox.nbox_3s > *{
		width:100%;
		margin-bottom:50px;
	}
}




.nbox_ls_container{
	margin-top:2em;
	float:left;
	width:100%;
	clear:both;
}
	.nbox_ls_container h2{
		/*text-transform:uppercase;*/
		font-family:rc, sans-serif;
		font-size:28px;
		color:#333333;
		font-weight:normal;
		line-height:1.2em;
		margin:0 0 0.5em 0;
		padding-left:32px;
		position:relative;
	}
		.nbox_ls_container h2:before{
			content:'\f0c8';
			font-family:'Font Awesome 5 Pro';
			font-weight:900;
			color:#CC0000;
			position:absolute;
			top:0px;
			left:0px;
		}

	.nbox_ls{
		display:flex;
		flex-wrap:wrap;
	}
		.nbox_ls > a{
			border-bottom:1px solid #CCCCCC;
			padding-bottom:25px;
			margin-bottom:25px;
			width:100%;
		}
			.nbox_ls > a:last-child{
				border-bottom:none;
				padding-bottom:0;
			}

		.nbox_ls .nimg{
			line-height:1px;
			position:relative;
			margin-bottom:1em;
		}
			.nbox_ls .nimg img{
				width:100%;
			}

		.nbox_ls h3{
			font-family:rc-b, sans-serif;
			font-size:23px;
			font-weight:normal;
			color:#333333;
			margin-bottom:8px;
			margin-top:0;
		}
			.nbox_ls h3 i{
				color:#D9D9D9;
			}

		.nbox_ls .nbody{
			font-family:rc, sans-serif;
			color:#333333;
			font-size:16px;
			line-height:1.1em;
		}
			.nbox_ls .nbody p:last-child{
				margin-bottom:0;
			}

		.nbox_ls .nlnk{
			font-family:rc, sans-serif;
			color:#CC0000;
			font-size:16px;
			line-height:1.1em;
			margin-top:0.5em;
		}




.footer_news{
	width:100%;
	max-width:1160px;
	display:none;
	flex-direction:column;
}

	.footer_news .hinweis_ausland{
		float:none;
		padding-top:25px;
		border-top:1px solid #CCCCCC;
	}

	.footer_news .nbox_ls_container{
		float:none;
		padding-top:25px;
		border-top:1px solid #CCCCCC;
	}
		.footer_news .nbox_ls > a{
			display:flex;
			flex-wrap:wrap;
		}
		.footer_news .nbox_ls > a .nimg{
			width:calc(25% - 15px);
			margin-right:15px;
			margin-bottom:0;
		}
		.footer_news .nbox_ls > a > div{
			width:75%;
		}

	.footer_news .stiftung{
		float:none;
		margin:0;
		margin-bottom:25px;
		padding-top:25px;
		border-top:1px solid #CCCCCC;
	}

	.footer_news .stiftung > div{
		display:flex;
	}
		.footer_news .stiftung h3 br{
			display:none;
		}
		.footer_news .stiftung h3 span:before{
			content:' - ';
		}
		.footer_news .stiftung > div .img{
			width:90px;
			max-width:90px;
			min-width:90px;
			margin-right:15px;
		}
		.footer_news .stiftung > div .img img{
			width:100%;
		}
		.footer_news .stiftung a br{
			display:none;
		}

@media(max-width:480px){

	.footer_news .stiftung > div{
		display:block;
	}
	.footer_news .stiftung h3 br{
		display:inline;
	}
	.footer_news .stiftung h3 span:before{
		content:'';
	}
	.footer_news .stiftung > div .img{
		width:131px;
		max-width:131px;
		min-width:131px;
		margin-right:0;
	}
	.footer_news .stiftung a br{
		display:inline;
	}

	.footer_news .nbox_ls > a .nimg{
		width:100%;
		margin-right:0;
		margin-bottom:15px;
	}
	.footer_news .nbox_ls > a > div{
		width:100%;
	}

}





/*------ Spalten/Reihenübeschrift ------*/
.col_header{
	font-family:rc, sans-serif;
	font-size:24px;
	color:#333333;
	font-weight:normal;
	line-height:1.2em;
	margin:0 0 0.8em 0;
	padding-left:28px;
	position:relative;
}
	.col_header_title:before{
		content:'\f005';
		font-family:'Font Awesome 5 Pro';
		font-weight:900;
		font-size:20px;
		color:#FFCB03;
		position:absolute;
		top:0px;
		left:0px;
	}
	.col_header .cms4d_slider5_cbtn_right{
		margin-left:10px;
	}





/*===================  Slider 5 =============================*/
/*----- Slider5 mehrspaltig, typisch News / Galerien ----------
Allgemeine Spaltenabstände und Schrumpfung*/
@media(max-width:1200px){
	/*Spaltenabstand verringern, folgt typischerweise der Schrumpfung des globalen Randabstands hpad1*/
	.mcslider .cms4d_slider5_content_inner{margin-left:-30px;}
		.mcslider .slide_content{border-left-width:30px;}
}
@media(max-width:1024px){
	.mcslider .cms4d_slider5_content_inner{margin-left:-20px;}
		.mcslider .slide_content{border-left-width:20px;}
}
@media(max-width:760px){
	.mcslider .cms4d_slider5_content_inner{margin-left:-15px;}
		.mcslider .slide_content{border-left-width:15px;}
}
@media(max-width:400px){
	.mcslider .cms4d_slider5_content_inner{margin-left:-10px;}
		.mcslider .slide_content{border-left-width:10px;}
}

.slider_startseite{
	margin-bottom:30px;
}

/*---- Bildplatzhalter allgemein -----*/
.slide_imgph{
	width:100%;
	position:relative;
	background:no-repeat center center;
	background-size:cover;
}
	/*WICHTIG: IMG Elemente in Platzhaltern (typisch resimg loader) prinzipiell position:absolute schalten, damit sie keine Layouthöhe erzeugen*/
	.slide_imgph img{
		display:block;
		position:absolute;
		left:0;
		top:0;
	}
	/*Seitenverhältnis*/
	.slide_imgph:before{
		content:'';
		display:block;
		width:100%;
		/*In diesem Projekt ist die allgemeine slider0 Höhe 30%. Für die Startseite jedoch höher - 35%*/
		/*1920 x 576*/
		padding-bottom:30%;
		padding-bottom:47.17%;
	}
		/*Startseite abweichend*/
		.page-start .slide_imgph:before{
			/*1920 x 672*/
			padding-bottom:35%;
			padding-bottom:47.17%;
		}




/*---------- Galerie- und Newsslider allgemein mit externen Controls -------*/
/*Cursor und Indexbuttons immer sichtbar - wenn übergeordnete Kontrollklasse den Container sichtbar erlaubt*/


.islider .cms4d_slider5_viewport{
	width:20%;
}

.islider_cbuttons .cms4d_slider5_show .cms4d_slider5_cbtn_btn,
.islider_ibuttons .cms4d_slider5_show .cms4d_slider5_ibtn_holder{
	visibility:visible;
}
	/*Cursortaste ggf. abweichendes Icon*/
	.islider_cbuttons .cms4d_slider5_cbtn_btn:before{
		font-weight:300;
	}
/*externe Cursorbuttons, Schriftgröße wird vom typischerweise übergeordneten col_header übernommen und schrumpft mit diesem*/
.islider_cbuttons .cms4d_slider5_cbtn_btn{
	color:rgb(204,204,204);
}
/*externe Indexbuttons*/
.islider_ibuttons{
	margin-top:0px;
}
.islider_ibuttons .cms4d_slider5_ibtn{
	background-color:transparent;
	border-color:rgb(179,179,179);
	line-height:0.5em;
}
	.islider_ibuttons .cms4d_slider5_ibtn_on{
		background-color:rgb(179,179,179);
	}
/*Die breakpoints zum Umschalten auf zwei und am Ende auf eine Spalte hängen von der Basisbreite des Layouts ab.
Umgeschaltet wird immer dann, wenn in der reduzierten Spaltenzahl ein Ursprungsbild exakt in seiner Originalbreite zu sehen ist.
Bei breiteren Basislayout kann dies also früher geschehen als bei schmaleren.
Gewünscht ist, dass sowohl in der zwei- als auch in der einspaltigen Ansicht rechts neben dem Kopfbild kein Freiraum bleibt,
weil dieses den neuen Raum zu 100% Brite ausfüllen kann ohne aufwärts skaliert zu werden.*/
@media(max-width:1160px){
	.islider .cms4d_slider5_viewport{
		width:25%;
	}
}
@media(max-width:1024px){
	.islider_ibuttons{
		margin-top:0px;
	}
}
@media(max-width:960px){
	.islider .cms4d_slider5_viewport{
		width:20%;
	}
}
@media(max-width:760px){
	.islider .cms4d_slider5_viewport{
		width:25%;
	}
	.islider_ibuttons{
		margin-top:0px;
	}
}
@media(max-width:640px){
	.islider .cms4d_slider5_viewport{
		width:33.33%;
	}
}
@media(max-width:480px){
	.islider .cms4d_slider5_viewport{
		width:50%;
	}
	/*Indexbuttons stark verkleinern. Nur noch als optische Marker, lassen sich nicht mehr mit dem Funger bedienen.*/
	.islider_ibuttons .cms4d_slider5_ibtn{
		width:8px;
		height:8px;
		margin:0 2px;
	}
	.islider_ibuttons{
		margin-top:0px;
	}
}
@media(max-width:400px){
}



/*================= News Slider Start ======================*/
.start_nslider{
	margin-bottom:30px;
}
.nslider_box{
}

.nslider a, .nslider a:hover{
	text-decoration:none;
	color:inherit;
	font-size:inherit;
	line-height:1.25em;
}
	.nsimg{
		margin-bottom:1em;
	}
	.nsbody{
	}
		.nsbody *:last-child{
			margin-bottom:0;
		}
	.nslink{
		/*font-size:16px;*/
		margin-top:1em;
	}
	/*Blockelemente angleichen*/
	.nslider h1,
	.nslider h2,
	.nslider h3,
	.nslider h4,
	.nslider h5,
	.nslider h6{
		color:rgb(0,83,145);
		font-family:r-md, sans-serif;
		/*21px*/
		font-size:1.166666em;
		/*23px*/
		/*font-size:1.277777em;*/
		line-height:1.25em;
		margin-bottom:0.5em;
	}
	.nslider p{
		margin-bottom:1em;
	}
/*------- viewports -----------*/
@media(max-width:1200px){
	/*Schriften pauschal verkleinern*/
	.nslider{
		font-size:16px;
	}
		.nslider h1,
		.nslider h2,
		.nslider h3,
		.nslider h4,
		.nslider h5,
		.nslider h6{
			/*16 -> 18*/
			/*font-size:1.125em;*/
			/*16 -> 17*/
			font-size:1.0625em;
		}
}
@media(max-width:600px){
}
/*------- EXTRA Drucklayout -----------
wg. Chrome/IE/Edge print bug wird für das standardmäßige vertikale Layout des Newssliders flexbox an einigen Stellen aufgehoben,
damit Bild/Text untereinander im normalen Layoutfluss stehen. Andernfalls weerden ja nach Browser die slide Inhalte einfach abgeschitten und drucken nicht.
Damit es in allen Browsern einheitlich aussicht, wird hier ein 3 spaltiges grid mit normalem static Layoutfluss (inline-block) erzeugt,
in dem ALLE news items ggf. mehrzeilig untereinander aufgelistet werden. Der Slider, der typischerweise nur eine kleine Anzahl aller items zeigt
wird quasi komplett in ein grid verwandelt, in dem alle items sichtbar sind.*/
@media print{
.nslider .cms4d_slider5_content_inner{
	height:auto !important;
}
	.nslider .cms4d_slider5_viewport{
		height:auto;
		overflow:visible;
		width:100%;
	}
		.nslider .cms4d_slider5_shifter{
			position:relative !important;
			/*flex aufheben. Dadruch rutschen allerdings die innenliegenden .slide container untereinander (standard static Layoutfluss.)*/
			display:block;
			width:100%;
		}
			.nslider .slide{
				/*flex aufheben - static inline layoutfluss. Es werden alle items sichtar.*/
				display:inline-block;
				vertical-align:top;
				/*nicht volle 1/3, da Wortabstand ausgeglichen werden muss, um unerwünschten Zeilenumbruch zu vermeiden.*/
				width:32.5%;
				margin-bottom:2em;
			}
				.nslider .slide_content{
					/*flex aufheben*/
					display:block;
				}
					.nslink{
						display:none;
					}
}







/*======== Viewports ===========*/
@media(max-width:1280px){

	.footer_sil_ph{
		background-size:contain;
		position:relative;
		padding-bottom:13.79%;
		height:auto;
		margin-bottom:-2.6%;
	}

}

@media(max-width:1160px){

	.header_row .rowc:after{
		background-size:305px;
	}

	.hmenu_box{
		background:linear-gradient(to right, #F0F0F0 1%, #E5E5E5);
	}

	.alist > *{
		width:50%;
	}

}

@media(max-width:1060px){

	.header_konto a span{
		display:none;
	}
	.header_wk_label span{
		display:none;
	}

}

@media(max-width:960px){

	body, .main_row, .header_row{
		background-image:none;
	}

	.hpad1{
		border-left:30px solid transparent;
		border-right:30px solid transparent;
	}

	.main_row .rowc{
		box-shadow:none;
	}

	.hmenu_box{
		width:calc(100% + 60px);
		margin-right:-30px;
		margin-left:-30px;
		padding-right:30px;
	}

	.header_row{
		height:190px;
		border-bottom:10px solid #D7D7D7;
		box-sizing:border-box;

	}
		.header_row .rowc{
			height:180px;
			box-shadow:none;
		}
		.header_row .rowc:after{
			background-size:206px;
		}

	.header_logo_box{
		width:472px;
	}
		.header_logo_ph{
			width:154px;
			height:50px;
			background-size:contain;
		}
		.header_claim_ph{
			width:298px;
			height:55px;
			margin-right:20px;
			background-size:contain;
		}

	.header_tool_box{
		width:auto;
		margin-top:0;
		position:absolute;
		bottom:8px;
		left:0px;
		z-index:4;
	}

	.footer_cta{
		width:calc(100% + 60px);
		margin-right:-30px;
		margin-left:-30px;
		padding-right:30px;
		padding-left:30px;
	}

	.footer{
		width:calc(100% + 60px);
		margin-right:-30px;
		margin-left:-30px;
		padding:40px 30px 40px 30px;
	}

	.alist > *{
		width:33.33%;
	}

	.adtl .links > div:nth-child(2) > *{
		width:20%;
	}

	.footer_news{
		display:flex;
	}

	/*========= mobile menu =========*/
	.hmenu_container{
		display:none;
	}
	.left_col{
		display:none !important;
	}
	.smenu_lvl_1 .main_col{
		width:100%;
	}
	.mm0_container{
		display:block;
	}
	.mm0{
		display:block;
	}
	.bcmenu_top{
		display:block;
	}

}


@media(max-width:710px){

	.alist > *{
		width:50%;
	}
	.adtl .links > div:nth-child(2) > *{
		width:25%;
	}

}

@media(max-width:680px){

	.header_logo_box{
		width:298px;
		height:90px;
		flex-direction:column;
		margin-top:15px;
	}
		.header_logo_box a:nth-child(1){
			order:20;
		}
		.header_logo_box a:nth-child(2){
			order:10;
			align-self:flex-end;
		}
		.header_logo_ph{
		}
		.header_claim_ph{
			width:298px;
			height:30px;
			margin-right:0;
			margin-top:10px;
			background-image:url(img-kynos/kynos-claim-top-s-2025-11.png);
		}

	.hmenu_box{
		margin-top:15px;
	}

	.header_wk_label span{
		display:none;
	}


}

@media(max-width:620px){

	.c4-mm-op-lbl{
		display:none;
	}
	
}

@media(max-width:580px){

	.adtl .links > div:nth-child(2) > *{
		width:33.33%;
	}

}

@media(max-width:560px){

	.header_wk{
		margin-right:20px;
	}
		.header_wk_label:after{
			display:none;
		}
		.header_wk_items{
			margin-left:0;
		}

	.form_suche table{
		width:200px;
	}
		.form_suche table tr td:nth-child(1){
			width:99%;
		}
		.form_suche table tr td:nth-child(2){
			width:1%;
		}
		.form_suche input[type="text"]{
			width:160px;
		}

	.wk_tbl tr td:nth-child(3){
		display:none;
	}

	.adtl_body .img{
		width:100%;
		border-right:none;
	}
		.adtl_body .img img{
			width:auto;
			max-width:100%;
		}
		.adtl_body .info{
			width:100%;
		}
		.adtl_body .info2{
			display:none;
		}
		.adtl_body .info .rwd{
			display:block;
		}
}

@media(max-width:500px){

	.header_logo_box{
		width:198px;
	}
		.header_claim_ph{
			width:198px;
			height:20px;
		}

}

@media(max-width:480px){

	a.fomenu_item{
		margin-right:10px;
		display:inline-block;
	}

	.c4-mm-op-lbl{
		display:none;
	}

	.alist > *{
		width:100%;
	}
	.adtl .links > div:nth-child(2) > *{
		width:50%;
	}

	a.wk_add, a.wk_add:hover{
		padding:10px 50px 10px 50px;
	}
	a.wk_add:before{
		font-size:28px;
	}
	a.wk_add:after{
		font-size:28px;
	}

}

@media(max-width:460px){

	.form_suche{
		display:none;
		position:absolute;
		top:45px;
		/*left:-94px;*/
		right:-78px;
	}
		.form_suche.mbl{
			display:block;
		}
		.form_suche input[type="text"]{
			width:220px;
		}
	.header_suche .suche_mobile{
		display:block;
	}

}

@media(max-width:420px){
	
	.shop_bt_logout2{
		height:30px;
		padding-right:8px;
	}
	.shop_bt_logout2 span{
		display:none;
	}
	.shop_bt_logout2:before{
		top:5px;
		left:10px;
	}
		
}

@media(max-width:420px){

	.header_logo_box{
		width:120px;
	}
		.header_logo_ph{
			width:120px;
			height:44px;
		}
		.header_claim_ph{
			width:120px;
			height:41px;
			background-image:url(img-kynos/kynos-claim-top-s2z-2025-11.png);
			margin-top:0;
		}

}

@media(max-width:380px){

}