@media only screen and (min-width: 1820px) {
    #topmodule {
        min-height: 19vh !important;
    }
}

@media only screen and (max-width: 1834px) {
    .staff-items-list article.staff .data span {
        font-size: 1.5em;
        height: 65px;
    }
}

@media only screen and (max-width: 1740px) {
    #mainmenu ul.menu.presseportal > li > a {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 1600px) {
    #slider-boxes .slider-box.item-1 {
        clear: none;
    }
    .beer-single .beer-single-awards > .awardimg {
        width: 49%;
    }
}

@media only screen and (max-width: 1600px) and (min-width: 971px) {
    .module-box.success .left #medals {
        text-align: center;
        width: 400px;
    }
}

@media only screen and (max-width: 1531px) {
    .assortment > .item > figure.image > a > p.readmore,
    .beers-of-same-cat a > p.readmore {
        font-size: 1.2em;
        height: 28%;
    }
    .item.event .content .infos .locationdetails {
        font-size: 1.7em;
    }
    .staff-items-list article.staff .data span {
        font-size: 1.2em;
        height: 45px;
    }
    .press.items .item.downloadimage .downloadlist {
        min-height: 36vw;
    }
    #mainmenu ul.menu.presseportal>li a {
        font-size: 1.0em;
    }
}

@media only screen and (max-width: 1448px) {
    #mainmenu ul.menu>li>a,
    .menu.presseportal > li > a {
        font-size: 1.1em;
    }
    #staff .filter-item,
    .event-filter .filter-item {
        width: 50%;
    }

	#filter .filter-item:nth-child(3),
	.event-filter .filter-item:nth-child(3)	{
		border-top: 1px solid #fff;
	}	    
    #filter .filter-item {
	    margin-top: 15px;
	    padding-top: 9px;
    }
    #staff article.item.staff {
        width: 33.33%;
    }
    .homebox .item a {
        bottom: 25px;
        left: 40px;
    }
    .items.events article.item > .text h3 {
        font-size: 2.6em;
    }
    .items.events article.item > .time > time {
        font-size: 2em;
    }
    .items.jobs table {
        width: 100%;
    }
    .staff-items-list article.staff .data strong {
        font-size: 1.5em;
    }
    #main #cck-top-slide .headline h2 {
        font-size: 2em;
    }
    #main #cck-top-slide .headline h3 {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 1350px) and (min-width: 1131px) {
    #social-media {
        top: 40px;
    }
    #social-media img {
        height: 24px;
    }
}

@media only screen and (max-width: 1350px) {
    #mainmenu ul.menu > li > a {
        font-size: 1.1em;
    }
    #mainmenu ul.menu {
        padding-top: 4px;
    }
    #mainmenu ul.menu>li {
        margin: 0 2px;
    }
    #mainmenu .resp ul.menu {
        padding-right: 90px;
    }
    #main #cck-top-slide > .sequence-prev {
        left: 0.5%;
    }
    #main #cck-top-slide > .sequence-next {
        right: 0.5%;
    }
    #slider-boxes .slider-box {
        width: 16%;
    }
    .module-box.events ul li h3 {
        font-size: 1.4em;
    }
    .homebox .item a {
        padding: 14px;
    }
    #article-slider figcaption.headline {
        font-size: 1.1em;
    }
    .assortment > .item > header {
        float: left;
        padding: 0 2.9% 0 4.55%;
        width: 100%;
    }
    .assortment > .item > header h3 {
        display: inline-block;
        margin: 7% 0;
    }
    .assortment > .item figure.image {
        width: 100%;
    }
    .assortment > .item > figure.image > a > p.readmore,
    .beers-of-same-cat a > p.readmore {
        font-size: 1.44em;
    }
    .beer-single .bottle {
        width: 16%;
    }
    .beer-single .content {
        width: 35%;
    }
    .beer-single .content .text {
        width: 90%;
    }
    .item.news > .content > header a,
    .item.event header > div > a,
    .item.job header > div > a,
    .item.full.presstext header > div > a {
        font-size: 1.2em;
    }
    .item.news > .content > header a > div:before,
    .item.event header a > div:before,
    .item.job header a > div:before,
    .item.full.presstext header a > div:before {
        right: 180px;
        top: -3px;
    }
    .staff-list-text-filter .staff-list-filter .filter-item {
        width: 49.33%;
    }
    .video-item .text p {
        max-height: 38px;
    }
}

@media only screen and (max-width: 1200px) {
    .beer-single .bottle {
        min-width: 100px;
    }
    .beer-single .content {
        width: 60%;
    }
    .beer-single .compass {
        clear: both;
        margin-top: 10%;
        width: 49%;
    }
    .beer-single .beer-single-awards {
        margin-top: 10%;
        width: 49%;
    }
    .beer-single .beer-single-awards > .awardimg {
        width: 25%;
    }
    #mainmenu .resp .presseportal,
    #mainmenu .module-box {
        border: none;
        float: none;
    }
    #mainmenu ul.menu.presseportal {
        max-height: 0;
        overflow: hidden;
        clear: both;
        -webkit-transition: max-height 0.6s;
        transition: max-height 0.6s;
    }
    #mainmenu .resp ul.menu.presseportal>li {
        float: none;
        display: block;
        border-bottom: 1px solid #dedede;
        text-align: center;
        width: 100%;
        padding: 0px 0;
        margin: 0;
    }
    #mainmenu .resp ul.menu.presseportal>li:last-child {
        margin-right: 0;
    }
    #mainmenu .resp ul.menu.presseportal>li>a {
        border: none;
        display: block;
        padding: 20px 13px 13px;
    }
    #mainmenu ul.menu.presseportal>li>a:before {
        display: none;
    }
    #mainmenu ul.menu.presseportal>li.active,
    #mainmenu ul.menu.presseportal>li:hover {
        background: #464646;
    }
    #mainmenu .resp input:checked + ul.menu.presseportal {
        max-height: 1000px;
    }
    #mainmenu .resp ul.menu.presseportal li:hover>div>ul {
        max-height: 0;
    }
    #mainmenu .resp ul.menu.presseportal input:checked + div>ul {
        max-height: 410px;
    }
    #mainmenu .resp ul.menu.presseportal div.sub-wrap {
        background-color: #DEDEDE;
        left: 0;
        position: relative;
    }
    #mainmenu ul.menu.presseportal li label {
        display: block;
        position: absolute;
        top: 6px;
        left: 10px;
        z-index: 999;
    }
    #mainmenu > div > ul.presseportal > li.active > label span {
        border-color: #fff;
    }
    #mainmenu > div > ul.presseportal > li > div > ul > li.active > a {
        color: #fff;
    }
    #mainmenu > ul.social-media {
        max-height: 140px;
    }
    #mainmenu > ul.social-media li {
        border-bottom: none;
    }
    #mainmenu > ul.social-media li:hover {
        background: none;
    }
}

@media only screen and (max-width: 1150px) {
    .video-item {
        ;
        width: 33%;
    }
    .trad-text-box > .text {
        margin-bottom: 11%;
    }
}

@media only screen and (max-width: 1100px) {
    .chronicle .item .text {
        width: 55%;
    }
    .article-content .text.col2,
    .item.full.presstext .text {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px;
    }
    #article-slider figcaption.headline {
        font-size: 1em;
        padding: 3px;
    }
    .items.events article.item > .time > time {
        font-size: 1.29em;
    }
    .items.events article.item > .text h3 {
        font-size: 2.1em;
    }
    .items.jobs {
        padding: 0px 1% 0 0.5%;
    }
    .staff-items-list article.staff .data span {
        font-size: 1em;
    }
    .staff-items-list article.staff .data strong {
        font-size: 1.3em;
    }
    .press.items .item.downloadimage .downloadlist li strong {
        display: none;
    }
    .press.items .item.downloadimage .downloadlist li svg {
        display: block;
    }
}

@media only screen and (max-width: 1130px) {
    #mainmenu {
        padding-right: 15px
    }
    #mainmenu .resp,
    #mainmenu .module-box {
        border: none;
        float: none;
    }
    #mainmenu .resp>label {
        display: block;
        float: left;
        margin-bottom: 20px;
    }
    #mainmenu .resp ul.menu {
        max-height: 0;
        padding-right: 0;
        overflow: hidden;
        clear: both;
        -webkit-transition: max-height 0.6s, padding-bottom 0.6s;
        transition: max-height 0.6s, padding-bottom 0.6s;
    }
    #mainmenu .resp ul.menu>li {
        float: none;
        display: block;
        border-bottom: 1px solid #dedede;
        text-align: center;
        width: 100%;
        padding: 0px 0;
        margin: 0;
    }
    #mainmenu .resp ul.menu>li:last-child {
        margin-right: 0;
    }
    #mainmenu .resp ul.menu>li>a {
        border: none;
        display: block;
        padding: 20px 13px 13px;
    }
    #mainmenu ul.menu>li>a:before,
    .menu.presseportal > li > a:before {
        display: none;
    }
    #mainmenu ul.menu>li.active,
    #mainmenu ul.menu>li:hover {
        background: #464646;
    }
    #mainmenu .resp input:checked + ul.menu {
        max-height: 1000px;
        padding-bottom: 70px;
    }
    #mainmenu .resp ul.menu li:hover>div>ul {
        max-height: 0;
    }
    #mainmenu .resp ul.menu input:checked + div>ul {
        max-height: 410px;
    }
    #mainmenu .resp ul.menu div.sub-wrap {
        background-color: #DEDEDE;
        left: 0;
        position: relative;
    }
    #mainmenu ul.menu li label {
        display: block;
        position: absolute;
        top: 6px;
        left: 10px;
        z-index: 999;
    }
    #mainmenu > div > ul > li.active > label span {
        border-color: #fff;
    }
    #mainmenu > div > ul > li > div > ul > li.active > a {
        color: #fff;
    }
    #mainmenu > ul.social-media {
        max-height: 140px;
    }
    #mainmenu > ul.social-media li {
        border-bottom: none;
    }
    #mainmenu > ul.social-media li:hover {
        background: none;
    }
    #mainmenu .resp ul.menu div.sub-wrap li {
        text-align: center;
    }
    div.mod-languages {
        left: 75px;
    }
    #topmodule #logo {
        left: 50%;
        transform: translate(-50%, 0);
    }
}

@media only screen and (max-width: 1040px) {
    .items.news article.item >.text > header h3 {
        font-size: 1.4em;
    }

    .gastronom.items .item{
        width: 49%;
        padding-right: 0.5%;
        padding-left: 0.5%;
    }

    .gastronom.banner .logo-wrapper>.logo{
        width: 25%;
    }
}

@media only screen and (max-width: 970px) {
    #main #cck-top-slide .headline {
        left: 5%;
        bottom: 25%;
        max-width: 50%;
    }
    #slider-boxes {
        position: relative;
        padding: 5%;
    }
    .module-box.events .w-50.bg {
        opacity: 0.4;
        width: 100%;
    }
    #slider-boxes .slider-box {
        width: 32.23%;
    }
    .module-box .left,
    .module-box .right {
        width: 100%;
    }
    .module-box .bg-img,
    .module-box.success .right img.medal {
        display: none;
    }
    .module-box.news-list ul li h3 {
        padding-left: 120px;
    }
    .module-box.news-list ul li {
        font-size: 0.8em;
    }
    .module-box.success .right {
        float: none;
        position: static;
        padding: 0;
    }
    .module-box.success .right img.awards {
        left: auto;
        top: auto;
        right: 0;
        width: 130px;
        bottom: 0;
    }
    .module-box.success .left #medals {
        text-align: center;
    }
    .module-box.success {
        padding-bottom: 100px;
    }
    #medals .medal {
        margin: 0 3%;
    }
    .press.items .item.presstext {
        width: 48%;
    }
	input[type=radio].team-check + label, .zforms input[type=radio] + label   {
		font-size: 0.86em;
	}    
	.press-menu .resp {
		padding: 0  4.55%;	
	}	
    .press-menu .resp > label {
		display: block;
	}
	.menu.presseportal {
		max-height: 0px;
		overflow: hidden;
		padding-top: 0;
		opacity: 0;
		transition: max-height .4s, opacity .4s, padding .4s;
	}
    .press-menu .resp > input:checked + ul.menu.presseportal {
		max-height: 500px;
		opacity: 1;
		padding-top: 2em;
    }
	.menu.presseportal > li {
		width: 100%;
		text-align: left;
		border-bottom: 1px solid #fff;
	}
	.menu.presseportal > li > a {
		border: none;
		padding: 0 0 10px;
	}		
	.menu.presseportal > li.active>a {
		font-family:'Santral-ExtraBold', 'Times New Roman';
		color: #ecbc6a;
	}
}

@media only screen and (max-width: 970px) and (min-width: 561px) {
    #slider-boxes .slider-box.item-2,
    #slider-boxes .slider-box.item-5 {
        margin-right: 0;
    }
    #slider-boxes .slider-box {
        margin: 0 5% 5% 0;
    }
    /*.module-box.success .img > .awards { left: }*/
}

@media only screen and (max-width: 970px) {
    .module-box #success .w-50.txt {
        width: 100%;
    }
    #staff article.item.staff {
        width: 50%;
    }
    .tradition header h4:after {
        height: 102px;
        top: 60px;
        width: 157px;
    }
    section.tradition .trad-images img {
        width: 50%;
    }
    .chronicle .item .text {
        margin-top: 0;
    }
    .module-box.assortment-intro .text,
    .module-box.jobs-intro .text {
		width: 100%;
    }
    .assortment > .item > header {
        font-size: 1.5em;
    }
    .assortment > .item > figure.image > a > p.readmore,
    .beers-of-same-cat a > p.readmore {
        font-size: 1.2em;
    }
    #article-slider.col1 figcaption.headline h2 {
        font-size: 1em;
        line-height: 18px;
    }
    #article-slider.col1 .cycle-pager {
        display: none;
    }
    .staff-list-text-filter .staff-list-text,
    .staff-list-text-filter .staff-list-filter {
        margin-bottom: 20px;
        width: 100%;
    }
	.staff-list-filter .filter-item:nth-child(4)	{
	        border-top: none;
	        
	}	   
    .staff-list-text-filter #staff-text,
    .staff-list-text-filter .staff-list-text .staff-schwarz {
        width: 50%;
    }
    .staff-list-text-filter .staff-list-filter {
        margin-top: 0;
    }
    .staff-list-text-filter .staff-list-filter .filter-item {
        width: 33.33%;
    }
    .gallery .images .image {
        width: 32%;
    }  
    .items.news article.item {
	    width: 50%;
    }
}

@media only screen and (max-width: 870px) {
    .module-box.events ul li time {
        height: 50px;
        line-height: 50px;
        width: 120px;
    }
    #bottom-blocks {
        padding: 5%;
        width: 100%;
    }
    .login,
    .nav-tabs {
        width: 100%;
    }
    .chronicle-menu {
        margin-left: 0;
    }
    #article-slider .cycle-pager span {
        height: 9px;
        width: 9px;
    }
    #article-slider .cycle-pager {
        bottom: 45px;
    }
    .beer-single .beer-single-awards > .awardimg {
        width: 32%;
    }
    form.zcontact {
        width: 100%;
        margin-bottom: 3%;
    }
    #contact-form section.canvas {
        width: 100%;
    }
    #contact-form section.canvas iframe {
        height: 500px;
    }
    .page-header.events,
    .event-filter {
        padding: 0 5%;
        width: 100%;
    }
    .item.event .map,
    .item.event .content {
        width: 100%;
    }
    .items.jobs td {
        font-size: 1.5em;
    }
    .items.jobs .entry {
        width: 90px;
    }
    .staff-items-list article.staff {
        width: 24%;
    }
}

@media only screen and (max-width: 770px) {
    body {
        font-size: 14px;
    }
    h1 {
        font-size: 2.5em;
    }
    div.mod-languages {
        left: auto;
        position: relative;
        top: auto;
    }
    #mainmenu .resp input:checked + ul.menu {
        padding-bottom: 20px;
    }    
    #mainmenu > div > ul > li > div > ul > li > a:hover,
    #mainmenu > div > ul > li > div > ul > li.active > a {
        color: #fff;
    }
    #social-media {
        left: 76px;
        text-align: left !important;
    }
    .module-box.news-list ul li h3 {
        padding-left: 105px;
    }
    #main #cck-top-slide > .sequence-prev,
    #main #cck-top-slide > .sequence-next {
        display: none !important;
    }
    #topmodule {
        position: static;
    }
    #topmodule #logo {
        right: 5%;
        left: auto;
        min-width: 115px;
        padding: 10px 0 0;
        transform: none;
        top: 0;
    }
    .module-box.events ul.events-list li {
        max-height: 50px;
    }
    .module-box.events ul li h3 {
        padding-left: 130px;
    }
    .module-box.success .w-50.txt h3 {
        margin-top: 20px;
    }
    .module-box.success .w-50.img img.awards {
        left: 60%;
        width: 35.9%;
    }
    #filter .filter-item {
        width: 33.33%;
    }
	#filter .filter-item:nth-child(3) {
		border-top: none;
	}    
    #staff .w-50,
    .module-box .tradition .w-50 {
        width: 100%;
    }
    #staff article.item.staff {
        width: 25%;
    }
    .module-box .tradition .trad-text-box {
        width: 100%;
    }
    .module-box .tradition .trad-text-box > h3 {
        margin-top: 35px;
    }
    .module-box .tradition .trad-text-box > .text {
        margin-bottom: 14px;
    }
    .homebox .item {
        padding: 4% 4% 0;
        width: 100%;
    }
    /*endhome*/
    .article-content .images .image {
        width: 100%;
    }
    .article-content .files,
    .news .files,
    .item.full.presstext .files {
        width: 100%;
    }
    .module-box.more-articles .item {
        width: 33.33%;
    }
    .beer-single-top {
        margin-top: -155px;
    }
    .assortment > .item > header {
        font-size: 1.2em;
    }
    .module-box.beer-single-after-content-img {
        height: 350px;
    }
    .item.news > .content > header a > div:before,
    .item.event header a > div:before,
    .item.job header a > div:before,
    .item.full.press header a > div:before {
        right: 177px;
    }
    .item.event .map {
        padding: 0 4.55%;
    }
    .item.job .text .file img {
        float: left;
        padding-right: 10px;
        width: 46px;
    }
    .items.jobs {
        padding: 0px 5% 0 2.5%;
    }
    .items.jobs table {
        border-spacing: 10px;
    }
    .items.news article.item >.text .shorttext {
        height: 73px;
        overflow: hidden;
    }
    .press.items .item.downloadimage .image {
        width: 29.5%;
    }
    .press.items .item.downloadimage .downloadlist {
        min-height: auto;
        width: 70%;
    }
    .article-content iframe.storchencam {
        height: 400px;
    }
    .items.events article.item {
        width: 100%;
    }
    .item.event .gmap {
        height: 350px;
    }  
	.chronicle-menu a   {
		font-size: 1em;
	}

    .gastronom.full .owner{
        display: block;
    }
    .gastronom.full .owner-image{
        width: auto;
        max-width: none;
        margin-bottom: 32px;
    }
    .gastronom.full .owner-image>img{
        width: 100%;
    }
    .gastronom.full .owner-info{
        width: auto;
        padding-left: 0;
    }

    .gastronom.full .text-row>.rowText,
    .gastronom.full .text-row>.rowImage,
    .gastronom.full .text-row:nth-child(2n)>.rowText,
    .gastronom.full .text-row:nth-child(2n)>.rowImage,
    .gastronom.full .cuisine>.cuisine-text-box,
    .gastronom.full .cuisine>.cuisine-images,
    .gastronom.full .opening-hours .oh-item{
        float: none;
        width: auto;
    }
    .gastronom.full .text-row>.rowImage{
        margin-top: 0;
        margin-bottom: 8%;
    }
    .gastronom.full .text-row>.rowImage>img,
    .gastronom.full .cuisine>.cuisine-images .cycle-slide{
        width: 100%;
    }

    .gastronom.full .cuisine .cycle-pager>.bullet{
        width: 12px;
        height: 12px;
        margin-right: 12px;
    }

    .gastronom.full .opening-hours{
        text-align: center;
        padding: 60px 15px;
    }
    .gastronom.full .opening-hours .oh-item{
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 720px) {
    .article-content .text.col2,
    .item.full.presstext .text {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #article-slider.col1,
    .article-content .images.col2 {
        float: left;
        width: 100%;
    }
    .article-content .images.col1 .image {
        width: 49%;
    }
    .article-content .images .image {
        width: 49%;
    }
    #article-slider.col1 figcaption.headline h2 {
        font-size: 1.8em;
        line-height: 30px;
    }
    .assortment > .item > figure.image > a > p.readmore,
    .beers-of-same-cat a > p.readmore {
        font-size: 0.8em;
    }
    .beer-single .content,
    .beer-single .compass,
    .beer-single .beer-single-award {
        width: 70%;
    }
    .item.news .image,
    .item.news .text {
        padding: 0;
        width: 100%;
    }
    .item.news .image {
        margin-bottom: 20px;
    }
    .item.news > .content > header h1,
    .item.event > header h1,
    .item.job header h1 {
        width: 75%;
    }
    .item.news > .content > header a,
    .item.event > header > div > a,
    .item.job header > div > a,
    .item.full.presstext header > a {
        font-size: 0.9em;
    }
    .item.news > .content > header a > div,
    .item.event header a > div,
    .item.job header a > div {
        margin: 15px 0 25px 0;
    }
    .item.news > .content > header a > div:before,
    .item.event > header a > div:before,
    .item.job header a > div:before {
        background-size: 70%;
        right: 73px;
    }
    .item.full.presstext header a > div:before {
        background-size: 70%;
    }
    .items.events article.item > .time > time {
        font-size: 1.15em;
    }
    .items.events article.item > .text h3 {
        font-size: 1.5em;
    }
    .items.events article.item > .text .line {
        display: none;
    }
    .item.event .content .infos {
        margin-top: 10px;
    }
    .item.job .text,
    .custom.pressarea .col {
        width: 100%;
    }
    .item.job .text .file {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .item.news > .content > header a,
    .item.event > header > div > a,
    .item.job header > div > a,
    .item.full.presstext header > div > a {
        font-size: 0.9em;
        margin-bottom: 2em;
    }
    .item.news > .content > header a > div:before,
    .item.event header a > div:before,
    .item.job header a > div:before {
        right: 125px;
        top: 13px;
    }
    .item.news > .content > header h1,
    .item.event > header h1,
    .item.job header h1,
    .item.full.presstext header h1 {
        width: 100%;
        clear: both;
    }
    #bottom-blocks .left,
    #bottom-blocks .center,
    #bottom-blocks .right {
        float: left;
        width: 50%;
    }
    #bottom-blocks .right {
        width: 100%;
    }
    #bottom-blocks .right:before {
        background-color: #ddd;
        content: '';
        display: block;
        height: 1px;
        left: 0;
        margin-top: 110px;
        position: absolute;
        width: 100%;
    }
    .video-item {
        width: 50%;
    }
    .press.items .item.downloadimage .image {
        width: 50%;
    }
    .press.items .item.downloadimage .downloadlist {
        margin-top: 5px;
        width: 100%;
    }

}

@media only screen and (max-width: 560px) {
    .module-box.events .bg-img,
    .module-box.news-list .bg-img {
        background-image: none;
    }
    #slider-boxes .slider-box.item-3 {
        clear: none;
    }
    /* #slider-boxes .slider-box.item-1, #slider-boxes .slider-box.item-3, #slider-boxes .slider-box.item-5 { margin-right:0; } */
    .module-box.news-list ul li h3 {
        padding-left: 90px;
    }
    #main #cck-top-slide > .scroll {
        display: none;
    }
    #main #cck-top-slide .headline h2 {
        font-size: 1.45em;
    }
    #main #cck-top-slide .headline h3 {
        font-size: 1.2em;
    }
    .module-box.news-list .w-50 {
        width: 100%;
    }
    .module-box.news-list .w-50.bg {
        padding-top: 65%;
        position: relative;
    }
    .module-box .left,
    .module-box .right {
        padding: 10% 5%;
    }
    .module-box.events ul li time {
        font-size: 1.4em;
        height: 43px;
        line-height: 43px;
        width: 120px;
    }
    #medals .medal.actice > figcaption > span.value {
        font-size: 2.31em;
    }
    #medals .medal svg {
        width: 105px;
    }
    #medals .medal svg .cycle {
        r: 50px;
        cy: 54px;
    }
    #staff article.item.staff {
        width: 33.33%;
    }
    /*end home*/
    .chronicle .item header h3:before {
        width: 50px;
        margin-top: 0;
    }
    .chronicle .item header h3 {
	    padding-left: 73px;
	    font-size: 1.25em;
		border-bottom-width: 4px;	    
    }
    .chronicle .item figure {
        width: 90%;
    }
    .chronicle .item .text {
        width: 100%;
        padding: 5%;
    }
    .chronicle-menu a {
        float: left;
        margin-bottom: 7px;
    }
    .assortment > .item > figure.image {
        padding-top: 10.5%;
    }
    .assortment > .item > figure.image > a {
        margin-bottom: 29px;
        width: 29%;
    }
    .assortment > .item > figure.image > .fat {
        width: 36%;
    }

    .item.event .content .infos .locationdetails {
        font-size: 1.4em;
    }
    .item.event header ul {
        width: 100%;
    }
    .items.jobs td {
        border-bottom: 3px solid #e7e7e7;
        font-size: 1em;
    }
    .items.jobs th {
        font-size: 1em;
    }
    
    .items.jobs .entry {
        width: 75px;
    }
    .items.jobs tr td:first-child,
    .items.jobs tr th:first-child {
	    display: none;
    }
    #article-slider {
        width: 100%;
    }
    #article-slider figcaption.headline {
        font-size: 0.8em;
        line-height: 1.8;
        padding: 0px;
    }
    #article-slider figcaption.headline .title {
        width: 100%;
    }
    #article-slider figcaption.headline h2 {
        padding: 2px;
    }
    #article-slider figcaption.headline .cycle-pager {
        display: none;
    }
    .items.press .item.presstext,
    .article-content .text-row .image,
    .article-content .text-row .text-row-text {
        width: 100%;
    }
    .staff-items-list article.staff {
        width: 49%;
    }
    .staff-list-text-filter .staff-list-text,
    .staff-list-text-filter .staff-list-filter {
        margin-bottom: 50px;
    }
    .staff-list-text-filter .staff-list-filter .filter-item {
        width: 49.33%;
    }
	.staff-list-filter .filter-item:nth-child(4)	{
	        border-top: 1px solid #fff;
	        
	}    
    .p330 #topmodule,
    .p331 #topmodule,
    .p332 #topmodule .p333 #topmodule,
    .p334 #topmodule,
    .p335 #topmodule {
        min-height: 50px;
        height: 50px;
    }
    .gallery .images .image {
        width: 49%;
    }
    section.news ul li h3 {
        padding-left: 95px;
    }
    .menu.presseportal > li {
	    width: 100%;
    }      
	#bottom-blocks .right,
	#bottom-blocks .left {
	    width: 100%;
	}    
	#bottom-blocks .center:before {
	    background-color: #ddd;
	    content: '';
	    display: block;
	    height: 1px;
	    left: 0;
	    margin-top: 110px;
	    position: absolute;
	    width: 100%;
	}

    .gastronom.items .item{
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 22px;
    }

    .item.gastronom .more{
        font-size: 0.9em;
    }
    .item.gastronom .more>span:before{
        top: -2px;
        background-size: 70%;
    }
}

@media only screen and (max-width: 480px) {
    h1,
    .module-box h3.title,
    .module-box.success .w-50.txt h3,
    #medals .medal figcaption span.value,
    .tradition header h3 {
        font-size: 2.35em;
    }
    h3 {
        font-size: 2em;
    }
    h4 {
        font-size: 1.8em;
    }
    #hat article.banner {
        margin-bottom: 50px;
    }
    .module-box.success .w-50.img img.awards {
        left: 47%;
        width: 48.9%;
    }
    #filter .filter-item {
        width: 50%;
    }
	#filter .filter-item:nth-child(3) {
		border-top: 1px solid #fff;
	}      
    .item.staff .ontop span {
        font-size: 90%;
    }
    .tradition header h4:after {
        top: 49px;
    }
    .homebox .item a {
        padding: 10px;
        font-size: 1.1em;
    }
    #bottom-blocks {
        height: 770px;
    }

    #bottom-blocks h3 {
        font-size: 1.5em;
        margin-top: 47px;
        margin-bottom: 20px;
    }
    #bottom-blocks:before,
    #bottom-blocks .right:before,
    #bottom-blocks .center:before  {
        margin-top: 80px;
    }
    .item.event header li {
        font-size: 1.5em;
    }
    .beer-single-top {
        margin-top: -110px;
    }
    .beer-single-top-line {
        margin: -55px 0 0 0;
    }
    .beer-single .bottle {
        float: right;
    }
    .beer-single .content {
        width: 65%;
    }
    .beer-single .beer-single-awards,
    .beer-single .compass {
        margin-left: 0;
        width: 100%;
    }
    .beers-of-same-cat a {
        width: 16%;
    }
    .beers-of-same-cat a.fat {
        width: 20.7%;
    }
    .item.job .image {
        width: 100%;
    }
    .item.news > .content > header h1,
    .item.event > header h1,
    .item.job header h1 {
        font-size: 2.5em;
    }
    .items.jobs .entry {
        width: 61px;
    }
    #article-slider.col1 figcaption.headline h2 {
        font-size: 1em;
        line-height: 20px;
        padding: 0 8px;
    }
    #contact-form section.canvas iframe {
        height: 350px;
    }
    .items.news article.item,
    .press.items .item.downloadimage .image,
    .staff-list-text-filter #staff-text,
    .staff-list-text-filter .staff-list-text .staff-schwarz {
        width: 100%;
    }
    .items.press .item.downloadimage .downloadlist li i {
        display: none;
    }
    .retailer-searchfields input[type="text"] {
        margin-right: 20px;
    }
    .retailer-searchfields input[type="button"] {
        float: right;
        margin-right: 10px;
    }
    #search-error {
        top: 45px;
    }
    .retailer-map {
        min-height: 400px;
        margin: 0 5%;
    }
    .video-item .video .playbutton {
        top: 38%;
    }
    .page-header.events h1 {
	    font-size: 25px;
    }    

}

@media only screen and (max-width: 380px) {
    #slider-boxes {
        padding: 8%;
    }
    #slider-boxes .slider-box {
        margin: 0 1% 5% !important;
        width: 48%;
    }
    .module-box.events ul li time {
        width: 92px;
    }
    .module-box.events ul li h3 {
        padding-left: 108px;
    }
    .module-box.success .w-50.img img.awards {
        left: 69%;
        width: 30.9%;
    }
    #success .w-50 {
        width: 100%;
    }
    #staff article.item.staff {
        width: 50%;
    }
    section.tradition .trad-images img {
        width: 50%;
    }
    /*endhome*/
    #hat article.banner {
        margin-bottom: 40px;
    }
    .module-box.more-articles .item {
        width: 49%;
    }
    .item.event .content .infos > img {
        width: 100%;
    }
    .item.event .content .infos .locationdetails {
        margin: 30px 0;
        width: 100% !important;
    }
    #article-slider figcaption.headline h2 {
        font-size: 1.1em;
    }
    #bottom-blocks {
        font-size: 12px;
    }
    #bottom-blocks .left label {
        width: 70px;
    }
}

@media only screen and (max-width: 350px) {
    #topmodule #logo {
        right: 1%;
    }
}