body.light header, 
body.dark header {
    background: transparent;
}

section.fullscreen,
.fullwidth,
.text,
.intro .slider  {
    min-height: 100vh!important;
    height: auto!important;
}

.fullscreen .text {
    position: relative;
    height: 100vh;
    width: 100vw;
    z-index: 12;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.intro .slider {
    height: 100vh;
    width: 100vw;
    position: absolute;
}

.container-news {
	margin: 0 auto 4rem auto;
	max-width: 2100%!important;
	width: 100%;
}

.slider-news {
	width: 100%;
	display: flex;
	padding-top: 4rem;
	position: relative;
}

.slider-news .slick-prev {left: -20px;}
.slider-news .slick-next {right: -20px;}

/*
#news {
	position: relative;
	z-index: 2!important;
	height: auto;
	padding: 0 0 100px 0!important;
	flex-direction: column;
}

#news h3 {
	font-size: 4.6rem;
	line-height: 4.7rem;
	padding: 0 2.5rem;
	display: flex;
	margin: 0 auto;
	text-align: center;
}

#news .img {
	height: 19rem;
    margin-bottom: 2rem;
    overflow: hidden;
    position: relative;
    width: 100%;
}

#news .img img {
	width: 100%;
    height: auto;
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 300ms ease-in-out;
        display: flex;
}

.news-box {
	transition: all 300ms ease-in-out;
	position: relative;
}


.news-box a,
.news-box p  {display: none;}

.news-box a.link {
	padding: 0 2rem 0 2rem;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
	align-content: stretch;
	outline: none;
}

.news-box:hover a.link,
.news-box:hover h3 {
	opacity: .3!important;
}

.news-box .fwbtn {
	display: none;
	position: absolute;
	transform: translate(-50%, 0%);
	left: 50%;
	top: 16.7rem;
}

.news-box:hover .fwbtn {
	opacity: 1;
    display: flex;
}

.news-box:hover .fwbtn:hover {
	background:  #bd9e7f;
}

.slick-current .news-box {
	padding-left: 0;
}

.news-box .gepostet {
    font-family: 'Bebas',sans-serif !important;
    font-size: 28px;
    width: 11rem;
    text-align: right;
    padding-right: 1.5rem;
    display: block;
    letter-spacing: 0.3rem;
    color: #bd9e7f;
}

.news-box .gepostet .year {
	display: block;
	font-size: 2rem;
	text-align: right;
}

.news-box .entry {
	width: 100%;
	position: relative;
}
.news-box p  {
	font-size: 1.4rem;
	line-height: 21px;
	margin-bottom: 0;
}

.news-box p strong {
	font-size: 1.6rem;
	font-weight: 400;
	color: #ffffff;
}
*/
@media (max-width: 767px)  {
    .galerie .img-galerie img {width: 175px;}
	.intro p {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 554px) {
    #social .fullbanner {
        display: block;
    }
}

#social .slider-social .slick-prev {left: 10px;}
#social .slider-social .slick-next {right: 10px;}

section.intro .slick-slide > div,
section.intro .slick-slide  div.slide01,
section.intro .slick-slide  div.slide02,
section.intro .slick-slide  div.slide03,
section.intro .slick-slide  div.slide04  {
	width: 100%;
	min-height: 100vh;
	opacity: .9;
}

section.intro .slick-slide div.slide01 {
	background: url(../../images/frittenwerk-pommes-poutine.jpg) no-repeat;
	background-size: 100% auto;
}
section.intro .slick-slide div.slide02 {
	background: url(../../images/frittenwerk-fires-before-guys.jpg) no-repeat;
	background-size: 100% auto;
}
section.intro .slick-slide div.slide03 {
	background: url(../../images/frittenwerk-knoblauch-fries.jpg) no-repeat;
	background-size: 100% auto;
}

section.intro .slick-slide div.slide04 {
	background: url(../../images/frittenwerk-shop01.jpg) no-repeat;
	background-size: 100% auto;
}

@media only screen and (max-width: 1200px) {
	.slider-news .slick-prev {left: 0;}
	.slider-news .slick-next {right: 0;}
}

@media only screen and (min-height: 0px) and (max-height: 630px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.intro .slick-slide div.slide05,
	section.intro .slick-slide div.slide06 {
		background-size: 100% auto;
		background-position: 0 -9rem;
	}
}

@media only screen and (min-height: 700px) and (max-height: 799px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.intro .slick-slide div.slide05,
	section.intro .slick-slide div.slide06 {
		background-size: 110% auto;
	}
}

@media only screen and (min-height: 800px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.intro .slick-slide div.slide05,
	section.intro .slick-slide div.slide06 {
		background-size: 120% auto;
	}
}


section.jobs {
	background: url(../../images/frittenwerk-jobs01.jpg) no-repeat;
	background-size: 100% auto;
}
section.reserve {
	background: url(../../images/frittenwerk-reservierungen-xs.jpg) no-repeat;
	background-size: 100% auto;
}
section.shop {
	background: url(../../images/frittenwerk-shop01.jpg) no-repeat;
	background-size: 100% auto;
}

section.frittenliebe {
	background: url(../../images/frittenwerk-frittenliebe01.jpg) no-repeat;
	background-size: 100% auto;
}

section.blog {
	background-image: linear-gradient(to bottom, rgba(0,0,0,0.6) 3%, rgba(0,0,0,0.6) 100%),url(../../images/kartoffel/frittenwerk-kartoffelernte.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

@media only screen and (min-width: 550px) {
	section.intro .slick-slide div.slide01 {
		background: url(../../images/frittenwerk-pommes-poutine-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}

	section.intro .slick-slide div.slide02 {
		background: url(../../images/frittenwerk-fires-before-guys-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}
	section.intro .slick-slide div.slide03 {
		background: url(../../images/frittenwerk-knoblauch-fries-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}
	section.intro .slick-slide div.slide04 {
		background: url(../../images/frittenwerk-shop01-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}
	section.jobs {
		background: url(../../images/frittenwerk-jobs01-xl.jpg) center top no-repeat;
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0.4) 100%),linear-gradient(transparent, transparent, #000),url(../../images/frittenwerk-jobs01-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}
	section.reserve {
		background: url(../../images/frittenwerk-reservierungen-xl.jpg) center top no-repeat;
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0.4) 100%),linear-gradient(transparent, transparent, #000),url(../../images/frittenwerk-reservierungen-xl.jpg) center top no-repeat;
		background-size: 190% auto;
	}


	section.shop {
		background: url(../../images/frittenwerk-shop01-xl.jpg) center bottom no-repeat;
		background-size: 190% auto;
	}

	section.shop .bild {
	    background: linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 100%);
	    width: 100%;
	    height: 100vh;
	    min-height: 743px;
	    z-index: 2;
	    position: absolute;
	    top: 0;
	    left: 0;
	}

	section.frittenliebe {
		background: url(../../images/frittenwerk-frittenliebe01-xl.jpg) center top no-repeat;
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 3%, rgba(0,0,0,0.4) 100%),linear-gradient(transparent, transparent, #000),url(../../images/frittenwerk-frittenliebe01-xl.jpg) center center no-repeat;
		background-size: 190% auto;
	}
}

@media only screen and (min-height: 550px) and (min-width: 550px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 330% auto;
	}
}

@media only screen and (min-width: 768px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 150% auto;
	}

	.butn-nav {
		display: none;
	}
}


@media only screen and (min-height: 900px) and (min-width: 768px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 230% auto;
	}
}

@media only screen and (min-width: 900px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 130% auto;
	}
}

@media only screen and (min-height: 900px) and (min-width: 768px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 230% auto;
	}
}




@media only screen and (min-height: 900px) and (max-width: 1200px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 130% auto;
	}
}
@media only screen and (max-width: 1023px) {
	body.light header.fixed,
	body.dark header.fixed {
		background: linear-gradient(0deg, rgba(0,0,0,0) 18%, rgba(0,0,0,0.6643032212885154) 100%);
	}
}


@media only screen and (min-width: 1200px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 100% auto;
	}
}



@media only screen  and (min-width: 1500px) {
	.news-box a.link {
	    padding: 0 3rem 0 3rem;
	}

	section.frittenliebe .claim {
    	top: 34%;
	}
}

@media only screen  and (min-width: 1800px) {
	section.frittenliebe .claim {
    	top: 40%;
	}
}

@media only screen  and (min-width: 2450px) {
	#news .slick-slide {
	    padding-right: 2rem;
	}



}

@media only screen and (max-height: 900px) and (min-width: 1280px) {
	#news .slick-slider {max-height: auto; height: auto!important;}
}


@media only screen and (max-height: 950px) and (min-width: 1800px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop {
		background-size: 100% auto;
    	background-position: 0 -12rem;
	}

	section.frittenliebe {
		background-size: 100% auto;
		background-position: 0 6rem;
	}
}


@media only screen and (min-height: 1100px) and (min-width: 1800px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 100% auto;
    	background-position: 0 -5rem;
	}

	section.intro .claim {
	    top: 38%!important;
	}
}


@media only screen and (max-height: 969px) and (min-width: 1920px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop {
		background-size: 100% auto;
    	background-position: 0 -12rem;
	}

	section.frittenliebe {
		background-size: 100% auto;
    	background-position: 0 0rem;
	}
}


@media only screen and (min-height: 970px) and (min-width: 1920px) {
	section.intro .slick-slide div.slide01,
	section.intro .slick-slide div.slide02,
	section.intro .slick-slide div.slide03,
	section.intro .slick-slide div.slide04,
	section.jobs,
	section.reserve,
	section.shop,
	section.frittenliebe {
		background-size: 100% auto;
    	background-position: 0 -5rem;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    section.intro h1, section.jobs h2, section.reserve h2, section.frittenliebe h2 {margin-top: 20%;}
	.fwbtn .social-media {display: block; position: relative;padding: 0 0;}
	.fwbtn .social-media a {display: block; float: left;width: 34px;margin: 0px;}
	.fwbtn.social {position: relative;}
	.intro .slider {
		height: 100vh;
		width: 100vw;
		position: absolute;
		top: 0;
		left: 0;
	}
	
}

.reservieren-links ul {
    column-count: 1;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -moz-column-gap: 5px;
    column-gap: 5px;
    position: relative;
	margin: 2rem;
    margin-bottom: 5rem;
}

@media only screen and (min-width: 414px) {
    .reservieren-links  ul {
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }
}

@media only screen and (min-width: 768px) {
    .reservieren-links  ul {
        column-count: 3;
        -webkit-column-count: 3;
        -moz-column-count: 3;
    }
}

.reservieren-links ul li {
font-size: 1.5rem;
text-align: left;
padding-bottom: 1.4rem;
}

#news {
	background: #161617;
	background: #181818;
}
.news-box {
    transition: all 300ms ease-in-out;
    position: relative;
    background-color: #000000;
    border-radius: 14px;
    height: 100%;
    border-radius: 15px;
    box-shadow: 2px 4px 12px #000000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    transition: all .3s cubic-bezier(0,0,.5,1);
    white-space: normal;
	height: 465px;
	-moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;	-moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
	
}

.news-box:hover {
	scale: 1.02;
}

.news-box .entry {
	position: relative;
	z-index: 20;
	margin-top: 290px;
	max-width: 480px;
}

.slider-news .slick-slide > div {
    width: 600px;
    height: 100%;
    display: flex;
	padding: 15px;
}

#news h3 {
    font-size: 2.6rem;
	font-family: 'Open sans', sans-serif;
	justify-content: flex-start;
    line-height: 3.4rem;
    padding: 2.5rem 4.5rem;
    display: flex;
    margin: 0 auto;
	text-transform: none;
    text-align: left;
	font-weight: 700;
}

#news h3 span {
	line-height: 2.2;
	width: 100%;
	font-weight: 400;
	letter-spacing: 0;
}

.news-box .img {
    width: 100%;
    height: 297px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.news-box .img img {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    transition: all 300ms ease-in-out;
    display: flex;
    width: 100%;
    height: auto;
	}


.news-box a > a,
.news-box p,
.news-box a + a {
  display: none;
}


.news-box .gradient {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
}

.news-box a.link {
	 height: 500px;
}


.slider-news .slick-next,
.slider-news .slick-prev {
	top: 115%;
    background-color: #000000;
    height: 4rem;
    width: 4rem;
    border: 1px solid #626262;
    border-radius: 53px;
	display: flex;
    justify-content: center;
    align-items: center;
}

.slider-news .slick-prev {
    left: calc(50% - 130px);
}

.slider-news .slick-next {
	left: calc(50% + 90px);
}

.slider-news .slick-prev:before, .slider-news .slick-next:before {
    opacity: .75!important;
    width: 11px!important;
    height: 18px!important;
	display: block;
}

.slider-news + .buttons {
    padding-top: 3.5rem;
}

.slider-news + .buttons .fwbtn {
	border: 1px solid #626262;
    padding: 1.1rem 1.9rem;
    letter-spacing: 0.05rem;
}


@media (max-width: 768px) {
	.slider-news .slick-slide > div {
		width: 500px;
	}

	.news-box {
		height: 420px;
	}
	.news-box .img {
		height: 237px;
	}

	.news-box .entry {
		margin-top: 240px;
	}
	.slider-news + .buttons {
		padding-top: 2.9rem;
	}

	
	.slider-news .slick-prev {
		left: calc(50% - 115px);
	}

	
	.slider-news .slick-next {
		left: calc(50% + 75px);
	}


}

@media (min-width: 2725px)  {
	.slider-news .slick-slide > div {
		width: 800px;
	}

	.news-box {
		height: 555px;
	}

	.news-box .img {
		height: 397px;
	}

	.news-box .entry {
		margin-top: 385px;
	}

	.slider-news + .buttons {
        padding-top: 4.7rem;
    }

}

@media (max-width: 439px)  {
	.slider-news .slick-slide > div {
		width: 330px;
	}
    .slider-news .slick-slide > div {
        width: 330px;
    }
	#news h3 {
		font-size: 1.7rem;
		line-height: 2.5rem;
		padding: 2.5rem 2.6rem;
	}

	#news h3 span {
		font-size: 1.5rem;
	}

	.news-box {
		height: 285px;
	}

	.news-box .entry {
		margin-top: 150px;
	}

	.news-box .img {
		height: 157px;
	}

	.slider-news .slick-next, .slider-news .slick-prev {
		top: 121%;
	}

	.slider-news + .buttons {
		padding-top: 2.9rem;
	}

	
}