@charset "UTF-8";
/* Template (Standard) CSS */

/****************************************/
/*				INHALT					*/
/****************************************/
/*

	1. ALLGEMEIN
	2. Coockie Hinweis
	3. SCHRIFTEN
	4. LINKS / LISTEN / SVG / Boxen
	5. Buttons
	6. Formulare
	7. 
	8. HEADER
	9. OPENER
	10. NAVIGATION
	11. GOURMETS
	12. PROGRAMM
	13. BILDER
	14. FOOTER
	15. SLICK Carousel
	15.5. MixItUp (Kino Programm)
	15.6. Accordion (Kino Programm)

	16.	Startseite GRUND
	17. Startseite Hover Boxen

	18. MEDIA QUERIES

*/


/****************************************/
/*	1.			ALLGEMEIN				*/
/****************************************/
@font-face{
font-family:"Futura PT W01 Book";
font-display:swap;
}
@font-face{
font-family:"Born Ready Slanted W05 Regular";
font-display:swap;
}
@font-face{
font-family:"Futura PT W01 Medium";
font-display:swap;
}
@font-face{
font-family:"Bebas W05 Regular";
font-display:swap;
}


*{
	margin:0;
	padding:0;
	border:0;
	outline:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;}

html, body{
	font-family:'Futura PT W01 Book', sans-serif;
	font-size:20px;
	text-align:left;
	color:#808080;
	background:#fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-synthesis: none;}

html{
	position:relative;
	min-height:100%;}

body{
	margin-bottom:0;}

.clear{
	clear:both;}

.table{
	display:table-row;}

/* Markiereungen */
::-moz-selection{
	color:#fff;
    background:#ff792f;}
::selection {
	color:#fff;
    background:#ff792f;}

.relative{position: relative;}

/* Zacken nach unten */
.zigzag_u{
	position:relative;
	z-index:3;
	bottom:20px;
    height:20px;
    background:linear-gradient(-135deg, transparent 74%, #fff 75%), linear-gradient(135deg, transparent 74%, #fff 75%) 0 50%;
    background-repeat:repeat-x;
    background-size:20px 20px, 20px 20px;}

/* Zacken nach oben */
.zigzag_o{
	position:relative;
	z-index:3;
	bottom:-20px;
    height:20px;
    background:linear-gradient(-45deg, transparent 74%, #fff 75%), linear-gradient(45deg, transparent 74%, #fff 75%) 0 50%;
    background-repeat:repeat-x;
    background-size:20px 20px, 20px 20px;}


/* ZigZag Rund - klein */
.zigzag_o_2{
	position:relative;
    background-size:10px 5px;
    background-image:linear-gradient(315deg, #fff 25%, transparent 25%), linear-gradient(45deg, #fff 25%, transparent 25%);
    transform:rotate(180deg);
    height:5px;
    width:100%;
    bottom:-5px;
    z-index:3;}

.zigzag_u_2{
	position:relative;
    background-size:10px 5px;
    background-image:linear-gradient(315deg, #fff 25%, transparent 25%), linear-gradient(45deg, #fff 25%, transparent 25%);
    height:5px;
    width:100%;
    top:-5px;
    z-index:2;}


/* Zig Zag Pattern */
.zigzag_pattern{
	position:absolute;
	z-index:-1;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:linear-gradient(135deg, rgba(255,255,255,0.1) 25%, transparent 25%) -5px 0,
				linear-gradient(225deg, rgba(255,255,255,0.1) 25%, transparent 25%) -5px 0,
				linear-gradient(315deg, rgba(255,255,255,0.1) 25%, transparent 25%),
				linear-gradient(45deg, rgba(255,255,255,0.1) 25%, transparent 25%);
	background-size:10px 10px;
	background-color:transparent;
	opacity:0.40;}

/* Icon Pattern */
.icon_patten{
	position:absolute;
	z-index:-1;
	opacity:0.3;
	mix-blend-mode:overlay;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:url('/images/pattern-bg_web.png');
	background-repeat:repeat;
	background-size:auto;}



/****************************************/
/*	2.		Coockie Hinweis				*/
/****************************************/
#redim-cookiehint{
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(94, 94, 94, 1);
	color:#fff;
	text-align:center;
	padding:20px 40px;
	z-index:9999;
	border-top:2px solid #fff;}

#redim-cookiehint .cookiecontent{
	text-align:inherit;
	font-size:1.3em;
	color:inherit;
	padding:0 200px 0 0;}

#redim-cookiehint .cookiecontent a{
	color:#ff792f;
	font-family:'Futura PT W01 Medium', sans-serif;}


/* Button position */
#redim-cookiehint .cookiebuttons{
	position:absolute;
	top:50%;
	right:40px;
    -webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);
    margin:0;}

#redim-cookiehint .cookiebuttons .btn{
	background:#fff;
    font-size:1.3em;
   	line-height: 100% !important;
    font-family:'Futura PT W01 Medium', sans-serif;
    text-transform:uppercase;
    padding:15px 30px !important;}

#redim-cookiehint .cookiebuttons .btn:hover{
	background:unset;}

#redim-cookiehint .cookiebuttons .btn:before{
	top:-1px;
	left:-1px;
	border:2px solid #ff792f;}

#redim-cookiehint .clr{
	clear:both;}

#redim-cookiehint.hidden{
	display:none;
	visibility:hidden;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
#redim-cookiehint{
	padding:20px;}

#redim-cookiehint .cookiebuttons{
	position:relative;
	top:0%;
	right:50%;
    -webkit-transform:translate3d(50%, 0%, 0);
    transform:translate3d(50%, 0%, 0);
    margin:10px;}

#redim-cookiehint .cookiecontent{
	font-size:1em;
	padding:0 20px 0 0;}

#redim-cookiehint .cookiebuttons .btn{
    font-size:1em;
    padding:10px 15px !important;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
	#redim-cookiehint{
		padding:20px 30px;}

	#redim-cookiehint .cookiecontent{
		padding:0 200px 0 0;
		right:30px;}
}



/****************************************/
/*	3.			SCHRIFTEN				*/
/****************************************/
/* FONT WEIGHT HACK for Safari:
   FONT WEIGHT BOLD = 'Futura PT W01 Medium', sans-serif;
   STRONG = 'Futura PT W01 Medium', sans-serif; */
strong{font-weight: normal !important;font-family:'Futura PT W01 Medium', sans-serif !important;}

h1{
	letter-spacing:1px;
	line-height:140%;
	text-align:center;
	font-family:'Born Ready Slanted W05 Regular', sans-serif;
	font-weight:400;
	font-size:3.5em;
	padding-bottom:1em;
	padding-top:10px;
	word-wrap:break-word;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;}

h2{
	line-height:100%;
	text-align:center;
	font-family:'Futura PT W01 Medium', sans-serif;
	margin-bottom:0.5em;
	color:#ff792f;
	font-size:3.0em;}

#bauernmarkt h2{
	color:#006696;}

#napoleon h2{
	color:#E15622;}

#picknick h2{
	color:#006696;}

#weihn h2{
	color:#a30000;}


h3{
	display:inline-block;
	line-height:100%;
	text-align:center;
	font-family:'Futura PT W01 Book', sans-serif;
	font-weight:400;
	margin-bottom:0.3em;
	color:#ff792f;
	font-size:2.2em;}

#bauernmarkt h3{
	color:#006696;}

#napoleon h3{
	color:#E15622;}

#picknick h3{
	color:#006696;
	text-align: left;}

#picknick .positionH2 h3{
	text-align: center;
	margin: 0 15px;
}

#weihn h3{
	color:#a30000;}

h4{
	font-family:'Futura PT W01 Book', sans-serif;
	font-size:1.5em;
	font-weight:400;
	line-height:120%;
	font-variant:400;}

h5{
	font-family:'Futura PT W01 Medium', sans-serif;
	padding:0 0 1em 0;
	font-size:1em;
	line-height:120%;
	color:#808080;}

p{
	font-family:'Futura PT W01 Book', sans-serif;
	font-weight:400;
	padding:0 0 1em 0;
	font-size:1em;
	line-height:140%;
	color:#5e5e5e;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
	.zigzag_o_2{bottom:-4.5px;}
	h1{font-size:2em;}
	h2{font-size:1.4em;}
	h3{font-size:1.2em;}
	h4{font-size:1.4em;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
	h1{font-size:3.5em;}
	h2{font-size:2.2em;}
	h3{font-size:1.6em;}
	h4{font-size:1.4em;}
}


/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
	h1{font-size:3.5em;}
	h2{font-size:2.5em;}
	h3{font-size:1.8em;}
}



/*****************************+**********/
/*	4.	LINKS / LISTEN / SVG / Boxen	*/
/****************************************/
/* -------------- Links --------------- */
a:link,a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:underline;}
a:active{color:#666;}

a:link.email, a:active.email, a:visited.email{color:#666;}
a:hover.email{color:#666;}

#fancybox-content a{text-decoration:none;}


/* -------------- Listen -------------- */
ul{	list-style:none;display:block;color:#5e5e5e;}



/* -------------- Boxen --------------- */
.boxen{
	position:relative;
	overflow:hidden;
	width:calc(100% + 20px);
	margin-left:-10px;
	height:auto;}

.box_2{
	position:relative;
	width:calc(50% - 20px);
	margin:10px;
	height:auto;
	float:left;
	text-align:left;}

.box_3{
	position:relative;
	width:calc(33.333333% - 20px);
	margin:10px;
	height:auto;
	float:left;
	text-align:center;}

.box_4{
	position:relative;
	width:calc(25% - 20px);
	margin:10px;
	height:auto;
	float:left;
	text-align:center;}

.box_5{
	position:relative;
	width:calc(20% - 40px);
	margin:20px;
	height:300px;
	float:left;
	text-align:center;}
	
.box_6{
	position:relative;
	width:calc(16.66% - 40px);
	margin:20px;
	height:300px;
	float:left;
	text-align:center;}	
	

.boxen img{max-width: calc(100% - 20px);}

/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){

.boxen{
	width:100%;
	margin-left:0;}

.box_2{
	width:100%;
	margin:0;}

.box_3{
	width:100%;
	margin:20px 0;}

.box_4{
	width:100%;
	margin:20px 0;}

.box_5{
	width:calc(50% - 20px);
	margin:10px;}
	
.box_6{
	width:calc(50% - 20px);
	margin:10px;}

.container_mit_nav .boxen br{
	display:block;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){

.boxen{
	width:100%;
	margin-left:0;}

.box_2{
	width:calc(50% - 20px);
	margin:20px 10px;}

.box_3{
	width:calc(33.333333% - 20px);
	margin:20px 10px;}

.box_4{
	width:calc(50% - 20px);
	margin:20px 10px;}

.box_5{
	width:calc(33.333333% - 20px);
	margin:10px;}

.box_6{
	width:calc(33.333333% - 20px);
	margin:10px;}

.innen_box_abstand .box_3{
	width:calc(33.333333% - 20px);
	margin:40px 10px 0 10px;}

.boxen br{
	display:none;}

.container_mit_nav .boxen br{
	display:block;}
}


/*################################ TABLETS MD ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){

.box_4{
	width:calc(50% - 20px);
	margin:20px 10px;}

.box_5{
	width:calc(25% - 20px);
	margin:10px;}
	
.box_6{
	width:calc(25% - 20px);
	margin:10px;}
}

.box_6 img{height: 100%;}



/****************************************/
/*	5.			Buttons					*/
/****************************************/
/* Button Hover Effect */
.btn, .convertforms button{
	font-size: 1rem;
	background:transparent !important;
	width:auto;
	padding:10px 40px;
	cursor:pointer;
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	transition:all 0.5s;
	position:relative;}

a.btn, .convertforms button{
	color:#ff792f !important;
	text-decoration:none;
	display:block;}

#bauernmarkt a.btn, #bauernmarkt .convertforms button{
	color:#006696 !important;}

#napoleon a.btn, #napoleon .convertforms button{
	color:#E15622 !important;}

#picknick a.btn, #picknick .convertforms button{
	color:#006696 !important;}

#weihn a.btn, #weihn .convertforms button{
	color:#a30000 !important;}

a.btn:hover, .convertforms button:hover{
	color:#fff !important;}

#bauernmarkt a.btn:hover, #bauernmarkt .convertforms button:hover{
	color:#fff !important;}

#napoleon a.btn:hover, #napoleon .convertforms button:hover{
	color:#fff !important;}

#picknick a.btn:hover, #picknick .convertforms button:hover{
	color:#fff !important;}

#weihn a.btn:hover, #weihn .convertforms button:hover{
	color:#fff !important;}

.btn::before, .convertforms button::before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
	z-index:0;
	border:1px solid #ff792f;
	border: solid 1px !important;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;}

#bauernmarkt .btn::before, #bauernmarkt .convertforms button::before{
	border:1px solid #006696;}

#napoleon .btn::before, #napoleon .convertforms button::before{
	border:1px solid #E15622;}

#picknick .btn::before, #picknick .convertforms button::before{
	border:1px solid #006696;}

#weihn .btn::before, #weihn .convertforms button::before{
	border:1px solid #a30000;}

.btn:hover::before, .convertforms button:hover::before{
	opacity:0;
	-webkit-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);}

.btn::after, .convertforms button::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:-1;
	opacity:0;
	border-radius: 0 !important;
	background:#ff792f;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	-o-transition:all 0.3s;
	transition:all 0.3s;
	-webkit-transform:scale(0.5,0.5);
	transform:scale(0.5,0.5);}

#bauernmarkt .btn::after, #bauernmarkt .convertforms button::after{
	background:#006696;}

#napoleon .btn::after, #napoleon .convertforms button::after{
	background:#E15622;}

#picknick .btn::after, #picknick .convertforms button::after{
	background:#006696;}

#weihn .btn::after, #weihn .convertforms button::after{
	background:#a30000;}



.btn:hover::after, .convertforms button:hover::after{
	opacity:1 ;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);}

.convertforms button span{
	position:relative;
	z-index:2;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
button, a.button{
	font-size:1em !important;
	padding:4px 30px 5px 30px;}

#continueButton::before{
	width:500px;}
}


/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){

button, a.button{
	font-size:1em !important;
	padding:4px 30px 5px 30px;}

#continueButton::before{
	width:800px;}
}



/****************************************/
/*	6.			Formulare				*/
/****************************************/
.control-group{
	clear:both;
	display:block;
	margin-top:15px;
	width:100%;}

.fox-row .control-group{
	margin-top:0;}

.fox-column{
    background:transparent;
    padding:0;
    position:relative;
    left:0%;
    max-width:1000px;
    -webkit-transform:translate3d(0%, 0, 0);
    transform:translate3d(0%, 0, 0);}

.control-label{
	float:left;
	padding:5px 0 10px 0;
	text-align:left;
	width:40%;}

.controls{width:100%;}
.controls button{margin:20px auto 0 auto !important;}

input,textarea, select, #ProOPC select{
	font-family:'Futura PT W01 Book', sans-serif;
	background:#f9f9f9;
    color:#666;
    border:1px solid #e0e0e0;
    box-sizing:border-box;
    outline:none;
    padding:8px;
    margin-bottom:0;
    height:auto;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    font-size:0.9em !important;}

input:focus, textarea:focus{border:1px solid #ff792f !important;}
#bauernmarkt input:focus, #bauernmarkt textarea:focus{border:1px solid #006696 !important;}
#napoleon input:focus, #napoleon textarea:focus{border:1px solid #E15622 !important;}
#picknick input:focus, #picknick textarea:focus{border:1px solid #006696 !important;}
#weihn input:focus, #weihn textarea:focus{border:1px solid #a30000 !important;}

/* IE 10+ ONLY */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   div#fox-container-m92 .radio input[type="radio"], div#fox-container-m92 .checkbox input[type="checkbox"]{
	background:transparent;
	border:none;}
}

/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
.convertforms{margin:20px 0;}
div#fox-container-m92 .radio, div#fox-container-m92 .checkbox{
	padding-left:30px !important;}

div#fox-container-m92 .radio input[type="radio"], div#fox-container-m92 .checkbox input[type="checkbox"]{
	margin-left:-30px !important;}
}



/****************************************/
/*	7.			SECTIONEN				*/
/****************************************/
section{
	position:relative;
	width:100%;}

.container{
	position:relative;
	margin:0 auto;
	padding:70px 120px 23px 120px;
	width:100%;
	text-align:center;}

section#sec_1{
	min-height:75vh;}

section#sec_4 .container{
	padding:70px 120px 100px 120px;}

section#sec_6 .container{
	padding:70px 120px 100px 120px;
	width:100%;}

/* Padding-Top ist die Offset Angabe wegen des OnePageNav */
section#sec_1{background:transparent;}
section#sec_2{background:transparent;padding-top:57px;top:-57px;}
section#sec_3, section#faq{background:#ededed;padding-top:137px;}
section#sec_4{background:transparent;padding-top:76px;top:-76px;}
section#sec_5{background:#fff;padding-top:77px;}
section#kinderbasar{background:#fff;padding-top:77px;top:-77px;}
section#faq-kinder{background: #ededed;padding-top:77px;top:-77px;}
section#sec_6{background:#ededed;padding-top:77px;}

/* Impressum / Datenschutz */
.container_mit_nav{
	margin:0 auto;
	padding:150px 120px 100px 120px;
	width:100%;
	text-align:left;}

.container_mit_nav h2, .container_mit_nav h3{
	text-align:left;
	font-weight:400;}

.container_mit_nav h2{
	margin-top:30px;}


/* ------------- Colorful Background Feld ---------- */
#gourmetfest .color_bg{
	position:relative;
	z-index:2;
	color:#fff !important;
	background-image:linear-gradient(to right, #ff3d00, #ff6f00, #ff9700, #ffbb00, #ffdd00);
	margin:0 auto;
	padding:70px 80px 70px 80px;
	width:100%;
	text-align:center;}


#bauernmarkt .color_bg{
	position:relative;
	z-index:2;
	color:#fff !important;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	margin:0 auto;
	padding:70px 80px 70px 80px;
	width:100%;
	text-align:center;}


#napoleon .color_bg{
	position:relative;
	z-index:2;
	color:#fff !important;
	background: #E15622;
	background-image: linear-gradient(to right, #6d6253, #866541, #a16532, #c06126, #e15622);
	margin:0 auto;
	padding:70px 80px 70px 80px;
	width:100%;
	text-align:center;}

#picknick .color_bg{
	position:relative;
	z-index:2;
	color:#fff !important;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	margin:0 auto;
	padding:70px 80px 70px 80px;
	width:100%;
	text-align:center;}

#weihn .color_bg{
	position:relative;
	z-index:2;
	color:#fff !important;
	background: #a30000;
background-image: linear-gradient(to right, #273e22, #2b4e25, #2d5f27, #2e7029, #2d822b, #2c922c, #2aa22c, #27b32b, #24c628, #21d822, #1eec18, #1bff00);
	margin:0 auto;
	padding:70px 80px 70px 80px;
	width:100%;
	text-align:center;}

.color_bg h1{padding:0.3em 0;}


/* ------------- Parallax Sectionstrenner ---------- */
.sec_trenner_parallax{
	position:relative;
	height:700px;
	overflow:hidden;}

.parallax_pos_center{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
	width:100vw;
	height:auto;}

.parallax_pos_center img{
	min-height:100%;
	width:100vw;}

.sec_trenner_parallax .parallax_overlay{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);}

.sec_trenner_parallax .headline_parallax h2, #bauernmarkt .sec_trenner_parallax .headline_parallax h2, #napoleon .sec_trenner_parallax .headline_parallax h2, #picknick .sec_trenner_parallax .headline_parallax h2, #weihn .sec_trenner_parallax .headline_parallax h2{
	position:absolute;
	z-index:2;
	top:50%;
	left:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0);
	color:#fff;
	text-transform:uppercase;}



/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
.container{
	padding:70px 20px 20px 20px;}

section#sec_4 .container{padding:40px 0 0 0;}
section#sec_6 .container{padding:20px 10px 70px 10px;width:100%;}

/* Padding-Top ist die Offset Angabe wegen des OnePageNav */
section#sec_1{background:#fff;}
section#sec_2{background:transparent;padding-top:50px;top:-50px;}
section#sec_3, section#faq{padding-top:55px;}
section#sec_4{padding-top:55px;top:-55px;}
section#sec_5{background:#fff;padding-top:40px;top:-40px;}
section#kinderbasar{background:#fff;padding-top:40px;top:-40px;}
section#faq-kinder{background: #ededed;padding-top:40px;top:-40px;}
section#sec_6{padding-top:55px;}

/* Impressum / Datenschutz / AGB / Widerufsrecht */
.container_mit_nav{
	margin:0 auto;
	padding:120px 20px 50px 20px;
	width:100%;
	text-align:left;}

.container_mit_nav h2, .container_mit_nav h3{text-align:left;font-weight:400;}
.container_mit_nav h2{margin-top:20px;}


/* ------------- Colorful Background Feld ---------- */
.color_bg{padding:25px;}
.color_bg h1{padding:0.3em 0;}

/* ------------- Parallax Sectionstrenner ---------- */
.sec_trenner_parallax{
	height:200px;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
.container{
	padding:70px 25px 20px 25px;}

section#sec_4 .container{padding:55px 0 0 0;}
section#sec_6 .container{padding:20px 10px 70px 10px;width:90%;}

/* Padding-Top ist die Offset Angabe wegen des OnePageNav */
section#sec_1{background:#fff;}
section#sec_2{background:transparent;padding-top:72px;top:-72px;}
section#sec_4{padding-top:77px;top:-77px;}
section#sec_5{background:#fff;padding-top:77px;top:-77px;}
section#kinderbasar{background:#fff;padding-top:77px;top:-77px;}
section#faq-kinder{background: #ededed;padding-top:77px;top:-77px;}
section#sec_6{background:#ededed;padding-top:55px;}

/* Impressum / Datenschutz / AGB / Widerufsrecht */
.container_mit_nav{
	margin:0 auto;
	padding:130px 25px 10px 25px;
	width:100%;
	text-align:left;}

.container_mit_nav h2, .container_mit_nav h3{text-align:left;font-weight:400;}
.container_mit_nav h2{margin-top:20px;}

/* ------------- Parallax Sectionstrenner ---------- */
.sec_trenner_parallax{
	height:400px;}

/* ------------- Colorful Background Feld ---------- */
.color_bg{
	padding:40px 40px 40px 40px;}
}


/*################################ TABLETS MD ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
.container{
	padding:70px 25px 20px 25px;}

section#sec_4 .container{padding:55px 0 0 0;}
section#sec_6 .container{padding:70px 25px 70px 25px;width:100%;max-width:800px;}

/* Padding-Top ist die Offset Angabe wegen des OnePageNav */
section#sec_1{background:#fff;}
section#sec_2{background:transparent;padding-top:72px;top:-72px;}
section#sec_4{padding-top:77px;top:-77px;}
section#sec_5{background:#fff;padding-top:77px;top:-77px;}
section#kinderbasar{background:#fff;padding-top:77px;top:-77px;}
section#faq-kinder{background: #ededed;padding-top:77px;top:-77px;}
section#sec_6{background:#ededed;padding-top:55px;}

/* Impressum / Datenschutz / AGB / Widerufsrecht */
.container_mit_nav{
	margin:0 auto;
	padding:130px 25px 10px 25px;
	width:100%;
	text-align:left;}

.container_mit_nav h2, .container_mit_nav h3{text-align:left;font-weight:400;}
.container_mit_nav h2{margin-top:20px;font-size:2.5em;}

/* ------------- Parallax Sectionstrenner ---------- */
.sec_trenner_parallax{
	height:500px;}

/* ------------- Colorful Background Feld ---------- */
.color_bg{
	padding:40px 60px 40px 60px;}

}


/****************************************/
/*	8.				HEADER				*/
/****************************************/
header{
	transition:all 0.3s ease;
	position:fixed;
	z-index:6;
	width:100%;
	height:77px;
	background:transparent;}

header.changeHeader{
    transition:all 0.3s ease;
	background:#ff792f;}


header.changeHeader_BM{
    transition:all 0.3s ease;
	background:#006696;}

header.changeHeader_nap{
    transition:all 0.3s ease;
	background:#E15622;}

header.changeHeader_picknick{
    transition:all 0.3s ease;
	background:#006696;}


header.changeHeader_weihn{
    transition:all 0.3s ease;
	background:#a30000;}

/* ------------ LOGO ------------ */
header.changeHeader .logo, header.changeHeader_BM .logo, header.changeHeader_nap .logo, header.changeHeader_picknick .logo, header.changeHeader_weihn .logo{
	transition:all 0.3s ease;
	opacity:1;}

.logo{
		transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
   -moz-transition:all 0.3s ease-in;
 -khtml-transition:all 0.3s ease-in;
     -o-transition:all 0.3s ease-in;
        transition:all 0.3s ease-in;
	opacity:0;
	position:relative;
	float:left;
	margin:5px 20px 5px 120px;
	font-size:2em;}

.logo_schrift{
	font-family:'Born Ready Slanted W05 Regular', sans-serif;
	position:relative;}

.logo_schrift a, .logo_schrift{
	color:#fff;
	text-decoration:none;}

.logo_schrift a > span, .logo_schrift > span{
	position:relative;
	top:0.3em;
	margin-left:0.3em;
	font-size:100%;}

.iLb img{
	position:absolute;
	z-index:10;
	left:120px;
	top:20px;
	width:125px;}



/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
header{
	height:55px;}

/* LOGO */
.logo{
	width:auto;
	z-index:101;
	margin:5px 0 5px 20px;
	font-size:1.5em;}

.iLb img{
	left:20px;
	top:20px;
	width:100px;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
.logo{
	width:auto;
	z-index:101;
	margin:5px 20px 5px 30px;}

.iLb img{
	left:30px;
	top:30px;}
}


/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
.logo{
	margin:5px 20px 5px 20px;}

.iLb img{
	left:50px;
	top:30px;}
}




/****************************************/
/*	9.			OPENER					*/
/*************************************+**/
/* KenBurns Effect */
@-webkit-keyframes kenBurns {
  0% {
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left;

    transform:translate3d(-50%, 50%, 0) scale(1.0);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.0);}

  50% {
    transform:translate3d(-50%, 50%, 0) scale(1.2);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.2);}

  100% {
    transform:translate3d(-50%, 50%, 0) scale(1.0);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.0);}
}

@keyframes kenBurns {
  0% {
    -webkit-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left;

    transform:translate3d(-50%, 50%, 0) scale(1.0);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.0);}

  50% {
    transform:translate3d(-50%, 50%, 0) scale(1.2);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.2);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.2);}

  100% {
    transform:translate3d(-50%, 50%, 0) scale(1.0);
    -ms-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -webkit-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -o-transform:translate3d(-50%, 50%, 0) scale(1.0);
    -moz-transform:translate3d(-50%, 50%, 0) scale(1.0);}
}


.opener_box{
	position:relative;
	overflow:hidden;
	height:75vh !important;
	padding-top:0;}

.sonderbanner{
	position: absolute;
	top: 70%;
	right: 10%;
	z-index: 1;
	margin: 0;}

.sonderbanner img{
	width: 300px;
	height: auto;
	margin-bottom: 0px;}

.overlay_1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:linear-gradient(to right top, #a30000, #ff6600, #ff9c00, #ffcc00, #fff900);
	opacity:0.65;}

#bauernmarkt .overlay_1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right top, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	opacity:0.65;}

#napoleon .overlay_1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #E15622;
	background-image: linear-gradient(to right top, #6d6253, #866541, #a16532, #c06126, #e15622);
	opacity:0.65;}

#picknick .overlay_1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image: linear-gradient(to right top, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	opacity:0.65;}

#weihn .overlay_1{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: #000;
/* 	background-image: linear-gradient(to right top, #ff0035, #ff5057, #ff7778, #ff9999, #ffb9b9); */
	opacity:0.4;}

.opener_img{
	position:relative;
	height:100%;}

.opener_img img{
	position:absolute;
	bottom:50%;
	left:50%;
	min-width:100%;
	width:auto;
	min-height:calc(100vh + 20px);
	height:auto;
/*
	-webkit-transform:translate3d(-50%, 50%, 0);
    transform:translate3d(-50%, 50%, 0)
*/
	animation:kenBurns 40s ease infinite;
	-webkit-animation:kenBurns 40s ease infinite;
	-o-animation:kenBurns 40s ease infinite;
	-moz-animation:kenBurns 40s ease infinite;}

.opener_text{
	overflow:hidden;
	position:absolute;
	z-index:2;
	top:60%;
	left:0%;
	width: 100%;
	text-align: center;
	height:auto;
	-webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);}

/*#napoleon .opener_text{
	top:50%;
	left:10%;
	-webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);}

#weihn .opener_text{
	top:50%;
	left:10%;
	-webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);}*/

.opener_text .positionH2{
	margin:3em 0 0 0;
	text-transform:uppercase;}

.opener_text h2, #bauernmarkt .opener_text h2{color:#fff;}
.opener_text h3, #bauernmarkt .opener_text h3{color:#2a2a2a;}

.opener_text h2, #napoleon .opener_text h2{color:#fff;}
.opener_text h3, #napoleon .opener_text h3{color:#2a2a2a;}

.opener_text h2, #picknick .opener_text h2{color:#fff;}
.opener_text h3, #picknick .opener_text h3{color:#2a2a2a;}

.opener_text h2, #weihn .opener_text h2{color:#fff;}
.opener_text h3, #weihn .opener_text h3{color:#2a2a2a;}

.opener_text .logo_schrift{
	font-family: 'Bebas W05 Regular' !important;
	color:#fff;
	font-size:7em;
	-ms-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg);}

.opener_text .logo_schrift span{
	top: 0;}

span.ue{
	position: relative;
	margin-left: 0;
}
span.ue:before, span.ue:after{
	position: absolute;
	content: "";
	top: 5%;
	left: 9%;
	width: 27%;
	height: 0.15em;
	background: white;
	border-radius: 50%;
}

span.ue:after{
	left: 65%;
}





#napoleon .opener_text .logo_schrift{}
#picknick .opener_text .logo_schrift{font-size: 5rem;}

.opener_text p{font-size:1.4em;padding:0;}
.opener_text p{color:#fff !important;text-shadow:1px 1px 1px grey}



/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){

/*
.opener_text{
	top:50%;
	left:5%;
	height:auto;
	width:auto;}

.opener_text h2, .opener_text h3{text-align:left;}

.opener_text .positionH2{
	margin:4em 0 0 20px;}
*/

.sonderbanner img{
	width: 40%;
	height: auto;}

.sonderbanner{
	right: 20px;
	top: 75%;
	text-align: right;
}

.opener_text .logo_schrift{
	font-size:2.2em;}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){

/*
.opener_text{
	top:50%;
	left:5%;
	height:auto;
	width:auto;}

.opener_text h2, .opener_text h3{text-align:left;}

.opener_text .positionH2{
	margin:5em 0 0 30px;}
*/

.opener_text .logo_schrift{
	font-size:3.5em;}
}


/*################################ TABLETS MD ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){

/*
.opener_text{
	top:50%;
	left:5%;
	height:auto;
	width:auto;}

.opener_text .positionH2{
	margin:5em 0 0 80px;}
*/

.opener_text .logo_schrift{
	font-size:4em;}
}




/****************************************/
/* 10.			NAVIGATION				*/
/****************************************/
nav a{color:#fff;}
nav a:hover{text-decoration:none;}

.moduletable._nav ul{
	float:right;
    width:auto;
    margin:0 120px 0 0;
    position:relative;}

.moduletable._nav li{
    display:inline;
    float:left;
    position:relative;
    text-align:center;}

.moduletable._nav a, .moduletable._nav .nav-header{
    display:table-cell;
    vertical-align:middle;
    padding:0 20px;
    text-transform:uppercase;
    width:auto;
    height:77px;
    font-size:1em;
    color:#fff;
    font-weight:100;
    -webkit-transition:all .2s ease;
    -moz-transition:all .2s ease;
    -o-transition:all .2s ease;
    transition:all .2s ease;}

.moduletable._nav .active>a, .moduletable._nav a:hover, .moduletable._nav li.current>a{
    color:#dbdbdb !important;}



/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
/* Mobile Burger Button */
#mobile_btn_nav{
	border-top:2px solid #fff;
	height:25px;
	width:30px;
	box-sizing:border-box;
	position:fixed;
	z-index:101;
	right:20px;
	top:15px;
	cursor:pointer;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

#mobile_btn_nav:before{
	content:"";
    display:block;
    position:absolute;
    height:2px;
    width:30px;
    left:0;
    background:#fff;
    top:10px;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

#mobile_btn_nav:after{
    content:"";
    display:block;
    position:absolute;
    height:2px;
    width:30px;
    left:0;
    background:#fff;
    bottom:0;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

/* nav = overlay */
nav{
	display:none;
	position:fixed;
	z-index:5;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	background:rgba(255, 121, 47, 0.90);
	box-shadow:none;
	-webkit-box-shadow:none;
	margin:0;
	padding:0;
	overflow:auto;}

.moduletable._nav ul{
	max-height:calc(100vh - 55px);
    width:100%;
    height:auto;
    margin:0;
    position:fixed;
    top:50%;
    -webkit-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0);
    overflow:auto;
    -webkit-overflow-scrolling:touch;}

.moduletable._nav li{
	opacity:0;
	-webkit-transform:translate3d(0, 40px, 0);
    transform:translate3d(0, 40px, 0);
	height:30px;
	width:100%;
	margin:20px auto;
	padding:10px 0 10px 0;
    display:table;
    float:none;
    position:relative;
    z-index:0;
    text-align:center;
	-webkit-transition:all 0.6s ease-in;
	   -moz-transition:all 0.6s ease-in;
	 -khtml-transition:all 0.6s ease-in;
	     -o-transition:all 0.6s ease-in;
            transition:all 0.6s ease-in;}

/* Animation über TweenMax */
.moduletable._nav li.nav_li_ani{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);}

.moduletable._nav a, .moduletable._nav .nav-header{
    display:block;
    vertical-align:middle;
    padding:0;
    width:100%;
    height:auto;
    font-size:1.3em;
    color:#fff;}


/***********************************************************/
/* Aktion, wenn Mobile Nav Button geklickt wird */
body.mobile_nav{
	background:#ff792f;}

/* .mobile_nav nav{display:block;} */

/* Burger Button */
.mobile_nav #mobile_btn_nav{
	border-color:transparent;}

.mobile_nav #mobile_btn_nav:before{
	width:33px;
    left:-2px;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	 -khtml-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);}

.mobile_nav #mobile_btn_nav:after{
	bottom:11px;
    width:33px;
    left:-2px;
    -webkit-transform:rotate(135deg);
       -moz-transform:rotate(135deg);
	 -khtml-transform:rotate(135deg);
	     -o-transform:rotate(135deg);
		    transform:rotate(135deg);}
}


/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
/* Mobile Burger Button */
#mobile_btn_nav{
	border-top:2px solid #fff;
	height:25px;
	width:30px;
	box-sizing:border-box;
	position:absolute;
	z-index:101;
	right:30px;
	top:50%;
	-webkit-transform:translate3d(0%, -40%, 0);
	transform:translate3d(0%, -40%, 0);
	cursor:pointer;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

#mobile_btn_nav:before{
	content:"";
    display:block;
    position:absolute;
    height:2px;
    width:30px;
    left:0;
    background:#fff;
    top:10px;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

#mobile_btn_nav:after{
    content:"";
    display:block;
    position:absolute;
    height:2px;
    width:30px;
    left:0;
    background:#fff;
    bottom:0;
    -webkit-transition:all 0.3s ease-in;
       -moz-transition:all 0.3s ease-in;
     -khtml-transition:all 0.3s ease-in;
         -o-transition:all 0.3s ease-in;
            transition:all 0.3s ease-in;}

/* nav = overlay */
nav{
	display:none;
	position:fixed;
	z-index:5;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	background:rgba(255, 121, 47, 0.90);
	box-shadow:none;
	-webkit-box-shadow:none;
	margin:0;
	padding:0;
	overflow:auto;}

.moduletable._nav ul{
	max-height:calc(100vh - 77px);
    width:100%;
    height:auto;
    margin:0;
    position:fixed;
    top:50%;
    -webkit-transform:translate3d(0, -50%, 0);
    transform:translate3d(0, -50%, 0);
    overflow:auto;
    -webkit-overflow-scrolling:touch;}

.moduletable._nav li{
	opacity:0;
	-webkit-transform:translate3d(0, 40px, 0);
    transform:translate3d(0, 40px, 0);
	height:30px;
	width:100%;
	margin:20px auto;
	padding:10px 0 10px 0;
    display:table;
    float:none;
    position:relative;
    z-index:0;
    text-align:center;
	-webkit-transition:all 0.6s ease-in;
	   -moz-transition:all 0.6s ease-in;
	 -khtml-transition:all 0.6s ease-in;
	     -o-transition:all 0.6s ease-in;
	        transition:all 0.6s ease-in;}

/* Animation über TweenMax */
.moduletable._nav li.nav_li_ani{
    opacity:1;
    -webkit-transform:translate3d(0, 0, 0);
    transform:translate3d(0, 0, 0);}

.moduletable._nav a, .moduletable._nav .nav-header{
    display:block;
    vertical-align:middle;
    padding:0;
    width:100%;
    height:auto;
    font-size:1.3em;
    color:#fff;}


/***********************************************************/
/* Aktion, wenn Mobile Nav Button geklickt wird */
body.mobile_nav{
	background:#ff792f;}

/* Burger Button */
.mobile_nav #mobile_btn_nav{
	border-color:transparent;}

.mobile_nav #mobile_btn_nav:before{
	width:33px;
    left:-2px;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
	 -khtml-transform:rotate(45deg);
	     -o-transform:rotate(45deg);
	        transform:rotate(45deg);}

.mobile_nav #mobile_btn_nav:after{
	bottom:11px;
    width:33px;
    left:-2px;
	-webkit-transform:rotate(135deg);
	   -moz-transform:rotate(135deg);
	 -khtml-transform:rotate(135deg);
	     -o-transform:rotate(135deg);
	        transform:rotate(135deg);}
}


/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){

.moduletable._nav ul{
    margin:0 20px 0 0;}

.moduletable._nav a, .moduletable._nav .nav-header{
    padding:0 15px;}

.moduletable._nav li:last-child a{
	padding-right:0;}
}



/****************************************/
/*	11.			GOURMETS				*/
/****************************************/
#sec_3 .hover:hover a, #faq .hover:hover{text-decoration:none;}
#sec_3 .container, #faq .container, #faq-kinder .container{
	padding:0 0 100px 0;}

#gourmets{
	width:100%;
	padding:30px 100px 100px 100px;
	margin:0 auto;}

#gourmets img{
	position:absolute;
	left:50%;
    -webkit-transform:translate3d(-50%, 0%, 0);
    transform:translate3d(-50%, 0%, 0);
	top:20px;
	max-width:calc(100% - 40px);
	max-height:80%;}

#gourmets .box_5{
	position:relative;
	padding:20px;
	background:#fff;
	border-width:0;
	border-style:solid;
	border-image:linear-gradient(to right, #ff3400, #fb5c00, #f67800, #f18f00, #eba412) 1 1;}

.gourmet_caption{
	position:absolute;
	bottom:20px;
	width:calc(100% - 40px);}

#sec_3 .hover:hover, #faq .hover:hover{
	transition:all 0.2s ease;
	-webkit-box-shadow:17px 21px 50px 6px rgba(0,0,0,0.15);
	-moz-box-shadow:17px 21px 50px 6px rgba(0,0,0,0.15);
	box-shadow:17px 21px 50px 6px rgba(0,0,0,0.15);}

.gourmet_nr{
	position:absolute;
	left:50%;
    -webkit-transform:translate3d(-50%, -100%, 0);
    transform:translate3d(-50%, -100%, 0);
	z-index:2;
	color:#fff;
	line-height:50px;
	font-family:'Futura PT W01 Medium', sans-serif;
	font-size:1.3em;
	text-align:center;
	width:50px;
	height:50px;
	border-radius:25px;
	background:#991676;}

a.lageplan{font-size:0;}
a.lageplan img{
	width:500px;
	max-width:calc(100% - 40px);}

#lageplan.fancybox-content img{max-width:100% !important;}

/* Gourmets Speisen */
.speisen{
	display:table;
	position:relative;
	width:500px;
	height:auto;}

.speisen .gericht{
	position:relative;
	float:left;
	width:100%;}

.speisen .gericht span{
	position:relative;
	z-index:1;
	top:-1px;
	border-bottom:3px solid #fff;
	padding-right:8px;
	width:100%;}

.speisen .gericht:after{
	position:absolute;
	content:'';
	right:0;
	height:1px;
	background:linear-gradient(to right, #ff3d00, #ff6f00, #ff9700, #ffbb00, #ffdd00);
    -webkit-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    transform:translateY(-100%);
	bottom:0;
	width:100%;}

.speisen div.preise{
	display:table-cell;
	vertical-align:bottom;
	color:#ff792f;
	font-family:'Futura PT W01 Medium', sans-serif;
	text-align:right;
	width:15%;}

.speisen_wrapper{padding-top:70px !important; line-height:140%;font-size:0.85em;}
.speisen_wrapper button{top:-1px !important;}

.adresse_gourmet{margin:0 0 50px 0; position:relative;}
img.adresse_logo{
	width:150px;
	height:auto;
	margin-right:40px;}

.adresse_name{
	position:absolute;
	top:50%;
    -webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);
	left:190px;
	height:auto;}

.special{
	position:relative;
	text-transform:uppercase;
	color:#ff792f;
	background:#fff;
	text-align:center;
	width:100%;
	font-family:'Futura PT W01 Medium', sans-serif;
	margin:40px 0;}

.special:after{
	position:absolute;
	content:'';
	background:linear-gradient(to right, #ff3d00, #ff6f00, #ff9700, #ffbb00, #ffdd00);
	height:2px;
	width:100%;
	top:50%;
	left:0;}

.special > span{
    position:relative;
    padding:0 10px;
    z-index:2;
    background:#fff;}


/*################################ SMARTPHONE XXS ################################*/
@media only screen and (max-width :450px){
.speisen div.preise{
	width:25%;}

#gourmets{
	padding:30px 10px 70px 10px;}

#gourmets .box_5{
	font-size:0.8em;
	padding:10px;
	height:240px;}

#gourmets img{
	top:10px;
	max-width:calc(100% - 20px);}

.gourmet_caption{
	position:absolute;
	bottom:10px;
	width:calc(100% - 20px);}

.gourmet_nr{
    -webkit-transform:translate3d(-50%, -65%, 0);
    transform:translate3d(-50%, -65%, 0);}

/* Gourmets Speisen */
.speisen{
	width:100%;}

.speisen_wrapper{
	padding-top:30px !important;}

.adresse_gourmet{
	margin:0 0 40px 0;
	position:relative;}

img.adresse_logo{
	width:100px;
	margin-right:30px;}

.adresse_name{
	left:130px;}

.fancybox-content{
	padding:20px !important;}
}

/*################################ SMARTPHONE XS ################################*/
@media only screen and (min-width :451px) and (max-width :767px){
#gourmets{
	padding:30px 10px 70px 10px;}

#gourmets .box_5{
	font-size:0.8em;
	padding:20px;
	height:300px;}

.gourmet_nr{
    -webkit-transform:translate3d(-50%, -65%, 0);
    transform:translate3d(-50%, -65%, 0);}

/* Gourmets Speisen */
.speisen{
	width:100%;}
}

/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
#gourmets{
	padding:30px 10px 70px 10px;}

#gourmets .box_5{
	padding:20px;
	height:330px;}

.gourmet_nr{
    -webkit-transform:translate3d(-50%, -65%, 0);
    transform:translate3d(-50%, -65%, 0);}
}

/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
#gourmets{
	padding:30px 10px 70px 10px;}

#gourmets .box_5{
	padding:20px;
	height:280px;}

.gourmet_nr{
    -webkit-transform:translate3d(-50%, -65%, 0);
    transform:translate3d(-50%, -65%, 0);}
}



/****************************************/
/*	12.			PROGRAMM				*/
/****************************************/
.programm .boxen{margin-top:50px;}
.programm .box_2{padding:0 20px;}

.programm .zeiten{
	width:100%;
	display:table;
	border-collapse:separate;
	border-spacing:5px;}

.programm .zeit, .programm .pro_was{
	display:table-cell;
	vertical-align:top;}

.programm .zeit{width:20%;}
.programm .pro_was{width:80%;}

.pro_buehne{
	position:relative;
	text-transform:uppercase;
	color:#991676;
	background:#fff;
	text-align:center;
	width:100%;
	font-family:'Futura PT W01 Medium', sans-serif;
	margin:15px 0;}

.pro_buehne:after{
	position:absolute;
	content:'';
	background:#991676;
	height:2px;
	width:100%;
	top:50%;
	left:0;}

.pro_buehne > span{
    position:relative;
    padding:0 10px;
    z-index:2;
    background:#fff;}

.pro_tag{
	background:#991676;
	color:#fff;
	padding:10px;
	text-transform:uppercase;
	font-family:'Futura PT W01 Medium', sans-serif;
	margin:30px 0 10px 0;
	font-size:1.15em;}

.pro_tag > span{color:#ffdd00;}

#bauernmarkt .pro_tag{
	background:#006696;}

#bauernmarkt .pro_buehne{
	color:#006696;}

#bauernmarkt .pro_buehne:after{
	background:#006696;}


#napoleon .pro_tag{
	background:#E15622;}

#napoleon .pro_buehne{
	color:#E15622;}

#napoleon .pro_buehne:after{
	background:#E15622;}


#picknick .pro_tag{
	background:#006696;}

#picknick .pro_buehne{
	color:#006696;}

#picknick .pro_buehne:after{
	background:#006696;}


#weihn .pro_tag{
	background:#a30000;}

#weihn .pro_buehne{
	color:#a30000;}

#weihn .pro_buehne:after{
	background:#a30000;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
	.programm .box_2{padding:0;}
	.programm .zeit{width:35%;}
	.programm .pro_was{width:70%;}
}

/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
	.programm .box_2{padding:0;}
	.programm .zeit{width:30%;}
	.programm .pro_was{width:70%;}
}

/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
	.programm .box_2{padding:0;}
	.programm .zeit{width:25%;}
	.programm .pro_was{width:75%;}
}



/****************************************/
/*	13.   BILDER / Sponsoren 			*/
/****************************************/
section#bildleiste, .sponsoren_logos{
	position:relative;
	margin:0;
	padding:0;
	font-size:0;}

section#bildleiste div.b_leiste, .sponsoren_logos div{
	position:relative;
	overflow:hidden;
	width:12.5%;
	height:12.5vw;
	float:left;}

section#bildleiste div.b_leiste img, .sponsoren_logos div img{
	position:absolute;
	overflow:hidden;
	left:50%;
	top:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
	transform:translate3d(-50%, -50%, 0);
	min-width:100%;
	height:100%;}

/* Sponsoren */
.sponsoren_logos{
	margin:0 30px;
	text-align:center;}

.sponsoren_logos div{
	width:calc( 12.5% - 60px );
	height:calc( 12.5vw - 60px );
	margin:30px;
	float:none;
	display:inline-block;}

.sponsoren_logos div img{
	max-width:100%;}

/* Video */
.video_wrapper{
	max-width:100%;
	width:800px;
	left:0;
	right:0;
	margin:auto;}

.video_container{
	position:relative;
	padding-bottom:56.25%;
	height:0;}

.video_container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
.sponsoren_logos{
	margin:10px;}

.sponsoren_logos div{
	width:33.3333333%;
	height:33.3333333vw;}

.sponsoren_logos div{
	width:calc( 33.3333333% - 40px );
	height:calc( 33.3333333vw - 40px );
	margin:20px;}

section#bildleiste div.b_leiste{
	width:25.0%;
	height:25.0vw;}

/* Video */
.video_wrapper{
	width:100%;}
}

/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
.sponsoren_logos{
	margin:20px;}

.sponsoren_logos div{
	width:25.0%;
	height:25.0vw;}

.sponsoren_logos div{
	width:calc( 25.0% - 50px );
	height:calc( 25.0vw - 50px );
	margin:25px;}

section#bildleiste div.b_leiste{
	width:16.6666666%;
	height:16.6666666vw;}

/* Video */
.video_wrapper{
	width:600px;}
}

/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
.sponsoren_logos{
	margin:20px;}

.sponsoren_logos div{
	width:20.0%;
	height:20.0vw;}

.sponsoren_logos div{
	width:calc( 20.0% - 50px );
	height:calc( 20.0vw - 50px );
	margin:25px;}

section#bildleiste div.b_leiste{
	width:12.5%;
	height:12.5vw;}

/* Video */
.video_wrapper{
	width:800px;}
}



/****************************************/
/*	14. 		FOOTER					*/
/****************************************/
footer{
	position:relative;
	overflow:hidden;
	bottom:0;
	width:100%;
	height:auto;
	background:#1f1f1f;}

footer .box_4{
	text-align:left;
	margin:0 30px;
	width:calc(25% - 60px)}

footer .container{padding:70px 120px;}

/* Footer Impressum NAVIGATION */
footer ul.nav{
	position:relative;
	width:auto;
	display:block;}

footer ul.nav li{
	font-family:'Futura PT W01 Book', sans-serif;
	text-align:left;
	font-size:.8em;
	margin:20px 0 20px 0;
	border:none !important;}

footer ul li a:link, footer ul li a:visited, footer ul li a:active{color:#fff;}
footer ul li a:hover{text-decoration:none; color:#a1a1a1}

/* Footer Kontakt Info*/
footer .color_bg_GF{
	color:#ff792f;
	margin-bottom:1em;
	text-align:center;
	font-size:2.8em;
	background:#ff792f;
	background-image:linear-gradient(to right, #ff3d00, #ff6f00, #ff9700, #ffbb00, #ffdd00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}

footer .color_bg_GF > span{
	background:#ff792f;
	background-image:linear-gradient(to right, #ffbb00, #ffc300, #ffcc00, #ffd400, #ffdd00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg bauernmarkt*/
footer .color_bg_BM{
	color:#006696;
	margin-bottom:1em;
	text-align:center;
	font-size:2.8em;
	background:#006696;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}

footer .color_bg_BM > span{
	background:#006696;
	background-image: linear-gradient(to right, #fd3e6c, #ff4459, #ff4e44, #ff5b2b, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg Napoleonische Festtage*/
footer .color_bg_nap{
	color:#fff;
	margin-bottom:1em;
	text-align:center;
	font-size:2.8em;
	background:#e15622;
	background-image: linear-gradient(to right, #6d6253, #866541, #a16532);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}

footer .color_bg_nap > span{
	background:#e15622;
	background-image: linear-gradient(to right, #c06126, #e15622);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg Picknick-Kino */
footer .color_bg_picknick{
	color:#006696;
	margin-bottom:1em;
	text-align:center;
	font-size:2.8em;
	background:#006696;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}

footer .color_bg_picknick > span{
	background:#006696;
	background-image: linear-gradient(to right, #fd3e6c, #ff4459, #ff4e44, #ff5b2b, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg Weihnachtsmarkt*/
footer .color_bg_weihn{
	color:#fff;
	margin-bottom:1em;
	text-align:center;
	font-size:2.8em;
	background: #a30000;
background-image: linear-gradient(to right, #273e22, #2b4e25, #2d5f27, #2e7029, #2d822b, #2c922c, #2aa22c, #27b32b, #24c628);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}

footer .color_bg_weihn > span{
	background:#e15622;
background-image: linear-gradient(to right, #21d822, #1eec18, #1bff00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}





/* IE 10+ ONLY */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
	footer .logo_schrift{
		color:#fff;
		background:transparent;}

	footer .logo_schrift > span{
		background:transparent;}
}

footer h3{
	text-transform:uppercase;
	text-align:left;
	color:#fff;
	font-size:0.8em;
	font-family:'Futura PT W01 Medium', sans-serif;
	margin-bottom:20px;}

footer p{color:#fff; text-align:center;}

footer li{
	position:relative;
	font-size:0.9em;
	color:#fff;
	text-align:left;
	padding:15px 0 15px 35px;
	border-bottom:1px solid #454545;}

footer .kontakt li{
	padding:15px 0 15px 35px;}

footer .links li{
	padding:15px 0;}

footer li > img{
	position:absolute;
	top:50%;
	left:0;
    -webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);
	width:25px;}


/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
footer .container{padding:70px 20px;}

footer .box_2{
    width:100%;
    margin:0;}

footer .box_4{
	margin:40px 10px 0 10px;
	width:calc(100% - 30px);}

/* Footer Kontakt Info*/
footer .color_bg_GF{
	color:#ff792f;
	margin-bottom:0.7em;
	text-align:center;
	font-size:2em;
	background:#ff792f;
	background-image:linear-gradient(to right, #ff3d00, #ff6f00, #ff9700, #ffbb00, #ffdd00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg bauernmarkt*/
footer .color_bg_BM{
	color:#006696;
	margin-bottom:0.7em;
	text-align:center;
	font-size:2em;
	background:#006696;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}


/*color_bg Napoleonische Festtage*/
footer .color_bg_nap{
	color:#fff;
	margin-bottom:0.7em;
	text-align:center;
	font-size:2em;
	background:#E15622;
	background-image: linear-gradient(to right, #6d6253, #866541, #a16532, #c06126, #e15622);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}
}


/*color_bg Picknick-Kino */
footer .color_bg_picknick{
	color:#006696;
	margin-bottom:0.7em;
	text-align:center;
	font-size:2em;
	background:#006696;
	background-image: linear-gradient(to right, #006696, #6865b5, #c34fa7, #fd3e6c, #ff6a00);
	-webkit-background-clip:text;
	-webkit-text-fill-color:transparent;}
}


/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
footer .container{padding:70px 20px;}

footer .box_2{
    width:calc(100% - 60px);
    margin:30px;}

footer .box_4{
	margin:20px 20px 0 20px;
	width:calc(50% - 40px);}
}

/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){
footer .container{padding:70px 40px;}

footer .box_2{
    width:calc(45% - 20px);
    margin:10px;}

footer .box_4{
	margin:0 10px;
	width:calc(27.5% - 20px);}
}



/****************************************/
/*	15.		SLICK Carousel				*/
/****************************************/
/* ---------- Icon Slider ------------- */
.icon_carousel{
	width:100%;
	height:auto;
	background:#fff;
	margin:60px 0 30px 0;}

.icon_carousel div.icon_box{
	width:25vw;
	padding:20px;
	text-align:center;
	color:#ACADA9;}

.icon_carousel img{
	display:block;
	width:70px;
	margin:0 auto 30px auto;}


/* ---------- Interview Slider ------------- */
.interview_carousel{
	width:100%;
	height:auto;
	background:transparent;
	margin:0 0 30px 0;}

.interview_carousel div.int_box{
	width:33.3333333vw;
	padding:40px 20px 20px 20px;
	text-align:center;
	color:#ACADA9;}

.interview_carousel img{
	display:block;
	width:calc(20vw - 40px);
	padding:20px;
	background:#fff;
	margin:0 auto 30px auto;}

.interview_carousel a:hover{
	text-decoration: none;}



/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){
/* ---------- Icon Slider ------------- */
.icon_carousel div.icon_box{
	width:60vw;
	padding:10px;}

/* ---------- Interview Slider ------------- */
.interview_carousel div.int_box{
	width:60vw;
	padding:10px;}

.interview_carousel img{
	width:100%;
	padding:20px;}
}

/*################################ TABLETS SM ################################*/
@media only screen and (min-width :768px) and (max-width :991px){
/* ---------- Icon Slider ------------- */
.icon_carousel div.icon_box{
	width:30vw;
	padding:10px;}

/* ---------- Interview Slider ------------- */
.interview_carousel div.int_box{
	width:30vw;
	padding:10px;}

.interview_carousel img{
	width:100%;
	padding:20px;}
}


/****************************************/
/*	15.5.	MixItUp						*/
/****************************************/
ul{
    list-style:none;
    display:block;
    color:#5e5e5e
}

.film_abgesagt{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: 20px 20px;
    background: rgba(255, 255, 255, 0.80);
}

.abgesagt-text{
	position: absolute;
    width: 80%;
    text-align: center;
    top: 25%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    padding: 20px 0%;
    border-top: 4px solid grey;
    border-bottom: 4px solid grey;
    font-size: 2rem;
}

.abgesagt-text span{
	font-size: 1rem;
}

.film_list_container{
    margin:0px 0 100px
}
.film_list{
    display:block;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:start;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-line-pack:start;
    align-content:start;
    position:relative;
    overflow:hidden;
    margin:0px auto;
    padding:20px 30px;
    width:80%;
    height:auto
}
.film_core{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:20px;
    position:relative;
    float:left;
    padding:30px;
    width:calc(30% - 40px);
    height:auto;
    background:white;
    text-align:left;
    -webkit-box-shadow:0px 20px 25px -20px rgba(0,0,0,0.3);
    box-shadow:0px 20px 25px -20px rgba(0,0,0,0.3)
}
.film_caption{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin:20px;
    position:relative;
    float:right;
    padding:50px;
    width:calc(70% - 40px);
    height:auto;
    background:white;
    text-align:left;
    -webkit-box-shadow:0px 20px 25px -20px rgba(0,0,0,0.3);
    box-shadow:0px 20px 25px -20px rgba(0,0,0,0.3)
}

.film_caption .film_info{
	background: rgba(0, 65, 123, 0.49);
	padding: 15px;

}

.film_caption .film_info p{
	padding: 0; margin: 0;color: #fff;
}

.film_core li{
    padding:15px 0 15px 40px;
    position:relative;
    font-size:0.9em;
    border-bottom:1px solid #ededed
}
.film_core li:first-child{
    font-weight:700;
    font-size:1.2em
}
.film_core li:last-child{
    border-bottom:none
}
.film_core img.plakat{
	width: 100%;
}

.film_core li>img{
    position:absolute;
    top:50%;
    left:0px;
    -webkit-transform:translate3d(0%, -50%, 0);
    transform:translate3d(0%, -50%, 0);
    width:20px
}


#film .controls button{
    display:inline-block;
    margin:10px 5px !important
}
.mixitup-page-list button{
    display:inline-block;
    padding:10px 15px;
    margin:10px 0
}
.mixitup-page-list{
    margin:30px 0
}
@media only screen and (max-width: 767px){
    #film .controls button{
        display:block;
        margin:10px auto !important
    }
    .mixitup-page-list button{
        display:inline-block;
        padding:10px 13px
    }
    .mixitup-page-list{
        margin:30px 0
    }
}
@media only screen and (max-width: 767px){
    .film_list{
        padding:30px 0px;
        width:100%;
        height:auto
    }
    .film_core{
        margin:0px;
        display:block;
        padding:20px;
        width:100%
    }
    .film_caption{
        margin:0px;
        padding:20px;
        width:100%
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .film_list{
        padding:30px 0px;
        width:100%;
        height:auto
    }
    .film_core{
        margin:0px;
        display:block;
        padding:20px;
        width:100%
    }
    .film_caption{
        margin:0px;
        padding:20px;
        width:100%
    }
}
@media only screen and (min-width: 992px) and (max-width: 1399px){
    .film_list{
        padding:20px 0px;
        width:100%;
        height:auto
    }
    .film_core{
        margin:10px;
        display:block;
        padding:20px;
        width:calc(40% - 20px)
    }
    .film_caption{
        margin:10px;
        padding:20px;
        width:calc(60% - 20px)
    }
}




/* Buttons von MixItUp */
#film .btn{
    font-size:20px;
    background:transparent;
    width:auto;
    padding:10px 20px;
    cursor:pointer;
    -webkit-transition:all 0.5s;
    transition:all 0.5s;
    position:relative
}
#film .btn{
    color:#006696 !important;
    text-decoration:none;
    display:inline-block
}
#film .btn:hover,#film .btn.mixitup-control-active{
    color:#fff !important
}

#film .btn::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:calc(100% - 2px);
    height:calc(100% - 2px);
    z-index:0;
    border:1px solid #006696;
    -webkit-transition:all 0.3s;
    transition:all 0.3s
}
#film .btn:hover::before, #film .btn.mixitup-control-active::before{
    opacity:0;
    -webkit-transform:scale(1.2, 1.2);
    transform:scale(1.2, 1.2)
}
#film .btn::after{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:0;
    opacity:0;
    background:#006696;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
    -webkit-transform:scale(0.5, 0.5);
    transform:scale(0.5, 0.5)
}
#film .btn:hover::after,#film .btn.mixitup-control-active::after{
    opacity:1;
    -webkit-transform:scale(1, 1);
    transform:scale(1, 1)
}
#film .btn span{
    position:relative;
    z-index:2
}
.mixitup-page-list a:hover{
    text-decoration:none
}
@media only screen and (max-width: 767px){
    #film button,#film a.button,.btn{
        padding:10px 10px
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    #film button,#film a.button,.btn{
        padding:10px 15px
    }
}

/* Video Play Button */
.video-play-button{
	position: absolute;
    z-index: 5;
    top: 20px;
    left: 18px;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    box-sizing: content-box;
    display: block;
    width: 20px;
    height: 30px;
    border-radius: 50%;
    padding: 17px 20px 18px 28px;}

.video-play-button:before{
	content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: block;
    width: 60px;
    height: 60px;
    background: #006696;
    border-radius: 50%;
    animation: pulse-border 1500ms ease-out infinite;}

.video-play-button:after{
	content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    display: block;
    width: 60px;
    height: 60px;
    background: #006696;
    border-radius: 50%;
    transition: all 200ms;
}

.video-play-button:hover:after{background-color:darken(#fa183d, 10%);background:#5bb75b;}
.video-play-button:hover:before{background-color:darken(#fa183d, 10%);background:#5bb75b;}
.video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto;}

.video-play-button span{
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;}

@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1;}
100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0;}
}



/****************************************/
/*	16.		15.6. Accordion				*/
/****************************************/
.accordion{
	width: 80%;
	margin:  0 auto;
	padding: 0 50px;
}
.accordion h3{
	font-size: 1.5rem;
}

.ui-accordion-header{
    margin: 20px 0;
    position: relative;
    padding: 20px 70px 20px 20px;
	width: 100%;
    height: auto;
    background: white;
    text-align: left;
    -webkit-box-shadow: 0px 20px 25px -20px rgba(0,0,0,0.3);
    box-shadow: 0px 20px 25px -20px rgba(0,0,0,0.3);
    cursor: pointer;
}

.ui-accordion-content{
	text-align: left;
	padding: 0 20px;
}

.accordion span.ui-icon-triangle-1-e{
	display: inline-block;
    position: absolute;
    width: 30px;
    height: 2px;
    background: #006696;
    top: 50%;
    right: 20px;
    transform: translate3d(0%, 50%, 0);
}
.accordion span.ui-icon-triangle-1-e:after{
	position: absolute;
	content: "";
	top: 50%;
	right: 50%;
	background: #006696;
	width: 2px;
	height: 30px;
	transform: translate3d(50%, -50%, 0);
}

.accordion span.ui-icon-triangle-1-s{
	display: inline-block;
    position: absolute;
    width: 30px;
    height: 2px;
    background: #006696;
    top: 50%;
    right: 20px;
    transform: translate3d(0%, 50%, 0);
}

@media only screen and (max-width: 991px){
	.accordion{
		width: 100%;
		padding: 0 20px;
	}

	.accordion h3{
		font-size: 1.1rem;
	}

	.accordion span.ui-icon-triangle-1-e{
	    width: 20px;
	}

	.accordion span.ui-icon-triangle-1-e:after{
		height: 20px;
	}

	.accordion span.ui-icon-triangle-1-s{
	    width: 20px;
	}
}



/****************************************/
/*	16.		Startseite GRUND			*/
/****************************************/
section#home_all{padding: 50px 0; min-height: 100vh;}

#home_all h1{color: #fff;}

#home_all .zigzag_pattern{
	position: fixed;
	z-index: 0;}

.start_bg{
	position: fixed;
	z-index: 0;
	background: chocolate;
	background-image: linear-gradient(to right top, #b55b22, #bf6921, #c77720, #cf851f, #d6941f, #dba132, #dfae44, #e4bb55, #e9c876, #edd696, #f2e2b6, #f7efd6);
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;}




/****************************************/
/*	17.		Startseite Hover Boxen 		*/
/****************************************/


.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1000px;
	list-style: none;
	text-align: center;}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
/* 	min-width: 320px; */
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;}


.stoerer, .stoerer_abgesagt{
	-moz-transform: rotate(356deg);
	-webkit-transform: rotate(356deg);
	-o-transform: rotate(356deg);
	-ms-transform: rotate(356deg);
	transform: rotate(356deg);
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
	position: absolute;
	left: -10px;
	z-index: 10;
	background: rgba(0, 102, 150, 0.841);
	border-radius: 3px;
	width: 110%;
	padding: 15px 30px;}
	
.stoerer_abgesagt{
	background: rgba(255, 0, 0, 0.800)
}

.stoerer p, .stoerer_abgesagt p{
	opacity: 1 !important;
	transform: none !important;
	color: #fff;
	font-size: 1.2em !important;
	font-weight: 700;
	text-align: left;
	padding: 0 !important;}
	
.stoerer.sb, .stoerer_abgesagt.sb{
	top: 15%;
	width: 50%;
	z-index: 1;
}

figure.abgesagt{
	cursor: default;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;}

.grid figure figcaption p,
.grid figure figcaption h2{color: #fff;}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
	font-size: 2.5em;}

.grid figure h2 span {
	font-weight: 800;}

.grid figure h2,
.grid figure p {
	margin: 0;}

.grid figure p {
	letter-spacing: 1px;
	font-size: 0.8em;}

/* Individual effects */
figure.effect-bubba {
	background: #9e5406;}

figure.effect-bubba img {
	opacity: 0.7;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;}

figure.effect-bubba:hover img,
figure.effect-bubba.abgesagt img {
	opacity: 0.4;}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);}

figure.effect-bubba h2 {
	padding-top: 30%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,-20px,0);
	transform: translate3d(0,-20px,0);}

figure.effect-bubba p {
	padding: 20px 2.5em 0 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after,
figure.effect-bubba.abgesagt figcaption::before,
figure.effect-bubba.abgesagt figcaption::after
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p,
figure.effect-bubba.abgesagt h2,
figure.effect-bubba.abgesagt p  {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);}



/*################################ TABLETS SM ################################*/
@media only screen and (max-width :767px){
	.grid figure {
		width: 100%;
		float: none;
		margin: 10px auto;}

	.grid figure h2 {
		font-size: 2em;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		hyphens: auto;}
}

@media only screen and (min-width :768px) and (max-width :991px){
	.grid figure h2 {
		font-size: 4vw;}
}



/****************************************/
/*	18.			MEDIA QUERIES 			*/
/****************************************/

/*################################ SMARTPHONE XS ################################*/
@media only screen and (max-width :767px){

/* Hilfsklassen */
.visible-xs{display:block;}
.visible-sm{display:none;}
.visible-md{display:none;}
.visible-lg{display:none;}
.hidden-xs{display:none;}
.hidden-sm{display:block;}
.hidden-md{display:block;}
.hidden-lg{display:block;}
}

/*################################ TABLET MD ################################*/
@media only screen and (min-width :768px) and (max-width :991px){

/* Hilfsklassen */
.visible-xs{display:none;}
.visible-md{display:none;}
.visible-lg{display:none;}
.hidden-sm{display:none;}

.visible-sm{display:block;}
.hidden-xs{display:block;}
.hidden-md{display:block;}
.hidden-lg{display:block;}
}

/*################################ Laptop L ################################*/
@media only screen and (min-width :992px) and (max-width :1399px){

/* Hilfsklassen */
.visible-xs{display:none;}
.visible-sm{display:none;}
.visible-lg{display:none;}
.hidden-md{display:none;}

.visible-md{display:block;}
.hidden-xs{display:block;}
.hidden-sm{display:block;}
.hidden-lg{display:block;}
}

/*################################ DESKTOP XL ################################*/
@media only screen and (min-width :1400px){

/* Hilfsklassen */
.visible-xs{display:none;}
.visible-sm{display:none;}
.visible-md{display:none;}
.hidden-lg{display:none;}

.visible-lg{display:block;}
.hidden-xs{display:block;}
.hidden-sm{display:block;}
.hidden-md{display:block;}
}