html {
	background-color: #D3D3D3;
}
body {
	background-color: #ffffff;
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
	border-bottom: 5px solid #000;
}
a:visited{
	color: #E3000B;
}


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 90%;
  padding: 0;
  margin: 0 auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
.iframe-rwd  {
position: relative;
padding-bottom: 65.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.iframe-rwd iframe, .iframe-rwd .iframe-container {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 250px;
}
.clearfix{
	height: 0;
}
h1 {
	text-transform: uppercase;
    margin-top: 5px;
    font-size: 16px;
	font-family: 'Open Sans', sans-serif;
}
h2 {
	font-family: 'Kristi', cursive;
	font-size: 50px;
	color: #E3000B;
	font-weight: normal;
	margin: 0;
}

h3{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #E3000B;
	text-transform: uppercase;
	margin: 0;
}
h4 {
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
}
p, li, a {
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}
.footer p {
	font-size: 10px;
}
.footer a {
	text-decoration: none;
	font-size: 11px;
}
.kontakt a {
	text-decoration: none;
}
p a {
	color: #000000;
	/* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
a.anchor {
    display: block;
    position: relative;
    top: -130px;
    visibility: hidden;
}

#navbar .logo {
	height: 75px;
	float: left;
}

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

#navbar {
	width: 90%;
	max-width: 1200px;
	height: 75px;
	background-color: #ffffff;
	z-index:9999;
	position: fixed;
	border-top: 5px solid black;
}
#navbar .inner {
	width: 90%;
	margin: 0 auto;
}
#navbar .inner .navbar {
	float: right;
	max-width: 80%;
}

@media only screen and (max-width: 1340px) {
	.content.ueberuns .middle {
		margin-top: -20%;
	}
	.titelrezepte {
		margin-top: 13% !important;
	}
	#navbar .inner .navbar .nav_btn,
	.dropdown-content a {
		max-width: 125px;
	}
	a.anchor {
		top: -170px;
	}
}
@media only screen and (max-width: 1311px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 47% !important;
	}
	.kacheln1,
	.kacheln2 {
		height: 482px !important;
	}
}
@media only screen and (max-width: 1283px) {
	.titelrezepte {
		margin-top: 16% !important;
	}
}
@media only screen and (max-width: 1225px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 50% !important;
	}
	.titelrezepte {
		margin-top: 17% !important;
	}
	.rezepte.bgimage {
		margin-top: -48% !important;
	}
}
@media only screen and (max-width: 1171px) {
	.titelrezepte {
		margin-top: 19% !important;
	}
}
@media only screen and (max-width: 1166px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 52% !important;
	}
	.kacheln1,
	.kacheln2 {
		height: 500px !important;
	}
}
@media only screen and (max-width: 1155px) {
	.content.ueberuns .middle {
		padding-right: 25%;
		margin-top: -20% !important;
	}
	.content.shrimps .middle {
		margin-top: -21% !important;
	}
	.content.shrimps .right {
		max-width: 42% !important;
	}
	.content.ueberuns .middle p.half {
		padding-right: 5% !important;
	}
	.content.ueberuns .middle p {
		padding-right: 5% !important;
	}
	.titelrezepte {
		margin-top: 18% !important;
	}
}
@media only screen and (max-width: 1160px) {
	#navbar {
		height: 145px;
	}
	.slider {
		padding-top: 145px !important;
	}
	#navbar .inner .navbar {
		max-width: 71%;
	}
	.prev, .next {
		top: 65% !important;
	}
}
@media only screen and (max-width: 1100px) {
	.titelrezepte {
		margin-top: 21% !important;
	}
	.rezepte.bgimage {
		margin-top: -55% !important;
	}
}
@media only screen and (max-width: 1086px) {
	.kacheln1,
	.kacheln2 {
		height: 520px !important;
	}
}
@media only screen and (max-width: 1041px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 56% !important;
	}
	.kacheln1,
	.kacheln2 {
		height: 538px !important;
	}
}
@media only screen and (max-width: 1024px) {
	.titelrezepte {
		margin-top: 22% !important;
	}
	.content.rezepte {
		margin-top: 4% !important;
	}
	.kacheln1, .kacheln2 {
		height: 538px !important;
	}
	.content.aufzucht {
		margin-right: 0 !important;
	}
	.content.shrimps .right {
		margin-right: 0 !important;
		max-width: 44% !important;
	}
	.rezepte.bgimage {
		margin-top: -48% !important;
	}
	.content.wasser{
		margin-left: 0 !important;
	}
}
@media only screen and (max-width: 1006px) {
	.titelrezepte {
		margin-top: 24% !important;
	}
}
@media only screen and (max-width: 1001px) {
	.kacheln1,
	.kacheln2 {
		height: 558px !important;
	}
}
@media only screen and (max-width: 977px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 56% !important;
	}
	.titelrezepte {
		margin-top: 27% !important;
	}
}
@media only screen and (max-width: 910px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 60% !important;
	}
	.titelrezepte {
		margin-top: 30% !important;
	}
	.rezepte.bgimage {
		margin-top: -56% !important;
	}
}
@media only screen and (max-width: 898px) {
	.kacheln1,
	.kacheln2 {
		height: 576px !important;
	}
}
@media only screen and (max-width: 890px) {
	.titelrezepte {
		margin-top: 30% !important;
	}
	.rezepte.bgimage {
		margin-top: -56% !important;
	}
}
@media only screen and (max-width: 840px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 64% !important;
	}
	.titelrezepte {
		margin-top: 30% !important;
	}
	.rezepte.bgimage {
		margin-top: -60% !important;
	}
}
@media only screen and (max-width: 824px) {
	.titelrezepte {
		margin-top: 34% !important;
	}
	.rezepte.bgimage {
		margin-top: -62% !important;
	}
}
@media only screen and (max-width: 823px) {
	.kacheln1,
	.kacheln2 {
		height: 595px !important;
	}
}
@media only screen and (max-width: 790px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 68% !important;
	}
	.kacheln1,
	.kacheln2 {
		height: 633px !important;
	}
	.titelrezepte {
		margin-top: 38% !important;
	}
	.rezepte.bgimage {
		margin-top: -64% !important;
	}
}
.sticky {
  position: fixed;
  top: 0;
}

.sticky + .content {
  padding-top: 75px;
}


.dropdown {
    position: relative;
	display: inline-block;
	margin-bottom: 25px;
	
}
.dropdown-content {
    display: none;
    position: absolute;
	background-color: #fff;
	font-size: 14px;
    text-align: center;
	z-index: 1;
	font-family: 'Open Sans', sans-serif;
	margin-top: 48px;
	margin-left: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}
.dropdown-content a {
  	width: 149px;
	height: 23px;
  	display: block;
 	text-transform: uppercase;
 	text-decoration: none;
	color: #000;
}
.dropdown:hover .dropdown-content {
	display: block;
}
.dropdown-content a:first-child {
  	border-bottom: 1px solid lightgrey;
}

.navbar .nav_btn {
  float: left;
  width: 149px;
  margin-top: 25px;
  display: block;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #E3000B;
  text-align: center;
  margin-left: 20px;
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
}

.navbar a:hover {
  background-color: #000;
  color: #fff;
}

.navbar a.active {
  background-color: #000;
  color: #fff;
  font-weight: bold;
}

.content.shrimps {
	z-index: 2;
    position: relative;
}
.content.shrimps .left{
	float: left;
}
.content.shrimps .middle{
	float: left;
    background-color: #fff;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    margin-top: -220px;
    margin-left: 14.3%;
	margin-right: 14.3%;
	position: relative;
	z-index: 5;
}
.content.shrimps .middle p{
    padding-left: 75px;
    padding-bottom: 35px;
}
.content.shrimps .middle h2 {
    padding-left: 75px;
    padding-top: 20px;
}
.content.shrimps .middle h3{
    padding-left: 75px;
}	
.content.shrimps .right img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	position: relative;
	z-index: 10;
}

.content.wasser{
	text-align: right;
	margin-left: 14.3%;
}
.content.wasser img{
	margin-top: -50px;
    z-index: 1;
}
.content.aufzucht {
	position: relative;
    max-width: 100%;
    background-color: #ffffff;
    margin-top: -400px;
    padding-left: 5%;
	margin-right: 5%;
    padding-top: 20px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.aufzucht img {
	margin-top: 50px;
}
.content.ueberuns {
	padding-top: 45px;
}
.content.ueberuns .titel {
	border-top: 5px solid #000;
    width: 90%;
    margin: 0 auto;
}
.content.ueberuns .right{
	float: right;
	position: relative;
	z-index: 5;
	margin-right: 5%;
	max-width: 35%;
}

.content.nachhaltigkeit .right img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.ueberuns .middle{
	max-width: 100%;
    border: 1px solid #dedede;
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 35px;
    margin-top: -15%;
    float: left;
    margin-left: 14.3%;
	margin-right: 14.3%;
    z-index: 3;
    position: relative;
    background-color: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.ueberuns .middle p.half {
	padding-right: 350px;
}
.content.ueberuns .left img {
	margin-top: -200px;
    position: relative;
}
.content.medien{
	max-width: 100%;
    border: 1px solid #dedede;
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 35px;
    margin-top: -15%;
    float: left;
    margin-left: 14.3%;
	margin-right: 14.3%;
    z-index: 23;
    position: relative;
    background-color: #ffffff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.content.medien .left{
	width: 50%;
	float: left;
}
.content.medien .right {
    width: 40%;
    float: right;
	margin-top: -12%;
}
.content.medien .right p {
	padding-right: 30px;
}
.medien.bgimage{
	float: right;
}
.medien.bgimage img{
	margin-top: -120px;;
}
.titelnachhaltigkeit {
	border-top: 5px solid #000;
    margin-top: -5px;
    margin-right: 5%;
}
.content.nachhaltigkeit{
    border: 1px solid #dedede;
    margin-left: 14.3%;
	margin-right: 14.3%;
    z-index: 23;
    position: relative;
    background-color: #ffffff;
	margin-top: 30px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.nachhaltigkeit .left{
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 35px;
}
.content.nachhaltigkeit .right{
	margin-top: -32%;
}
.content.nachhaltigkeit.fangfrisch {
	margin-top: 45%;
}
.content.nachhaltigkeit.fangfrisch p {
	padding-right: 5%;
	padding-left: 75px;
    padding-bottom: 35px;
}
.content.nachhaltigkeit.fangfrisch h2 {
	padding-right: 5%;
	padding-left: 75px;
	padding-top: 20px;
}
.content.nachhaltigkeit.fangfrisch h3 {
	padding-right: 5%;
	padding-left: 75px;
}
.content.nachhaltigkeit.oekologie{
    border: 1px solid #dedede;
    float: left;
    margin-left: 14.3%;
    z-index: 23;
    position: relative;
    background-color: #ffffff;
	margin-top: -190px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.nachhaltigkeit.oekologie .left {
	width: 50%;
	float: left;
}
.content.nachhaltigkeit.oekologie .right {
    max-width: 50%;
    float: right;
}
.content.nachhaltigkeit.oekologie .right img {
	float: right;
    margin-right: -29%;
}
.nachhaltigkeit.fangfrisch.bgimage img {
	margin-top: -235px;
}
.bg-rezepte {

}
.content.rezepte {
	position: relative;
	z-index: 6;
	margin-top: 16%;
}
.rezepte.bgimage {
	float: right;
    margin-top: -44%;
    overflow: hidden;
    max-width: 100%;
	margin-left: 14.3%;
	margin-right: 14.3%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bgimg {
	margin-left: 14.3%;
}
.bgimg img {
	margin-top: -14%;
	margin-left: 14.3%;
	float: right;
}
.titelshrimps {
	position: absolute;
    border-top: 5px solid #ffffff;
    width: 49%;
    margin-top: 70px;
    color: #ffffff;
    margin-left: 5%;
	z-index: 4;
}
.titelrezepte {
	border-top: 5px solid #000;
    margin-left: 5%;
    margin-top: 12%;
    z-index: 15;
    position: relative;
    margin-right: 5%;
}
.content.rezepte img {
	float: right;
	margin-top: -120px;
}
.content.rezepte .content{
    border: 1px solid #dedede;
    padding-left: 75px;
    padding-top: 20px;
    padding-bottom: 35px;
	background-color: #ffffff;
    position: relative;
}
.content.rezepte .content p {
	max-width: 90%;
}


.first {
	margin-top: -3%;
}

.kacheln1 img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.kacheln2 img {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.kachelnnew {
	margin-top: -5%; 
	margin-left: 14.3%; 
	z-index: 8888; 
	position: relative; 
	margin-right: 14.3%; 
	background-color: red;
}

.kacheln {
	max-width: 100%;
	position: relative;
	z-index: 8;
}
.kacheln1 {
    margin-top: 6%;
	height: 460px;
	background-color: #fff;
}

.kacheln1 .left {
	width: 50%;
    float: left;
	height: 100%;
}
.kacheln1 .right {
	width: 50%;
    float: right;
    height: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.kacheln1 .right .content{
	padding-top: 15px;
    padding-left: 15%;
	padding-right: 10%;
}


.kacheln2 {
	height: 460px;
	background-color: #ffffff;
}

.kacheln2 .left {
	width: 50%;
    float: right;
	height: 100%;
}
.kacheln2 .right {
	width: 50%;
    float: left;
    height: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.kacheln2 .right .content{
	padding-top: 15px;
    padding-left: 15%;
	padding-right: 10%;
}

.kontakt.bgimage img {
	margin-top: -135px;
}
.content.kontakt {
	max-width: 100%;
    margin-left: 14.3%;
	margin-right: 14.3%;
    margin-top: -255px;
    background-color: #ffffff;
    position: relative;
    border: 1px solid #dedede;
    height: 250px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.content.kontakt .left {
	width: 50%;
    float: left;
}
.content.kontakt .left h2 {
	padding-left: 80px;
	padding-top: 30px;
}
.content.kontakt .left p {
	padding-left: 80px;
}
.content.kontakt .right {
	float: right;
    width: 50%;
}

.slider {
	text-align: center;
    margin-bottom: 15px;
	padding-top: 75px;
	position: relative;
}
.slides_img {
	width: 90%; 
	height: auto;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	margin-top: -22px;
	padding: 10px 15px;;
	color: black;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	text-decoration: none;
	background-color: #FFF;
	z-index: 9;
}
.next {
	right: 10px;
	border-radius: 3px 0 0 3px;
	box-shadow: 2px 2px 5px rgba(107, 107, 107, 0.7);
}
.prev {
	left: 10px;
	border-radius: 3px 0 0 3px;
	box-shadow: 2px 2px 5px rgba(107, 107, 107, 0.7);
  }
.prev:hover, .next:hover {
	color: #FFF;
	background-color: #E3000B;
}
.slider_animation {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 2s;
	animation-name: fade;
	animation-duration: 2s;
  }
  
  @-webkit-keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }
  
  @keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }
.footer {
	height: 70px;
	padding-top: 30px;
	text-align: center;
}
.footer .inner {
	max-width: 100%;
	margin-left: 10%;
	margin-right: 14.3%;
	margin-top: 6px;
}
.footer .logo{
	width: 10%;
	float: left;
}.footer .adresse{
	width: 62%;
	float: left;
}.footer .menu{
	width: 28%;
	float: left;
	text-align: right;
}

.impressum .middle {
	padding-right: 40px;
}
.datenschutzerklaerung .middle {
	padding-right: 40px;
}

.zeit {
	background-image: url(../assets/time.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 30px;
}
.rezepte-mobile,
.rezepte-mobile-img,
.rezepte-mobile2,
.rezepte-mobile-img2,
.kontakt-mobile,
.kontakt-mobile-gmap,
.footer-mobile {
	display: none;
}

.medien.bgimage img {
	height: 100%;
}

.content.aufzucht p,
.content.medien p,
.content.nachhaltigkeit.oekologie p {
	padding-right: 5%;
}
	
/*
**	Mobile Screen
*/
@media only screen and (max-width: 768px) {
	.content.shrimps .middle {
		border-left: none;
		border-right: none;
	}
	.content.ueberuns .middle {
		border: none;
	}
	.content.medien {
		border: none;
	}
	.content.nachhaltigkeit {
		border: none;
		padding-bottom: 15px !important;
	}
	.content.nachhaltigkeit.oekologie {
		border: none;
	}
	.content.aufzucht {
		padding-top: 0;
	}
	.content.ueberuns .right {
		padding-bottom: 2%;
	}
	.content.shrimps .middle {
		max-width: 100% !important;
	}
	.content.shrimps .right {
		margin-top: 0% !important;
		padding-bottom: 5% !important;
	}
	.bgimg {
		margin-left: 0;
	}
	.rezepte.bgimage {
		margin-right: 0;
		margin-left: 0;
	}
	.content.ueberuns .middle,
	.content.medien	{
		margin-right: 0;
	}
	.kontakt-mobile h2,
	.kontakt-mobile p {
		padding-left: 75px;
	}
	.rezepte.bgimage {
		margin-top: -65% !important;
	}
	.titelrezepte {
		margin-top: 36% !important;
		color: #fff;
		border-color: #fff;
	}
	.rslides {
		width: 100%;
	}
	.rslides_nav {
		display: none;
	}
	.rezepte.bgimage .content.rezepte .kacheln1,
	.rezepte.bgimage .content.rezepte .kacheln2	{
		display: none;
	}
	.content.shrimps .middle p {
		max-width: 90% !important;
	}
	.content.shrimps .middle,
	.content.ueberuns .middle,
	.content.medien,
	.content.nachhaltigkeit,
	.content.nachhaltigkeit.oekologie,
	.content.rezepte .content{
		margin-left: 0;
		padding: 0;
		width: 100%;
	}
	.content.shrimps .middle h2,
	.content.shrimps .middle h3,
	.content.shrimps .middle p,
	.content.ueberuns .middle h2,
	.content.ueberuns .middle h3,
	.content.ueberuns .middle p,
	.content.medien h2,
	.content.medien h3,
	.content.medien p,
	.content.nachhaltigkeit h2,
	.content.nachhaltigkeit h3,
	.content.nachhaltigkeit p,
	.content.nachhaltigkeit.oekologie h2,
	.content.nachhaltigkeit.oekologie h3,
	.content.nachhaltigkeit.oekologie p,
	.content.rezepte .content h2,
	.content.rezepte .content h3,
	.content.rezepte .content p	{
		padding-left: 5%;
	}
	.content.ueberuns .middle p.half {
		padding-right: 0;
	}
	.content.nachhaltigkeit.oekologie .right img {
		margin-right: 0;
	}
	.content.nachhaltigkeit.oekologie .left {
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
	.content.nachhaltigkeit .right {
		margin-top: 0;
		margin-bottom: 15px;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 71% !important;
	}
	.content.nachhaltigkeit.fangfrisch h2, 
	.content.nachhaltigkeit.fangfrisch h3 {
		padding-right: 5%;
		padding-left: 5%;
		padding-top: 0;
	}
	.content.nachhaltigkeit.fangfrisch p {
		padding-right: 5%;
		padding-left: 5%;
		padding-bottom: 0;
	}
	.content.medien h3 {
		margin-bottom: 0;
	}
	#navbar {
		height: 120px;	
	}
    #navbar .logo {
		width: 100%;
		height: 100%;
		text-align: center;
	}
	.navbar {
		display: none;
	}
	.slider {
		padding-top: 120px !important;
	}
	.next, .back {
		top: 70%;
	}
	  
	.content.medien .left,
	.content.medien .right {
		width: 100%;
		float: left;
		margin-top: 0;
	}
	.titelnachhaltigkeit {
		margin-right: 5%;
		margin-left: 5%;
	}
	.kacheln,
	.content.kontakt,
	.footer {
		display: none;
	}
	.rezepte-mobile {
		margin-top: -15%;
		display: block;
		max-width: 100%;
		border: 1px solid #dedede;
		float: left;
		z-index: 25;
		position: relative;
		background-color: #ffffff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.rezepte-mobile h4 {
		margin-left: 5%;
		margin-top: 20px;
	}
	.rezepte-mobile p {
		margin-left: 5%;
		padding-right: 5%;
	}
	.rezepte-mobile p.zeit {
		margin-left: 5%;
		margin-bottom: 35px;
	}
	.rezepte-mobile2 {
		display: block;
		max-width: 100%;
		margin-top: -33%;
		border: 1px solid #dedede;
		float: left;
		z-index: 25;
		position: relative;
		background-color: #ffffff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.rezepte-mobile2 h4 {
		margin-left: 5%;
		margin-top: 20px;
	}
	.rezepte-mobile2 p {
		margin-left: 5%;
		padding-right: 5%;
	}
	.rezepte-mobile2 p.zeit {
		margin-left: 5%;
		margin-bottom: 35px;
	}
	.rezepte-mobile-img {
		display: block;
		float: right;
		margin-top: -210px;
		position: relative;
		z-index: 24;
		width: 100%;
	}
	.rezepte-mobile-img img {
		width: 100%;
	}
	.rezepte-mobile-img2 {
		display: block;
		float: right;
		margin-top: -45%;
		position: relative;
		z-index: 24;
		width: 100%;
	}
	.rezepte-mobile-img2 img {
		width: 100%;
	}
	.kontakt.bgimage img {
		margin-top: -220px;
	}
	.kontakt-mobile {
		display: block;
		max-width: 100%;
		width: 100%;
		margin-top: -130px;
		padding-left: 0;
		padding-top: 20px;
		padding-bottom: 35px;
		float: left;
		z-index: 25;
		position: relative;
		background-color: #ffffff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	}
	.kontakt-mobile-gmap {
		display: block;
		width: 100%;
		margin-top: 15px;
		float: left;
		z-index: 25;
		position: relative;
		background-color: #ffffff;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		border: none;
		max-width: 99.8%;
		padding-left: 1px;
	}
	.kontakt-mobile-gmap iframe {
		width: 100%;
		height: 350px;
	}
	.footer-mobile {
		display: block;
		margin-top: 365px;
	}
	.footer-mobile.imp {
		display: block;
		margin-top: 0;
	}
	.footer-mobile .menu {
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: center;
	}
	.footer-mobile .menu a {
		color: #000000;
		text-decoration: none;
	}
	.content.shrimps .middle.datenschutz{
		margin-top: 45px;
	}
}

.responsive {
	width: 100%;
	height: auto;
}
.content.shrimps .right {
	max-width: 38%;
	float: right;
	margin-right: 5%;
	margin-top: 6%;
}
.content.shrimps .middle p {
	max-width: 43%;
}
.content.shrimps .middle.imp p {
	max-width: 85%;
	padding-bottom: 0;
}
.content.shrimps .middle.imp ul {
	max-width: 85%;
    padding-left: 100px;
}
.content.shrimps .right.imp {
	margin-top: -65%;
}


@media only screen and (max-width: 1265px) {
	.content.shrimps .left {
		max-width: 50%;
	}

	.titelshrimps {
		width: 45%;
		margin-left: 5%;
		margin-top: 6%;
	}
	.content.shrimps .middle {
		margin-top: -18%;
	}
}

@media only screen and (max-width: 420px) {
	.rezepte.bgimage {
		margin-top: -77% !important;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 103% !important;
	}
	.rezepte-mobile-img,
	.rezepte-mobile-img2 {
		max-width: 100%;
		max-height: 300px;
		margin-top: 0;
	}
	.rezepte-mobile-img img {
		margin-top: -34%;
	}
	.rezepte-mobile-img2 img	{
		margin-top: -30%;
	}
	.titelrezepte {
		margin-top: 74% !important;
	}
	.rezepte.bgimage {
		margin-left: 0;
	}
	.bgimg {
		margin-left: 0;
	}
	.content.medien {
		margin-right: 0;
		padding-right: 5%;
		margin-top: -35%;
	}
	.content.ueberuns .middle {
		margin-top: -20% !important;
		padding-right: 5%;
	}
	.content.ueberuns .right {
		margin-right: 0;
		max-width: 50%;
	}
	.content.ueberuns .middle {
		margin-right: 0;
	}
	.content.aufzucht {
		margin-right: 0;
	}
	.content.shrimps .right {
		max-width: 50% !important;
	}
	.content.shrimps .middle {
		margin-top: -15% !important;
	}
	body,
	#navbar {
		width: 100%;
	}
	.titelnachhaltigkeit {
		margin-left: 5%;
		margin-top: 5%;
	}
	.content.shrimps .middle,
	.content.ueberuns .middle,
	.content.medien,
	.content.nachhaltigkeit,
	.content.nachhaltigkeit.oekologie,
	.content.rezepte .content {
		padding-left: 5%;
	}
	.content.nachhaltigkeit,
	.content.shrimps .middle,
	.content.nachhaltigkeit.oekologie,
	.content.rezepte .content {
		width: 100%;
		max-width: 100%;
		padding: 0;
	}
	.content.shrimps .left {
		margin-top: 0%;
	}
	.content.shrimps .middle {
		margin-top: -20px;
	}
	.content.shrimps .middle h2,
	.content.shrimps .middle h3,
	.content.shrimps .middle p,
	.content.nachhaltigkeit.fangfrisch h2,
	.content.nachhaltigkeit.fangfrisch h3,
	.content.nachhaltigkeit.fangfrisch p,
	.content.nachhaltigkeit.oekologie h2,
	.content.nachhaltigkeit.oekologie h3,
	.content.nachhaltigkeit.oekologie p,
	.rezepte.bgimage .content.rezepte .content h2,
	.rezepte.bgimage .content.rezepte .content h3,
	.rezepte.bgimage .content.rezepte .content p {
		padding-left: 5%;
		padding-right: 5%;
	}
	.content.shrimps .middle.imp ul {
		max-width: 100%;
		padding-left: 10%;
		padding-right: 5%;
	}
	.content.nachhaltigkeit.oekologie .right {
		max-width: 62%;
	}
	.rezepte-mobile {
		margin-top: 10%;
	}
	.content.shrimps .right {
		margin-right: 0;
		max-width: 37%;
		margin-top: 0;
	}
	.bgimg img {
		margin-top: -63%;
	}

	.rezepte.bgimage {
		margin-top: -105% !important;
		margin-right: 0;
	}
	.rezepte-mobile h4,
	.rezepte-mobile p,
	.rezepte-mobile p.zeit,
	.rezepte-mobile2 h4,
	.rezepte-mobile2 p,
	.rezepte-mobile2 p.zeit	{
		margin-left: 5%;
	}
	.rezepte-mobile2 {
		margin-top: -34%;
	}
	.kontakt-mobile {
		max-width: 100%;
		padding: 0;
	}
	.kontakt-mobile h2,
	.kontakt-mobile p {
		padding-left: 5%;
		padding-right: 5%;
	}
	.content.ueberuns .middle {
		padding-left: 0;
		padding-right: 0;
	}
	.content.medien {
		padding-left: 0;
		padding-right: 0;
	}
	.content.ueberuns {
		padding-top: 5%;
	}
	.medien.bgimage img {
		margin-top: 0;
	}
}
@media only screen and (max-width: 700px) {
	.rezepte.bgimage {
		margin-top: -71% !important;
	}
}
@media only screen and (max-width: 687px) {
	.rezepte.bgimage {
		margin-top: -73% !important;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 70% !important;
	}
}
@media only screen and (max-width: 600px) {
	.rezepte.bgimage {
		margin-top: -82% !important;
	}
}
@media only screen and (max-width: 545px) {
	.rezepte.bgimage {
		margin-top: -90% !important;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 75% !important;
	}
}
@media only screen and (max-width: 470px) {
	.rezepte.bgimage {
		margin-top: -102% !important;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 80% !important;
	}
}
@media only screen and (max-width: 450px) {
	.rezepte.bgimage {
		margin-top: -77% !important;
	}
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 122% !important;
	}
}
@media only screen and (max-width: 360px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 110% !important;
	}
}
@media only screen and (max-width: 320px) {
	.content.nachhaltigkeit.fangfrisch {
		margin-top: 153% !important;
	}
	.titelrezepte {
		margin-top: 86% !important;
	}
	.rezepte.bgimage {
		margin-top: -98% !important;
	}
}


#sticky_shop_block .sticky_content a{
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
}

#sticky_shop_block .sticky_content{
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 99;
	width: 100px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    background: #E3000B;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 10px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
}

#sticky_shop_block{
	position: fixed;
    right: 0;
    height: 100%;
	top: 35%;
	text-align: center;
	z-index: 999999;


}


#sticky_newsletter_block{
	position: fixed;
    right: 0;
    height: 100%;
	top: 50%;
	text-align: center;
	z-index: 999999;

}




#sticky_newsletter_block .sticky_content a{
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	text-transform: uppercase;
}

#sticky_newsletter_block .sticky_content{
	cursor: pointer;
	border: 1px solid rgba(0, 0, 0, 0.1);
	z-index: 99;
	width: 100px;
    -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    background: #E3000B;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    display: inline-block;
    padding: 10px;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
}

/* open-sans-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  
  /* open-sans-600 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: url('/assets/open-sans-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  

  /* kristi-regular - latin */
@font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Kristi';
	font-style: normal;
	font-weight: 400;
	src: url('/assets/kristi-v21-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  


body {
	--im-btn-color: black;
	--im-btn-bg:  #EF1C0E;
	--im-btn-hover-bg: #EF1C0E;
	--cc-btn-primary-bg: #EF1C0E;
	--cc-btn-primary-hover-bg: #EF1C0E;
    --cc-btn-border-radius: 0;
	--cc-btn-secondary-hover-text: black;
  }

  .btn.cc-revoke {
	padding: 1em 1.7em;
	display: inline-block;
	cursor: pointer;
	font-size: 0.82em;
	user-select: none;
	text-align: center;
	border-radius: var(--cc-btn-border-radius);
	color: var(--cc-btn-primary-text);
	background: var(--cc-btn-primary-bg);
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	font-weight: bold;
  }
  .cc-revoke:hover {
	color: var(--cc-btn-primary-text) !important;
  }