
html, body {
	width: 100%;
}

body {
	max-width: 1260px;
	margin: 0 auto;
	background: #f2f2f2 url('../images/bodyBG.jpg') fixed;
	font-family: Arial;
	font-size: 1em;
	line-height: 1.5em;

	overflow-x: hidden;

	box-shadow: 0 0 60px 1px rgba(0,0,0,0.3);
}

a {
	text-decoration: none;
	transition: all 0.2s ease-out;
	color: #991611;
}
a:hover {
	color: #81bb25;
}
a:focus, a:active {
	outline: none;
}
a p {
	color: #000;
}

h1, h2, h3, h4, h5 {
	font-family: NeoSansPro-Bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    line-height: 100%;
}
h1 {
	font-size: 2em;
	line-height: 100%;
}
.popup h1 {
	/*margin: 0 0 80px;*/
	text-align: center;
}
h2 {
	font-size: 1.5em;
	line-height: 1.2em;
}
iframe {
	border: 0px;
}
.terminslider h2 {
	font-size: 1.2em;
}
.flexgrid h2 {
	margin: 0;
}
#termine .flexgrid h2, #materialien .flexgrid h2 {
	font-size: 1.2em;
}

/*h3 {
	font-size: 1.5em;
}
h4 {
	font-size: 1em;
	text-align: center;
	margin-top: 0;
}
h5 {
	font-size: 1em;
	margin: 0;
}*/

.katheadline {
	display: block;
	text-align: center;
	margin-bottom: 20px;
}

p {

}
ul {
	margin: 1em 0;
	padding-left: 1em;
}
.hidex {
	display: none;
}

/* # # # # HEADER # # # # */

header {
	position: -webkit-sticky;
  	position: sticky;
  	top: 0px;
	width: 100%;
	padding: 0px 20px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgba(255,255,255,0.95) url('../images/pattern.jpg');
	z-index: 100;
	box-shadow: 0 0 20px 0 rgba(0,0,0,0.1);
}
@media screen and (max-width: 900px){
	header {
		flex-direction: column;
		align-items: flex-start;
	}
}
header .logo {
	max-width: 180px;
	display: block;
	padding: 10px 0;
	transition: all 0.4s ease-out;
}
@media screen and (max-width: 900px){
	header .logo {
		max-width: 140px;
	}
}
header.resize .logo {
	max-width: 100px;
}

header nav {
	font-family: NeoSansPro-Bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
header nav ul {
	margin: 0;
	list-style-type: none;
	display: flex;
	padding-left: 1.4vw;
}
header nav li {
	display: inline-block;
	position: relative;
}
header nav li:hover > a {
	color: #81bb25;
}
header nav li a {
	display: block;
	white-space: nowrap;
	padding: 0 0.7vw;
	font-size: 1.2em;
}
@media screen and (max-width: 1100px) {
	header nav li a {
		padding-left: 0;
		font-size: 1em;
	}
}
@media screen and (min-width: 900px){
	header nav li a {
		line-height: 100px;
	}
	header.resize nav > ul li a {
		line-height: 60px;
	}
}
header nav .active {
	color: #81bb25;
}
header nav li ul {
	display: block;
	position: absolute;
	top: 60px;
	left: -10px;
	min-width: 300px;
	background: rgba(153,22,17,0.9);
	padding: 20px 0;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s ease-in-out;

	border-radius: 10px;
	box-sizing: border-box;

	transform: scale(0.95);
}
header nav li ul:before {
	content: '';
	position: absolute;
	top: -15px;
	left: 20px;
	width: 40px;
	height: 15px;
	background: transparent url('../images/dropdown_arrow.png') no-repeat;
	opacity: 0.9;
}
header nav li:hover ul {
	top: 90px;
	opacity: 1;
	pointer-events: all;
	transform: scale(1);
}
header.resize nav li ul {
	top: 40px;
}
header.resize nav li:hover ul {
	top: 60px;
}
header nav li ul li {
	display: block;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
header nav li ul a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	line-height: normal !important;
}
header nav li ul a:hover, header nav li ul a.active {
	background: #fff;
	color: #81bb25;
}

nav .tools {
	display: flex;
}

/* sprachen */

.tools .sprachen {
	margin: 0 0.7vw;
	padding: 0;
	display: inline-flex;
	align-items: center;
}
.sprachen a {
	list-style-type: none;
	margin-right: 0.5vw;
}
.sprachen img {
	display: block;
	width: 20px;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
}
.sprachen a:hover img {
	transform: scale(1.5);
}

header #suche {
	position: relative;
}
/* warenkorb */
header #warenkorb {
	background-color: #991611;
	border-radius: 2px 2px 10px 10px;
	width: 30px;
	height: 30px;
	box-sizing: border-box;
	line-height: 30px;
	text-align: center;
	margin-left: 1.4vw;
	position: relative;
	color: #fff;
}
header #warenkorb:before {
	content: '';
	position: absolute;
	top: -10px;
	left: 3px;
	width: 20px;
	height: 20px;
	border: 2px solid #991611;
	border-radius: 50%;
	z-index: -1;
}
header #warenkorb:hover {
	background-color: #81bb25;
}
header #warenkorb:hover:before {
	border: 2px solid #81bb25;
}
header #warenkorb > div {
	display: block;
	position: absolute;
	top: 35px;
	right: -10px;
	min-width: 300px;
	background: rgba(153,22,17,0.9);
	padding: 20px 10px;
	transition: all 0.3s ease-in-out;
	border-radius: 10px;
	box-sizing: border-box;
	transform: scale(0.95);
	opacity: 0;
	pointer-events: none;
	text-align: left;
	font-size: smaller;
	line-height: normal;
}
header #warenkorb > div:before {
	content: '';
	position: absolute;
	top: -15px;
	right: 5px;
	width: 40px;
	height: 15px;
	background: transparent url('../images/dropdown_arrow.png') no-repeat;
	opacity: 0.9;
}
header #warenkorb:hover > div {
	top: 55px;
	opacity: 1;
	pointer-events: all;
	transform: scale(1);
}
header #warenkorb a,
header #warenkorb a:hover  {
	color: #fff;
}
header #warenkorb .gesamt {
	margin-top: 10px;
	text-align: center;
}

.mobilicon {
	display: none;
}
.mobilicon span {
	display: block;
	background-color: #991611;
	width: 40px;
	height: 4px;
	border-radius: 2px;
	margin: 4px 0;
}
@media screen and (max-width: 900px){
	.mobilicon {
		display: block;
		position: absolute;
		top: 18px;
		right: 30px;
		cursor: pointer;
	}
	header nav {
		flex-direction: column;
		width: 100%;
		max-height: 0;
		visibility: hidden;
		opacity: 0;
		transition: all 0.5s ease-out;
	}
	.mobil header nav {
		/*top: 0px;*/
		max-height: 400px;
		visibility: visible;
		opacity: 1;
	}
	header nav ul {
		flex-direction: column;
		padding: 10px 0;
		width: 100%;
	}
	header nav li {
		display: block;
	}
	header nav li a {
		padding: 0;
		color: #fff;
		background-color: #991611;
		border-radius: 20px;
		padding: 5px 10px;
		text-align: center;
		margin: 5px 0;
	}
	header nav li a:hover {
		color: #fff;
		background-color: #81bb25;
	}
	header nav ul .active {
		background-color: #81bb25;
		color: #fff;
	}
	header nav li ul {
		display: none;
	}
	nav .tools {
		flex-direction: column;
		padding-bottom: 20px;
		gap: 10px;
		align-items: center;
	}
	.sprachen img {
		width: 30px;
	}
}

/* # # # # MAIN # # # # */

main {
	position: relative;
}
.mainheader {
	color: #fff;
	width: 100%;
	height: 70vh;
	min-height: 400px;
	max-height: 650px;
	padding: 40px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	/*align-items: center;*/

	background-color: #81bb25;
	background-size: cover;
	background-position: center;
	background-image: url('../images/home.jpg');
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 30%,rgba(0,0,0,0.7) 100%), url('../images/home.jpg');
}

@media screen and (max-width: 800px) {
	.mainheader {
		height: auto;
		padding: 40px 20px;
		/*align-items: flex-start;*/
	}
}
.mainheader h1 {
	margin: 0 0 40px 0;
	padding: 0;
	font-size: 6em;
	line-height: 1em;
	text-align: center;

	-webkit-animation: mh_h_fadein 1s;
    animation: mh_h_fadein 1s;

    transition: all 0.3s ease-out;
}
@-webkit-keyframes mh_h_fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes mh_h_fadein {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
@media screen and (max-width: 1100px) {
	.mainheader h1 {
		font-size: 5em;
		text-align: left;
	}
}
@media screen and (max-width: 800px) {
	.mainheader h1 {
		font-size: 4em;
	}
}
@media screen and (max-width: 600px) {
	.mainheader h1 {
		font-size: 3em;
	}
}
@media screen and (max-width: 350px) {
	.mainheader h1 {
		font-size: 2em;
	}
}
.mainheader .teaser p{
	padding-left: 40%;
	font-family: NeoSansPro-Bold;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    /*max-width: 800px;*/
    margin: 0;
    font-size: 1.5em;
    line-height: 1.2em;

    -webkit-animation: mh_dis_fadein 2s;
    animation: mh_dis_fadein 2s;
}
@-webkit-keyframes mh_dis_fadein {
	0% { opacity: 0; }
	10% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes mh_dis_fadein {
	0% { opacity: 0; }
	10% { opacity: 0; }
	100% { opacity: 1; }
}
@media screen and (max-width: 1100px) {
	.mainheader .teaser p {
		padding-left: 0%;
	}
}
@media screen and (max-width: 800px) {
	.mainheader .teaser p {
		font-size: 1.2em;
	}
}

.fixed {
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 800px) {
	.fixed {
		position: absolute;
		top: 68px;
		right: 40px;
		z-index: 90;
		flex-direction: column;
	}
}
.mainheader .fixed {
	top: 20px;
	padding-top: 20px
}
.pv {
	position: relative;
	z-index: 1;
}
.pv .portrait {
	display: block;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #fff;
	margin-bottom: 20px;
	transition: all 0.3s ease-out;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
@media screen and (max-width: 800px) {
	.pv .portrait {
		width: 60px;
		height: 60px;
		margin: 0 5px 0 5px;
	}
}
.pv .portrait img {
	width: 100%;
}
.pv .tooltip {
	position: absolute;
	z-index: -1;
	top: -10px;
	right: -40px;
	width: 400px;
	background: #fff;
	padding: 20px;
	color: #000;
	box-sizing: border-box;
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}
.pv:hover .tooltip {
	opacity: 1;
	pointer-events: all;
	right: -10px;
}
.pv .tooltip ul {
	margin-top: 0;
}
@media screen and (max-width: 800px) {
	.pv .tooltip {
		width: 300px;
		padding-top: 85px;
	}
	.pv:hover .tooltip {
		right: -185px;
	}
}
.social {
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	border: 3px solid #fff;
	background-color: #991611;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 50%;
    margin-bottom: 10px;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
@media screen and (max-width: 800px) {
	.fixed .social {
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin: 0 5px 0 5px;
	}
}
.social:hover {
	transform: scale(1.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.social.facebook {
	background-image: url('../images/icons/facebook.svg');
	background-color: #3b5998;
}
.social.twitter {
	background-image: url('../images/icons/twitter.svg');
	background-color: #1da1f2;
}
.social.instagram {
	background-image: url('../images/icons/instagram.svg');
}
.social.youtube {
	background-image: url('../images/icons/youtube.svg');
	background-color: #ff0000;
}
.social.podcast {
	background-image: url('../images/icons/podcast.svg');
	background-color: #006d78;
}
.social.mail {
	background-image: url('../images/icons/mail.svg');
	background-color: #555;
}
.social svg path {
	fill: #fff;
}

/* sprachen */

@media screen and (min-width: 800px) {
	.mainheader .sprachen {
		padding-left: 40%;
	}
}
@media screen and (max-width: 800px) {
	.mainheader .sprachen {
		text-align: center;
	}
}
.mainheader .sprachen ul {
	margin: 2em 0 0 0;
	padding: 0;
}
.mainheader .sprachen ul li {
	list-style-type: none;
	display: inline-block;
	margin-right: 0.5em;
}
@media screen and (min-width: 800px) {
	.mainheader .sprachen ul li {
		margin: 0 0.2em 0 0.2em;
	}
}
.mainheader .sprachen img {
	width: 20px;
	border-radius: 2px;
	transition: all 0.2s ease-in-out;
}
.mainheader .sprachen a:hover img {
	transform: scale(1.5);
}

/* content */

.content {
	padding: 20px 40px 80px;
	background: #fff url('../images/pattern.jpg');

	-webkit-animation: content_fadein 1s;
    animation: content_fadein 1s;
}
@-webkit-keyframes content_fadein {
	0% { margin-top: 40px; opacity: 0; }
	100% { margin-top: 0px; opacity: 1; }
}
@keyframes content_fadein {
	0% { margin-top: 40px; opacity: 0; }
	100% { margin-top: 0px; opacity: 1; }
}
@media screen and (max-width: 600px){
	.content {
		padding: 20px 20px 80px;
	}
}
.breadcrumb {
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-size: 0.8em;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.startseite .breadcrumb {
	display: none;
}
section {
	/*padding-bottom: 80px;*/
	margin: 80px 0;
	clear: both;
}
.startseite section {
	margin-top: 20px;
}
article {
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}
article.sec{
	margin: 80px 0;
	clear: both;
}
article h1 {
	font-size: 4em;
	margin: 1em 0;
}
@media screen and (max-width: 800px) {
	article h1 {
		font-size: 3em;
	}
}
@media screen and (max-width: 600px) {
	article h1 {
		font-size: 2em;
	}
}
article ul li {
	position: relative;
	list-style-type: none;
	padding-left: 1em;
}
article ul li:before {
	content:'';
	position: absolute;
	left: -0.5em;
	top: 3px;
	background: url('../images/list_nfj.png') no-repeat;
	background-size: contain;
	width: 16px;
	height: 16px;
	display: block;
}
article .slider ul li:before {

	background: none;
}
article img, article figure {
	max-width: 100%;
	margin: 2em 0;
	width: auto;
	height: auto;
}
article figure img {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
article p img {
	margin-top: 1em!important;
	margin-bottom: 1em!important;
}
article img.oversize {
	width: calc(100% + 80px);
	max-width: calc(100% + 80px);
	margin: 2em -40px;
}
@media screen and (max-width: 600px){
	article img.oversize {
		width: calc(100% + 40px);
		margin: 0 -20px;
	}
}
figure {
	margin: 0;
}
figure figcaption {
	font-size: 0.8em;
	opacity: 0.5;
}

.imagewrapper {
	width: 100%;
	height: 260px;
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
	text-align: center;
}
.imagewrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 20%;
	transition: all 0.3s ease-out;
}
.imagewrapper.autowidth img {
	width: auto;
}
a:hover .imagewrapper img, .imagewrapper:hover img {
	transform: scale(1.05);
}
.tripleslide .imagewrapper {
	height: 200px;
}
.autoplaysameheight .imagewrapper {
	height: 500px;
}
@media screen and (max-width: 600px){
   .autoplaysameheight .imagewrapper {
		height: 300px;
	}
}

.slidetext {
	max-width: 800px;
	margin: 1em auto 0;
}

.center {
	margin: 0 auto;
	text-align: center;
}

.content table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 40px;
    background-color: rgba(0,0,0,0.03);
    border-radius: 20px;
}
.content table td, .content table th {
    text-align: left;
    vertical-align: top;
}
.content table.list {
	border-spacing: 0px;
}
.content table.list p {
	margin: 0;
}

.bildtextbox {
	background-color: rgba(0,0,0,0.03);
    border-radius: 20px;
    padding: 20px;
}
@media screen and (min-width: 600px){
	.bildtextbox {
		padding: 40px;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	.bildtextbox > div {
		width: 48%;
		margin-bottom: 1em;
	}
}
@media screen and (max-width: 600px){
	.bildtextbox > div:nth-child(2n) {
		margin-bottom: 2em;
	}
}
.bildtextbox > div:last-child {
	margin-bottom: 0 !important;
}
.bildtextbox figure {
	margin: 1em 0;
}

a.goback, a.gonext {
	background: #991611;
	color: #fff;
	padding: 4px 10px;
	border-radius: 20px;
}
a.goback:hover, a.gonext:hover {
	background: #81bb25;
}
a.goback {

}

.breadcrumb a.goback {
	position: absolute;
	top: -5px;
	right: 0;
}

.flexgrid {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.flexgrid > div {
	padding: 0 20px 40px;
	box-sizing: border-box;
	position: relative;
}
@media screen and (min-width: 1200px){
	.flexgrid > div {
		width: 33.33%;
	}
	.flexgrid.halfhalf > div {
		width: 50%;
	}
}
@media screen and (max-width: 1200px){
	.flexgrid > div {
		width: 50%;
	}
}
@media screen and (min-width: 1000px){
	.flexgrid.halfhalf .imagewrapper {
		height: 340px;
	}
}
@media screen and (max-width: 500px){
	.flexgrid > div {
		width: 100%;
	}
}
div.p100 {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
/*.flexgrid > div:nth-of-type(1n) {
	padding-left: 0px;
}
.flexgrid > div:nth-of-type(2n) {
	padding-right:20px;
}*/
.flexgrid h3 {
	margin: 5px 0;
}

/* BEITRAG */

/*.beitragsteaser {
	cursor: pointer;
}*/

.beitrag > div {
	/*width: 100%;
	height: 100%;
	padding: 240px 0 40px;*/
	/*background-color: rgba(0,0,0,0.5);*/
	/*padding: 100px 0;*/
	/*background-color: rgba(129,187,37,0.8);*/
}
.closeoverlay {
	display: none;
}
.popup article img {
	max-width: 900px;
	width: 100%;
}
.popup article .slick-dotted.slick-slider {
	margin-bottom: 80px;
}
.popup .beitragstext {
	max-width: 600px;
	margin: 0 auto;
	/*column-count: 2;
	column-gap: 40px;*/
}

/* # # # # Termine # # # # */

.terminslider {
	background: #ffd645 url('../images/pattern_termine.jpg');
	margin: 0 -40px;
	padding: 0 40px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}
.terminslider .slick-slide {
    padding: 20px !important;
    border-right: 1px dashed #000;
    border-left: 1px dashed #000;
    height: auto;
    box-sizing: border-box;
    margin: 40px 0;
}
section .contentslider {
	max-width: 1040px;
	margin: 0 auto !important;
}
@media screen and (max-width: 600px){
	.terminslider {
		margin: 0 -20px;
		padding: 0 20px;
	}
	.terminslider .slick-slide {
	    padding: 0 10px !important;
	    border-right: none;
	    border-left: none;
	    margin: 40px 0;
	}
}
.date {
	display: flex;
	align-items: center;
	/* margin: 1em 0; */
	position: relative;
	color: #000 !important;
}
.date:before {
	content: '';
	display: inline-block;
	margin-right: 1em;
	width: 50px;
	height: 50px;
	background-color: #ffd645;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/termine/icon_freizeit.png');
	background-size: 80%;
	border-radius: 50%;
}
.slick-slide .date:before {
	background-color: #fff;
}
.date.internationales:before {
	background-image: url('../images/termine/icon_international.png');
}
.date.seminar:before {
	background-image: url('../images/termine/icon_seminar.png');
}
.date.gremium:before {
	background-image: url('../images/termine/icon_gremium.png');
}
.date + .date {
	/* text-indent: 10000px; */
	position: absolute;
	top: 0;
	left: 100px;
}
/*.termindetail .date*/
article .date {
	/*padding: 100px 0 0;*/
	font-weight: bold;
}
article .date:before {
	width: 80px;
	height: 80px;
}
article .date + h1 {
	margin: 20px 0;
}

.floatthis50 {
	float: left;
	max-width: 50%;
	margin: 0 4% 2% 0;
}
figure.floatthis50 img.floatthis50 {
	float: none;
	max-width: 100%;
	margin: 0;
}
.backdrop {
	padding: 30px;
	background: #ffd645 url('../images/pattern_termine.jpg');
	transform: rotate(-2deg) translateX(-20px);
	display: inline-block;
	font-size: 2em;
	font-weight: bold;
}
.reiseinfo {
	margin: 40px 0 -20px 0;
}
.content table.termintabelle {
	padding: 40px;
	border-spacing: 0 5px;
	margin-bottom: 2em;
}
.content table.termintabelle td {

}
.content table.termintabelle td:first-child {
    width: 20%;
    font-weight: bold;
}
.content table.termintabelle td:last-child {
    width: 80%;
}
@media screen and (max-width: 600px){
	.reiseinfo .backdrop {
		font-size: 1.5em;
	}
	.content table.termintabelle {
		padding: 40px 10px;
	}
}

#shop table.cart {
	padding: 40px;
	border-spacing: 0 5px;
}
#shop table.cart .price,
#shop table.cart .sum_price,
#shop table.cart .total_price_num,
#shop table.cart .delete {
	text-align: right;
}
#shop table.cart .amount {
	text-align: center;
}

/* AUIOPLAYER */
.audioplayer {
	text-align: center;
}
.audioplayer .audiocontrol {
	cursor: pointer;
	max-width: 300px;
	margin: 0 auto;
	position: relative;
}
.audioplayer .audiocontrol:before {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 60px 0 60px 90px;
	border-color: transparent transparent transparent #fff;
	z-index: 200;
	transition: all 0.5s cubic-bezier(0.5, -1, 0, 1);
	opacity: 0.6;
}
.audioplayer .audiocontrol:hover:before {
	opacity: 0.9;
}
.audioplayer .audiocontrol.playing:before {
	border-color: #fff;
	border-width: 20px;
}
.audioplayer .audiocontrol .record {
	transition: all 0.3s ease-out;
	border-radius: 50%;
	background-color: #991611;
	overflow: hidden;
	position: relative;
}
.audioplayer .audiocontrol img {
	width: 100%;
	mix-blend-mode:multiply;
}
.audioplayer .audiocontrol.playing .record {
	-webkit-animation:spin 8s linear infinite;
    -moz-animation:spin 8s linear infinite;
    animation:spin 8s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/* # # # # FORM # # # # */

input, select, button, textarea {
	border: none;
	background-color: #fff;
	border-radius: 20px;
	padding: 5px 10px;
	font-size: 1em;
	font-family: inherit;
	width: 100%;
	box-sizing: border-box;
}
#suche input[type='text'] {
	background: #e5e5e5;
}
/*input.small {
	min-width: auto;
	max-width: 80px;
}*/
input[type='submit'], button {
	background-color: #81bb25;
	transition: all 0.3s ease-out;
	cursor: pointer;
	color: #fff;
}
button {
	width: auto;
	padding: 5px 20px;
}
input[type='submit']:hover, button:hover {
	background-color: #991611;
}
#suche input[type='submit'] {
	position: absolute;
	right: 0;
	width: 40px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background-image: url('../images/lupe.png');
	background-repeat: no-repeat;
	background-position: center;
	text-indent:-9999px;
}
#suche input[type='submit']:hover {
	width: 50px;
}
.cart input.amount {
	width: 70px;
}
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>");
	background-size: 12px;
	background-position: calc(100% - 10px) 11px;
	background-repeat: no-repeat;
}

.filterform {
	background: #ffd645 url('../images/pattern_termine.jpg');
	margin: 0 -40px;
	padding: 40px 20px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	border-top: 1px solid rgba(0,0,0,0.1);
	border-bottom: 1px solid rgba(0,0,0,0.1);
	box-sizing: border-box;
	/*border-radius: 3px;*/
}
@media screen and (max-width: 600px){
	.filterform {
		margin: 0 -20px;
		padding: 20px;
	}
}
.filterform.materialfilter {
	background: #ffd645 url('../images/pattern_materialien.jpg');
	color: #fff;

	display: flex;
	justify-content: space-between;
}
.anmeldeform, .form {
	/*margin: 0 -20px;
	padding: 20px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 10px;*/

	padding: 20px;
	border-radius: 10px;
	background: #ffd645 url('../images/pattern_termine.jpg');
}
@media screen and (min-width: 600px){
	.anmeldeform div {
		width: 50%;
		display: table-cell;
		padding: 20px;
	}
}
div#parents_required {
	padding: 0;
}
.anmeldeform input, .form input {
	margin-bottom: 10px;
}
.anmeldeform input[type="submit"] {
	margin-top: 30px;
}
.anmeldeform input[type="checkbox"] {
	width: auto;
}
.formgen input[type="checkbox"] {

}
.filterform form {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.filterform form div {
	padding: 0 20px;
}
@media screen and (max-width: 1000px){
	.filterform form div {
		padding: 0 10px;
	}
}
@media screen and (max-width: 800px){
	.filterform form div {
		padding: 0 5px;
	}
}
@media screen and (max-width: 600px){
	.filterform form {
		/*flex-direction: column;
		align-items: center;*/
		flex-wrap: wrap;
	}
	.filterform form div {
		padding: 0 5px 10px;
		width: 50%;
		box-sizing: border-box;
	}
	.filterform form div:last-child {
		width: 100%;
	}
}

/*.nurbeimethoden {
	opacity: 0;
}
.materialfilter form option[value="methoden"]:checked ~ .nurbeimethoden {
	opacity: 1;
}
.materialfilter form option#methoden[selected] ~ .nurbeimethoden {
	opacity: 1;
}*/

#cookieNotice {
	background-color: #0077BA;
	text-align: left;
	font-size: 18px;
	color: #cae1ed;
	position: fixed;
    bottom: 0;
	left: 0;
	width: 100%;
    margin: 0 auto;
	z-index: 999;
	opacity: 0.9;
}
#cookieNotice div {
	padding: 0 10px;
	width: 90%;
	margin: 0 auto;
}
#cookieNotice a{ color: #fff;}

#cookieNotice .btn {
	float: right;
	cursor: pointer;
	-webkit-border-radius: 12;
	-moz-border-radius: 12;
	border-radius: 12px;
	color: #0077BA;
	font-size: 15px;
	font-weight: bold;
	background: #f9f9f9;
	padding: 0px 8px 2px 8px;
	text-decoration: none;
}
#cookieNotice .btn:hover {
	color: #f9f9f9;
	background: #0077BA;
}

#cooksrecipes .portionen {
    display: inline;
}
#cooksrecipes .portionen button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#cooksrecipes .portionen input {
    width: 3em;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #e5e5e5;
}
#cooksrecipes .zutaten {
    /* background: #ffd645 url(../images/pattern_termine.jpg); */
    background-color: rgba(0,0,0,0.03);
    padding: 40px;
    box-sizing: border-box;
    border-radius: 10px;
    column-count: 2;
    margin-bottom: 2em;
}
#cooksrecipes ul.zutaten li:before {
	left: 0em;
	background: none;
}
#cooksrecipes .filterform.rezeptfilter {
    background: #4d44c3 url(../images/pattern_rezepte.jpg);
    color: #fff;
    display: flex;
    justify-content: space-between;
}
#cooksrecipes .filterform.rezeptfilter button {
	white-space: nowrap;
}

/*.slick-slider {
	width: 1px;
	min-width: 100%;
	width: 100%;
}*/

/* # # # # FOOTER # # # # */

footer {
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	background: rgba(0,132,126,0.8);
	color: #fff;

	display: flex;
	justify-content: space-between;
}
footer > div {
	max-width: 30%;
}
footer .footernav ul {
	list-style-type: none;
	padding: 0;
}
footer a {
	color: #fff;
}
footer .footernav ul a:hover {
	color: #81bb25;
}
footer .social {
	background-color: transparent !important;
}
@media screen and (max-width: 900px){
	footer {
		flex-direction: column;
		padding: 40px 20px;
	}
	footer > div {
		max-width: 100%;
		padding-bottom: 20px;
	}
	footer .social {
		display: inline-block;
		margin-right: 5px;
	}
}

.warning {
	padding: 10px 20px;
	margin-bottom: 40px;
	color: #991611;
	background-color: #e3c0bf;
	border-radius: 20px;
	clear: both;
}
.warning.prio2{
	color: #ca6d06;
	background-color: #fce8d1;
}
.warning.prio3{
	color: #81bb25;
	background-color: #daf2b5;
}

/* YOUTUBE */

.youtube-player {
	margin: 2em 0;
	position: relative;
	padding-bottom: 56.23%;
	/* Use 75% for 4:3 videos */
	height: 0;
	overflow: hidden;
	max-width: 100%;
	background-color: rgba(0,0,0,0.85);
}
.video .youtube-player {
	margin: 80px 0;
}
.stage.bgvideo .youtube-player {
	height: 100%;
	box-sizing: border-box;
}
.youtube-player iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
	background: transparent;
}
.youtube-player img {
	bottom: 0;
	display: block;
	left: 0;
	margin: auto;
	max-width: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	border: none;
	height: auto;
	cursor: pointer;
	-webkit-transition: .4s all;
	-moz-transition: .4s all;
	transition: .4s all;
}
.youtube-player img:hover {
	-webkit-filter: brightness(75%);
}
.youtube-player .play {
	height: 72px;
	width: 72px;
	left: 50%;
	top: 50%;
	margin-left: -36px;
	margin-top: -36px;
	position: absolute;
	background: url("https://i.imgur.com/TxzC70f.png") no-repeat;
	cursor: pointer;

}
