@charset "utf-8";
/* CSS Document */
body {
	max-width: 800px!important;
	width: 100%;
	height: 100%;
	font-family: 'Open sans', sans-serif, "Verdana";
	font-size: 100%;
	background-color: #FDE5BB
}
html {
	max-width: 800px;
}
.wrapper {
	width: 100%;
}

noscript {
		color:#000000;
		fontsize:30px;
	}

h1 {
	font-family: 'Ubuntu', sans-serif, "Verdana";
	text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
	color: #593C30;
	padding: 50px 0;
}
h2 {
	font-family: 'Ubuntu', sans-serif, "Verdana";
	color: #593C30;
}
h3 {
	font-family: 'Open Sans', sans-serif, "Verdana";
	color: #593C30;
	margin-top: 0;
}
h4 {
	font-family: 'Open Sans', sans-serif, "Verdana";
	color: #593C30;
	margin-top: 0;
}
h5 {
	font-family: 'Open Sans', sans-serif, "Verdana";
	color: #593C30;
	margin-top: 0;
}
h6 {
	font-family: 'Open Sans', sans-serif, "Verdana";
	color: #593C30;
	margin-top: -50px;
	margin-bottom: 20px;
}
.half-side {
	width: 50%;
}
.flex {
	display: flex;
	justify-content: space-around;
	flex-wrap: nowrap;
}
.flex-wrap {
	display: flex;
	flex-wrap: wrap;
}

.zentr {
	text-align: center;
	
}
.cooking {
    padding-top: 95px;
}
.anmeldung {
	padding-top: 100px
}

.swipe-right1 {
    width: 12%;
    float: right;
}
.swipe-right2 {
    width: 12%;
    float: right;
}
.swipe-left1 {
    width: 12%;
    float: left;
}
.swipe-left2 {
    width: 12%;
    float: left;
}
.weite {
    width: 500px;
}
.rez-pic3 {
    margin-top: 15%;
}
.space-right {
	min-height: 1px;
	min-width:60px;
	float:left;
}
.space-left {
	min-height: 1px;
	min-width:60px;
	float:right;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}
/* --------------------------------------------------Grund-Style -------------------------------------------*/
.siegel-top {
	width: 50%;
	height: auto;
}
.bio-top {
	display: none;
	left: 46%;
	top: 10px;
}
.container {
	max-width: 800px;
	width: 100%;
	position: relative;
}
.wrapper {
	max-width: 800px;
	position: relative;
}
/*.rela {
	position: relative;
	min-height: 90px;
} */
.abstand {
	height: 48px;
	max-width: 800px;
	width: 100%;
	position: fixed;
	background-color: #fde5bb;
	z-index: 2;
	top: 0;
}
.logo-pic {
	max-width: 300px;
	height: auto;
	position: fixed;
	z-index: 5;
	top: 37px;
	left: 15px;
}
.telef {
	position: fixed;
	top: 0px;
	right: 0;
	z-index: 30;
}
.underline {
	width: 100%;
	max-width: 800px;
	min-height: 10px;
	background-color: #779a0b;
	border: 1px solid white;
	position: fixed;
	z-index: 4;
	top: 80px;
}
.underline-rez {
	width: 100%;
	max-width: 800px;
	min-height: 10px;
	background-color: #779a0b;
	border: 1px solid white;
	margin-top: 15px;
	margin-bottom: 60px;
}
.naviga {
	z-index: 3;
	top: 30px;
}
.navbar-fixed-top {
	position: fixed;
	right: 0;
	left: 0;
	top: 46px;
	z-index: 2;
	background-color: #fde5bb;
}
.navbar-nav {
	width: 60%;
	float: right;
	margin: 0;
	padding-left: 15px;
	padding-right: 5px;
}
.navbar-nav > li {
	width: 25%;
	background-color: #779a0b;
	border: 1px solid white;
	border-radius: 10px 10px 0 0;
}
.navbar-nav > li a {
	color: white!important;
	text-align: center;
	font-size: 1.5em;
	padding: 8px 5px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-nav a:hover {
	color: #fff;
	background-color: #ac8a52;
	border-radius: 10px 10px 0 0;
}
.container-fluid {
	max-width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0;
	padding-right: 0;
}
.navbar {
	max-width: 800px;
}
#cooking {
	
}
/*-------------------------------------------Header---------------------------------------------------------*/
.navbar-fixed-top {
	border: 0;
}
.navbbar {
	min-height: 45px!important;
}
.cook-pic {
	width: 100%;
	max-width: 800px;
	
}
article {
	padding: 0 50px;
}
.cooking-text {
	font-size: 170%;
	margin: 30px 0;
	color: #593C30;
	/* [disabled]font-size-adjust: bold;
*/
	-webkit-font-size-delta: bold;
}
#anmeldung {
}
.kontakt {
	padding-top: 100px;
}
.raum {
/*	width:400px;
	height: 400px;
	background-color: green; */
	
}
#button {
	width: 200px;
	height: 80px;
}
.rezept-anzeige {
	background: #FFF;
	border: solid 1pt #000;
	padding: 10px;
	position: absolute;
	width: 450px;
	z-index: 10;
	font-size: 1.2em;
	text-align: left;
	margin-top: 15px;
	border-radius: 10px;
}
.top-scroll {
	width:45px;
	z-index: 20;
}

/*--------------------------------------------Section---------------------------------------*/


.wrap-rez {
	max-width: 800px;
	padding-top: 50px;
}
.rez-bild1, .rez-bild2, .rez-bild3 {
	
	width: 95%;
}
.button {
	width: 200px;
	height: 45px;
	border: 2px solid #fff;
	border-radius: 6px;
	background-color: #eb9549;
	line-height: 2em;
	cursor: pointer;
	font-size: 2em;
	margin: 0 auto;
}
.form-back .eing-feld, radio-feld {
	width: 45%;
}
.anmelde {
	width: 90%;
	line-height: 2em;
	margin-bottom: 10px;
	font-size: 1.5em;
	border: 1px solid #ec622c;
	border-radius: 5px;
	padding-left: 5px;
}
.anmelde-button {
	padding-left: 5px;
}
label {
	font-weight: 500;
	font-size: 1.5em;
	line-height: 2em;
}
input label {
	padding: 5px;
}
/*
label::after {
	content: ": ★";
}
*/
 input:required + label::after {
 content: "★";
 color: red;
}
 input:required:valid + label::after {
 content: "✔";
 color: green;
}

/*
input[type="radio"], input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	line-height: 2em;
	box-shadow: 0 0 0 2px #eb9549;
}  */
.eing-feld {
	width: 45%;
}
/*----------------------------------------Kontakt----------------------------*/
.wir {
	width: 100%;
	padding: 0 25px;
}
.kont {
	width: 45%;
	padding-right: 0;
}
.adress, .ueber-uns, .impressum {
	font-size: 1.4em;
	padding-top: 40px;
}
.adress p {
	margin-bottom: 55px;
}
.pics {
    width: 40%;
}
.thea {
	width: 30%;
	margin-top: 100px;
	border-radius: 5px;
	float:left;
	margin-left: 5%;
	margin-right: 5%
}
.uwe {
	width: 35%;
	margin-top: 45px;
	border-radius: 5px;
}
.google {
	width: 80%;
	border-radius: 18px;
}
.ueber-uns p {
	padding-top: 10px;
}
.ueber-uns {
	width:45%;
	
}
article h1 {
	padding-top: 10px;
}
.kont p {
    font-size: 15px;
}

.kont h3 {
    padding-bottom: 20px;
}
.impressum p {
    columns: 2;
}
/*---------------------------------------------------------------------------------------Footer-------------------------*/

/*footer .no-mobile {
	width:100%;
	max-width: 800px;
	height: 50px;
	position: fixed;
	bottom: 0px;
	background-color: #779a0b;
	z-index: 5;
}
*/
footer {
	width: 100%;
	max-width: 800px;
	height: 50px;
	position: fixed;
	bottom: 0px;
	background-color: #779a0b;
	z-index: 5;
}
.fb-button {
	position: fixed;
	bottom: 35px;
	left: 50px;
	width: 50px;
}
.sc-button {
	position: fixed;
	bottom: 35px;
	left: 90px;
	width: 50px;
}
.pi-button {
	position: fixed;
	bottom: 35px;
	left: 130px;
	width: 50px;
}
.siegel-bottom {
	position: fixed;
	bottom: 30px;
	right: 110px;
	width: 30px;
}
.copyr {
	width: 60%;
	min-width: 400px;
	height: 50px;
	margin-left: 25%;
	font-size: 1.4em;
	color: #fff;
	text-align: center;
}
.copyr a {
	color: #fff;
	text-decoration: underline;
}
.back-to-top {
	position: fixed;
	bottom: 150px;
	right: 5px;
	padding: 1em;
	z-index: 20;
	cursor: pointer;
}
/*------------------------------------Swipe---------------------------------------*/


.swiper-container {
	width: 100%;
	height: 600px;
	margin: 20px auto;
}
.swiper-slide {
	text-align: center;
	background: #fde5bb;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: flex-start;
}
.rez-pic1 {
	width: 50%;
	margin-top: 50px;
	margin-left: 40px
}
.pic1 {
	width: 150%;
}
.pic3 {
	width: 60%;
}
.pic2 {
	width: 80%;
}
.trenner {
	width: 80%;
	height: 5px;
	background-color: #ffdbab;
	box-shadow: 10px 0px 10px #fff;
	margin: 89px auto 0 auto;
}
#rezepte {
	padding-top: 50px;
}
.back-form {
	border: 1px solid #ec622c;
	padding: 10px;
	border-radius: 10px;
	background-color: #ffdbab;
}
.abstand-bottom {
	padding-bottom: 150px;
}
.wrap-rez.flex {
    flex-wrap: nowrap;
}


/*--------------------------------------------------------Media Query-----------------------------------------------------*/

@media only screen and (min-width:810px) {
body {
	width: 802px!important;
	height: 100%;
	font-family: 'Open sans', sans-serif, "Verdana";
	font-size: 100%;
	background-color: #FDE5BB;
	margin: 0 auto;
}
.telef {
	position: fixed;
	top: 0px;
	left: 645px;
	z-index: 30;
}
.back-to-top {
	position: fixed;
	bottom: 150px;
	left: 742px;
	padding: 1em;
}
.siegel-bottom {
	position: fixed;
	bottom: 30px;
	left: 660px;
	width: 30px;
}
.navbar.navbar-default.navbar-fixed-top.top-nav-collapse {
	width: 798px;
	left: 1px;
}
.navbar {
	max-width: 798px;
	left: 1px;
}
.abstand {
	height: 48px;
	max-width: 798px;
	width: 100%;
	position: fixed;
	background-color: #fde5bb;
	z-index: 2;
	top: 0;
}
.navbar-nav > li.page-scroll.no-tablet {
	display: none;
}
.fb-text, .sc-text, .pi-text, .folgen, .footer-so, .copyr > span {
	display: none;
}
.wrapper {
	margin: 0 auto;
	width: 802px!important;
	border: 1px solid #779a0b;
}
}

@media only screen and (min-width:650px) and (max-width:800px) {
.no-tablet {
	display: none!important;
}
	
}

@media only screen and (max-width: 680px) {
.eing-feld, .radio-feld {
	width: 98%;
	padding-left: 50px;
}
h2 {
	text-align: center;
}
.anmelde-button {
	text-align: center;
}
.wir {
	width: 95%;
	padding: 0 50px;
}

.radio-feld h4 {
	margin-top: 30px;
}
	
	.navbar-nav {
	width: 100%;
	float: right;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}
	
}

@media only screen and (max-width:650px) {
h1 {
	font-size: 2.5em;
}
.navbar-nav > li {
	width: 100%;
	border-radius: 10px 10px 10px 10px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	border-radius: 10px 10px 10px 10px;
}
.navbar-default .navbar-toggle {
	margin-right: 10px;
	margin-bottom: 15px;
	border: 4px solid #779a0b;
	border-radius: 8px;
	background-color: #fff;
}
.navbar-header {
	margin-top: auto;
}
.container-fluid {
	margin-top: -20px;
}
.bio-top {
	display: block;
	position: fixed;
	z-index: 6;
}
	
	.kont, .wo-wir-sind {
		width:100%;
		text-align: center
	}
	
	.wo-wir h3 {
		padding-top: 30px
	}	
footer.no-mobile {
	display: none;
}
footer.no-tablet {
	width: 100%;
	height: 170px;
	background-color: #779a0b;
	position: relative;
}
.fb-button {
	position: absolute;
	bottom: 90px;
	left: 95px;
	width: 50px;
	z-index: 3;
}
.sc-button {
	position: absolute;
	bottom: 50px;
	left: 95px;
	width: 50px;
	z-index: 3;
}
.pi-button {
	position: absolute;
	bottom: 10px;
	left: 95px;
	width: 50px;
}
.fb-text {
	position: absolute;
	color: white!important;
	height: 37px;
	border: 1px solid #fff;
	left: 21px;
	bottom: 89px;
	width: 110px;
	font-size: 1.5em;
	line-height: 2em;
	text-decoration: none;
	padding-left: 3px;
	display: block;
}
.sc-text {
	position: absolute;
	color: white!important;
	height: 37px;
	border: 1px solid #fff;
	left: 21px;
	bottom: 49px;
	width: 110px;
	font-size: 1.5em;
	line-height: 2em;
	text-decoration: none;
	padding-left: 3px;
	display: block;
}
.pi-text {
	position: absolute;
	color: white!important;
	height: 37px;
	border: 1px solid #fff;
	left: 21px;
	bottom: 9px;
	width: 110px;
	font-size: 1.5em;
	line-height: 2em;
	text-decoration: none;
	padding-left: 3px;
	display: block;
}
.siegel-bottom {
	position: absolute;
	bottom: 110px;
	right: 100px;
	width: 30px;
}
.siegel-footer {
	width: 100px
}
.back-to-top {
	position: fixed;
	bottom: 20px;
	right: 5px;
	padding: 1em;
	z-index: 10;
}
.copyr {
	width: 36%;
	min-width: 192px;
	height: 50px;
	margin-left: 25%;
	font-size: 1.2em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 46px;
	left: 21px;
}
.folgen {
	width: 58%;
	min-width: 279px;
	height: 31px;
	margin-left: 25%;
	font-size: 1.8em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 134px;
	left: -96px;
	border-bottom: 1px solid #fff;
	padding-left: 34px;
}
.footer-so {
	min-width: 187px;
	height: 31px;
	margin-left: 25%;
	font-size: 1.8em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 100px;
	left: 22px;
	border-bottom: 1px solid #fff;
}
	.flex {
	flex-wrap: wrap;
}
.ueber-uns, .pics {
	width:100%;
}
.impressum p {
	columns: 1;
}

#kontakt article {
    
    padding: 0  0 0 5%;
}	
	
}

@media only screen and (max-width:500px) {
	
	.rezept-anzeige {
	background: #FFF;
	border: solid 1pt #000;
	padding: 2px;
	position: absolute;
	width: 90%;
	z-index: 10;
	font-size: 1.0em;
	text-align: left;
	margin-top: 15px;
}
	
.anmelde {
	width: 90%;
}
.back-form {
	padding-bottom: 20px;
}
.wir {
	width: 95%;
	padding: 0 20px;
	
}
	
	.kont {
	width: 95%;
	padding: 0 20px;
	
}
article {
    padding: 0 10px;
	}

.eing-feld {
	width: 98%;
	padding-left: 5px;
}
	.radio-feld {
		width: 98%;
	padding-left: 20px;
	}	
footer.no-tablet {
	width: 100%;
	height: 170px;
	background-color: #779a0b;
	position: relative;
}
.fb-button {
	position: absolute;
	bottom: 90px;
	left: 10px;
	width: 50px;
	z-index: 3;
}
.sc-button {
	position: absolute;
	bottom: 50px;
	left: 10px;
	width: 50px;
	z-index: 3;
}
.pi-button {
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 50px;
}
.fb-text {
	display: none;
}
.sc-text {
	display: none;
}
.pi-text {
	display: none;
}
.siegel-bottom {
	position: absolute;
	bottom: 130px;
	right: 80px;
	width: 30px;
}
.siegel-footer {
	width: 90px
}
.back-to-top {
	position: fixed;
	bottom: 20px;
	right: 5px;
	padding: 1em;
	z-index: 10;
}
.copyr {
	width: 36%;
	min-width: 192px;
	height: 50px;
	margin-left: 25%;
	font-size: 1.2em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 46px;
	left: -15px;
}
.folgen {
	width: 58%;
	min-width: 179px;
	height: 31px;
	margin-left: 25%;
	font-size: 1.8em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 134px;
	left: -65px;
	border-bottom: 1px solid #fff;
	padding-left: 0;
}
.footer-so {
	min-width: 187px;
	height: 31px;
	margin-left: 25%;
	font-size: 1.8em;
	color: #fff;
	text-align: left;
	position: absolute;
	bottom: 100px;
	left: -15px;
	border-bottom: 1px solid #fff;
}
	.adress {
		padding-top: 0;
	}
}

@media only screen and (max-width:400px) {
.no-mobile {
	display: none;
}
#kontakt article {
    padding: 0;
}	
	
.logo-pic {
	max-width: 196px;
	top: 52px;
	left: 15px;
}
.underline {
	min-height: 7px;
}
.navbar-nav {
	width: 100%;
	float: right;
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.telef {
	width: 110px;
}
	
	.abstand-top {
    padding-top: 60px;
}
.flex {
	flex-wrap: wrap;
}

.ueber-uns, .pics, .impressum {
    width: 100%;
    text-align: center;
}	
	
.impressum p {
	columns: 1;
}
.bio-top {
   
    right: 14%;
   
}	
}

@media only screen and (min-width:401px) {
.yes-tablet {
	display: none;
}
}