/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}
.anzeige {
    height:12px;
    line-height: 12px;
    font-family: sans-serif;
    font-size:10px;
    font-weight: bold;
    clear: none;
    position: absolute;
    top:10px;
    left:auto;
    right:10px;
}


#sonderanzeige{
	position:absolute;
	top:10px;
	left:10px;
}
.anzeige1 {
    height:12px;
    line-height: 12px;
    font-family: sans-serif;
    font-size:10px;
    font-weight: bold;
    clear: none;
    position: absolute;
    top:10px;
    left:auto;
    right:10px;
}
.colwhite {
    color:white;
}
.colblack {
    color:black;
}

#box {
    float: left;
    height: 215px;
    margin-left: 1.20124%;
    margin-top: 0px;
    clear: none;
    width: 97.601469%;
    background-image:url("img/header-bg.png");
    background-attachment:scroll;
    background-size:cover;
    position:relative;
    background-position:10% bottom;
    background-repeat:no-repeat no-repeat;
}

#NormaleBox1 {
    float: left;
    height: auto;
    margin: 26px 0px 0px 1.2%;
    clear: both;
    width: 30.933157%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box5 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    background-image:url("img/Cocktails.png");
    background-attachment: scroll;
    background-size: cover;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top: 0px;
    bottom: auto;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#text2 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box6 {
    float:left;
    height:59px;
    clear:both;
    width:99.993618%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-image:url("img/logo-essenundtrinken.png");
    background-attachment:scroll;
    background-size:auto;
    position:absolute;
    top:auto;
    left:0%;
    bottom:0px;
    background-position:100% 100%;
    background-repeat:no-repeat no-repeat;
}

#NormaleBox2 {
    float: left;
    height: auto;
    margin-left: 2.399518%;
    margin-top: 26px;
    clear: none;
    width: 30.704161%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    margin-right: 0%;
    min-height: 320px;
    position: relative;
    display: block;
}

#box7 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Ausflug.png");
    background-attachment: scroll;
    background-size: cover;
    position: absolute;
    top: 0px;
    bottom: auto;
    background-position: 50% 86%;
    background-repeat: no-repeat no-repeat;
}

#text3 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box8 {
    float:left;
    height:59px;
    clear:both;
    width:99.993571%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-image:url("img/logo-chefkoch.png");
    background-attachment:scroll;
    background-size:auto;
    position:absolute;
    top:auto;
    left:0%;
    bottom:0px;
    background-position:100% 100%;
    background-repeat:no-repeat no-repeat;
}

#NormaleBox3 {
    float: left;
    height: auto;
    margin: 26px 0% 0px 2.630488%;
    clear: none;
    width: 30.921312%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box9 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Weizen_Getty_Images.png");
    background-attachment:scroll;
    background-size:cover;
    position:absolute;
    top:0px;
    bottom:auto;
    background-position:50% 30%;
    background-repeat:no-repeat no-repeat;
}

#text4 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box10 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993616%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image:url("img/logo-stern.png");
    background-attachment: scroll;
    background-size: auto;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#HorizontaleBox1 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 1.200133%;
    clear: both;
    width: 64.26363%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box11 {
    float: left;
    height: 320px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    background-image:url("img/yt.png");
    background-attachment:scroll;
    background-size:cover;
    position:absolute;
    top:0px;
    bottom:auto;
    background-position:50% 50%;
    background-repeat:no-repeat no-repeat;
}

#text5 {
    float: left;
    font-size: 0.9em;
    width: 87.999%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
    position: absolute;
    top: 11px;
    left: 0.98301232%;
}

#box13 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.99232%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 0%;
    background-image:url("img/logo-box-franz.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#VertikaleBox1 {
    float: left;
    height: 660px;
    margin: -320px 0% 0px 35.875316%;
    clear: none;
    width: 30.920878%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
}

#box16 {
    float: left;
    height: 440px;
    clear: none;
    width: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-image:url("img/KarlSchiffner_Verkostung_105.png");
    background-attachment: scroll;
    background-size: cover;
    position: absolute;
    top: auto;
    bottom: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-position: 50% 50%;
    background-repeat: no-repeat no-repeat;
}

#text7 {
    float: left;
    font-size: 0.9em;
    width: 95.996935%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
    position: absolute;
    top: 21px;
    left: 2.036647%;
}

#box17 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993616%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: 140px;
    left: 0%;
    bottom: auto;
    background-image:url("img/logo-franziskaner.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#NormaleBox4 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 1.142017%;
    clear: both;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box14 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Maennermenue_teaser_300_225.jpg");
    background-attachment: scroll;
    background-size: cover;
    position: absolute;
    top: 0px;
    bottom: auto;
    background-position: 50% 0px;
    background-repeat: no-repeat no-repeat;
}

#text6 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box15 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993618%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-image:url("img/logo-chefkoch.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#NormaleBox5 {
    float: left;
    height: auto;
    margin: 20px 0px 0px -64.338874%;
    clear: none;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box18 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Bierquiz_Getty_Images.png");
    background-attachment: scroll;
    background-size: cover;
    position: absolute;
    top: 0px;
    bottom: auto;
    background-position: 50% 20%;
    background-repeat: no-repeat no-repeat;
}

#text8 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box19 {
    float:left;
    height:59px;
    clear:both;
    width:99.993618%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position:absolute;
    top:auto;
    left:0%;
    bottom:0px;
    background-image:url("img/logo-essenundtrinken.png");
    background-attachment:scroll;
    background-size:auto;
    background-position:100% 100%;
    background-repeat:no-repeat no-repeat;
}

#NormaleBox6 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 1.200133%;
    clear: both;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box20 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Geschmack.png");
    background-attachment: scroll;
    background-size: cover;
    position: absolute;
    top: 0px;
    bottom: auto;
    background-position: 50% 36%;
    background-repeat: no-repeat no-repeat;
}

#text9 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box21 {
    float:left;
    height:59px;
    clear:both;
    width:99.993618%;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    position:absolute;
    top:auto;
    left:0%;
    bottom:0px;
    background-image:url("img/logo-franziskaner.png");
    background-attachment:scroll;
    background-size:auto;
    background-position:100% 100%;
    background-repeat:no-repeat no-repeat;
}

#NormaleBox7 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 2.398604%;
    clear: none;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box22 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Bierartikel_teaser_300_225.jpg");
    background-attachment:scroll;
    background-size:cover;
    position:absolute;
    top:0px;
    bottom:auto;
    background-position:50% 50%;
    background-repeat:no-repeat no-repeat;
}

#text10 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box23 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993618%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-image:url("img/logo-chefkoch.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#NormaleBox8 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 2.466755%;
    clear: none;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box24 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Bier_brauen_Getty_Images.png");
    background-attachment:scroll;
    background-size:cover;
    position:absolute;
    top:0px;
    bottom:auto;
    background-position:50% 70%;
    background-repeat:no-repeat no-repeat;
}

#text11 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box25 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993618%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-image:url("img/logo-stern.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#HorizontaleBox2 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 2.443936%;
    clear: none;
    width: 64.340093%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
    display: block;
}

#box28 {
        width:48.079159%;
        height:340px;
        border-top-right-radius:0px;
        border-bottom-left-radius:10px;
        background-image:url("img/Geniesserrezepte.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat;

}

#text13 {
    float: left;
    font-size: 0.9em;
    width: 44.187224%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
    position: absolute;
    top: 31px;
    left: 53.236991%;
}

#box29 {
    float: left;
    height: 59px;
    clear: both;
    width: 48.179916%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 51.807167%;
    bottom: 0px;
    background-image:url("img/logo-essenundtrinken.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#NormaleBox9 {
    float: left;
    height: auto;
    margin: 20px 0px 0px 1.154809%;
    clear: both;
    width: 30.932513%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    box-shadow: rgb(189, 189, 189) 0px 0px 5px 5px;
    min-height: 320px;
    position: relative;
}

#box26 {
    float: left;
    height: 126px;
    clear: none;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-image:url("img/Brotzeit_teaser_300_225.jpg");
    background-attachment:scroll;
    background-size:cover;
    position:absolute;
    top:0px;
    bottom:auto;
    background-position:50% 20%;
    background-repeat:no-repeat no-repeat;
}

#text12 {
    float: left;
    font-size: 0.9em;
    width: 95.998596%;
    height: auto;
    text-align: left;
    font-weight: bold;
    line-height: 1.3em;
    margin: 131px 10px 5px;
    clear: none;
    min-height: 18px;
    font-family: georgia;
    font-style: italic;
}

#box27 {
    float: left;
    height: 59px;
    clear: both;
    width: 99.993618%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    top: auto;
    left: 0%;
    bottom: 0px;
    background-image:url("img/logo-franziskaner.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 100% 100%;
    background-repeat: no-repeat no-repeat;
}

#box12 {
    float: left;
    height: 125px;/*74*/
    margin-left: 0px;
    margin-top: 0px;
    clear: none;
    width: 100.006613%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0px;
    left: 0%;
}

#text {
    float: left;
    font-size: 3.3em;
    width: 100%;
    height: auto;
    text-align: center;
    font-weight: bold;
    line-height: 1em;
    margin-left: 0%;
    margin-top: 14px;
    clear: none;
    min-height: 65px;
    font-family: tahoma;
    color: rgb(255, 255, 255);
}

#box1 {
    float: left;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 32px;
    background-image:url("img/btn-bar.png");
    background-attachment: scroll;
    background-size: auto;
    position: absolute;
    top: 156px;
    left: -0.015625px;
    right: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box2 {
    float: left;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 185px;
    position: absolute;
    top: 156px;
    left: 31.984375px;
    background-image:url("img/btn-stern-normal.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box2:hover {
    background-image:url("img/btn-stern-over.png");
    background-attachment: scroll;
    display: block;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box3:hover {
    display: block;
    background-image:url("img/btn-essen-over.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box3 {
    float: left;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 144px;
    position: absolute;
    top: 156px;
    left: 216.984375px;
    background-image:url("img/btn-essen-normal.png");
    background-attachment: scroll;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box4:hover {
    display: block;
    background-image:url("img/btn-koch-over.png");
    background-attachment: scroll;
    background-size: auto;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#box4 {
    float: left;
    height: 44px;
    margin-left: 0px;
    margin-top: 0px;
    clear: both;
    width: 183px;
    position: absolute;
    top: 156px;
    left: 360.984375px;
    background-image:url("img/btn-koch-normal.png");
    background-attachment: scroll;
    background-size: auto;
    display: block;
    background-position: 0% 0%;
    background-repeat: no-repeat no-repeat;
}

#text1 {
    float:none;
    font-size:0.8em;
    width:163px;
    height:16px;
    text-align:left;
    font-weight:bold;
    line-height:1em;
    margin-left:0px;
    margin-top:0px;
    clear:both;
    min-height:0px;
    position:absolute;
    top:133px;
    left:360px;
    color:black;
    font-family:arial;
    text-transform:uppercase;
}

#FranzLogo {
    float: left;
    height: 215px;
    clear: none;
    width: 157px;
    background-image:url("img/franziskaner.png");
    background-attachment: scroll;
    background-size: 100%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0px;
    right: 7.9375px;
    display: block;
    background-position: 0% -204px;
    background-repeat: no-repeat no-repeat;
}

#textspan1 {
    font-style: normal;
    font-size: 0.8em;
    line-height: 1.3em;
    font-weight: normal;
    font-family: arial;
}

#textspan3 {
    font-style: normal;
    font-size: 0.8em;
    line-height: 1.3em;
    font-family: arial;
    font-weight: normal;
}

#textspan2 {
    float: none;
    font-size: 1em;
    line-height: 1.3em;
}

#textspan4 {
    font-family: arial;
    font-style: normal;
    font-size: 0.8em;
    line-height: 1.3em;
    font-weight: normal;
}

#textspan5 {
    font-size: 0.8em;
    line-height: 1.169921875em;
    font-family: arial;
    font-style: normal;
    font-weight: normal;
}

#textspan7 {
    font-family: arial;
    font-style: normal;
    font-size: 0.8em;
    font-weight: normal;
}

#textspan6 {
    font-style: normal;
    font-family: arial;
    font-weight: normal;
    font-size: 0.8em;
    line-height: 1.169921875em;
}

#textspan8 {
    font-style: normal;
    font-size: 0.8em;
    font-family: arial;
    line-height: 1.3em;
    font-weight: normal;
}

#textspan9 {
    font-family: arial;
    font-size: 0.8em;
    line-height: 1.169921875em;
    font-style: normal;
    font-weight: normal;
}

#textspan10 {
    font-family: arial;
    font-size: 0.8em;
    line-height: 1.169921875em;
    font-style: normal;
    font-weight: normal;
}

#textspan11 {
    font-family: arial;
    font-size: 0.8em;
    font-style: normal;
    font-weight: normal;
}

#textspan12 {
    font-family: arial;
    font-size: 0.8em;
    line-height: 1.169921875em;
    font-style: normal;
    font-weight: normal;
}

#textspan13 {
    font-family: arial;
    font-size: 0.8em;
    line-height: 1.169921875em;
    font-style: normal;
    font-weight: normal;
}

@media only screen and (max-width: 940px) {
    #NormaleBox1 {
        height: auto;
        clear: both;
        width: 30.932513%;
        position: relative;
        margin-top: 26px;
        margin-left: 1.198471%;
        border: 1px none rgb(189, 189, 189);
        margin-right: 0px;
        min-height: 320px;
        z-index: 1;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box {
        width: 97.601396%;
        height: 215px;
        margin-top: 0px;
        margin-left: 1.200133%;
        clear: none;
        background-image:url("img/header-bg.png");
        background-attachment:scroll;
        background-size:cover;
        position:relative;
        background-position:50% bottom;
        background-repeat:no-repeat no-repeat;
    }

    #box5 {
        width: 100%;
        height: 126px;
        z-index: 2;
        background-image:url("img/Cocktails.png");
        background-attachment: inherit;
        background-size: auto;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat;
    }

    #text2 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
        z-index: 2;
    }

    #NormaleBox2 {
        height: auto;
        margin-top: 26px;
        margin-right: 0%;
        margin-left: 2.400266%;
        clear: none;
        width: 30.934176%;
        position: relative;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box7 {
        width: 100%;
        height: 126px;
        background-image:url("img/Ausflug.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #text3 {
        width: 93%;
        line-height: 1.3em;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439011%;
    }

    #NormaleBox3 {
        height: auto;
        clear: none;
        margin-top: 26px;
        margin-left: 2.398604%;
        width: 30.920878%;
        position: relative;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box9 {
        width: 100%;
        height: 126px;
        background-image:url("img/Weizen_Getty_Images.png");
        background-attachment:scroll;
        background-size:cover;
        background-position:50% 30%;
        background-repeat:no-repeat no-repeat;
    }

    #text4 {
        width: 93%;
        line-height: 1.3em;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.44049%;
    }

    #box8 {
        background-image:url("img/logo-chefkoch.png");
        background-attachment:scroll;
        background-size:auto;
        margin-top:0px;
        margin-left:0px;
        clear:both;
        position:absolute;
        width:99.989253%;
        top:auto;
        left:0%;
        bottom:0px;
        background-position:100% 100%;
        background-repeat:no-repeat no-repeat;
    }

    #box10 {
        background-image:url("img/logo-stern.png");
        background-attachment: scroll;
        background-size: auto;
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
        position: absolute;
        width: 99.989248%;
        top: auto;
        left: 0%;
        bottom: 0px;
        background-position: 100% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #box6 {
        margin-top:0px;
        margin-left:0px;
        clear:none;
        position:absolute;
        width:99.989253%;
        top:auto;
        left:0%;
        bottom:0px;
        z-index:2;
        background-image:url("img/logo-essenundtrinken.png");
        background-attachment:inherit;
        background-size:auto;
        background-position:100% 100%;
        background-repeat:no-repeat no-repeat;
    }

    #HorizontaleBox1 {
        height: auto;
        clear: both;
        width: 64.26363%;
        position: relative;
        margin-top: 20px;
        margin-right: 0px;
        margin-left: 1.200133%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box11 {
        width: 100%;
        height: 320px;
        background-image:url("img/yt.png");
        background-attachment: scroll;
        background-size: cover;
        top: auto;
        left: 0%;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        bottom: 0px;
        display: block;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat;
    }

    #text5 {
        width:87.999%;
        position:absolute;
        margin:0px;
        top:31px;
        left:1.655415%;
    }

    #box13 {
        margin-top:0px;
        margin-left:0px;
        clear:none;
        position:absolute;
        width:99.987067%;
        top:15px;
        left:0%;
        bottom: 0px;
        background-image:url("img/logo-box-franz.png");
        background-attachment: inherit;
        background-size: auto;
        height: 59px;
        background-position: 100% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #VertikaleBox1 {
        height: 660px;
        clear: none;
        margin-top: -320px;
        margin-left: 35.844415%;
        width: 30.920878%;
        position: relative;
        margin-right: 0%;
        display: block;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box16 {
        width: 100%;
        height: 440px;
        background-image:url("img/KarlSchiffner_Verkostung_105.png");
        background-attachment: scroll;
        background-size: cover;
        top: auto;
        left: 0%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        bottom: 0px;
        background-position: 50% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #text7 {
        width: 93%;
        line-height: 1.3em;
        position: absolute;
        margin: 0px;
        top: 31px;
        left: 3.435115%;
    }

    #box17 {
        margin-top: 0px;
        margin-left: 0px;
        clear: both;
        position: absolute;
        width: 99.989248%;
        top: 180px;
        left: 0%;
        bottom: auto;
        background-image:url("img/logo-franziskaner.png");
        background-attachment: scroll;
        background-size: auto;
        height: 59px;
        background-position: 100% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #NormaleBox4 {
        height: auto;
        clear: both;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: 1.170213%;
        margin-right: 0px;
        display: block;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box14 {
        width: 100%;
        height: 126px;
        background-image:url("img/Maennermenue_teaser_300_225.jpg");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 0px;
        background-repeat: no-repeat no-repeat;
    }

    #text6 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box15 {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        position: absolute;
        width: 99.989253%;
        top: auto;
        left: 0%;
        bottom: 0px;
    }

    #NormaleBox5 {
        height: auto;
        clear: none;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: -64.336769%;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box18 {
        width: 100%;
        height: 126px;
        background-image:url("img/Bierquiz_Getty_Images.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 12%;
        background-repeat: no-repeat no-repeat;
    }

    #text8 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box19 {
        margin-top:0px;
        margin-left:0px;
        clear:none;
        position:absolute;
        width:99.989253%;
        top:auto;
        left:0%;
        bottom:0px;
        background-image:url("img/logo-essenundtrinken.png");
        background-attachment:scroll;
        background-size:auto;
        background-position:100% 100%;
        background-repeat:no-repeat no-repeat;
    }

    #NormaleBox6 {
        height: auto;
        clear: both;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: 1.200133%;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box20 {
        width: 100%;
        height: 126px;
        background-image:url("img/Geschmack.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 36%;
        background-repeat: no-repeat no-repeat;
    }

    #text9 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box21 {
        margin-top:0px;
        margin-left:0px;
        clear:none;
        position:absolute;
        width:99.989253%;
        top:auto;
        left:0%;
        bottom:0px;
        background-image:url("img/logo-franziskaner.png");
        background-attachment:scroll;
        background-size:auto;
        background-position:100% 100%;
        background-repeat:no-repeat no-repeat;
    }

    #NormaleBox7 {
        height: auto;
        clear: none;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: 2.398604%;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box22 {
        width: 100%;
        height: 126px;
        background-image:url("img/Bierartikel_teaser_300_225.jpg");
        background-attachment:scroll;
        background-size:cover;
        background-position:50% 50%;
        background-repeat:no-repeat no-repeat;
    }

    #text10 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box23 {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        position: absolute;
        width: 99.989253%;
        top: auto;
        left: 0%;
        bottom: 0px;
    }

    #NormaleBox8 {
        height: auto;
        clear: none;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: 2.466755%;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box24 {
        width: 100%;
        height: 126px;
        background-image:url("img/Bier_brauen_Getty_Images.png");
        background-attachment:scroll;
        background-size:cover;
        background-position:50% 70%;
        background-repeat:no-repeat no-repeat;
    }

    #text11 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box25 {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        position: absolute;
        width: 99.989253%;
        top: auto;
        left: 0%;
        bottom: 0px;
        background-image:url("img/logo-stern.png");
        background-attachment: scroll;
        background-size: auto;
        background-position: 100% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #HorizontaleBox2 {
        height: auto;
        clear: none;
        width: 64.340093%;
        position: relative;
        margin-top: 20px;
        margin-left: 2.480053%;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box28 {
        width:48.079159%;
        height:340px;
        border-top-right-radius:0px;
        border-bottom-left-radius:10px;
        background-image:url("img/Geniesserrezepte.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat;
    }

    #text13 {
        width: 44.18839%;
        height: auto;
        margin: 0px;
        clear: none;
        position: absolute;
        top: 21px;
        left: 53.331439%;
    }

    #box29 {
        margin-top: 0px;
        margin-left: 0px;
        clear: none;
        position: absolute;
        width: 48.179916%;
        top: auto;
        left: 51.807167%;
        bottom: 0px;
        height: 59px;
        background-image:url("img/logo-essenundtrinken.png");
        background-attachment: scroll;
        background-size: auto;
        background-position: 100% 100%;
        background-repeat: no-repeat no-repeat;
    }

    #NormaleBox9 {
        height: auto;
        clear: both;
        width: 30.932513%;
        position: relative;
        margin-top: 20px;
        margin-left: 1.200133%;
        margin-right: 0px;
        display: block;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box26 {
        width: 100%;
        height: 126px;
        background-image:url("img/Brotzeit_teaser_300_225.jpg");
        background-attachment:scroll;
        background-size:cover;
        background-position:50% 20%;
        background-repeat:no-repeat no-repeat;
    }

    #text12 {
        width: 93%;
        position: absolute;
        margin: 0px;
        top: 131px;
        left: 3.439196%;
    }

    #box27 {
        margin-top:0px;
        margin-left:0px;
        clear:none;
        position:absolute;
        width:99.989253%;
        top:auto;
        left:0%;
        bottom:0px;
        background-image:url("img/logo-stern.png");
        background-attachment:scroll;
        background-size:auto;
        background-position:100% 100%;
        background-repeat:no-repeat no-repeat;
    }

    #textspan7 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-weight: normal;
        font-style: normal;
    }

    #textspan3 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan4 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan5 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan6 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan8 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan9 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan10 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan11 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan12 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan13 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #textspan1 {
        float: none;
        font-size: 0.8em;
        line-height: 1.3em;
        font-family: arial;
        font-style: normal;
        font-weight: normal;
    }

    #box12 {
        float:left;
        height:125px;
        margin-left:0px;
        margin-top:0px;
        clear:none;
        width:100.126743%;
        border-top-left-radius:10px;
        border-top-right-radius:10px;

        background-color: rgb(255, 255, 255);
        position: absolute;
        top: 0px;
        left: 0%;
    }

    #text {
        float: left;
        font-size: 3.3em;
        width: 100%;
        height: auto;
        text-align: center;
        font-weight: bold;
        line-height: 1em;
        margin-left: 0%;
        margin-top: 30px;
        clear: none;
        min-height: 65px;
        font-family: tahoma;
        color: rgb(255, 255, 255);
    }

    #box1 {
        float: left;
        height: 44px;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        background-image:url("img/btn-bar.png");
        background-attachment: scroll;
        background-size: auto;
        position: absolute;
        top: auto;
        left: 0px;
        right: auto;
        width: 32px;
        bottom: 20px;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box2 {
        float: left;
        height: 44px;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        position: absolute;
        top: auto;
        left: 32px;
        background-image:url("img/btn-stern-normal.png");
        background-attachment: scroll;
        background-size: auto;
        width: 185px;
        bottom: 20px;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box2:hover {
        background-image:url("img/btn-stern-over.png");
        background-attachment: scroll;
        display: block;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box3:hover {
        display: block;
        background-image:url("img/btn-essen-over.png");
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box3 {
        float: left;
        height: 44px;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        width: 144px;
        position: absolute;
        top: auto;
        left: 217px;
        background-image:url("img/btn-essen-normal.png");
        background-attachment: scroll;
        background-size: auto;
        display: block;
        bottom: 20px;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box4:hover {
        display: block;
        background-image:url("img/btn-koch-over.png");
        background-attachment: scroll;
        background-size: auto;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #box4 {
        float: left;
        height: 44px;
        margin-left: 0px;
        margin-top: 0px;
        clear: both;
        position: absolute;
        top: auto;
        left: 361px;
        background-image:url("img/btn-koch-normal.png");
        background-attachment: scroll;
        background-size: auto;
        display: block;
        width: 183px;
        bottom: 20px;
        background-position: 0% 0%;
        background-repeat: no-repeat no-repeat;
    }

    #text1 {
        float:none;
        font-size:1em;
        width:163px;
        height:16px;
        text-align:left;
        font-weight:normal;
        line-height:1em;
        margin-left:0px;
        margin-top:0px;
        clear:both;
        min-height:0px;
        position:absolute;
        top:129px;
        left:360px;
    }

    #textspan {
        float:none;
        font-size:0.8em;
        line-height:1em;
        font-family:arial;
        font-weight:bold;
        color:rgb(0, 0, 0);
        text-transform:uppercase;
    }

    #FranzLogo {
        float: left;
        height: 215px;
        margin-left: 0px;
        margin-top: 0px;
        clear: none;
        width: 159.03125px;
        margin-right: 0px;
        background-image:url("img/franziskaner.png");
        background-attachment: scroll;
        background-size: 100%;
        position: absolute;
        top: auto;
        left: auto;
        right: 0.1875px;
        bottom: 0px;
        display: block;
        background-position: 0% -203px;
        background-repeat: no-repeat no-repeat;
    }
}

@media only screen and (max-width: 824px) {
    #NormaleBox2 {
        min-height: 340px;
        width: 30.933328%;
        margin-top: 26px;
        margin-left: 2.400637%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box8 {
        margin-top: 51px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox1 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 26px;
        margin-left: 1.19463%;
        clear: both;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
        border-style: none;
    }

    #NormaleBox3 {
        min-height: 340px;
        width: 30.920055%;
        margin-top: 26px;
        margin-left: 2.400637%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box10 {
        margin-top: 16px;
        margin-left: 0%;
        clear: both;
    }

    #box6 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #HorizontaleBox1 {
        min-height: 0px;
        height: 320px;
        width: 64.263501%;
        margin-top: 20px;
        margin-left: 1.19463%;
        clear: both;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box13 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #VertikaleBox1 {
        min-height: 340px;
        width: 30.920055%;
        height: 680px;
        margin-top: -320px;
        margin-left: 35.823726%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box17 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox4 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-right: 0px;
        margin-left: 1.19463%;
        clear: both;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box15 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox5 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-left: -64.337454%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box19 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox6 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-left: 1.19463%;
        clear: both;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box21 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox7 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-left: 2.400637%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box23 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox8 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-left: 2.467005%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box25 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #box {
        width: 97.601259%;
        height: 215px;
        margin-top: 0px;
        margin-left: 1.198422%;
        clear: none;
        background-image:url("img/header-bg.png");
        background-attachment:scroll;
        background-size:cover;
        background-position:50% bottom;
        background-repeat:no-repeat no-repeat;
    }

    #HorizontaleBox2 {
        min-height: 340px;
        width: 64.337454%;
        margin-top: 20px;
        margin-left: 2.347542%;
        clear: none;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box28 {
        height:340px;
        background-image:url("img/Geniesserrezepte.png");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat no-repeat;
    }

    #text13 {
        margin-top: 21px;
        margin-left: 27.65625px;
        clear: none;
        width: 44.188034%;
        top: 1px;
        left: 46.86%;
        bottom: auto;
        right: auto;
    }

    #box29 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
        bottom: 0px;
        left: 51.806661%;
        top: auto;
        width: 48.178603%;
        height: 59px;
    }

    #NormaleBox9 {
        min-height: 340px;
        width: 30.931432%;
        margin-top: 20px;
        margin-left: 1.154809%;
        clear: both;
        margin-right: 0px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box27 {
        margin-top: 17px;
        margin-left: 0%;
        clear: both;
    }

    #box26 {
        background-image:url("img/Brotzeit_teaser_300_225.jpg");
        background-attachment: scroll;
        background-size: cover;
        background-position: 50% 20%;
        background-repeat: no-repeat no-repeat;
    }

    #text {
        width: 70.33413%;
        height: auto;
        margin-top: 60px;
        margin-left: 10.131725%;
        clear: none;
        font-size: 3em;
    }

    #text1 {
        width: 163px;
        height: 16px;
    }

    #box1 {
        width: 32px;
        height: 44px;
    }

    #box2 {
        width: 185px;
        height: 44px;
    }

    #box3 {
        width: 144px;
        height: 44px;
    }

    #box4 {
        width: 183px;
        height: 44px;
    }

    #FranzLogo {
        width: 160px;
        height: 215px;
        background-image:url("img/franziskaner.png");
        background-attachment: scroll;
        background-size: 100%;
        bottom: 0px;
        right: -4.8125px;
        background-position: 0% -203px;
        background-repeat: no-repeat no-repeat;
    }

    #box12 {
        height: 125px;
    }
}

@media only screen and (max-width: 620px) {
    #NormaleBox1 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #NormaleBox2 {
        min-height: 360px;
        width: 30.93246%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #NormaleBox3 {
        min-height: 360px;
        width: 30.919859%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box8 {
        margin-top: 40px;
        margin-left: 0%;
        clear: both;
    }

    #box6 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #box10 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #HorizontaleBox1 {
        min-height: 360px;
        width: 64.261593%;
        height: 360px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box13 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
        width: 99.984313%;
        height: 59px;
    }

    #VertikaleBox1 {
        min-height: 360px;
        margin-top: -360px;
        margin-left: 35.821573%;
        clear: none;
        height: 740px;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box17 {
        margin-top: 0px;
        margin-left: 0%;
        clear: both;
        width: 99.983699%;
        height: 59px;
    }

    #NormaleBox4 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box15 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox5 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box19 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox6 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box21 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox7 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box23 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #NormaleBox8 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box25 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #HorizontaleBox2 {
        min-height: 360px;
        width: 64.337198%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box29 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
        bottom: 0px;
        left: 51.803831%;
        width: 48.176583%;
        height: 59px;
    }

    #NormaleBox9 {
        min-height: 360px;
        width: 30.92994%;
        box-shadow: rgb(189, 189, 189) 0px 0px 5px 2px;
    }

    #box27 {
        margin-top: 22px;
        margin-left: 0%;
        clear: both;
    }

    #text {
        font-size: 2.3em;
        height: auto;
        margin-top: 30px;
        margin-left: 22.549577%;
        clear: none;
        width: 39.103491%;
        text-align: left;
    }

    #FranzLogo {
        bottom: 70px;
        right: 6.421875px;
        width: 134px;
        height: 145px;
        background-image:url("img/franziskaner.png");
        background-attachment: scroll;
        background-size: 100%;
        background-position: 0% -169px;
        background-repeat: no-repeat no-repeat;
    }

    #box11 {
        height: 360px;
    }

    #text5 {
        width: 87.999%;
    }

    #box {
        width: 97.600806%;
        height: 215px;
    }

    #box16 {
        height: 440px;
    }

    #text7 {
        width: 92.998614%;
    }

    #text13 {
        top: 1px;
        left: 186.66px;
        width: 41.19%;
        bottom: auto;
        right: auto;
    }

    #box28 {
        width:48.078656%;
        height:340px;
    }

    #text1 {
        width: 163px;
        height: 16px;
    }

    #box1 {
        width: 32px;
        height: 44px;
    }

    #box2 {
        width: 185px;
        height: 44px;
    }

    #box3 {
        width: 144px;
        height: 44px;
    }

    #box4 {
        width: 183px;
        height: 44px;
    }
}

@media only screen and (max-width: 428px) {
    #text {
        font-size: 1.5em;
        width: 89.178574%;
    }

    #FranzLogo {
        width: 74.96875px;
        height: 145px;
        background-image:url("img/franziskaner.png");
        background-attachment: scroll;
        background-size: 100%;
        background-position: 0% -77px;
        background-repeat: no-repeat no-repeat;
    }

    #text1 {
        width: 163px;
        height: 16px;
    }

    #box1 {
        width: 5.453125px;
        height: 44px;
    }

    #box2 {
        width: 160px;
        height: 44px;
        bottom: 20px;
        left: 6px;
    }

    #box3 {
        width: 115.1875px;
        height: 44px;
        bottom: 20px;
        left: 165px;
    }

    #box4 {
        width: 185px;
        height: 44px;
        bottom: 20px;
        left: 279px;
    }
}