/* nunito-300 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 300;
  src: local('Nunito Light'), local('Nunito-Light'),
       url('../Fonts/nunito-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/nunito-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/nunito-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../Fonts/nunito-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/nunito-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/nunito-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
}
/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
       url('../Fonts/nunito-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../Fonts/nunito-v14-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../Fonts/nunito-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
}


/* Essen */
.color1 .button.full,
.color1 .bg100,
.color1.bg100,
.color1.balken {
	background: rgba(237, 118, 31, 1);
	color: #fff;
	transition: all 0.5s ease-in;
}

.color1 .moreContent > div:first-child h3,
.color1 h1,
.color1 h2,
.content .color1 h2,
.color1 a,
.color1 span.color {
	color: rgba(237, 118, 31, 1);
}

.color1 .tabmenu > div > div {
	color: rgba(237, 118, 31, 0.7);
}

.color1 .button,
.content .color1 .button {
	/*background: rgba(238, 117, 31, 1);*/
	border: 1px solid rgba(238, 117, 31, 1);
	color: rgba(238, 117, 31, 1);
}

.color1 .popupListe > div-type-textmedia {
	background:  rgba(237, 118, 31, 0.1);
	transition: all 0.5s ease;
}

.color1 .popupListe > div:hover {
	background:  rgba(237, 118, 31, 0.2);
	transition: all 0.5s ease;
}


/* @home */
.color2 .button.full,
.color2 .bg100,
.color2.bg100,
.color2.balken {
	background: rgba(197, 90, 154, 1);
	color: #fff;
	transition: all 0.5s ease-in;
}

.color2 .moreContent > div:first-child h3,
.color2 h1,
.color2 h2,
.color2 .contentWrapper .bg100 .popup h2,
.content .color2 h2,
.color2 a,
.color2 span.color {
	color: #C55B9B;
}

.color2 .tabmenu > div > div {
	color: rgba(197, 90, 154, 0.7);
}

.color2 .button,
.content .color2 .button {
	/*background: #C55B9B;*/
	border: 1px solid #C55B9B;
	color: #C55B9B;
}

.color2 .popupListe > div {
	background:  rgba(197, 90, 154, 0.1);
	transition: all 0.5s ease;
}

.color2 .popupListe > div:hover {
	background:  rgba(197, 90, 154, 0.2);
	transition: all 0.5s ease;
}

/* Wissen */
.color3.bg100,
.color3 .bg100,
.color3.balken {
	background: #018FC9;
	color: #fff;
	transition: all 0.5s ease-in;
}

/* Wissen */
.teaserMore .left > div:last-child .ce-textpic,
.color3.bg50,
.color3 .bg50 {
	background: rgba(0, 145, 202, 0.75);
	color: #fff;
	transition: all 0.5s ease-in;
}

.color3 .moreContent > div:first-child h3,
.color3 h1,
.color3 h2,
.content .color3 h2,
.color3 a,
h2.color3{
	color: #018FC9;
}

.color3 .tabmenu > div > div {
	color: rgba(0, 145, 202, 0.7);
}

.color3 .button,
.content .color3 .button {
	/*background: #018FC9;*/
	border: 1px solid rgba(0, 145, 202, 1);
	color: #018FC9;
}

.popupListe.color3 > div,
.color3 .popupListe > div {
	background:  rgba(0, 145, 202, 0.1);
	transition: all 0.5s ease;
}

.color3.popupListe > div:hover,
.color3 .popupListe > div:hover {
	background:  rgba(0, 145, 202, 0.3);
	transition: all 0.5s ease;
}

.color3 ol li:before {
	color: #018FC9 !important;
	border: 1px solid #018FC9 !important;
}

/* iss dich fit */
.color4 .bg100,
.color4.bg100,
.color4.balken {
	background: rgba(227, 0, 126, 1);
	color: #fff;
	transition: all 0.5s ease-in;
}

.color4 .moreContent > div:first-child h3,
.color4 h1,
.color4 h2,
.content .color4 h2,
.color4 a,
.color4 span.color {
	color: #E2007B;
}

.color4 .tabmenu > div > div {
	color: rgba(227, 0, 126, 0.7);
}

.color4 .button,
.content .color4 .button {
	/*background: #E2007B;*/
	border: 1px solid #E2007B;
	color: #E2007B;
}

.color4 .popupListe > div {
	background:  rgba(227, 0, 126, 0.1);
	transition: all 0.5s ease;
}

.color4 .popupListe > div:hover {
	background:  rgba(227, 0, 126, 0.2);
	transition: all 0.5s ease;
}

.color4 ol li:before {
	color: #E2007B;
	border: 1px solid #E2007B;
}

/* Machen */
.color5.bg100, 
.color5 .bg100,
.color5.balken {
	background: rgba(149, 189, 15, 1);
	color: #fff;
	transition: all 0.5s ease-in;
}


.color5 .content.bg100 .popup .frame h2,
.color5 .moreContent > div:first-child h3,
.color5 h1,
.color5 h2,
.content .color5 h2,
.color5 a,
h2.color5 {
	color: #94BD10;
}

.color5 .tabmenu > div > div {
	color: rgba(149, 189, 15, 0.7);
}

.color5 .button,
.content .color5 .button {
	/*background: #94BD10;*/
	border: 1px solid #94BD10;
	color: #94BD10
}

.popupListe.color5 > div,
.color5 .popupListe > div {
	background:  rgba(149, 189, 15, 0.1);
	cursor: pointer;
	margin-bottom: 2px;
	transition: all 0.5s ease;
}

.popupListe.color5  > div:hover,
.color5 .popupListe > div:hover {
	background:  rgba(149, 189, 15, 0.3);
	transition: all 0.5s ease;
}

.color5 ol li:before {
	color: #94BD10;
	border: 1px solid #94BD10;
}


/* ----  GLOBAL  ----- */

html, body {
	height: 100%;
	width: 100%;
	/* min-width:910px; */
}

*, table {
	margin: 0;
	padding: 0;
	border:0;
	box-sizing: border-box;
	border-collapse: separate;
	border-spacing: 0;
}

body {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 1em;
	font-weight: 300;
	line-height:1.3333em;
	background: #fff;
}

img {
	max-width: 100%;
	height: auto;
}

.image-caption {
	font-size: 90%;
	color: #666;
}

.center {
	text-align: center;
}

sub, sup { font-size: 70%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.3em; }
sub { bottom: -0.20em; }

iframe {
	max-width: 100%;
	overflow: hidden;
}

.text-center {
	text-align: center;
}

.border {
	border: 1px solid #000;
}

.floatRight {
	float: right;
}

.grey {
	color: #999;
}

.small {
	font-size: 90%;
}

.content.hide {
	display: none;
}

.content .ce-intext.ce-left ul {
	padding-left: 0px;
	margin-bottom: 20px;
}

li {
	break-inside: avoid-column;
	-moz-break-inside: avoid-column;
}

hr {
	border: 0px solid #000;
	border-bottom: 1px solid #000;
}

.bg100 hr {
	border-color: #fff;
}

a {
	text-decoration: none;
	color: #ED761F;
	transition: all 0.5s ease;
}

.bg100 a {
	color: #fff;
}

a:hover {
	color: #000;	
	text-decoration: none;	
	transition: all 0.5s ease;
}

.content .wrapper .inner a {
	font-weight: 500;
}

h1, h2, h3, h5 {
}

h1 {
	font-size: 240%;
	line-height: 100%;
	font-weight: 400;
	margin: 0px 0 20px 0;
}

.bg100 h1 {
	color: #fff !important;
}

h2 {
	font-size: 190%;
	line-height: 133.3%;
	margin-bottom: 30px;
	margin-top: 0px;
	font-weight: 400;
	background: none;
	color: #ED761F;
}
.content.bg100 .inner > .frame > h2,
.content.bg100 .inner > .frame > header > h2 {
	margin: 0 0 20px 0;
	color: #fff;
}

.contentWrapper .bg100 h2 {
	color: #fff;
}

.bg100 .popupListe h2 {
	color: #fff;
}

#info h2 {
	margin: 0;
}

h3 {
	font-size: 140%;
	line-height: 125%;
	margin: 30px 0 10px 0;
	font-weight: 500;
}

.content.bg100 h3 {
	margin: 0 0 20px 0;
	color: #fff;
}

.teaserWhite h3 {
	margin: 0px 0 30px 0;
}

h4 {
	font-size: 120%;
	margin-top: 20px;
	margin-bottom: 10px;
	font-weight: 500;
}

h5 {
	font-weight: 500;
	margin-bottom: 10px;
}

.bold, strong, b {
	font-weight: 600;
}

.mainWrapper {
	width:100%;
	padding: 0 0px;
	overflow: hidden;
	min-height: 100%;
}

.wrapper {
	max-width: 1420px;
	margin: 0 auto;
	position: relative;
	padding: 0 10px;
}

.contentWrapper .wrapper {
	max-width: 1090px;
}

.startpage .contentWrapper .wrapper {
	max-width: 1360px;
}

.mainWrapper > header {
	position: fixed;
	width: 100%;
	z-index: 1000;
	background: #fff;

}

.mainWrapper > header .inner {
	display: grid;
	grid-template-columns: calc(30% - 0px) 70%;
	grid-template-rows: auto;
	grid-template-areas: 
	"logo search"
    "logo navi";
	
	
	/*display: flex;
	justify-content: space-between;
	align-items: flex-end;
	text-align: left;*/
}

header .logo {
  	grid-area: logo;
	width: 260px;
	transition: all 0.5s ease-in-out;
  	align-self: center;
  	margin-top: 30px;
}

.mainWrapper > header.fixed .logo {
	width: 130px;
	padding-top: 0px;
	transition: all 0.5s ease-in-out;
	margin-top: 10px;
}

.mainWrapper > header.fixed .wrapper {
	border-bottom: 1px solid rgba(237, 118, 31, 1);
}

header .navi {
  	grid-area: navi;
	font-size: 120%;
	letter-spacing: 1px;
  	justify-self: end;
  	align-self: end;
}

header .navi ul {
	display: flex;
	flex-wrap: wrap;
	margin-left: 20px;
	/*justify-content: flex-end;*/
}

header .tx-indexedsearch-searchbox {
  	grid-area: search;
  	justify-self: end;
  	align-self: end;
}

header .navButton {
	display: none;
	width: 56px;
	height: 54px;
	letter-spacing: -1px;
	text-align: center;
	font-weight: 900;
	line-height: 55%;
	align-items: center;
	background: url('../Images/nav-button2.svg') no-repeat;
	cursor: pointer;
  	grid-area: navi;
	justify-self: end;
	align-self: end;
}

header .navButton:hover {
	background-color: rgba(238, 117, 31, 0.25);
}

header .navi.open {
	position: absolute;
	top: 120px;
	background: #fff;
	display: block;
	width: calc(100% - 20px);
	z-index: 1000;
}

header .navi li {
	margin: 0;
	list-style-type: none;
	position: relative;
	font-weight: 600;
}
header .navi li:last-child {
	margin-right: 0px;
}

header .navi li li {
	margin: 0 0px;
	line-height: 22px;
}

header .navi li li a {
	width: 100%;
	display: inline-grid;
	padding: 7px 0;
	font-weight: 400 !important;
}


header .navi li li:before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #000; /* Change the color */
  font-weight: 600; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 0.9em; /* Also needed for space (tweak if needed) */
  margin-left: -0.9em; /* Also needed for space (tweak if needed) */
}

header .menu > li > a {
	padding: 0px 30px;
	line-height: 50px;
}


header.fixed .menu > li > a {
	/*line-height: 40px;*/
}

header .menu > li:last-child > a {
	padding-right: 0px;
}

header .navi li a {
	color: #000;
}

header .navi .main-navigation > ul > li:first-child h2,
header .navi .main-navigation > ul > li:first-child a {
	color: rgba(237, 118, 31, 1);
}

header .navi .main-navigation > ul > li:nth-child(2) h2,
header .navi .main-navigation > ul > li:nth-child(2) a {
	color: #018FC9;
}

header .navi .main-navigation > ul > li:nth-child(3) h2,
header .navi .main-navigation > ul > li:nth-child(3) a {
	color: #94BD10;
}

header .navi .main-navigation > ul > li a:hover {
	color: #000;
}

header .navi ul li:hover > .sub-menu {
	opacity: 1;
	pointer-events: all;
  color:#006b2c;
	max-height: 500px;
	transition: all 1s ease;
}

.sub-menu {
	border: 0px solid rgba(237, 118, 31, 1);
	border-top: 0px solid #fff;
	border-bottom: 5px solid  rgba(237, 118, 31, 1);
	position: absolute;
	z-index: 111;
	background: rgba(255,255,255,0.95);
	width: 700px;
	right: -10px;
	font-size: 85%;
	padding: 30px 50px 30px 50px;
	grid-template-columns: 60% 40%;
	display:grid;
	opacity: 0;
	pointer-events: none;
	max-height: 0px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.menu li:nth-child(2) .sub-menu {
	border-bottom: 5px solid #018FC9;
}

.menu li:nth-child(3) .sub-menu {
	border-bottom: 5px solid #94BD10;
}

.sub-menu p {
	line-height: 125%;
	color: #333;
	margin-top: 3px;
	margin-right: 30px;
	font-weight: 300 !important;
}

header .navi .sub-menu ul {
	display: block;
}

.active a {
	font-weight: 600;
}

.active .sub-menu li a {
	color: #000;
		font-weight: normal;
}

header .navi.open ul {
	display: block;
	text-align: center;
	margin-top: 20px;
}

header .navi.open ul li {
	display: block;
}

header .navi.open ul li a {
	display: block;
	width: 100%;
}

header .navi.open .sub-menu {
	display: none;
}

/************************************/
/******#*******  Suche   *#***********/
/************************************/

header .tx-indexedsearch-searchbox {
	font-size: 74%;
}

header.fixed .tx-indexedsearch-searchbox {
	display: none;
}


header .tx-indexedsearch-searchbox fieldset {
	display: flex;
	align-content: baseline;
	line-height: 30px;
	justify-content: flex-end;
}

header .tx-indexedsearch-form label {
	display: none;
}

header .tx-indexedsearch-form input {
	width: 140px;
	line-height: 20px;
	border: 0px solid #000;
	border-bottom: 1px solid #000;
	color: rgba(0,0,0,0.4);
	background: none;
}


header .tx-indexedsearch-searchbox input[type=submit] {
	margin-top: 0px;
	background: url(../Images/search.png) rgba(0,0,0,0) no-repeat center;
	background-size: contain;
	
	display: inline-block;
	padding: 0 20px;
	transition: all 0.5s;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.simpleSaerch legend {
	display: none;
}

.tx-indexedsearch-browsebox ul {
	display: flex;
	list-style-type: none;
	width: 100%;
}

.tx-indexedsearch-browsebox li {
	margin: 0 10px;
}

.content .wrapper .inner .tx-indexedsearch-browsebox li a {
	font-weight: 300;
}

.tx-indexedsearch-browsebox,
.tx-indexedsearch-info-sword,
.tx-indexedsearch-text-item-path,
.tx-indexedsearch-percent,
#tx_indexedsearch_extResume,
.tx-indexedsearch-searchbox form > p,
.tx-indexedsearch-searchbox label,
.tx-indexedsearch-search-select-order,
.tx-indexedsearch-search-in,
.tx-indexedsearch-icon,
.tx-indexedsearch-text-item-mtime,
.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-search-freeindexuid,
.tx-indexedsearch-rules {
	display: none;
}

.tx-indexedsearch-sectionlinks,
.tx-indexedsearch-searchbox fieldset .extendedSearch,
.tx-indexedsearch-searchbox fieldset .simpleSaerch {
	display: flex;
	align-items: flex-start;
	align-content: space-between;
}


.tx-indexedsearch-searchbox fieldset .extendedSearch {
	display: none;
}

.tx-indexedsearch-searchbox fieldset .simpleSaerch {
	align-items: center;
	padding: 4px 0;
}

.tx-indexedsearch-searchbox fieldset .simpleSaerch > div {
	margin-left: 10px;
}

.tx-indexedsearch-searchbox fieldset .extendedSearch {
	margin: 10px 0;
}

.tx-indexedsearch-searchbox .extendedSearch label {
	width: 100%;
	display: inline-block;
}

.tx-indexedsearch-searchbox .extendedSearch select {
	margin-bottom: 10px;
}

.tx-indexedsearch-search-submit input[type=submit] {
	margin-top: 0px;
}

div.tx-indexedsearch-browsebox {
	border-top: 1px solid #000;
	padding: 2px 0 12px 0;
}

ul.tx-indexedsearch-browsebox {
	display: flex;
}

.contentWrapper .tx-indexedsearch-browsebox li::before {
	content: '';
}

.contentWrapper .tx-indexedsearch-browsebox li {
	margin-left: 0px;
	margin-right: 20px;
}

.tx-indexedsearch-browsebox li a {
	font-weight: 500 !important;
}
.tx-indexedsearch-browsebox .tx-indexedsearch-browselist-currentPage strong a {
	font-weight: 700 !important;
}

.content .tx-indexedsearch-sectionlinks {
	padding: 10px 0;
	border-top: 1px solid #000;
}

.tx-indexedsearch-sectionlinks a {
	margin-left: 1px;
	padding: 5px 0 5px 0px;
	margin-right: 20px;
}

.tx-indexedsearch-search-freeindexuid,
.tx-indexedsearch-search-in,
.tx-indexedsearch-search-select-section,
.tx-indexedsearch-search-select-order,
.tx-indexedsearch-search-select-results,
.tx-indexedsearch-search-select-group,
.tx-indexedsearch-search-for {
	padding: 3px 0px;
}

.tx-indexedsearch-search-freeindexuid label,
.tx-indexedsearch-search-in label,
.tx-indexedsearch-search-select-section label,
.tx-indexedsearch-search-select-order label,
.tx-indexedsearch-search-select-results label,
.tx-indexedsearch-search-select-group label,
.tx-indexedsearch-search-for label {
	display: inline-block;
	width: 150px;
}

.tx-indexedsearch-sectionhead {
	border-top: 1px solid #ddd;
	clear: both;
}

.tx-indexedsearch-result-count {
	display: none;
}

.tx-indexedsearch-sectionhead .tx-indexedsearch-title a {
	color: #000;
	pointer-events: none;
}

.tx-indexedsearch-info .tx-indexedsearch-text-item-path:first-child {
	display: none;
}

.tx-indexedsearch-text-item-path a {
	color: #000;
	font-weight: 500;
}

.tx-indexedsearch-sectionhead h2 {
	margin: 10px 0px 7px 0px;
	color: #999;
	font-size: 130%;
}

.tx-indexedsearch-res {
	padding: 10px 0;
}

.tx-indexedsearch-res h3 {
	margin: 0px;
	font-size: 110%;
}

/************************************/
/************* keyvisual ************/
/************************************/

.keyvisual {
	margin-top: 150px;
	width: 100%;
	height: auto;
	background: #fff;
	position: relative;
	text-align: center;
}

.keyvisual .wrapper {
	padding: 0;
}

.keyvisual .ce-gallery, .keyvisual .ce-row {
	margin: 0px !important;
}

.keyvisual .inner {
	height: 400px;
	transition: all 2s ease-in-out;
	overflow: hidden;
}

.keyvisual.small .inner {
	height: 150px;
}

.backend_layout1 .keyvisual .inner {
	height: 600px;
	overflow: hidden;
}

.backend_layout7 .keyvisual .inner {
	height: inherit;
	max-height: 720px;
	overflow: hidden;
}

.backend_layout7 .keyvisual .inner img {
	width: 100%
}

.keyvisual .sliderLink {
	display: block;
	height: 100%;
	width: 100%;
	position: relative;
}

.keyvisual .slick-slider {
	margin: 0px -5px 0 -5px;
}

.keyvisual .slick-slide .ce-textpic {
	position: relative;
}

.keyvisual .slick-prev {
	z-index: 1;
}

.keyvisual h2 {
	color: #fff;
	margin-bottom: 10px;
}

.keyvisual .ce-bodytext {
	position: absolute;
	z-index: 10;
	bottom: 25%;
	left: 5%;
	color: #fff;
	display: block;
	margin: 0;
	padding: 20px;
	/*left: 50%;
	transform: translateX(-50%);*/
	text-align: left;
	transition: all 1s ease-in-out;
	opacity: 0;
	max-width: 40%;
}

.keyvisual .color1 .ce-bodytext {
	background: rgba(237, 118, 31, 0.9);
}

.keyvisual .color3 .ce-bodytext {
	background: rgba(0, 145, 202, 0.90);
}

.keyvisual .color5 .ce-bodytext {
	background: rgba(148, 189, 16, 0.9);
}

.keyvisual .inner:hover .ce-bodytext {
	letter-spacing: 1px;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	bottom: 5%;
	left: 5%;
}

.keyvisual .inner img {
	transition: all 0.5s ease-in-out;
}

.keyvisual .inner:hover img {
	transform: scale(1.1);
	transition: all 1.5s ease-in-out;
}

.keyvisual .inner:hover {
	margin-bottom: 100px;
	transition: all 2s ease-in-out;
}

/* nz-slider im Keyvisual: Optik wie der frühere Slick-Slider */
/* (nz-slider.css wird nach style.css geladen, daher die höhere Spezifität) */

.keyvisual .nzslider {
	--nzslider-accent: #fff;
	margin: 0 0 30px;
}

/* kein eigener Stapelkontext, damit .content den Slider wie bisher überlappt */
.keyvisual .nzslider .swiper,
.keyvisual .nzslider .swiper-wrapper {
	z-index: auto;
}

.keyvisual .nzslider .nzslider__slide {
	overflow: hidden;
}

.keyvisual .nzslider .nzslider__slide .nzslider__content {
	background: none;
	padding: 0;
}

.keyvisual .nzslider .nzslider__slide .nzslider__text {
	position: absolute;
	z-index: 10;
	bottom: 25%;
	left: 5%;
	max-width: 40%;
	margin: 0;
	padding: 20px;
	background: rgba(237, 118, 31, 0.9);
	transition: all 1s ease-in-out;
	opacity: 0;
}

/* Farben reihum wie bisher: Essen (orange), Wissen (blau), Machen (grün) */
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="1"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="4"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="7"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="10"] .nzslider__text {
	background: rgba(0, 145, 202, 0.90);
}

.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="2"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="5"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="8"] .nzslider__text,
.keyvisual .nzslider .nzslider__slide[data-swiper-slide-index="11"] .nzslider__text {
	background: rgba(148, 189, 16, 0.9);
}

.keyvisual .inner:hover .nzslider .nzslider__slide .nzslider__text {
	letter-spacing: 1px;
	transition: all 1.5s ease-in-out;
	opacity: 1;
	bottom: 5%;
}

.keyvisual .nzslider .nzslider__bodytext p {
	margin: 0 0 10px;
}

/* Steuerleiste auflösen: Pfeile seitlich auf dem Bild, Punkte ausblenden */
.keyvisual .nzslider .nzslider__controls {
	margin: 0;
}

.keyvisual .nzslider .nzslider__pagination {
	display: none;
}

.keyvisual .nzslider .nzslider__btn {
	position: absolute;
	z-index: 11;
	width: 20px;
	height: 20px;
	border: 0;
	background: #fff;
	color: #333;
	opacity: 0.75;
	transition: opacity 0.3s ease-in-out;
}

.keyvisual .nzslider .nzslider__btn:hover,
.keyvisual .nzslider .nzslider__btn:focus-visible {
	opacity: 1;
}

.keyvisual .nzslider .nzslider__btn svg {
	width: 70%;
	height: 70%;
	stroke-width: 3;
}

.keyvisual .nzslider .nzslider__prev,
.keyvisual .nzslider .nzslider__next {
	top: 50%;
	transform: translateY(-50%);
}

.keyvisual .nzslider .nzslider__prev {
	left: 25px;
}

.keyvisual .nzslider .nzslider__next {
	right: 25px;
}

.keyvisual .nzslider .nzslider__toggle {
	top: 25px;
	right: 25px;
}

@media only screen and (max-width:640px) {
	.keyvisual .nzslider .nzslider__slide .nzslider__text {
		display: none;
	}
}

@media only screen and (max-width:575px) {
	.keyvisual .nzslider .nzslider__prev,
	.keyvisual .nzslider .nzslider__next {
		display: none;
	}
}

.slide {
	display: none;
	overflow: hidden;
	transition: all 2s ease-in-out;
	height: 500px;
}

.slide.active {
	display: block;
	position: relative;
}

.slidenav {
	position: absolute;
	height: 100%;
	width: 100%;
	pointer-events: none;
	top: 0px;
	font-size: 400%;
}

.slidenav .left {
	position: absolute;
	top: 50%;
	left: -90px;
	pointer-events: all;
}

.slidenav .right {
	position: absolute;
	top: 50%;
	right: -90px;
	pointer-events: all;
}

.slidenav .left:hover,
.slidenav .right:hover {
	color: #f00;
	cursor: pointer;
}


.colorBar {
	display: flex;
	margin: 0 -10px;
}

.colorBar div {
	height: 20px;
	flex-grow: 1;
	border-right: 2px solid #fff;
	transition: all 1s ease-in-out;
}

header.fixed .colorBar div {
	height: 10px;
	transition: all 1s ease-in-out;
}

.content {
	scroll-behavior: smooth;
}

.content li {
	margin-left: 18px;
}

.content .wrapper p {
	margin: 8px 0;
}

.content .wrapper .inner {
	padding: 50px 50px;
}

#sec1.content .wrapper .inner {
	background: #fff;
}

.content:nth-child(n+2) .wrapper .inner {
	/*margin: 0px 0 30px 0;*/
}

.content:last-child .wrapper .inner {
	margin-bottom: 30px !important;
}

.backend_layout1 #sec1 {
	margin-top: -100px;
}

#sec1 {
	margin-top: -150px;
}

/************************************/
/************* Wrapper Wide ************/
/************************************/

.popup.hide {
	pointer-events: none;
	z-index: 0;
	opacity: 0;
	overflow: hidden;
}

.popup {
	position: fixed;
	z-index: 2111;
	opacity: 1;
	pointer-events: all;
	transition: all 0.5s ease-in;
	top: 0px;
	left: 0px;
	width: 100%;
	min-height: 100%;
	overflow: auto;
	text-align: left;
}

.popup > div {
	width: 100%;
	min-height: 100%;
	position: absolute;
	z-index: 1200;
	background: rgba(0, 0, 0, 0.5);
}

.popup .wrap {
	height: 100%;
	width: 100%;
}

.popup .in {
	padding: 50px;
	color: #000;
	width: 980px;
	max-width: 90%;
	background: rgba(255, 255, 255, 1);
	margin: 120px auto 120px auto;
	position: relative;
}

.teaserMore .popup .ce-textpic {
	padding: 0px;
}

.popup a {
	font-weight: 600;
}

.color5 .content .wrapper .inner .popup h2,
.color5 .content .wrapper .inner .popup .news-list-view .flexWrapper a {
	color: #94BD10;
}

.color3 .content .wrapper .inner .popup h2,
.color3 .content .wrapper .inner .popup .news-list-view .flexWrapper a {
	color: #018FC9;
}

.popup .close {
	position: absolute;
	background: #fff;
	border: 2px solid #000;
	font-weight: 600;
	right: -20px;
	top: -20px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	justify-content: center;
	line-height: 38px;
	cursor: pointer;
	transform-origin: center;
	transition: all 0.5s ease-in-out;
	text-align: center;
}

.popup .close:hover {
	transform: scale(1.2);
}

.popup .image {
	float: right;
	margin: 0 0 30px 40px;
}

.column2 .popup .news-img-wrap {
	display: block;
}

.popup .ce-left .image {
	float: left;
	margin: 0 40px 30px 0px;
}

.popup .noPop {
	display: none;
}

.content.bg100 .popup .frame h2 {
	font-size: 160%;
}

.content.bg100 .popup .frame h3 {
	color: #000;
	margin: 30px 0 10px 0;
}

.content .popup .frame.color5 h3,
.content.bg100 .popup .frame.color5 h3 {
	color: #94BD10;
}

.content .popup .frame.color3 h3,
.content.bg100 .popup .frame.color3 h3 {
	color: #018FC9;
}

/************************************/
/************* Wrapper Wide ************/
/************************************/

.teaser .ce-bodytext {
	font-size: 130%;
	line-height: 170%;
}

.contentWrapper .wrapper.wide {
	width: 100%;
	max-width: 1420px;
	padding: 0px;
}

.contentWrapper .small .wrapper.wide .inner {
	padding: 5px 0px;
}

@media (max-width: 1520px) {
	.contentWrapper .wrapper.wide {
		padding: 0 20px;
	}
}


@media (max-width: 1120px) {
	.contentWrapper .wrapper.wide {
		padding: 0 0px;
	}
}

@media (max-width: 1024px) {
	.contentWrapper .wrapper.wide {
		padding: 0 0px;
	}
}

.contentWrapper .color1.bg100,
.contentWrapper .color5.bg100,
.contentWrapper .color3.bg100 {
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: left;
  background-size: 1600px;
  overflow: hidden;
  position: relative;
  padding: 30px 130px;
}

.contentWrapper .color1.bg100 { 
  /* The image used */
  background-image: url("../Images/essen-bg.png");
}

.contentWrapper .color3.bg100 {
  background-image: url("../Images/wissen-bg.png");
}

.contentWrapper .color5.bg100 {
  background-image: url("../Images/machen-bg.png");
}


/************************************/
/************* Button ************/
/************************************/

.button {
	text-align: center;
	line-height: 20px;
	display: inline-block;
	padding: 10px 20px;
	margin: 15px 0 0 0;
	transition: all 0.5s;
	font-weight: 300 !important;
	border: 1px solid #ED761F;
	color: #000;
	cursor: pointer;
}

.button.act {
	background: #ED761F;
	color: #fff;
}

.button:first-child {
	margin-left: 0px;
}

.button.w100 {
	width: 100%;
	margin-top: 0px;
}

.button:hover {
	letter-spacing: 2px;
}

.button.act:hover {
	background: #a74a07;
	color: #fff;
}

body .teaserMore .button,
body .teaser .button,
body .keyvisual .button,
body .bg100 .button {
	border: 1px solid #fff !important;
	color: #fff !important;
}

.teaserMore .button,
.bg100 .button {
	background: rgba(0,0,0,0.1);
}

.teaserMore .button:hover,
.bg100 .button:hover {
	background: rgba(0,0,0,0.2);
}

.margintop10 {
	margin-top: 20px;
}

/************************************/
/************* News ************/
/************************************/


.column2 .news-img-wrap,
#page-49 .news-list-view .teaser-text {
	display: none;
}

.column2 .newslayout-4 .news-img-wrap {
	display: block;
}

.news .news-list-view .article h3 {
	margin: 3px 0 0 0;
	font-weight: 400;
}

.news .news-list-view > div.hide {
	display: none;
}

.news-list-view .flexWrapper {
	display: grid;
	column-gap: 20px;
}

.content .wrapper .inner .news-list-view .flexWrapper a {
	font-weight: 300;
}

.news-list-view > .default.article {
	display: grid;
	column-gap: 20px;
	grid-template-areas: 
	"nImage nHead"
    "nImage nText";
	grid-template-columns: calc(30% - 10px) calc(70% - 10px);
}

.column2 .news-list-view > .default.article {
	column-gap: 0px;
	grid-template-columns: calc(0% - 0px) calc(100% - 0px);
}

.news-list-view > .default.article > .news-img-wrap {
  	grid-area: nImage;
}

.news-list-view > .default.article > .header {
  	grid-area: nHead;
}

.news-list-view > .default.article > .teaser-text {
  	grid-area: nText;
}

.news-list-view .newslayout-4 {
	grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
}

.news-list-view .newslayout-3 .flexInner {
	grid-template-columns: calc(33.333% - 20px) calc(33.333% - 20px) calc(33.333% - 20px);
}

.news-list-view .flexInner .news-img-wrap {
	overflow: hidden;
	margin: 0 0 5px 0 !important;
}

.news-list-view .flexInner img {
	transition: all 0.5s ease;
}

.news-list-view .flexInner a:hover img {
	transition: all 0.5s ease;
	transform: scale(1.1);
}

@media only screen and (max-width:760px) {
	.news-list-view .newslayout-3,
	.news-list-view .newslayout-4 {
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
}

.news-list-view .rezept-list .default .news-img-wrap {
	max-width: 33%;
}

.news-list-view .flexInner .description p {
	display: none;
}

.news-list-view .flexInner .description p:first-child {
	display: block;
}

.content .news .article .news-img-wrap a {
	border: 0px solid #fff;
	padding: 0px;
}

/* Rezept Detail */

.news-single #sec1 {
	margin-top: -220px;
}

.contentWrapper .news-single .rezept .teaser-text {
	font-size: inherit;
	color: #000;
	margin-bottom: 30px;
	font-weight: 600;
}


.news-single .rezept .news-img-wrap,
.news-single .rezept .footer {
	display: none;
}

.news-single .rezept .beschreibung {
	margin-top: 40px;
}

.catFiltered {
	margin-bottom: 30px;
	background: rgba(237, 118, 31, 0.1);
	padding: 10px;
}

.catFiltered .news > ul {
	display: flex;
}



.catFiltered .news > ul > li.show {
	display: inline-block;
}

.catFiltered .news > ul > li {
	display: none;
	margin-left: 3px;
}
.catFiltered .news > ul > li > a {
	display: inline-block;
	font-weight: 300 !important;
	color: #000;
	pointer-events: none;
}

.catFiltered .news > ul > li:nth-child(3) ul > .show {
	display: none;
}

.catFiltered .news > ul > li:nth-child(3) ul > .showshow {
	display: block;
}

.catFiltered li {
	display: none;
}

.catFiltered li.show{
	display: block;
}

.catFiltered .news > ul > li:last-child {
	display: none;
}

.catFiltered.besonderheiten {
	margin: 22px 0 0px 0;
	padding: 0;
	background: none;
}

.catFiltered.besonderheiten .news li {
	width: 100%;
}

.catFiltered.besonderheiten .news > ul > li > a {
	pointer-events: none;
	color: #000;
	font-weight: 600 !important;
}

.catFiltered.besonderheiten .news > ul > li {
	display: none;
	margin-left: 0;
}

.catFiltered.besonderheiten .news > ul > li:last-child {
	display: block;
}

.catFiltered.besonderheiten .news > ul > li:last-child li.show {
	display: inline;
	margin-right: 0px;
}

.catFiltered.besonderheiten .news > ul > li .show:first-child::before {
	content: "";
}

.catFiltered.besonderheiten .news > ul > li .show::before {
	content: "・ ";
}

.backend_layout7 .news-single .article #sec2 .news-img-wrap {
    float: inherit;
    width: 100%;
    margin: 0;
}

.backend_layout7 .news .article #sec2 .news-img-wrap {
    margin: 0;
    background: none;
}

.backend_layout7 .news .article #sec2 .news-img-wrap a {
	display: block;
	float: inherit;
	padding: 0px;
	border: 0px solid #ddd;
	background: none;
}

.backend_layout7 #sec3 .news {
	display: none;
}

.backend_layout7 #sec3 .popup .news {
	display: block;
}

.backend_layout7 .news-single .popup .in span > .grid-column:nth-child(2) {
	display: none;
}

.backend_layout7 #sec3 .news > ul {
	list-style-type: none;
}

.backend_layout7 #sec3 .news > ul > li > a {
	pointer-events: none;
	color: #000;
	margin-left: -16px;
}

.besonderheitenText {
	margin-top: 20px;
}

.backend_layout7 #sec2 .hide {
	opacity: 0;
	overflow: hidden;
	max-height: 0px;
}

/* "Passende Rezepte": Blaettern (ersetzt die frueheren Slick-Pfeile) */
.related-slider {
	position: relative;
	padding: 0 60px;
}

.related-slider .vierspaltig > .hide {
	display: none;
}

.related-arrow {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
	opacity: 0.75;
	transition: opacity 0.3s ease, background-color 0.3s ease;
}

.related-arrow[hidden] {
	display: none;
}

.related-arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 12px;
	height: 12px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}

.related-prev {
	left: 0;
}

.related-prev::before {
	transform: translate(-30%, -50%) rotate(-135deg);
}

.related-next {
	right: 0;
}

.related-next::before {
	transform: translate(-70%, -50%) rotate(45deg);
}

.related-arrow:hover,
.related-arrow:focus-visible {
	opacity: 1;
	background-color: rgba(255, 255, 255, 0.15);
	outline: none;
}

@media only screen and (max-width:640px) {
	.related-slider {
		padding: 0 44px;
	}

	.related-arrow {
		width: 34px;
		height: 34px;
		margin-top: -17px;
	}
}

/* Cat Menu */
.news > ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.news > ul li {
	padding: 0 5px 0 0;
}

.news > ul li li {
	margin-left: 0px;
}

.content .wrapper .inner .news > ul li li a {
	font-weight: 400;
}

/* Rezepte Filter */

.rezept-list .article.hide {
	display: none !important;
}

.content .rezepte-filter li {
	margin-left: 0px;
}

.rezepte-filter ul {
	list-style-type: none;
}

.news > .rezepte-filter {
	position: relative;
	height: 120px;
	overflow: hidden;
}

.news > .rezepte-filter.show {
	height: auto;
	overflow: visible;
}

.news > .rezepte-filter .moreLayer {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.85) 60%, rgba(255,255,255,1) 75%);
	top: 0px;
	left: 0px;
}

.news > .rezepte-filter .moreLayer .button {
	position: absolute;
	bottom: 0px;
	background: rgba(255,255,255,0.5);
}

.news > .rezepte-filter > ul {
	display: flex;
	justify-content: space-between;
}

.rezepte-filter > ul > li {
	font-weight: 600;
}

.rezepte-filter ul ul {
	/*display: flex;*/
	margin: 4px 0 15px 0;
}

.rezepte-filter ul ul li {
	background: rgba(238, 117, 31, 0.0);
	padding: 0px 4px;
	border: 1px solid rgba(238, 117, 31, 0.5);
	display: none;
	transition: all 0.5s ease;
	font-weight: normal;
	margin-right: 0px;
	font-size: 90%;
	margin-bottom: 2px;
}

.rezepte-filter ul ul li:hover {
	background: rgba(238, 117, 31, 0.4);
	letter-spacing: 1px;
	transition: all 0.5s ease;
}

.rezepte-filter ul ul li.show {
	display: block;
	cursor: pointer;
}
.rezepte-filter ul ul li.selected {
	background: rgba(238, 117, 31, 1);
	color: #fff;
	pointer-events: none;
}

.rezept-liste-suchwrapper {
	margin-top: 10px;
	padding-top: 10px;
	/*border-top: 1px solid #ccc;*/
}

.rezept-liste-suchwrapper form input {
	padding: 6px 4px;
	font-size: 105%;
}

.rezept-liste-suchwrapper form {
	/*display: grid;
	grid-template-columns: 15% 85%;*/
	/*border-bottom: 1px solid #ccc;*/
	padding-bottom: 10px;
}

.rezept-list {
	
}

.rezept-list .article {
	width: 100%;
	display: none;
	border-bottom: 1px solid rgba(238, 117, 31, 0.4);
}

.rezept-list .article.show {
	display: block;
}

.rezept-list .article .news-img-wrap {
	overflow: hidden;
}

.rezept-list .news-list-category {
	display: block;
}

.rezept-list .news-list-category span {
	color: rgba(0,0,0,0.7);
	font-weight: 300;
	display: inline-block;
	font-size: 95%;
}

.rezept-list .news-list-category span:after {
	content: " ・";
	font-weight: 600;
	color: rgba(238, 117, 31, 1);
}

.rezept-list .news-list-category span:last-child:after {
	content: "";
	display: none;
}

.rezept-list .article  a .description {
	color: #000;
	font-weight: 300;
}

.rezept-list .intNr {
	display: none;
}


#page-567 .rezept-list .intNr {
	display: block;
}

#page-567 .keyvisual {
	display: none;
}

#page-567 .contentWrapper {
	margin-top: 260px;
}

/******* Rezept Admin Detail ********/
#page-566 #sec2,
#page-566 .news-single #sec3 {
	display: none;
}

#page-566 .news-img-wrap {
	display: block;
}

/************************************/
/************* Teaser White ************/
/************************************/

.teaserMore .bg100 header {
	background: #fff;
}

.teaserMore header h2 {
	margin-bottom: 5px;
}

.teaserMore > div > div:first-child header h2 {
	border-bottom: 5px solid #fff;
	margin-bottom: 0px;
}

.teaserMore.color3 > div > div:first-child header h2 {
	background: url(../Images/lightbulb-blau.png) no-repeat;
	background-position: right center;
	background-size: contain;
}

.teaserMore.color5 > div > div:first-child header h2 {
	background: url(../Images/machen.png) no-repeat;
	background-position: right center;
	background-size: contain;
}

.teaserMore .bg50 {
	margin-top: 10px;
}

.teaserMore .bg50,
.teaserMore .ce-textpic {
    padding: 20px 20px 20px 20px;
}

.teaserMore .ce-textpic h1,
.teaserMore .ce-textpic h2,
.teaserMore .ce-textpic h3,
.teaserMore .bg50 .popwrapper h1,
.teaserMore .bg50 .popwrapper h2,
.teaserMore .bg50 .popwrapper h3{
	color: #fff;
	margin: 0 0 10px 0;
}

.teaserMore .popupListe .frame header h2 {
	font-size: 100%;
}

.contentWrapper .teaserMore .bg100 {
	padding: 0 !important;
}



.news-single #sec3 .inner > div.frame {
	float: left;
	width: 48%;
}
.news-single #sec3 .inner > div.frame:first-child {
	margin-right: 4%;
}

.news-single #sec3 .popupListe.color3:before {
	content: "Wissen";
	line-height: 40px;
	font-size: 130%;
	color: #018FC9;
}

.news-single #sec3 .popupListe.color3 {
	background: url(../Images/lightbulb-blau.png) no-repeat;
	background-position: right top;
	background-size: 35px;
}

.news-single #sec3 .popupListe.color5:before {
	content: "Machen";
	line-height: 40px;
	font-size: 130%;
	color: #94BD10;
}

.news-single #sec3 .popupListe.color5 {
	background: url(../Images/machen.png) no-repeat;
	background-position: right top;
	background-size: 40px;
}

/************************************/
/************* Tabs ************/
/************************************/

.tabtitel {
	display: flex;
	align-content: flex-start;
}

.tabtitel > div {
	opacity: 0.5;
	padding-right: 50px;
}

.tabtitel > div.active {
	opacity: 1;
}

.tabtitel h3 {
	margin-top: 0px;
}

.content.bg100 .tabtitel > div h3:hover {
	cursor: pointer;
	color: #000;
}

.tabcontent > div {
	display: none;
}

.tabcontent > div.active {
	display: block;
}

.tabcontainer header {
	display: none;
}


/************************************/
/********  Rezepte   ********/
/************************************/

.catAnzeige {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.catAnzeige a b {
	color: #000;
}

.catAnzeige a b:hover {
	text-decoration: underline;
}

.rezepte .content .wrapper.wide.margin .inner {
	max-width: 970px;
	width: 100%;
}

.kontext .popUp {
	opacity: 0;
	overflow: hidden;
	max-height: 0px;
	transition: all 0.5s ease-in-out;
}

.kontext .popUp.show {
	opacity: 1;
	overflow: hidden;
	max-height: 1200px;
	transition: all 0.5s ease-in-out;
}

.kontext .record a:before {
	content: "+";
	margin-right: 5px;
	font-weight: 1000;
}

.kontext a.active {
	font-weight: 600;
	font-size: 120%;
	transition: all 0.5s ease-in-out;
}

.kontext a.active:before {
	content: "-";
	margin-right: 5px;
	font-size: 120%;
}

/************************************/
/********  Grid elements   ********/
/************************************/


.zweispaltig {
	display: grid;
	grid-template-columns: 25% calc(75% - 10px);
	column-gap: 20px;
}

.flex {
	display: flex;
	justify-content: space-between;
}




.column2 {
	display: grid;
	grid-template-columns: calc(50% - 25px) calc(50% - 25px);
	text-align: left;
	transition: all 1.5s ease-in-out;
	column-gap: 50px;
}

.columnFlex .container {
	display: flex;
	flex-wrap: wrap;
}

.columnFlex .container > div {
	/*max-width: 16.5%;*/
}

.rx80-20 .zweispaltig {
	grid-template-columns: 15.7% calc(84.3% - 10px);
}

.zweispaltig.x50-50.rx80-20 {
	grid-template-columns: 80% 20%;
	transition: all 1.5s ease-in-out;
}

.dreispaltig {
	display: grid;
	grid-template-columns:  calc(33.333% - 40px) calc(33.333% - 40px) calc(33.333% - 40px);
	column-gap: 60px;
	grid-row-gap: 40px;
	row-gap: 40px;
}

.dreispaltig .col h4 {
}

.vierspaltig {
	display: grid;
	grid-template-columns: calc(25% - 30px) calc(25% - 30px) calc(25% - 30px) calc(25% - 30px);
	column-gap: 40px;
}

.sechsspaltig {
	display: grid;
	grid-template-columns: calc(16.667% - 15px) calc(16.667% - 15px) calc(16.667% - 15px) calc(16.667% - 15px) calc(16.667% - 15px) calc(16.667% - 15px);
	column-gap: 20px;
}

.sechsspaltig.center .col {
	text-align: center;
}

#essen .sechsspaltig h4 {
	margin-bottom: 20px;
}

#essen .sechsspaltig img {
	height: 80px;
	transform: scale(0.8);
	transition: all 0.5s ease-in-out;
}

#essen .sechsspaltig a {
	display: block;
}

#essen .sechsspaltig a:hover img {
	transform: scale(1);
}


.dreispaltig h2 {
	font-size: 120%;
}

.vierspaltig .col p,
.sechsspaltig .col p {
	font-size: 90%;
}


.tabmenu {
	width: 100%;
	text-align: center;
	margin: 0;
	border-bottom: 1px solid #fff;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 25px;
}

.color5 .tabmenu {
	border-bottom: 1px solid rgba(149, 189, 15, 1);
}

.bg100 .tabmenu {
	border-bottom: 1px solid #fff;
}

.tabmenu > div > div {
	font-size: 120%;
	display: inline-grid;
	line-height: 180%;
	padding: 0px 15px;
	color: rgba(255,255,255,0.7);
	transition: all 0.5s ease;
}

.color5 .tabmenu > div > div {
	color: rgba(149, 189, 15, 1);
}

.bg100 .tabmenu > div > div {
	color: rgba(255,255,255,0.7);
}

.tabmenu > div > div:hover {
	cursor: pointer;
	border-bottom: 3px solid #fff;
	color: #000;
	transition: all 0.5s ease;
}

.color5 .tabmenu > div > div:hover {
	border-bottom: 3px solid rgba(149, 189, 15, 1);
}

.bg100 .tabmenu > div > div:hover {
	border-bottom: 3px solid #fff;
}


.tabmenu > div > div.active {
	border-bottom: 3px solid #ccc;
	color: #000;
	pointer-events: none;
}

.color5 .tabmenu > div > div.active {
	border-bottom: 3px solid rgba(149, 189, 15, 1);
}

.bg100 .tabmenu > div > div.active {
	border-bottom: 3px solid rgba(255, 255, 255, 1);
}

.tabcontainer > div > div {
	opacity: 0;
	pointer-events: none;
	max-height: 0px;
	overflow: hidden;
}

.tabcontainer > div.active > div {
	opacity: 1;
	pointer-events: all;
	max-height: 1200px;
	overflow: visible;
}

.moreContent > div:first-child h3::before {
	content: "❯";
	/*transform: rotate(90deg);*/
	color: #000;
}

.bg100 .moreContent > div:first-child h3 {
	color: #fff;
}

.moreContent > div:first-child h3 {
	transition: all 0.5s ease;
	cursor: pointer;
}

.moreContent > div:first-child h3:hover {
	letter-spacing: 1px;
	transition: all 0.5s ease;
}

.moreContent > div:last-child {
	display: none;
}

.moreContent.open > div:last-child {
	display: block;
}


/************************************/
/*************  Frame Layouts   ************/
/************************************/

.akkordeon .ce-textpic {
	max-height: 0px;
	overflow: hidden;
	transition: all 1s ease-out;
}

.akkordeon .open .ce-textpic {
	max-height: 1200px;
	transition: all 1.5s ease-in;
}

.akkordeon header h2 {
	margin: 15px 0 4px 0 !important;
	font-size: 110%;
	cursor: pointer;
	transition: all 0.5s ease;
}

.akkordeon header h2:hover {
	color: #000;
	letter-spacing: 1px;
	transition: all 0.5s ease;
}

.akkordeon .open header h2 {
}

.akkordeon header h2::before {
	content: "+";
	font-weight: 800;
}

.akkordeon .open header h2::before {
	content: "-";
}

.popupListe > div {
	background:  rgba(237, 118, 31, 0.1);
	cursor: pointer;
	margin: 1px;
	transition: all 0.5s ease;
}

.popupListe > div:hover {
	background:  rgba(237, 118, 31, 0.2);
	transition: all 0.5s ease;
}

.bg100 .popupListe > div {
	background:  rgba(255, 255, 255, 0.2);
}

.bg100 .popupListe > div:hover {
	background:  rgba(255, 255, 255, 0.35);
}

.popupListe > div > div:last-child {
	display: none;
}

.popupListe .frame .ce-textpic {
	display: none;
}

.popupListe .frame header h2 {
	font-size: 120%;
	padding: 5px 5px;
	margin: 0px 0 0 18px !important;
	text-indent: -18px;
	pointer-events: none;
	transition: all 0.5s ease;
}

.popupListe > div:hover header h2 {
	color: black;
	letter-spacing: 1px;
	transition: all 0.5s ease;
}

.popupListe .frame header h2::before {
	content: "+";
	font-weight: 800;
}

.popupListe .column2 {
	display: block;
}

.popupTeam .container h2 {
	font-size: 100%;
	color: #000;
	margin-bottom: 5px;
	height: 44px;
}

.popupTeam .container > div > header {
	display: none;
}

.popupTeam .frame .ce-bodytext {
	display: none;
}

.popupTeam .frame:hover {
	cursor: pointer;
}


.popupTeam .frame img {
	transition: all 0.5s ease;
}


.popupTeam .frame:hover img {
	transform: scale(1.05);
	transition: all 0.5s ease;
}


.frame-16 {
	display: flex;
	flex-wrap: wrap;
	/*border: 1px solid rgba(237, 118, 31, 0.5);*/
}

.frame-16 .frame {
	flex: 1 1 33%;
	max-width: 33%;
	padding-right: 0px;
}


/************************************/
/******#*******  Columns Content   *#***********/
/************************************/


.frame-17 .ce-bodytext {
	columns: 3;
	widows: 3;
	column-gap: 50px;
}

.frame-17 .ce-bodytext p:first-child {
	margin-top: 0px;
}

.frame-18 .ce-bodytext {
	columns: 2;
	widows: 3;
	column-gap: 50px;
}

.frame-18 .ce-bodytext p:first-child {
	margin-top: 0px;
}

/************************************/
/******#*******  Slick Slider   *#***********/
/************************************/

.slick-slide {
	margin: 0 5px;
}

.slick-slide .card-text p {
	display: none;
}

.slick-slide .card-text p:first-child {
	display: block;
}

.content .slick-dotted.slick-slider {
	margin-bottom: -0px;
}

.content .slick-dots li {
	margin: 0 3px;
}

.content .slick-dots li button {
	border-radius: 50%;
	width: 15px;
	height: 16px;
	border: 2px solid #59B37E;
}

.content .slick-dots li button::before {
	content: "";
}


@media only screen and (max-width:680px) {
	.content .slick-dots {
		padding-top: 20px;
	}
}

/************************************/
/******#*******  Newsslider (Swiper)   *#***********/
/************************************/

/* Optik wie der frühere Slick-Newsslider; das Inline-CSS von EXT:newsslider
   ist per TypoScript (disableCss) abgeschaltet */

.news:has(> .swiper) {
	position: relative;
}

/* statisch, damit die Pfeile sich auf .news beziehen und außerhalb
   des Sliders liegen können, ohne abgeschnitten zu werden */
.news > .swiper {
	position: static;
	margin-bottom: 1rem;
}

.news > .swiper .swiper-slide {
	height: auto;
}

.news > .swiper .slider-link {
	display: block;
	height: 100%;
	color: inherit;
	text-decoration: none;
}

.news > .swiper figure {
	margin: 0;
	overflow: hidden;
}

.news > .swiper img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	transition: transform 0.5s ease-in-out;
}

.news > .swiper .card:hover img {
	transform: scale(1.2);
}

.news > .swiper .card-title {
	display: block;
}

/* Hover-Balken aus dem Inline-CSS von EXT:newsslider (falls im Element
   nicht deaktiviert); dessen Selektoren nutzen die ID, daher !important */
.news > .swiper .card::before {
	content: none !important;
}

.news > .swiper .news-teaser p {
	margin: 8px 0;
}

.news > .swiper .swiper-button-prev,
.news > .swiper .swiper-button-next {
	top: 50%;
	width: 20px;
	height: 20px;
	margin: 0;
	transform: translateY(-50%);
	border-radius: 50%;
	background: #fff;
	color: #333;
	opacity: 0.75;
	transition: opacity 0.3s ease-in-out;
}

.news > .swiper .swiper-button-prev:hover,
.news > .swiper .swiper-button-next:hover {
	opacity: 1;
}

.news > .swiper .swiper-button-prev {
	left: -25px;
}

.news > .swiper .swiper-button-next {
	right: -25px;
}

.news > .swiper .swiper-navigation-icon {
	width: 6px;
	height: auto;
}

/* Punkte gab es beim alten Slider nicht */
.news > .swiper-pagination {
	display: none;
}

@media only screen and (max-width:575px) {
	.news > .swiper .swiper-button-prev,
	.news > .swiper .swiper-button-next {
		display: none;
	}
}

/************************************/
/******#*******  Form   *#***********/
/************************************/

input, textarea {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	line-height: 24px;
	padding: 0 4px;
	font-size: 90%;
	border: 1px solid rgba(0,0,0,0.2);
	margin: 2px 0;
	background-color: rgba(0,0,0,0.07);
	width: 100%;
}

textarea[required=required],
input[required=required] {
	background-color: rgba(0,0,0,0.15);
}

.bg100 input, .bg100 textarea {
	color: #000;
}

input:hover, textarea:hover {
	border: 1px solid rgba(0,0,0,0.8);
}

input[type=submit] {
	text-align: center;
	line-height: 24px;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 20px;
	margin-top: 10px;
	transition: all 0.5s;
	background:  rgba(237, 118, 31, 1);
	border: 0px solid #fff;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	opacity: 0.8;
	width: auto;
}

.color2 input[type=submit] {
	background: rgba(105, 47, 82, 1);
}

.color2 .bg100 input[type=submit] {
	background: rgba(104, 47, 81, 1);
}

input[type=submit]:hover {
	opacity: 1;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    color: #000;
    padding: 0 10px;
	line-height: 28px;
	border: 1px solid #000;
	font-size: inherit;
	border-radius: 0px;
}
select option{
	color: #ED761F;
    padding: 0 10px;
}

.tx-felogin-pi1 label {
	display: inline-block;
	width: 150px;
}
.tx-felogin-pi1 div {
	margin: 5px 0;
}

/* Formulare (EXT:form, ersetzt Powermail). Markup aus EXT:form,
   Wrapper-Klasse .cdf-form aus Extensions/Form/Templates/Form.fluid.html */

.cdf-form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	min-width: 0;
}

.cdf-form .form-element {
	padding: 8px 0;
}

.cdf-form .form-label,
.cdf-form .form-element > legend {
	display: block;
	padding: 0;
	color: #777;
	font-weight: 500;
	font-size: 110%;
	line-height: 190%;
}

.cdf-form .required {
	margin-left: 2px;
	color: #ED761F;
}

/* Radio/Checkbox-Gruppen nebeneinander wie bei Powermail */
.cdf-form [role=group],
.cdf-form [role=radiogroup] {
	display: flex;
	flex-wrap: wrap;
}

.cdf-form .form-check {
	margin-right: 15px;
}

.cdf-form .form-check-wrapping-label {
	display: flex;
	align-items: baseline;
	cursor: pointer;
}

.cdf-form .form-check-input {
	width: auto;
	margin: 0 6px 0 0;
}

.cdf-form textarea {
	min-height: 120px;
}

.cdf-form .form-text {
	display: block;
	color: #777;
	font-size: 90%;
}

.cdf-form input.is-invalid,
.cdf-form textarea.is-invalid,
.cdf-form select.is-invalid {
	border-color: #c00;
}

.cdf-form .invalid-feedback {
	display: block;
	color: #c00;
	font-size: 90%;
}

/* Honeypot (Partial CdfHoneypot): nur fuer Bots sichtbar */
.cdf-hp {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.cdf-form .visually-hidden {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Buttons wie input[type=submit] */
.cdf-form .form-navigation {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.cdf-form .btn {
	font-family: "Nunito", Helvetica, Arial, sans-serif;
	font-size: 90%;
	text-align: center;
	line-height: 24px;
	text-transform: uppercase;
	display: inline-block;
	padding: 0 20px;
	margin-top: 10px;
	transition: all 0.5s;
	background: rgba(237, 118, 31, 1);
	border: 0px solid #fff;
	color: #fff;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0.8;
}

.color2 .cdf-form .btn {
	background: rgba(105, 47, 82, 1);
}

.color2 .bg100 .cdf-form .btn {
	background: rgba(104, 47, 81, 1);
}

.cdf-form .btn-secondary {
	background: transparent !important;
	box-shadow: inset 0 0 0 1px currentColor;
	color: inherit;
}

.cdf-form .btn:hover {
	opacity: 1;
}

/* Zusammenfassungsseite */
.cdf-form .summary-list .row {
	display: flex;
	gap: 15px;
	padding: 4px 0;
}

.cdf-form .summary-list .col {
	flex: 1;
}

.cdf-form-confirmation {
	padding: 8px 0;
}

/************************************/
/*************  content   ************/
/************************************/

.zutaten ul,
.zutaten ol {
	list-style-type: none;
}
.zutaten ul li,
.zutaten ol li {
	margin: 0 0 5px 0;
}

ol {
	list-style-type: none;
	margin-bottom: 20px;
}

.content ol li {
	margin: 0;
	margin-left: 32px;
	padding: 8px 0;
	break-inside: avoid-column;
}

ol li:before {
	color: #ED761F;
	border: 1px solid #ED761F;
	border-radius: 15px;
	padding-top: 1px;
	margin-right: 10px;
	width: 20px;
	line-height: 19px;
	display: inline-block;
	text-align: center;
	font-weight: 600;
	font-size: 90%;
	margin-left: -31px;
}

ol li:first-child:before {
	content:"1";
}

ol li:nth-child(2):before {
	content:"2";
}

ol li:nth-child(3):before {
	content:"3";
}

ol li:nth-child(4):before {
	content:"4";
}

ol li:nth-child(5):before {
	content:"5";
}

ol li:nth-child(6):before {
	content:"6";
}

ol li:nth-child(7):before {
	content:"7";
}

ol li:nth-child(8):before {
	content:"8";
}

ol li:nth-child(9):before {
	content:"9";
}

ol li:nth-child(10):before {
	content:"10";
}

ol li:nth-child(11):before {
	content:"11";
}

ol li:nth-child(12):before {
	content:"12";
}

/************************************/
/*************  Footer   ************/
/************************************/

footer {
	background: #ED761F;
	font-size: 80%;
	color: #fff;
	border-top: 20px solid #fff;
}

footer .inner {
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: top;
	text-align: left;
	padding: 30px 50px;
	flex-grow: 1;
}

footer .inner > div {
	width: 25%;
}

footer ul li {
	margin: 0;
	list-style-type: none;
	margin: 0 5px;
}

footer a {
	color: #000 !important;	
}

footer a:hover {
	text-decoration: underline;
}

@media only screen and (max-width:1145px) {
	header .logo {
		width: 250px;
		padding-top: 20px;
	}
	header .navi li {
		margin: 0 8px;
	}
	
	.contentWrapper .bg100 {
		padding: 20px 0 !important;
	}
}

@media only screen and (max-width:1040px) {
	body {
		font-size: 0.9em;
		line-height:1.25em;
	}
	
	

	.backend_layout1 .keyvisual .inner {
		height: auto;
		overflow: hidden;
	}
	
	.vierspaltig {
		grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
		column-gap: 20px;
	}
	
	
	
	footer .inner {
		padding: 30px 30px;
	}
}
	
@media only screen and (max-width:910px) {
	body {
		font-size: 0.8em;
	}
	
	.content .wrapper .inner {
		padding: 30px;
	}
	
	.wrapper.wide {
		padding: 0 30px;
	}
	
	.column2 {
		grid-template-columns: calc(50% - 5px) calc(50% - 5px);
		column-gap: 10px;
	}
	
	.dreispaltig {
		grid-template-columns: calc(33.333% - 10px) calc(33.333% - 10px) calc(33.333% - 10px);
		column-gap: 15px;
	}
	
	.columnFlex .container > div {
		max-width: 33%;
	}
	
	.keyvisual {
		margin-top: 110px;
	}
	
	header .logo {
		width: 200px;
		padding-top: 0px;
		margin-top: 0px;
	}
	.mainWrapper > header .inner {
		height: auto;
		display: grid;
		grid-template-columns: calc(25% - 0px) 65% 10%;
		grid-template-rows: auto;
		grid-template-areas: "logo navi search";
		position: relative;
		padding-top: 20px;
	}
	
	.mainWrapper > header.fixed .inner {
		grid-template-columns: calc(27% - 0px) 73% 0%;
		padding: 0;
	}
	
	header .tx-indexedsearch-form input {
		display: none;
	}
	
	header .tx-indexedsearch-searchbox {
		margin-top: 0px;
		height: 38px;
	}
	
	.sub-menu {
		max-width: 500px;
		padding: 20px 30px 20px 30px;
	}
}

@media only screen and (max-width:820px) {
	
	.sub-menu {
		position: fixed;
		max-width: 100%;
		width: 100%;
		padding: 20px 20px 20px 20px;
		right: 0px;
	}
	
}

@media only screen and (max-width:700px) {
	.keyvisual .inner {
		height: auto;
	}

	.keyvisual .inner:hover {
		margin-bottom: 0px;
	}
	
	#sec1 {
		margin-top: -20px !important;
	}
	
	.contentWrapper .wrapper.wide {
		padding: 0 10px;
	}
	
	.content .wrapper .inner {
		padding: 30px 15px;
	}
	
	.frame-18 .ce-bodytext {
		columns: 1;
	}
	
	.frame-16 .frame {
		max-width: 50%;
	}
	
	.button {
		padding: 6px 15px;
	}
	
	.dreispaltig {
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
		column-gap: 20px;
	}
	
	footer .inner {
		display: flex;
		justify-content: space-between;
		padding: 30px 0px;
		flex-grow: 1;
		flex-wrap: wrap;
	}
	
	footer .inner > div {
		width: auto;
		max-width: 50%;
	}
}

@media only screen and (max-width:640px) {
	
	header .logo {
		width: 140px;
		padding-top: 20px;
	}
	
	header .menu > li > a {
		padding: 0 15px;
	}
	
	.mainWrapper > header .inner {
		padding: 5px 0 0 0;
	}
	
	.sub-menu {
		position: fixed;
		max-width: 100%;
		width: 100%;
		padding: 20px 10px 20px 10px;
		right: 0px;
	}
	
	header .navi ul {
		margin-left: 4px;
	}
	
	.keyvisual .ce-bodytext {
		display: none;
	}
	
	h2 {
		margin-bottom: 15px;
	}
}


@media only screen and (max-width:480px) {
	
	header .logo {
		width: 100px;
		padding-top: 20px;
	}
	
	header .navi li {
		margin: 0 3px;
	}
	
	header .menu > li > a {
		padding: 0 5px;
	}
	
	.popup .in {
		padding: 30px 10px;
	}

	.column2,
	.dreispaltig {
		display: block;
	}
	
	.column2 > div:first-child {
		margin-bottom: 20px;
	}
	.popupListe .column2 > div:first-child {
		margin-bottom: 0px;
	}
	
	.ce-gallery {
		float: inherit !important;
	}
	
	

	.columnFlex .container > div {
		max-width: 50%
	}
	
	.vierspaltig {
		display: grid;
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
		column-gap: 20px;
	}
	
}

@media only screen and (max-width:370px) {
	
	.mainWrapper > header {
		position: absolute;
	}
	header .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		text-align: left;
	}
	header .navButton {
		display: flex;
	}
	header .navi {
		display: none;
	}
	
	header .navi.open {
		display: block;
		top: 155px;
	}
	
	header .navi ul {
		margin-left: 0px;
		margin-bottom: 20px;
	}
	
	header .navi.open ul {
		margin: 0;
	}
	
	header .navi.open ul li a {
		border-bottom: 1px solid #ccc;
	}
	
	header .navi li li:before {
		display: none;
	}
	
	header .menu > li > a {
		padding: 0px;
	}
	
	header .sub-menu {
		padding: 0;
		width: 100%;
		right: inherit;
		display: block;
	}
	
	header .sub-menu .pagedescription {
		display: none;
	}
	
	header .navi .sub-menu {
		display: block;
		position: relative;
		border: 0px;
		margin-left: 0px;
		margin-top: 0px;
		text-transform: none;
		font-weight: 300 !important;
	}
	
	header .navi.open .active .sub-menu {
		display: block;
		position: relative;
		border: 0px;
		margin-left: 0px;
		margin-top: 0px;
		text-transform: none;
		font-weight: 300 !important;
		opacity: 1;
		pointer-events: all;
		max-height: inherit;
	}
	
	header .navi li li {
		margin: 0;
	}
}



/*****************************************************************/
/* print */
/*****************************************************************/

.noPrint {
	opacity: 0.2;
}

@page {
  size: A4;
  margin: 21mm 27mm 17mm 27mm;
}

@media print {
	@page  {
		margin-left: 2cm;
		margin-right: 1cm;
	}
	
	html, body {
	    width: 210mm;
	    height: 297mm;
	    font-size: 1em;
	    padding: 0px 0px 0 0px;
	 }
	 
	 .noPrint,
	 .tx-indexedsearch-searchbox,
	 .navi {
		 display: none !important;
	 }
	 
	 .wrapper {
		 margin: auto;
	 }
	 
	 .mainWrapper > header {
		 position: relative;
		 top: 0;
		 background: none;
	 }
	 
	 .logo {
		 width: 200px !important;
	 }
	 
	 .keyvisual {
		 margin-top: 100px;
	 }
	 
	 .content .wrapper .inner {
		 padding: 20px 0;
	 }
	 
	 footer {
	    width: 210mm;
		 position: absolute;
		 top: 0;
		 right: 0;
		 color: #000;
		 background: none;
		 text-align: right;
	 }
	 
	 footer .wrapper {
	 }
	 
	 
	footer .inner {
		display: inline-block;
		width: 270px;
		padding: 20px 0 0 0;
		 text-align: right;
	}
	 
	 footer .inner > div {
		 display: none;
		 width: 100%;
	 }
	 
	 footer .inner > div:first-child {
		 display: block;
	 }
	 
	 /******* Rezepte ******/
	 .backend_layout7 #sec2,
	 .backend_layout7 .druckWrapper {
		 display: none;
	 }
	 
	 .backend_layout7 .keyvisual {
		 display: none;
	 }
	 
	 .backend_layout7 .contentWrapper {
		 margin-top: 250px;
	 }
	 
	 .backend_layout7 textarea {
		 background: none;
		 border: 0px solid #fff;
		 padding: 0px;
	 }
	 
	 .news-single .rezept .news-img-wrap {
		 display: block;
	 }
	 
	 .catFiltered {
		 background: none;
		 padding: 0px;
	 }
}