@import url(https://fonts.googleapis.com/css?family=Amatic+SC);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,700);
* {
    padding: 0;
    margin: 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -o-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    
}
.furtherinformation {background:#57B404; height:40px; width:100%;}
.furtherinformation ul {display:block;margin:auto; text-align:center; }
.furtherinformation ul li {text-decoration:none;  display:inline-block; margin-top:20px; }
.furtherinformation ul li a {text-decoration:underline; font-size:17px; color:white; font-family:'Open Sans', sans-serif;}
#kundenmeinungen {padding-top:50px;}

.helper {
    border: 1px solid blue;
}

.container {
    overflow-x: hidden;
    margin: 0 auto;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

#mobil-textblog2 {
    display: none;
}


#kontakt p:nth-of-type(1) {
    padding: 12px 0 0 0;
}

#facebook{
	position: fixed;
	left: 50px;
	bottom: 50px;
}

.artikel p {
    font-size: 18px!important;
    font-weight: bold;
}

.preis p {
    font-size: 18px!important;
    font-weight: bold;
}

.menge p {
    font-size: 18px!important;
    font-weight: bold;
}

#live-dabei iframe{
    width:98%;
    height:315px;
    padding-top: 25px;
}
#youtubevideo img, #live-dabei img{
    width: 40%;
    margin-top: 10px;
    
}
#live-dabei img{
    margin-right: 4px;
    height: 118px;
}

input { color:black;}
/*-----------------------------Kopfbereich----------------------------------------*/

header {
    width: 100%;
    height: 101px;
    background-image: url("../images/header/header-muster-bg.jpg");
    background-repeat: repeat-x;
}

#form-oben {
    width: 772px;
    height: 172px;
    background: url(../images/header/form-oben.png);
    position: relative;
    margin: 0 auto;
    margin-top: 37px;
    display: block;
}


/*---------------------------- Kopfbereich Ende ----------------------------------*/

.block,
.tablelinks,
.tablemitte,
.tablerechts {
    line-height: 1rem;
    font-size: 1.5rem;
    display: inline-block;
    position: relative;
}

.links {
    width: 20%;
    vertical-align: top;
}

.mitte {
    width: 60%;
    vertical-align: top;
}

.rechts {
    width: 20%;
    vertical-align: top;
}

.rechts:nth-of-type(4) {
    width: 40%;
    max-width: 505px;
    margin-top: 250px;
}

.mitte:nth-of-type(3) {
    width: 40%;
    margin-top: 250px;
}

.hunger:nth-of-type(1) {
    float: none;
    margin-top: 95px;
    display: block;
}

#wide-img {
    width: 100%;
    height: 380px;
    background: url("../images/header/frische-belegte-broetchen.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#logo {
    width: 262px;
    height: 125px;
    top: 0;
    right: 248px;
    margin: 0 auto;
    position: absolute;
}

#wapper {
    width: 100%;
    margin-top: -96px;
}

#formrechts {
    width: 10%;
    height: 97px;
    background-color: white;
}

#formlmitte {
    width: 80%;
    height: 97px;
    background: url(../images/header/form-unten.png) no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

#Nudeln {
    margin: 65px 0 15px 0;
}

#formlinks {
    width: 10%;
    height: 97px;
    background-color: white;
}

nav ul {
    line-height: 180%;
    padding: 0 0 0 50%;
    list-style: none;
}

nav a {
    font-family: 'Amatic SC', cursive;
    font-size: 36px;
    color: #57B305;
}

.text {
    font-family: 'Open Sans', sans-serif;
    line-height: 145%;
    font-size: 16px;
    font-weight: 300;
}

#headline h1 {
    font-family: 'Amatic SC', cursive;
    color: #36A1BF;
    font-size: 50px;
    margin: 110px 0 20px 0px;
}

#headline {
    margin: 0 0 0 20px;
}

#headline p {
    width: 80%;
}

.list {
    list-style-image: url(../images/listpunkt.jpg);
    float: left;
}

.list strong {
    font-weight: bold;
    color: #424242;
}

#Fruehstueck {
    margin: 85px 0 0 30px;
}

#form1 #fullAmount{
	font-family: 'Amatic SC', cursive;
	padding: 25px 0px;
	color: #fff;
	display: none;
	font-weight: bold;
}

#sandwich {
    padding: 15px 0 0 30px;
}

.clear {
    clear: both;
}

.clear p {
    color: white;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    line-height: 100%;
}

#suessspeisen {
    float: right;
    margin: 230px 40% 0 0;
}

#obst {
    max-width: 251px;
    padding: 2%;
    margin-top: 160px;
    width: 30%;
}

.hunger {
    font-family: 'Amatic SC', cursive;
    float: right;
    font-size: 30px;
    margin: -48px 36px 0 0;
    line-height: 100%;
    color: #5FB50C;
}

.hunger span {
    color: #0887B0;
}

#mittagstisch {
    margin: 185px 34px 0 95px;
}

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

a:hover {
    color: #5aa5c1;
}

#kontak-hintergrund {
    width: 216px;
    height: 610px;
    margin-top: 112px;
    padding-top: 5px;
    background-image: url(../images/kontakt.jpg)
}

#kontakt {
    height: 216px;
    height: 585px;
    background-color: white;
    margin: 10px 10px 10px 10px;
    font-family: 'Amatic SC', cursive;
    font-size: 28px;
    text-align: center;
}

#kontakt strong {
    color: #2897B2;
    font-size: 35px;
}

#kontackt p:nth-of-type(1) {
    padding-top: 20px;
}

#anrufen {
    margin-bottom: -10px;
    padding-top: 19px;
}

#fax {
    padding-top: 20px;
    margin-bottom: -10px;
}

#footer1 h2 {
    font-family: 'Amatic SC', cursive;
    font-size: 60px;
    text-align: center;
    color: #57B507;
    font-weight: 300;
}

#footer1 {
    margin-top: 100px;
    border-bottom: 2px solid #57B507;
}

#footerbild {
    margin: -189px 0 0 50px;
    width: 182px;
}

#inner-header .head-wrap-left {
    display: none;
    position: static;
}

nav ul,
nav ul li,
nav ul li a {
    transition: all .4s ease;
}

.sticky {
    position: absolute;
    top: 0;
}

.fixit {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 100;
    border-bottom: 2px solid #57B507;
    background: #fff;
}

.fixit ul {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 0;
}

.fixit ul li {
    display: inline-block;
    padding: 0 30px;
}

#bildgalerie {
    width: 100%;
    height: 666px;
    background: url(../images/kachel-muster-karo.jpg) repeat;
    display: block;
    vertical-align: top;
}

#bildgalerie h2 {
    font-family: 'Amatic SC', cursive;
    font-size: 50px;
    color: #35A0BE;
    padding-bottom: 20px;
}

#augenschmaus {
    width: 210px;
    margin-left: 131px;
    padding: 82px 0 0 0;
    font-size: 15px;
}

#augenschmaus strong {
    font-weight: bold;
    color: #424242;
}

#hunger2 {
    width: 160px;
    margin: -389px 0 0 133px;
}

#hunger2 a {
    float: none!important;
}

#textblog2 {
    margin-top: 58px;
}

#textblog2 p {
    width: 430px;
    padding-top: 35px;
}

.textblog-h2 {
    font-family: 'Amatic SC', cursive;
    font-size: 55px;
    color: #57B305;
    padding: 18px 0 25px 0;
}

#Gastro-Awards {
    padding-top: 73px;
}

.gastro-award {
    padding: 19px 32px 0 0;
}

#live-dabei {
    padding-top: 60px;
}

#live-dabei a {
    color: black;
    font-weight: bold;
}

#formbox {
    background-color: #57B404;
}

#textblog3 p {
    color: white;
}

#textblog3 h2 {
    color: white;
    font-family: 'Amatic SC', cursive;
    font-size: 55px;
    padding: 100px 0 35px 0;
}

.subnav {position: fixed; bottom: 0; color: #fff; z-index: 999; transition: 0.5s; width: 100%; text-align: right;}
.subnav a {font-family: 'Open Sans'; color: #fff; padding: 5px 15px; font-size: 13px; background-color: #57B404; margin-left: 20px; line-height: 23px;}
.subnav a:nth-of-type(2) {margin-right: 5%;}
.subnav a:hover {background-color: #008EB0;}

#impressum a {text-decoration: underline;}

.selection {
    max-width: 95%;
    display: block;
    width: 95%;
    height: 35px;
    background: #57B404;
    color: white;
}

#textarea {
    min-width: 95%;
    height: 100px;
}


/*Form style*/

label {
    display: block;
    font-weight: bold;
    margin-top: 40px;
    font-size: 14px;
}

.submit {
    background: #2897B2;
    padding: 4px 0px;
    text-align: left;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
    border: none;
    color: #fff;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.submit:hover {
    background: #b31800;
}

#capticha_img {
    padding-top: 10px;
    max-width: 200px;
}

#capticha {
    max-width: 200px;
}

#form1 div {
    position: relative;
}

#form1 .text-input,
#form1 textarea {
    font: 14px/20px helvetica, sans-serif;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: white;
    margin-bottom: 5px;
    display: inline-block;
    width: 40%;
    padding: 1% 1% 0.5% 1%;
    background: #57B404;
    color: white;
    outline: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

#form1 select {
    width: 100%;
    border: none;
    background: none;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#form1 .text-input:hover,
#form1 textarea:hover {
    border-color: #2897B2;
}

#form1 textarea {
    min-height: 100px;
    max-height: 350px;
    margin-top: 10px;
    resize: none;
}

#status_message_ok,
#status_message_error {
    background: #DCEBD0;
    border: 1px solid #B2C0A2;
    display: none;
    height: auto;
    margin-bottom: 45px;
}

#status_message_ok strong,
#status_message_error strong {
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px;
}

#status_message_ok span,
#status_message_error span {
    display: block;
    font-size: 13px;
    padding: 15px;
}

/* Msg-box */
.dsa-msg-box{
    background: #DCEBD0;
    border: 1px solid #B2C0A2;
    display: none;
    height: auto;
    margin-bottom: 45px;    
}

.dsa-msg-box strong{
    font-size: 15px;
    display: inline-block;
    margin-bottom: 5px;
}

.dsa-msg-box span{
    display: block;
    font-size: 13px;
    padding: 15px;
}

label.error {
    font-size: 10px;
    margin: 0;
    font-style: italic;
    padding: 4px 12px;
    display: block;
    background: rgb(228, 19, 19);
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 0;
}

#pdf-download a {
    margin-left: -2px;
}

input.error,
textarea.error {
    border-color: rgb(228, 19, 19) !important;
}

span.info {
    font-size: 10px;
    color: #9E9E9E;
    display: inline-block;
    margin: 20px 0
}

#form1 .text-input {
    width: 49%;
}

::-webkit-input-placeholder {
    color: #fff;
  opacity: 1 !important;
}

:-moz-placeholder {
    color: #fff;
  opacity: 1 !important;
}

::-moz-placeholder {
    color: #fff;
  opacity: 1 !important;

}
/*----------- ENDE FROMS ----------*/

#Nachricht {
    width: 98.5%!important;
    background: #57B404;
    color: white;
}

#textblog3 {
    background: #57B404;
    padding-bottom: 25px;
}

#textblog3 p {
    width: 100%;
}

#bestellung .links {
    box-shadow: none;
}

.required {
    color: white;
}

#sub_kontakt {
    font-family: 'Open Sans', sans-serif;
    width: 99%;
    background: #0189AF;
    padding-left: 10px;
}

#LIEFERADRESSE {
    color: white;
    font-family: 'Amatic SC', cursive;
    font-size: 25px;
    padding: 16px 0 17px 0;
}

#bestellung {
    height: auto;
    background: #57B404;
    margin-top: 100px;
    padding-bottom: 50px;
}

#accordion {
    font-size: 10px;
}

#accordion-1 h5 {
    width: 98.5%;
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    color: white;
    background-image: url(../images/pfeil.jpg);
    background-position: 95%;
    background-repeat: no-repeat;
    padding: 1% 55px 1% 2%;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
}

#accordion-1 td {
    padding: 10px 15px 10px 15px;
    font-size: 16px;
    color: white;
}

#accordion-1 th {
    font-size: 20px;
    color: white;
}

tr:nth-child(even) {
    background: #69CA13;
}

th {
    padding-bottom: 20px;
}

th:nth-child(1) {
    float: left
}

th:nth-child(2),
th:nth-child(3) {
    width: 100px;
}

td:nth-child(2) {
    text-align: right;
    width: 100px;
}

td:nth-child(3) {
    text-align: center;
    width: 100px;
}


.breite36 {
    width: 36%;
}

.breite10 {
    width: 10%;
}

.breite8 {
    width: 8%;
}

.breite27 {
    width: 27%;
}

.breite9 {
    width: 7%;
}

.thleft {
    text-align: left;
}

#rufnummer {
    width: 100%;
}

#download {
    margin-top: 144px;
}

#download img {
    padding-right: 30px;
}

#impressum-link {
    color: white;
    font-family: 'Amatic SC', cursive;
    font-size: 25px;
    line-height: 120%;
    margin-top: 176px;
}

#impressum-link a {
    color: #fff;
}

#impressum-link a:hover {
    text-decoration: underline;
}

#impressum {
    cursor: auto;
    margin: 0 auto;
    padding-bottom: 100px;
}

#impressum p {
    display: inline-block;
    padding-bottom: 50px;
    vertical-align: top;
   
    margin-top: 70px;
}

#impressum p:nth-of-type(2) {
    float: right;
    margin-top: 69px;
}

#impressum h3 {
    font-size: 55px;
    font-family: 'Amatic SC', cursive;
    color: #008EB0;
    margin: 120px 0 35px 0;
}

#impressum h5 {
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #424242;
    margin: 20px 0 10px 0;
}

#impressum td {
    text-align: left;
}
    
#impressum tr {
    font-weight: bold;
    text-align: left;
    color: #424242;
    background: #FFFFFF;
}

#impressum strong {
    font-weight: bold;
    color: #424242;
}

.drehung {
    width: 100px;
    height: 100px;
    margin: 24px -26px 0 0px;
    display: inline-block;
    vertical-align: top;
    -webkit-transform: rotate(45deg);
    /* chrome & safari*/
    -moz-transform: rotate(45deg);
    /* firefox */
    -o-transform: rotate(45deg);
    /* opera */
    transform: rotate(45deg);
    /* explorer > 9 */
    overflow: hidden;
}

.drehung img {
    width: 150px;
    height: 150px;
    margin: -26px 0 0 -30px;
    -webkit-transform: rotate(-45deg);
    /* chrome & safari*/
    -moz-transform: rotate(-45deg);
    /* firefox */
    -o-transform: rotate(-45deg);
    /* opera */
    transform: rotate(-45deg);
    /* explorer > 9 */
}

.drehung:nth-of-type(2) {
    margin: 110px 0 0 0;
}

.drehung:nth-of-type(3) {
    margin: 24px 0px 0 -26px;
}

.drehung:nth-of-type(8) {
    margin: -58px 0px 0 0px;
}

#aufschnitt,
#wapper2,
#wapper3 {
    width: 238px;
    height: 238px;
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
}



#wapper2 {
    margin-bottom: 8px;
}

#aufschnitt,
.imagesgroup {
    margin: 2px 2px 4px 2px;
    ;
    position: relative;
}

.imagesgroup {
    width: 113px;
    height: 113px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    position: relative;
}

.imagesgroup,
#wapper3 img,
#wapper2 img {
    display: inline-block;
}

.imagesgroup {
    width: 113px;
}

#bildbereich {
    width: 750px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    transform: rotate(45deg);
    margin: 100px 0 0 400px;
}

main {
    margin: 0 auto;
}

#gaestebuch img,
#gaestebuchmobile img {
    padding-top: 20px;
}

#gaestebuchmobile {
    display: none;
}

.placeholder {
    width: 113px;
    height: 113px;
    margin: 0 3px;
}

#aufschnitt img,
.imagesgroup img {
    transform: rotate(-45deg) translate(0, -25%)
}

#aufschnitt img {
    transform: rotate(-45deg) translate(00%, -19%);
}

#wapper4 {
    margin: 0 auto;
    max-width: 758px;
    margin-bottom: 100px;
}

#wapper5 {
    margin: 0 auto;
    max-width: 505px;
}

#wapper8 {
    margin: 0 auto;
    max-width: 1260px;
}

#accordion-1 {
    font-family: 'Open Sans', sans-serif;
    line-height: 90%;
}

.tableleft,
tableright {
    float: left;
    width: 50%;
    height: auto;
}

.tableright {
    float: right!important
}

#accordion-2 {
    cursor: pointer;
    width: 38%;
}

#accordion-2 h5 {
    width: 304px;
    font-size: 16px;
    margin-top: 70px;
    background: url(../images/guenerpfeil.jpg) no-repeat 285px 5px;
}

#pdf-download {
    width: 10%;
    height: 20px;
    margin: -94px 0 0 306px;
    padding-top: 20px;
}

#pdf-download img {
    padding-top: 4px;
    margin-top: 70px;
}

#textblog1 p {
    width: 430px;
    padding-top: 35px;
}

#pdf-download-responsive {display:none;}
/*--------------------------------------@media----------------------------------------------*/
@media screen and (max-width: 1245px) { 
    #pdf-download {display:none;}
    #pdf-download-responsive{display:block;}
    #pdf-download-responsive p {margin-top:10px; vertical-align:inherit; padding-bottom:0px; margin-right:0px !important;}
}
@media screen and (max-width: 1200px) {
    
    #pdf-download,
    .links:nth-of-type(2) {
        display: none;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 8%;
    }
    #bildbereich {
        margin-left: 25%;
    }
    .rechts:nth-of-type(4) {
        padding: 0;
        margin-top: 258px;
    }
    #wapper5 {
        max-width: 100%;
    }
    #obst {
        margin-left: -1%;
    }
}

@media screen and (max-width: 1100px) {
    #obst {
        margin: 180px 0 0 -20px;
    }
    #hunger2 a {
        margin-left: -20%
    }
    #impressum p {
        margin-right: 38px;
    }
    #sandwich {
        width: 50%;
    }
    #Nudeln {
        width: 50%;
    }
    #impressum p:nth-of-type(2) {
        float: none;
    }
    #kontak-hintergrund {
        float: right;
        margin-left: -5%
    }
}

@media screen and (max-width: 980px) {
    #textblog1 {
        width: 100%;
    }
    .rechts:nth-of-type(4) {
        width: 150%;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 50px;
    }
    #bildgalerie {
        display: none;
    }
    .mitte:nth-of-type(3),
    #mobil-textblog2 {
        display: block;
    }
    .rechts:nth-of-type(4) {
        margin-top: 0px;
    }
    #textblog2 {
        display: none;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 22%;
    }
    #Gastro-Awards p {
        width: 140%;
    }
    #wrapper,
    #footerbild,
    .hunger:nth-of-type(1) {
        display: none;
    }
    #breiterechts {
        width: 40%;
        margin-left: 35%;
    }
    #download {
        margin-top: 94px;
    }
    #impressum-link {
        padding-top: 29px;
        margin: 0;
    }
    #Gastro-Awards {
        width: 100%;
    }
    #impressum p:nth-of-type(2) {
        margin-top: 0;
    }
    #Nudeln {
        margin: 140px 0 0 69px
    }
    #sandwich {
        width: 50%;
        margin: 0 0 -60px -70px;
    }
    #footer1 h2 {
        line-height: 100%;
    }
    .links,
    .rechts {
        width: 20%;
    }
    .mitte {
        width: 60%;
    }
    #kontak-hintergrund {
        width: 192px;
        float: right;
        margin-top: 200px;
    }
    #suessspeisen {
        float: none;
        margin: 186px 0 0 30px;
    }
    #obst {
        margin: -168px 0px 0 106px;
        width: 200px;
    }
    #mittagstisch {
        margin-left: 30px;
    }
    #Fruehstueck {
        margin-right: 74px;
    }
    #accordion-2 h5 {
        margin: 100px 0 0 0;
    }
    #impressum p:nth-of-type(2) {
        padding: 0;
    }
    #accordion-2 {
        width: 300px;
    }
    .tableleft,
    tableright {
        float: none;
        height: auto;
        width: 100%;
    }
    #aufschnitt {
        margin-left: 58%;
    }
    #wapper2 {
        margin-left: 38%;
    }
    nav ul {
        padding-left: 55px;
    }
    #headline {
        margin-bottom: 5%;
    }
    #mobil-textblog2 p {
        padding-top: 35px;
    }
    #mobil-textblog2 p,
    #textblog1 p {
        width: 140%;
    }
}

@media screen and (max-width: 870px) {
    nav ul li {
        display: inline;
    }
    #Nudeln,
    #sandwich {
        width: 42%;
    }
    #Fruehstueck {
        margin-right: 8%;
    }
    #mobil-textblog2 p,
    #textblog1 p {
        width: 180%;
    }
    #mittagstisch {
        margin-top: 149px;
    }
    #Nudeln {
        margin: 101px 0 0 90px
    }
    #sandwich {
        margin-left: -37px
    }
    #obst {
        padding: 0;
        margin-left: 20%;
    }
    .rechts {
        margin-left: -48px;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 8%;
    }
    .links {
        width: 100%;
        display: block;
        height: 60px;
    }
    .mitte {
        margin-left: 5%;
        width: 80%;
    }
    .sticky {
        width: 470px;
        margin-left: 170px;
        padding-top: 20px;
    }
    .sticky ul {
        padding-left: 0;
        text-align: center;
    }
    .sticky ul li {
        padding: 0 25px 0 0;
    }
    .fixit {
        width: 100%;
        margin-left: 0;
    }
    .fixit ul {
        margin-left: 0;
    }
    #aufschnitt {
        margin-left: 36%;
    }
    #impressum p:nth-of-type(2) {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    main {
        overflow-x: hidden;
    }
    #wrapper {
        display: block;
    }
     .rechts:nth-of-type(4) {
        width: 100%;
    }
    #aufschnitt {
        margin: 0px 0 0 260px;
    }
    #kontak-hintergrund {
        float: none;
    }
    #Nudeln,
    #sandwich {
        width: 200px;
        padding: 0;
    }
    #Nudeln {
        margin: 115px 0 0 20%;
    }
    #mittagstisch {
        margin-top: 115px;
    }
    #sandwich {
        margin: 57px 0 -60px 3%;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4),
    .mitte {
        margin-left: 15%;
    }
    #form-oben,
    #formlmitte {
        background: none;
    }
    textblog1 {
        margin: 0;
    }
    
    #Gastro-Awards {
        width: 295px;
    }
    #wide-img,
    #formrechts,
    #kontak-hintergrund,
    #kontakt,
    #formlinks {
        display: none;
    }
    #formlmitte {
        margin-bottom: 80px;
    }
    #headline h1 {
        margin-top: 80px;
    }
    .sticky {
        margin-left: 18%;
    }
    #logo {
        left: 34%;
    }
    #form-oben {
        width: 100%;
    }
    .fixit {
        margin-left: 0;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        display: block;
        padding-left: 20px;
    }
    .mitte:nth-of-type(3) {
        margin-top: 130px;
    }
    #mitteformular {
        margin-left: 5%!important;
        width: 95%!important;
    }
    .tablelinks{width:50% !important;}
    .tablemitte, .tablerechts {width:24% !important;}

    .mitte {
        width: 90%;
    }
    #mittagstisch {
        margin-right: 2%;
    }
    #bildgalerie {
        display: none;
    }
    #mobil-textblog2 p,
    #textblog1 p {
        width: 200%;
    }
}

@media screen and (max-width:640px) {
    #gaestebuch {
        display: none;
    }
    #gaestebuchmobile {
        display: block;
    }
     .rechts:nth-of-type(4) {
        width: 80%;
    }
    

}

@media screen and (max-width:595px) {
    .sticky {
        margin-left: 12%;
    }
    .textblog-h2 {
        width: 295px;
    }
	
	#form1 #fullAmount {
		font-family: 'Amatic SC', cursive;
		padding: 10px 5px;
		left: 0;
		font-size: 15pt;
		color: #fff;
		z-index: 1000;
		font-weight: bold;
		position: fixed;
		top: 70px;
		background-color: rgba(54, 161, 191,0.9);
	}
	
    .links:nth-of-type(1) {
        height: 70px;
        box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
    }
    #logo {
        left: 30%;
    }
    .sticky ul {
        text-align: left
    }
    .sticky ul li {
        padding: 0 9px 0 0;
    }
    .fixit {
        margin-left: 0;
        padding-left: 12%;
    }
    #breiterechts {
        width: 100%;
        margin-left: 25%;
    }
    .mitte {
        margin-left: 8%
    }
    
    #Fruehstueck {
        margin-right: 0;
    }
   
    #mittagstisch {
        margin-top: 115px;
    }
    #sandwich {
        margin: 57px 0 -60px 5.5%;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 11%;
    }
    #impressum h3 {
        font-size: 50px;
    }
    #headline h1 {
        font-size: 38px;
    }
    #form1 .text-input {
        width: 100%;
    }
}

@media screen and (max-width:536px) {
    .sticky {
        margin-left: 5%;
    }
    #Gastro-Awards p {
        width: 100%;
    }
    #logo {
        left: 25%;
    }
    .fixit {
        margin-left: 0;
        padding-left: 5%;
    }
    .mitte {
        margin-left: 2%;
        width: 100%;
    }
    .mitte:nth-of-type(3),
    .rechts:nth-of-type(4) {
        margin-left: 6%;
        padding-left: 0;
    }
    .textblog-h2,
    #footer1 h2 {
        font-size: 50px;
    }
    #impressum {
        margin-left: 20px;
    }
    #textblog2 p,
    #textblog1 p {
        width: 200%;
    }
    #Nudeln,
    #sandwich,
    #obst {
        width: 40%;
        min-width: 144px;
    }
}

@media screen and (max-width:453px) {
    nav a {
        font-size: 30px;
    }
    .fixit {
        padding-left: 10px;
    }
    .textblog-h2,
    #footer1 h2 {
        font-size: 42px;
    }
    #live-dabei img{
        width: 100%;
    }
     #sandwich {
            margin: 105px 0 0 25px;
        }
    #live-dabei img{
    margin-right: 4px;
    height: auto;
}
}
    @media screen and (max-width:360px) {
        #mittagstisch,
        #suessspeisen,
        #Fruehstueck {
            margin-left: 32px;
            font-size: 14px
        }
        #suessspeisen {
            margin-top: 0px;
            padding-top: 120px;
        }
        #mittagstisch {
            margin-top: 200px;
        }
        #Nudeln {
            margin: 227px 0 0 74px;
        }
        #obst {
            margin: -145px 0 0 202px;
        }
        #sandwich {
            margin: 77px 0 0 25px;
        }
        .sticky {
            margin-left: 5px;
        }
        .fixit {
            margin: 0;
        }
        #logo {
            left: 50px;
        }
        #mobil-textblog2 p,
        #textblog1 p {
            width: 100%;
        }
        #live-dabei img {
            width: 325px;
        }
        .mitte:nth-of-type(3),
        .rechts:nth-of-type(4) {
            margin: 50px 0 0 20px;
            width: 85%;
        }
        #form1 .text-input {
            width: 99%;
        }
        #download,
        #impressum-link {
            margin: 20px 0 0 60px;
        }
        #impressum p:nth-of-type(2) {
            padding: 0;
        }
        .gastro-award {
            padding: 19px 0px 0 32px;
        }
        #breiterechts {
            margin: 0;
        }
        #accordion-1 h5 {
            font-size: 14px;
        }
        .hunger {
            float: none;
            margin: -80px 0 0 15px;
        }
    }
    @media screen and (max-width:355px) {
        #headline h1 {
            font-size: 210%;
        }
        #Nudeln,
        #sandwich,
        #obst {
            width: 55%;
        }
        .text {
            font-size: 15px;
        }
        nav a {
            font-size: 26px;
        }
        #impressum h3 {
            font-size: 42px;
        }
        #accordion-2 h5 {
            font-size: 15px;
            background: rgba(0, 0, 0, 0) url("../images/guenerpfeil.jpg") no-repeat scroll 265px 5px;
        }
        #live-dabei img {
            width: 100%;
            padding: 20px 20px 0 0;
        }
        #Gastro-Awards p {
            width: 90%;
        }
        .textblog-h2,
        #footer1 h2 {
            font-size: 38px;
        }
        #logo {
            left: 30px;
        }
        #obst,
        #sandwich,
        #Nudeln {
            position: relative;
            margin: 35px 0 0 35px;
        }
        #suessspeisen {
            margin-top: 0px;
            padding-top: 80px;
        }
        #mittagstisch {
            margin-top: 150px;
        }
    }
    #toggletext {
        margin: 50px 0 0 15px;
        font-size: 18px;
        line-height: 120%;
        font-family: 'Open Sans', sans-serif;
        color: #4a5254;
    }
    #togglediv {
        height: 50px;
        border-bottom: 2px solid #57B507;
    }