@media all, print {

/* Jobs */
.jobs ul li {
    list-style-position: inside;
}

/* Jobs */
.jobs ul {
    padding-left: 0;
}
.award-schottenbock:before {
    content: url("/files/theme_files_q/img/award-schottenbock.png");
    position: absolute;
    margin-left: 11%;
    margin-top: 15%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.mod_news_related .layout_latest .more {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 3px solid #d6af2e;
}
.mod_news_related .layout_latest figure {
    margin-bottom: 26px;
}
.mod_news_related .related_info {
    width:100%;
}
.mod_news_related {
    margin-top: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.mod_news_related .layout_latest .info {
    margin-top: 0;
}
.mod_news_related .layout_latest h2 {
    margin: 0 0 6px 0;
}
.mod_news_related .layout_latest {
    display: flex;
    flex-direction: column;
}
.mod_news_related time {
    font-size: 12px;
}
.mod_news_related div.teaser {
    color: #292828;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.78rem;
    flex:1;
}
p.related_info::after {
    width: 100% !important;
}
.mod_newslist .pagination .active {
    background-color: #142e69;
    color: #ffffff;
    margin-right: 10px;
    padding: 6px 13px;
    cursor: default;
}
#kontakt h1 {
    margin-bottom:2em;
}
.no-top-margin-h2 h2 {
    margin-top:0;
}
#impressum,
#datenschutzerklaerung,
#disclaimer,
#suchen,
#kontakt,
#agb,
#sitemap,
#article-1072,
#article-1198 {
    margin-top:160px;
}
#datenschutzerklaerung p {
    margin-top:0;
}
#datenschutzerklaerung li,
#agb li {
    margin-top:0;
    line-height: 130%;
    margin-bottom: 5px;
}
#datenschutzerklaerung li:nth-child(2),
#agb  li:nth-child(2) {
    margin-top:0;
    list-style-image: url("/files/theme_files_q/img/deckel2.png") !important;
}
#gastro-tipps-des-monats .mod_newslist .teaser > strong {
    margin:10px 0;
}
#gastro-tipps-des-monats .mod_newslist {
    margin-top: 50px;
}
.genussquelle-wrapper .mod_rocksolid_slider {
    margin-bottom:2em;
}
.genussquelle-wrapper .zurueck {
    margin-top:3em;
}
hr.padding {
    margin: 2em 0;
}
#einleitung-geschichte {
    margin-bottom:50px;
}
.mod_newslist.brauereikategorie {
    margin-top:50px;
}
#privatpils,
#rubin,
#maibock,
#naturradler,
#schottenbock,
#holunder,
#werksverkauf,
#article-1200,
#article-1191,
#article-1187 {
    margin-top:80px;
}
.genussquelle-wrapper {
    margin-top: 180px;
    margin-bottom: 50px;
}
#braukunst.mod_article {
    margin-top:80px;
}
#braukunst .mod_newslist,
#gaststaetten-schwerter-braeu .mod_newslist {
    margin-top:50px;
}
.mod_newsreader {
    margin-top: 200px;
}
.ce_caroufredsel_gallery {
    padding-right: 15px !important;
    padding-left: 15px !important;
}
.jobs {
    width: 100%;
    text-align:center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3a50e+0,fff538+50,d3a50e+100 */
    background: #d3a50e; /* Old browsers */
    background: -moz-linear-gradient(left,  #d3a50e 0%, #fff538 50%, #d3a50e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #d3a50e 0%,#fff538 50%,#d3a50e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #d3a50e 0%,#fff538 50%,#d3a50e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3a50e', endColorstr='#d3a50e',GradientType=1 ); /* IE6-9 */
    margin-bottom:30px;
    margin-top:40px;
    padding-bottom: 70px;
}
.craft-award-silber:before {
    content: url("/files/theme_files_q/img/craft-beer-award-silber-2018.png");
}
span.price {
    font-family: Playfair Display, serif;
    font-size:1.1rem;
}
#popup-container {
    background-color:#ffffff;
    background-position:center bottom;
    max-width: 800px;
    margin: 15% auto;
    margin-top:12%;
    z-index: 999;
    top: 10%;
    display: block;
    background-repeat:no-repeat;
    background-size:cover;
    border-radius:5px;
    padding:0;
    text-align:center;
    border:8px #142e69 solid;
    position:relative;
    padding:10px 0;
}
#popup-window {
    position: relative;
}
#popup-container a.close {
    position:absolute;
    background:#142e69;
    color:white;
    right:0;
    top:0;
    width:40px;
    height:40px;
    line-height:35px;
    text-align:center;
    font-size:26px;
    font-weight:bold;
    font-family:'Arial Black', Arial, sans-serif;
    cursor:pointer;
    z-index: 999999;
    display:block;
    padding:0px 1px 5px 7px
}
#popup-container a.close:hover {
    text-decoration:none;
    color:#d6af2e;
    cursor:pointer;
}
#cboxClose {
    top: 15px;
    right: 7px;
}
#modal .inside {
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index:1000;
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.55);
    overflow:hidden;
}
a.modal {
    transition:color 0,9s ease-in-out;
    text-decoration:none;
    cursor:pointer;
}

/* ////////////END MODAL ///////////////// */
a.modal:hover {
    text-decoration:none;
    cursor:pointer;
}
.ce_downloads ul li a:hover::before,
.ce_downloads ul li a:active::before,
.ce_download a:hover::before,
.ce_download a:active::before {
    color:#d6af2e !important;
}
.ce_downloads ul li a,
.ce_download a {
    border: 1px solid #142e69 !important;
    text-transform: uppercase;
    background-color: #142e69 !important;
    color: #ffffff;
}
.ce_downloads ul li a:hover,
.ce_download a:hover {
    color.#d6af2e !important;
}
a.stbg-container {
    background-position:center center;
}
a.stwk-container {
    background-position:80% 20%;
}
a.stwk-container,
a.stbg-container {
    background-image:url("/files/theme_files_q/img/wassertropfen.png");
    background-repeat:no-repeat;
    display:block;
    position:relative;
    width:100%;
    height:100%;
    padding:30px 0;
}
.stwk,
.stbg {
    width: 49.33%;
    text-align:center;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3a50e+0,fff538+50,d3a50e+100 */
    background: #d3a50e; /* Old browsers */
    background: -moz-linear-gradient(left,  #d3a50e 0%, #fff538 50%, #d3a50e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #d3a50e 0%,#fff538 50%,#d3a50e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #d3a50e 0%,#fff538 50%,#d3a50e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3a50e', endColorstr='#d3a50e',GradientType=1 ); /* IE6-9 */
    margin-bottom:30px;
    padding-bottom: 20px;
}
.stwk img,
.stbg img,
.jobs img {
    width:70px;
    height:70px;
    display:inline-block;
    float:left;
}
.stwk .inhalt span,
.stbg .inhalt span,
.jobs .inhalt span {
    color: #142e69;
    font-family: Playfair Display, serif;
    font-size: 1.5rem;
    display:inline-block;
    float:right;
    text-align:left;
}
.stwk {
    float: right;
}
.stbg {
    float: left;
}
ul > li.unsichtbar {
    display:none;
}
#icons a svg {
    width: 27px;
    height: 27px;
}
#icons a.resp svg {
    width: 29px;
    height: 29px;
}
.mod_logo a {
    display:block;
}
.news #container,
.downloadsite #container {
    margin-top:160px;
}
.downloadsite h1 {
    margin-top: 50px;
    margin-bottom: 50px;
}
.brauereikategorie .image_container {
    position:relative;
}
.genussquelle-wrapper h1 {
    margin-top: 3rem;
}
.genussquellen h2,
.brauereikategorie h2 {
    position: absolute;
    width:100%;
    bottom:0;
    text-align: center;
    padding: 15px 15px 10px;
    border-bottom: 4px #d6af2e solid;
    text-transform: uppercase;
    background: rgba(255,255,255,0.65);
    margin-bottom: 4px;
}
#footer .inside {
    padding-top:10px;
    padding-bottom:10px;
}
a svg #facebook,
a svg #instagram {
    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}
#icons a svg.st0 {
    fill:#edc542;
}
.zusatzinfo {
    padding:2% 3%;
    background: rgba(20,46,105,0.8);
    margin-top:20px;
}
.hauptinfo {
    padding:2% 3%;
    background: #ffffff;
    box-shadow: 0px 0px 4px rgb(179, 179, 180);
}
.hauptinfo strong {
    color:#d6af2e;
}
.zusatzinfo p {
    color:#d6af2e;
}
.produktkategorie h2 {
    position: absolute;
    width: calc(100% - 30px);
    top: 0;
}
#braukunst .mod_newslist .layout_latest {
    background-image:url("/files/theme_files_q/img/schwerter-bg.png");
    background-position:center center;
    background-repeat:no-repeat;
    background-size:100%;
}
.nowrapper #wrapper {
    display:none;
}
.padding-text p {
    padding:0 10%;
}
.padding-text .brauereikategorie p {
    padding:0;
}
.rsts-skin-light .rsts-view {
    border:0 !important;
}
.rsts-skin-light .rsts-nav-tabs {
    font-size:1.5rem;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6af2e+0,f8cf4f+51,d6af2e+100 */
    background: rgb(214,175,46); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(214,175,46,1) 0%, rgba(248,207,79,1) 51%, rgba(214,175,46,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(214,175,46,1) 0%,rgba(248,207,79,1) 51%,rgba(214,175,46,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(214,175,46,1) 0%,rgba(248,207,79,1) 51%,rgba(214,175,46,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6af2e', endColorstr='#d6af2e',GradientType=1 ); /* IE6-9 */
}
.rsts-skin-light .rsts-nav-tabs ul li a {
    color:#142e69 !important;
    -ms-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor:pointer;
    text-transform:uppercase;
    font-family: Playfair Display,serif;
}
.rsts-skin-light .rsts-nav-tabs ul li a:hover {
    background-color:#142e69;
    color: #d6af2e !important;
}
.rsts-skin-light .rsts-nav-tabs ul li a.active {
    color:#d6af2e !important;
    background-color:#142e69 !important;
}
.rsts-skin-light .rsts-nav-tabs ul {
    color:#d6af2e !important;
    height: 60px;
    line-height: 40px;
    max-width: 1200px;
    background: rgba(255,255,255,0.4);
    width: 100%;
}
.hw-edition #sectionsecond {
    background-image:url("/files/theme_files_q/img/sherryporter-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}
.hw-edition #sectionfirst {
    background-image:url("/files/theme_files_q/img/bennator-schottenbock-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.mix-biere #sectionfirst {
    background-image:url("/files/theme_files_q/img/naturradler-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.fassbrausen #sectionfirst {
    background-image:url("/files/theme_files_q/img/holunder-brause-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.fassbrausen #sectionthird {
    background-image:url("/files/theme_files_q/img/zitrone-brause-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.fassbrausen #sectionsecond {
    background-image:url("/files/theme_files_q/img/orange-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}

/* Body //////////////////////////////////////////////////////////////////// */
body {
    margin:0;
    padding-top:0;
    padding-bottom:0;
    background-color:#ffffff;
    font:16px Varta,sans-serif;;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    overflow-x:hidden;
     font-style: normal;
    font-weight:400;
}
.saisonale-biere #sectionfirst {
    background-image:url("/files/theme_files_q/img/maibock-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.saisonale-biere #sectionthird {
    background-image:url("/files/theme_files_q/img/bennator-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.saisonale-biere #sectionsecond {
    background-image:url("/files/theme_files_q/img/elbsommer-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}
.dunkle-biere #sectionfirst {
    background-image:url("/files/theme_files_q/img/rubin-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.dunkle-biere #sectionsecond {
    background-image:url("/files/theme_files_q/img/st-afra-schwarz-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}
.dunkle-biere #sectionthird {
    background-image:url("/files/theme_files_q/img/augustus-porter-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
    display:none;
}
.dunkle-biere #sectionfourth,
.saisonale-biere #sectionfourth,
.hw-edition #sectionthird,
.hw-edition #sectionfourth,
.fassbrausen #sectionfourth,
.hw-edition #sectionthird,
.hw-edition #sectionfourth,
.mix-biere #sectionsecond,
.mix-biere #sectionthird,
.mix-biere #sectionfourth {
    display:none !important;
}
.helle-biere #sectionfirst {
    background-image:url("/files/theme_files_q/img/privat-pils-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
.helle-biere #sectionsecond {
    background-image:url("/files/theme_files_q/img/Urhell-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
}
.helle-biere #sectionthird {
    background-image:url("/files/theme_files_q/img/Urbraeu-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment: fixed;
}
.helle-biere #sectionfourth {
    background-image:url("/files/theme_files_q/img/kellerbier-hintergrund.jpg");
    background-repeat:no-repeat;
    background-size:cover;
    /*background-attachment:fixed;*/
}
.jumptarget:before {
    content:"";
    display:block;
    height:235px; /* fixed header height*/
    margin:-235px 0 0; /* negative fixed header height */
}
.neu:before {
    content: url("/files/theme_files_q/img/neu-button.png");
    position: absolute;
    margin-left: 8%;
    margin-top: 15%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.ausverkauft:before {
    position: absolute;
    margin-left: 12%;
    margin-top: 22%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
    background-size: 170px 126px;
    display: inline-block;
    width: 170px;
    height: 126px;
    content: "";
    background-repeat: no-repeat;
    background-image: url("/files/theme_files_q/img/Label_Ausverkauft.png");
}
.craft-award:before {
    content: url("/files/theme_files_q/img/craft-beer-award-2017.png");
    position: absolute;
    margin-left: 12%;
    margin-top: 20%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.craft-award-silber:before,
.craft-award-silber-2019:before,
.craft-award-gold:before {
    position: absolute;
    margin-left: 12%;
    margin-top: 20%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.craft-award-silber-2019:before {
    content: url("/files/theme_files_q/img/craft-beer-award-silver-2019.png");
    position: absolute;
    margin-left: 12%;
    margin-top: 20%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.craft-award-gold-2022:before {
    content: url("/files/theme_files_q/img/craft-beer-award-gold-2022.png");
    position: absolute;
    margin-left: 12%;
    margin-top: 20%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.craft-award-gold:before {
    content: url("/files/theme_files_q/img/craft-beer-award-gold-2019.png");
}
.award-kellerbier:before {
    content: url("/files/theme_files_q/img/auszeichnung-kellerbier.png");
    position: absolute;
    margin-left: 13%;
    margin-top: 15%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.award-elbsommer:before {
    content: url("/files/theme_files_q/img/auszeichnung-elbsommer.png");
    position: absolute;
    margin-left: 13%;
    margin-top: 15%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.award-rubin:before {
    content: url("/files/theme_files_q/img/auszeichnung-rubin.png");
    position: absolute;
    margin-left: 13%;
    margin-top: 15%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
.dlg-gold:before {
    content: url("/files/theme_files_q/img/dlg-gold-2023.png");
    position: absolute;
    margin-left: 12%;
    margin-top: 20%;
    padding-top: 10px;
    padding-left: 30px;
    z-index:10;
}
li:nth-child(2) {
    list-style-image: url("/files/theme_files_q/img/deckel1.png") !important;
}
li {
    list-style-image: url("/files/theme_files_q/img/deckel2.png");
}
.neu-slider-radler:before {
    content: url("/files/theme_files_q/img/neu-button.png");
    position: absolute;
    margin-left: 250px;
    margin-top: 550px;
    padding-top: 10px;
    padding-left: 30px;
    z-index: 1;
}
.neu-slider:before {
    content: url("/files/theme_files_q/img/neu-button.png");
    position: absolute;
    margin-left: 220px;
    margin-top: 350px;
    padding-top: 10px;
    padding-left: 30px;
    z-index: 1;
}
.extra:before {
    content: url("/files/theme_files_q/img/20l-button.png");
    position: absolute;
    margin-left: 12%;
    margin-top: 40px;
    padding-top: 10px;
    padding-left: 30px;
}
.brauereikategorie .sc3 {
    float:left;
}
#braukunst .helle figure.image_container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6af2e+0,d1a000+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(214,175,46,1) 0%, rgba(209,160,0,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(214,175,46,1) 0%,rgba(209,160,0,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(214,175,46,1) 0%,rgba(209,160,0,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6af2e', endColorstr='#0dffffff',GradientType=0 );
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
}
#braukunst .dunkle figure.image_container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cc712c+0,cc712c+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(204,113,44,1) 0%, rgba(204,113,44,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(204,113,44,1) 0%,rgba(204,113,44,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(204,113,44,1) 0%,rgba(204,113,44,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc712c', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
}
#braukunst .saisonale figure.image_container,
#braukunst .dunkle figure.image_container,
#braukunst .helle figure.image_container,
#braukunst .hw-edition figure.image_container,
#braukunst .mix figure.image_container,
#braukunst .brausen figure.image_container {
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
    padding:9%;
}
#braukunst .saisonale figure.image_container {
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4ab6e8+0,4ab6e8+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(74,182,232,1) 0%, rgba(74,182,232,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(74,182,232,1) 0%,rgba(74,182,232,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(74,182,232,1) 0%,rgba(74,182,232,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ab6e8', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
}
#braukunst .hw-edition figure.image_container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102459+0,102459+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(16,36,89,1) 0%, rgba(16,36,89,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(16,36,89,1) 0%,rgba(16,36,89,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(16,36,89,1) 0%,rgba(16,36,89,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102459', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
}
#braukunst .mix figure.image_container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dde84a+0,dde84a+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(221,232,74,1) 0%, rgba(221,232,74,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(221,232,74,1) 0%,rgba(221,232,74,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(221,232,74,1) 0%,rgba(221,232,74,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dde84a', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
}
#braukunst .brausen figure.image_container {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ea882c+0,ea882c+30,ffffff+86&1+0,0.54+30,0.05+100 */
    background: -moz-linear-gradient(top,  rgba(234,136,44,1) 0%, rgba(234,136,44,0.54) 30%, rgba(255,255,255,0.15) 86%, rgba(255,255,255,0.05) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(234,136,44,1) 0%,rgba(234,136,44,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(234,136,44,1) 0%,rgba(234,136,44,0.54) 30%,rgba(255,255,255,0.15) 86%,rgba(255,255,255,0.05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea882c', endColorstr='#0dffffff',GradientType=0 ); /* IE6-9 */
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    opacity:1;
}
#braukunst figure.image_container:before {
    background-image:url("/files/theme_files_q/img/schwerter-bg.png");
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    z-index:-1;
}
.mainmenu ul.level_1 li a,
.mainmenu ul.level_1 li span.active,
.mainmenu ul.level_1 li span.forward {
    position:relative;
    display:inline-block;
    padding-right:13px;
    padding-left:13px;
    white-space:nowrap;
    font:1.3rem Playfair Display,serif;;
    text-decoration:none;
    color:#142e69;
    font-weight:500;
    text-transform: uppercase;
       -ms-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    letter-spacing:0.01%;
}
.mainmenu ul.level_1 li a.shop:hover,
.mainmenu ul.level_1 li span.active.shop:hover {
    color:#d6af2e !important;
}
.mainmenu ul.level_1 li a.shop {
    color:#eb1e1e !important;
}
mainmenu ul.level_1 li span.active.shop {
    color:#d6af2e;
}

/* Mainmenu //////////////////////////////////////////////////////////////////// */
.mainmenu {
    margin-top:30px;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    overflow:hidden;
}
.mainmenu ul {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    list-style-type:none;
    -ms-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
li.right-unvisible,
li.left-unvisible {
    position:relative;
    display:inline-block;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
}
.main-right .right-unvisible {
    display:none !important;
}
.main-left li:nth-child(1),
.main-left li:nth-child(4),
.main-left li:nth-child(5),
.main-left li:nth-child(6) {
    display:none !important;
}
header:after {
    background-image:url("/files/theme_files_q/img/Goldlinie.jpg");
    content:"";
    position: absolute;
    bottom: -5px;
    height: 5px;
    width: 100%;
}
.main-left,
.main-right {
    display:inline-block;
    width: 50%;
    float: left;
}
.main-left {
    text-align: right;
    padding-right:10%;
}
.main-right {
    text-align: left;
    padding-left:10%;
}
.mainmenu ul.level_1 li a:hover,
.mainmenu ul.level_1 li span.active,
.mainmenu ul.level_1 li.submenu:hover > a,
.mainmenu ul.level_1 li.trail > a,
.mainmenu ul.level_1 li span.forward {
    color:#d6af2e;
}
.produktkategorie h2 {
    text-align:center;
    padding-bottom:10px;
    border-bottom:4px #d6af2e solid;
    text-transform:uppercase;
    background: rgba(255,255,255,0.4);
    margin-top: 0;
    padding-top: 15px;
}
.produktkategorie h2 a {
    color: #142e69 !important;
}
p.back a,
p.more a,
p.zurueck a,
form .submit {
    padding:5px;
    white-space:nowrap;
    background-color:#d6af2e;
    border:4px solid #d6af2e;
    text-decoration:none;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:400;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    position:relative;
}
form .submit {
    margin:1rem auto;
    font-family: Varta,sans-serif;
}
.produktkategorie .more {
    display:none;
}
.firstpage .rsts-crop,
.rsts-thumbs-crop {
    height: 70vh !important;
}
#wide-section {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    padding-bottom: 0 !important;
}
.gm-style .gm-style-iw p {
    color:#142e69 !important;
    background-color:#fbcfcfc;
}
.firstpage .rsts-slide,
.rsts-thumbs-slide {
    background-color: #f6f2ea;
    /*height:100% !important;
    min-height:100vh;*/
}
.element-o,
.element-u,
.top {
    margin-top:2%;
    margin-bottom:2%;
    text-align:center;
}
.element-o svg,
.element-u svg,
.top svg {
    position: relative;
        top: 0;
        text-align:center;
        margin-left:0;
        -webkit-transition: top 0.3s;
        -moz-transition: top 0.3s;
        -o-transition: top 0.3s;
}
#container {
    padding-bottom:80px;
    width: 100%;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.element-o svg:hover,
.top svg:hover {
    top: -10px;
        -webkit-transition: top 0.3s;
        -moz-transition: top 0.3s;
        -o-transition: top 0.3s;
}
#container-bg {
    background-image:url("/files/theme_files_q/img/schwerter-bg-light.png");
    background-position:center center;
    background-repeat:no-repeat;
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background-attachment:fixed;
}
.element-o p,
.element-u p,
.top p {
    font-family:"Roboto", Helvetica, sans-serif;
        font-size:1.05rem;
        color:#$braun;
        margin-bottom:0.6rem;
}
.hg em {
    color:#d6af2e;
    font-size: 1.3rem;
}
.element-o {
    margin-bottom:6%;
        text-align:center;
}

#header {
    width:100%;
    left:0;
    top:0;
    position:fixed;
    background-repeat:repeat;
    z-index:9998;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    min-height:80px;
    background-color:#f5eee2;
}
#icons {
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: 18px;
    z-index:1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    /*overflow:hidden;*/
}
#icons-footer {
    display: inline-block;
    z-index:1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    overflow:hidden;
    margin: 0 auto;
}
#icons-footer a {
    float: left;
    margin-right: 5px;
    width: 40px;
    height: 40px;
}
#icons a {
    float: left;
    margin:0 5px;
}
#icons .resp {
    display:block;
}
.padding-icons {
    padding-top:7px;
}
a.shop,
a.shop-footer {
    color:rgba(235,30,30,1);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
a svg {
    margin: 0 auto;
}
a.shop-footer span {
    display:block;
    text-transform:uppercase;
    font-weight:400;
    font: 1rem Playfair Display,serif;
    transition:all .3s ease !important;
    text-decoration:none !important;
    text-align: center;
    padding-top: 1em;
}
a.shop-footer:hover {
    color:#d6af2e !important;
    text-decoration:none;
}
#privat-pils .image_container,
#urhell .image_container,
#kellerbier .image_container,
#urbraeu-festbier .image_container {
}
#produkte-slider {
    background-image:url("/files/theme_files_q/produkte/Privatbrauerei_Schwerter_Sortiment_01.jpg");
    background-size:cover;
    padding-top:4%;
    padding-bottom:3em;
}
#footerwrapper {
    background-image:url("/files/theme_files_q/img/blau_bg_img.png");
    background-repeat:repeat-y;
    width:100%;
    margin: 0 auto;
    height:auto;
    padding:1px 0;
    background-size:100%;
}
#footermap {
    background-image:url("/files/theme_files_q/img/blau_bg_img.png");
    background-repeat:repeat-y;
    width:100%;
    margin: 0 auto;
    height:auto;
    text-align:center;
    padding:1px 0;
    background-size:100%;
}
#footerwrapper a,
#footerwrapper p,
#footermap a,
#footermap p {
    color:#ffffff;
}
#footersection {
    width: 100%;
    min-height: 120px;
    z-index: 10;
    bottom: 0px;
    margin: 0;
    padding: 0;
    position: relative;
}
#wrapper {
    width:100%;
    max-width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 auto;
    padding:0;
    background-image:url("/files/theme_files_q/img/hintergrund-neu-3.jpg");
    background-repeat:repeat-y;
    /*z-index:1;*/
    overflow-x:hidden;
    background-color:#f6f2ea;
    background-size: 100%;
    /*background-attachment:fixed;
    background-position: 50% 85%;*/
}
.firstpage #gallerie {
    width:100%;
    max-width:100%;
    position:relative;
    overflow:hidden;
    display:block;
    margin:0 auto;
    padding:85px 0 0;
    z-index:1;
    overflow-x:hidden;
}
.produkte #gallerie,
.brauereiseite #gallerie,
.fuhrungseite #gallerie,
.geschichteseite #gallerie,
.werksverkaufseite #gallerie,
.gasthausseite #gallerie {
    padding-top:85px;
}
.produkte #slider-produkte:after,
#slider-1144:after,
#slider-genussquellen:after,
#slider-1146:after,
#slider-fuehrungen:after,
#slider-werksverkauf:after,
#article-1207:after,
#article-1172:after,
#article-1199:after,
#article-1190:after,
#article-1186:after,
#article-1184:after {
    background-image: url("/files/theme_files_q/img/Goldlinie.jpg");
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    z-index:1;
}
.dunkle-biere #sectionfirst:after,
.dunkle-biere #sectionsecond:after,
.dunkle-biere #sectionthird:after,
.helle-biere #sectionfirst:after,
.helle-biere #sectionsecond:after,
.helle-biere #sectionthird:after,
.helle-biere #sectionfourth:after,
.saisonale-biere #sectionfirst:after,
.saisonale-biere #sectionsecond:after,
.saisonale-biere #sectionthird:after,
.hw-edition #sectionfirst:after,
.hw-edition #sectionsecond:after,
.mix-biere #sectionfirst:after {
    background-image:url("/files/theme_files_q/img/Goldlinie.jpg");
    background-repeat:no-repeat;
    content: "";
    width: 100%;
    z-index:1;
    height:4px;
}
#header,
#container,
#footer {
    float:none;
    clear:both;
}
#footersection {
    background-image:url("/files/theme_files_q/img/hintergrund.jpg");
    background-repeat:repeat;
    clear:both;
}
.mod-article {
    max-width:100%;
    padding:0 20%;
}
#slider-content-wrapper {
    margin-top:80px;
    padding:2%;
    width: 100%;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background-color:rgba(255,255,255,0.6);
    box-sizing: border-box;
}
#sectionfirst .inside,
#sectionsecond .inside,
#sectionthird .inside,
#sectionfourth .inside {
    width: 100%;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    padding:2%;
    background-color:rgba(255,255,255,0.6);
    box-sizing: border-box;
}
#wide-section .inside {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.bier #additional {
    display:block;
}
.bier #container {
    z-index:2;
}
.firstpage #container {
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    padding-bottom:0 !important;
}
.bier #wrapper {
    background-image:url("/files/theme_files_q/content_images/background-2.jpg");
    width: 100%;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    padding-bottom:0 !important;
    background-size:cover;
}
.firstpage #wrapper {
    padding-top:0;
    background-color: #f6f2ea;
}
h1 {
    font-size:1.9em;
    text-transform:uppercase;
    color:#142e69;
    letter-spacing:2px;
    margin-top:0;
    clear:left;
}
.mod_newsreader h1 {
    text-transform:none;
    letter-spacing:1px;
    margin-top:0;
}
#header .inside:after,
#header .inside:before {
    position:relative;
    float:none;
    clear:both;
    display:table;
    content:" ";
}
div#slider:after {
    background-image:url("/files/theme_files_q/img/Goldlinie.jpg");
    content:"";
    position: absolute;
    height: 7px;
    width: 100%;
}
#produkte-slider:after {
    background-image:url("/files/theme_files_q/img/wood-1700562.jpg");
    background-position:center bottom;
    content: "";
    position: absolute;
    bottom: 0px;
    height: 25%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
#header .inside {
    width:100%;
    max-width:1400px;
    margin-right:auto;
    margin-left:auto;
    padding-right:15px;
    padding-left:15px;
}
#header.fix .inside {
    padding-bottom:20px;
}
@media (max-width:992px) {
    #header{
         height:75px;
    }
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    border:none;
    outline:none;
    color:#142e69;
}
.invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.vertical-align {
    width:100%;
    top:50%;
    position:absolute;
    -webkit-transform: translateY(-50%); 
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); 
    transform: translateY(-50%); 
    left: 0px;
}

/* Figure //////////////////////////////////////////////////////////////////// */
figure {
    margin:0;
}
figure.float_left,
.media.media--left figure {
    position:relative;
    float:left;
    display:inline-block;
    margin:0 0 26px;
    padding:0;
}
/* figure.float_right { */
.media.media--right figure {
    position:relative;
    float:right;
    display:inline-block;
}
figure:focus,
img:focus {
    outline:none;
}
.center {
    text-align:center;
}
.responsive img {
    width:100% !important;
    height:auto !important;
}
.content-image img,
.content-text figure img,
.image_container img {
    width:100% !important;
    height:auto !important;
}
.prabb .ce_image img,
.prabb .ce_text img,
.prabb .image_container img {
    width:100% !important;
    height:auto !important;
    padding:0;
}
.prabb h1 {
    margin-top:60px;
}
.ce_image.prabb {
    margin-top:20px;
}
.padding {
    padding-right:15px !important;
    padding-left:15px !important;
}
p.back a:hover,
p.more a:hover,
p.zurueck a:hover,
form .submit:hover {
    color:#fff;
    background:#142e69;
}
.mod_logo {
    /*margin: 0.8rem auto;*/
    padding:1rem;
    cursor: pointer !important;
    position: absolute;
    /*width: 200px;*/
    width:160px;
    left: 50%;
    margin-left: -80px;
    display: block;
    overflow: hidden;
    z-index: 100;
    text-align:center;
    transition: all .5s ease-out;
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    -ms-transition: all .4s ease-out;
    /*height: 170px;*/
    height: 140px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#142e69+0,142e69+0,0050a0+51,0050a0+51,142e69+100 */
    background: #142e69; /* Old browsers */
    background: -moz-linear-gradient(left,  #142e69 0%, #142e69 0%, #0050a0 51%, #0050a0 51%, #142e69 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #142e69 0%,#142e69 0%,#0050a0 51%,#0050a0 51%,#142e69 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #142e69 0%,#142e69 0%,#0050a0 51%,#0050a0 51%,#142e69 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#142e69', endColorstr='#142e69',GradientType=1 ); /* IE6-9 */
}
.mod_logo svg {
    /*width: 100%;
    left: 50%;
    position: absolute;
    top: -15px;
    z-index: 100000;
    margin-left: -50%;
    border-top: 0;
    height: auto;
    padding: 10%;*/
    margin-top:-15px;
}
.mod_logo svg #schriftzug {
    display:none;
}
hr {
    border-top: 2px #142e69 dotted;
    background: transparent;
    border-bottom: 0;
}
.zusatzinfo hr {
    border-top: 2px #d6af2e dotted;
    background: transparent;
    border-bottom: 0;
}
.logo figure .logo-on-scroll {
    display:none;
}
@media (max-width:992px) {
    /*.logo{
       margin-left:0;
    }*/
    .logo figure {
       left:0;
    }
}

/* Typography //////////////////////////////////////////////////////////////////// */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight:normal;
    color:#$font3;
    font-weight:500;
    font-family: Playfair Display, serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: inherit;
}
h2 {
    font-size:1.5em;
    color:#142e69;
    font-size: 1.5rem;
    letter-spacing:0.005%;
}
h3 {
    font-size:1.3em;
}
h4 {
    margin-bottom:10px;
    font-size:1.1em;
}
h5 {
    font-size:.83em;
}
h6 {
    font-size:.75em;
}
p,
blockquote {
    color:#292828;
    font-weight:400;
    font-size: 1rem;
    line-height: 1.7rem;
    letter-spacing:0.005%;
}
p.back {
    display:none;
}
p.related_info:after {
    content: "";
    display: inline-block;
    height: 0.1em;
    width: 98.66%;
    margin-right: 20px;
    border-top: 5px solid #d6af2e;
}
p.related_info {
    font-size: 1.5rem;
    line-height:2rem;
    color:#142e69;
    padding:0 15px;
    font-family: Playfair Display, serif;
}
#footer p {
    font-size:13px;
    line-height:20px;
    margin: 0 auto !important;
}
#footerwrapper .inside {
    padding:15px 0;
    width: 100%;
    max-width: 1200px;
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
#footerwrapper .mod_newslist .layout_latest,
.fw_h2 h2 {
    margin-bottom:0 !important;
    text-align:left !important;
}
#footerwrapper h2 {
    color:#d6af2e;
}
#footerwrapper .mod_newslist .layout_latest h2 a:hover {
    color: #d6af2e !important;
}
em {
    font-style:italic;
}
strong {
    font-weight:bold;
}
small {
    font-size:80%;
}
a {
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
    color:#142e69;
}

/* Font Awesome Icons //////////////////////////////////////////////////////////////////// */
.fa-2 {
    font-size:2em !important;
}
.fa-3 {
    font-size:4em !important;
}
.fa-4 {
    font-size:7em !important;
}
.fa-5 {
    font-size:12em !important;
}
.fa-6 {
    font-size:20em !important;
}

/* Syndications //////////////////////////////////////////////////////////////////// */
.pdf_link {
    width:100%;
    position:relative;
    float:none;
    clear:both;
    display:block;
    margin-top:70px;
    padding-right:15px;
    padding-left:15px;
    text-align:center;
    white-space:nowrap;
}
.pdf_link a {
    margin-left:5px;
    font-size:16px;
    color:rgba(1a1a1a,.4);
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.pdf_link a:hover {
    text-decoration:none;
    color:rgba(1a1a1a,1);
}
.pdf_link img {
    display:none;
}

/* Simple Columns Custom /////////////////////////////////////////////// */
.sc2 {
    width:50%;
}
.sc3 {
    width:33.3%;
}
.sc3-2 {
    width:66.6%;
}
.sc4 {
    width:25%;
}
.sc4-2 {
    width:50%;
}
.sc4-3 {
    width:75%;
}
.sc5 {
    width:20%;
}
.sc5-2 {
    width:40%;
}
.sc5-3 {
    width:60%;
}
.sc5-3 {
    width:80%;
}
.sc-first {
    padding-left:15px !important;
}
.sc2,
.sc3,
.sc3-2,
.sc4,
.sc4-2,
.sc4-3,
.sc5,
.sc5-2,
.sc5-3,
.sc5-4 {
    padding-right:15px !important;
    padding-left:15px !important;
}
@media (max-width:768px) {
    .sc2, .sc3, .sc3-2, .sc4, .sc4-2, .sc4-3, .sc5, .sc5-2, .sc5-3, .sc5-4 {
        width:100% !important;
    }
}
@media (max-width:992px) {
    .mainmenu{
          display:none;
    }
}

/* Mobile Menu //////////////////////////////////////////////////////////////////// */
.menu-opener,
.menu-opener:hover,
.menu-opener.active,
.menu-opener-inner,
.menu-opener-inner::before,
.menu-opener-inner::after,
.menu,
.menu.active,
.mobilenav {
    -webkit-transition: 250ms all;
    transition: 250ms all;
}
.mobilenav {
    overflow-x:hidden;
}
.menu-opener {
    width:25px;
    height:25px;
    right:30px;
    top:30px;
    position:fixed;
    float:right;
    margin:0;
    padding:0;
    z-index: 9999;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display:none;
}
.menu-opener-inner {
    width:25px;
    height:2px;
    top:11px;
    position:absolute;
    background-color:#1a1a1a;
}
.menu-opener-inner::before,
.menu-opener-inner::after {
    width:25px;
    height:2px;
    position:absolute;
    display:block;
    background-color:#1a1a1a;
    content: '';
}
.menu-opener-inner::before {
    top:-9px;
}
.menu-opener-inner::after {
    top:9px;
}
.menu-opener-inner.active {
    background: transparent;
}
.menu-opener-inner.active::before {
    background-color:#ffffff;
    -webkit-transform: translateY(9px) rotate(-45deg);
    -ms-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
}
.menu-opener-inner.active::after {
    background-color:#ffffff;
    color:#ffffff;
    -webkit-transform: translateY(-9px) translateX(0rem) rotate(45deg);
    -ms-transform: translateY(-9px) translateX(0rem) rotate(45deg);
    transform: translateY(-9px) translateX(0rem) rotate(45deg);
}
.mobilenav {
    background: #231F20;
      height: 0rem;
      position: absolute;
      top: 0;
     right: 0;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      width: 0rem;
      z-index: 999999;
}
.mobilenav.active {
    width: -webkit-calc(100% - 0rem);
      width: calc(100% - 0rem);
      height: calc(100% - 0rem);
}
#mobilenavsection {
    width:100%;
    height:0%;
    left:0;
    top:85px;
    position:absolute;
    display:none;
    z-index:9997;
    overflow-x:hidden;
}
@media (max-width:992px) {
    #mobilenavsection{
       display:block;
    }
}
#mobilenavsection.active {
    height:100%;
}
#mobilenavsection .inside {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    position:relative;
}
.mobilenav ul {
    position:relative;
    display:block;
    margin:0 auto;
    padding:0;
    text-align:center;
    list-style-type:none;
    list-style-type:none;
    -ms-transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.mobilenav ul.level_1 {
    margin:0;
    padding:40px 0;
    text-align:center;
    list-style-type:none;
}
.mobilenav li {
    position:relative;
    display:block;
}
.mobilenav ul.level_1 li a,
.mobilenav ul.level_1 li span.active,
.mobilenav ul.level_1 li span.forward {
    position:relative;
    display:block;
    margin:20px 0;
    padding:0;
    font-size:15px;
    text-decoration:none;
    color:#ffffff;
    text-transform:uppercase;
    font-weight:400;
    letter-spacing:3px;
}
.mobilenav ul.level_1 li a:hover,
.mobilenav ul.level_1 li span.active,
.mobilenav ul.level_1 li a.trail,
.mobilenav ul.level_1 li span.forward {
    color:rgba(255,255,255,.6);
}
.mobilenav ul.level_2 li a,
.mobilenav ul.level_2 li span.active,
.mobilenav ul.level_2 li span.forward {
    margin-top:10px;
    margin-bottom:10px;
    font-size:12px;
    color:rgba(255,255,255,.5);
}

/* Portfolio List Images //////////////////////////////////////////////////////////////////// */
.portfolio {
    float:left;
    overflow:hidden !important;
    /*padding-right: 15px !important;
    padding-left: 15px !important;
    padding-left:0px !important;
    padding-right:30px !important;*/
    padding-bottom: 0px !important;
    margin-bottom:30px !important;
    margin-top:30px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
}

/* Portfolio List Images //////////////////////////////////////////////////////////////////// */
.portfolio:hover .portfolio-info {
    background-color: rgba(16,45,105,1);
}

/* Portfolio - alternatives GRID */
.portfolio.sc4 {
    width: 24% !important;
    margin-right: 1.33% !important;
    padding: 0 !important;
}
.portfolio:nth-child(5),
.portfolio:nth-child(7) {
    /*padding-right:0px !important;*/
    margin-right:0 !important;
}
.portfolio:nth-child(6),
.portfolio:nth-child(7) {
    width: 49.33% !important;
    margin-top: 0;
}
@media (max-width:768px) {
    .portfolio{
         padding-bottom:15px !important;
    }
}
.portfolio img {
    width:100% !important;
    height:auto !important;
}
.important .portfolio-info {
    background-color: rgba(235,30,30,0.75);
}
.important .portlink_mobile {
}
.important .portfolio-info h4 {
    color:#ffffff;
}
.sliphover-container span.vertical-align {
    width:100%;
    left:0;
    top:50%;
    position:absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sliphover-container h4 {
    width:100%;
    margin-bottom:3px;
    padding-right:20px;
    padding-left:20px;
    font-size:22px;
    text-decoration:underline;
    color:#ffffff;
    text-transform:uppercase;
    font-weight: 700;
}
.sliphover-container a {
    width:100%;
    height:100%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
}
.portlink_mobile {
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    /*Code*/
    display:block;
    left:0;
    /*width: calc(100% - 30px);*/
    width:100%;
    height:100%;
    z-index:1;
}
.portfolio-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.5s ease-out !important;
    -webkit-transition: all 0.5s ease-out !important;
    -moz-transition: all 0.5s ease-out !important;
    -ms-transition: all 0.5s ease-out !important;
    /*width: calc(100% - 30px);*/
    width:100%;
    padding: 2% 10% 10% 5%;
    color:#fff;
    background-color: rgba(16,45,105,0.85);
    border-top:5px #d6af2e solid;
    border-bottom:5px #d6af2e solid;
    height:0%;
    min-height:200px;
}
.portfolio-info span {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -moz-hyphenate-limit-chars: auto 5;
    -o-hyphenate-limit-chars: auto 5;
    -webkit-hyphenate-limit-chars: auto 5;
    -ms-hyphenate-limit-chars: auto 5;
    hyphenate-limit-chars: auto 5;
    -moz-hyphenate-limit-lines: 2;
    -o-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
}
.portfolio-info .subheadline {
    /*Code*/
    line-height:1.4rem;
    /*font-size: 1.6vh*/
    font-size:1.05rem;
    font-weight: 100;
}
.portfolio-info h4 {
    color: #d6af2e;
    font-size: 1.5rem;
    font-family: Playfair Display, serif;
    letter-space: 2px;
    margin-top: 20px !important;
    margin-bottom: 20px;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    -moz-hyphenate-limit-chars: auto 5;
    -o-hyphenate-limit-chars: auto 5;
    -webkit-hyphenate-limit-chars: auto 5;
    -ms-hyphenate-limit-chars: auto 5;
    hyphenate-limit-chars: auto 5;
    -moz-hyphenate-limit-lines: 2;
    -o-hyphenate-limit-lines: 2;
    -webkit-hyphenate-limit-lines: 2;
    -ms-hyphenate-limit-lines: 2;
    hyphenate-limit-lines: 2;
}
@media (max-width:1024px) {
    .portlink_mobile{
       display:block;
    }
}
.sliphover-container span.subheadline {
    font-size:18px;
    color:#fff;
    font-weight:300;
}
.izotope-container {
    width:100%;
}
.grid-sizer {
    width: 0;
}

/* Portfolio Filter //////////////////////////////////////////////////////////////////// */
.fillter-wrap {
    width:100%;
    position:relative;
    display:block;
    margin-top:60px;
    margin-bottom:60px;
    text-align:center;
}
.fillter-wrap .but {
    margin-right:20px;
    margin-left:20px;
    font-size:12px;
    color:#1a1a1a;
    text-transform:uppercase;
    background: none;
    letter-spacing: 2px;
    outline: none;
    border: none;
    box-shadow: none;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
@media (max-width:768px) {
    .fillter-wrap .but{
         width:100%;
         padding-bottom:10px;
         margin:0px;
    }
}
.fillter-wrap .but.activbut {
    font-weight: 700;
}

/* Team //////////////////////////////////////////////////////////////////// */
.layout_latest .team_container {
    width:0%;
    bottom:0;
    left:0;
    right:0;
    top:0;
    position:absolute;
    overflow:hidden;
    margin-right:0;
    margin-left:0;
    padding-top:30px;
    padding-right:0;
    padding-left:0;
    background-color:rgba(255,255,255,.8);
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
}
.layout_latest:hover .team_container {
    width:100%;
    padding-right:30px;
    padding-left:30px;
}
@media (max-width:992px) {
    .layout_latest .team_container{
    position:relative;
    width:100%;
    margin:0px !important;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    padding:0px !important;
    }
}
.team_container i {
    margin-right:20px;
    font-size:18px;
}

/* Content Slider Images //////////////////////////////////////////////////////////////////// */
.ce_sliderStart {
    position:relative;
    display:block;
    padding-right:15px;
    padding-left:15px;
}
.ce_sliderStart img {
    width:100%;
    height:auto;
}
.content-slider {
    background-color:rgba(0,0,0,.05);
}
.ce_sliderStart figure {
    font-size:0px;
}
.slider-control .slider-menu {
    display:none;
}
.slider-control {
    height:0px;
    top:50%;
    position:absolute;
    left:15px;
    right:15px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.slider-prev {
    width:50px;
    height:50px;
    top:-25px;
    position:absolute;
    display:block;
    text-align:center;
    line-height:0px;
    color:#1a1a1a;
    display:block !important;
    left:20px !important;
    cursor:pointer;
    font-size:48px !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.slider-next {
    width:50px;
    height:50px;
    top:-25px;
    position:absolute;
    float:right;
    display:block;
    text-align:center;
    line-height:0px;
    color:#1a1a1a;
    display:block !important;
    cursor:pointer;
    right:20px !important;
    font-size:48px !important;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
}
.slider-prev:hover,
.slider-next:hover {
    color:#ffffff;
}

/* News Reader //////////////////////////////////////////////////////////////////// */
.mod_newsreader .layout_full .info {
    position:relative;
    float:right;
    margin-top:-1px;
    margin-right:15px;
    margin-left:15px;
    font-size:12px;
}

/* News Reader //////////////////////////////////////////////////////////////////// */
.mod_newsreader .layout_full .pagination {
}

/* Comments //////////////////////////////////////////////////////////////////// */
.ce_comments {
    padding:50px 20px 50px 15px;
}
.reply {
    margin-left:50px;
}
.comment {
    padding:10px 10px 10px 20px;
    background-color:rgba(1a1a1a,.03);
    border-left:4px solid #1a1a1a;
}
.ce_comments p.info {
    font-size:12px;
}
.com_by {
    color:#1a1a1a;
}
.ce_comments i {
    margin-right:10px;
    margin-left:20px;
}
.ce_comments .form {
    margin-top:40px;
}
.ce_comments .submit {
    margin-top:20px;
}

/* Accordion //////////////////////////////////////////////////////////////////// */
.ce_accordion {
    margin-bottom:10px;
}
.ce_accordion .toggler {
    width:100%;
    position:relative;
    display:block;
    padding:14px 40px 14px 11px;
    border:1px solid #1a1a1a;
    font-size:15px;
    color:#1a1a1a;
    background:none;
    cursor:pointer;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .toggler:hover,
.ce_accordion .ui-accordion-header-active {
    background-color:rgba(1a1a1a,1);
    color:#ffffff;
}
.ce_accordion .toggler:focus {
    outline:none;
}
.ce_accordion .ui-accordion-header:after {
    right:15px;
    top:16px;
    position:absolute;
    font:16px FontAwesome;
    color:#1a1a1a;
    content: "\f0ab";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .ui-accordion-header:hover:after {
    color:#ffffff;
}
.ce_accordion .ui-accordion-header-active:after {
    right:15px;
    top:16px;
    position:absolute;
    font:16px FontAwesome;
    color:#ffffff;
    content: "\f0aa";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_accordion .accordion {
    padding:10px 11px;
}
.ce_accordion .accordion:after {
    position:relative;
    float:none;
    clear:both;
    display:block;
    padding:1px 11px 0;
    content:"";
}

/* Form //////////////////////////////////////////////////////////////////// */
form label {
    position:relative;
    float:none;
    display:block;
    margin-bottom:5px;
}
form {
    position:relative;
}
form fieldset label {
    display:inline;
}
form .text,
form .textarea,
form .captcha {
    width:100%;
    margin-bottom:10px;
    padding:14px;
    border:1px solid rgba(1a1a1a,.4);
    font:16px 'source-sans-pro',serif;
    color:#1a1a1a;
    background-color:#ffffff50 !important;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align:left;
}
form .text:hover,
form .textarea:hover,
form .captcha:hover {
    background-color:#0047970d !important;
}
form .upload {
    margin-bottom:10px;
    margin-left:0;
}
form .text:focus,
form .textarea:focus,
form .captcha:focus,
#Slidersection form .text:focus {
    border:1px solid rgba(1a1a1a,1);
    outline:none;
}
.section {
    min-height: 100%;
}
form .select {
    width:100%;
    margin-bottom:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
form fieldset {
    margin-bottom:10px;
    padding:0;
    border:0px;
}
#ctrl_68,
#ctrl_135 {
    margin-top:25px;
    margin-bottom:25px;
    padding:0;
}
form fieldset legend {
    margin-bottom:10px;
}
form fieldset span label {
    margin-right:15px;
    margin-left:-3px;
}
form span.mandatory {
    margin-left:3px;
    font-weight:bold;
    color:#1a1a1a;
}
form p.error {
    margin-top:0;
    margin-bottom:5px;
    font-size:13px;
    color:#f00;
}
form br {
    display:none;
}
form .submit:focus {
    outline:none;
}
.mod_subscribe .checkbox_container span,
.mod_subscribe .checkbox_container span label,
.mod_subscribe .checkbox_container span input {
    position:relative;
    float:left;
    display:inline;
}
.mod_unsubscribe .checkbox_container span,
.mod_unsubscribe .checkbox_container span label,
.mod_unsubscribe .checkbox_container span input {
    position:relative;
    float:left;
    display:inline;
}
.mod_subscribe .checkbox_container,
.mod_unsubscribe .checkbox_container {
    position:relative;
    display:block;
    padding-bottom:20px;
}
.mod_subscribe .checkbox_container span label,
.mod_unsubscribe .checkbox_container span label {
    margin-right:10px;
}
input.submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Table //////////////////////////////////////////////////////////////////// */
/* .ce_table table { */
.content-table table {
    width:100%;
    table-layout: fixed;
    border-spacing:0px;
    border-collapse: collapse;
    border: 0;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/* .ce_table table th, */
/* .ce_table table td { */
.content-table table th,
.content-table table td {
    text-align:center;
}
/* .ce_table table thead th { */
.content-table table thead th {
    cursor:pointer;
}
/* .ce_table tbody img { */
.content-table tbody img {
    width:80px;
    height:auto;
}

/* Blockquotes //////////////////////////////////////////////////////////////////// */
blockquote p {
    position:relative;
    display:block;
    padding-right:60px;
    padding-left:100px;
    font-style:italic;
}
blockquote {
    position:relative;
    display:block;
    margin:0;
    padding:0;
}
blockquote:before {
    left:25px;
    position:absolute;
    display:block;
    font:50px FontAwesome;
    content: "\f10e";
}

/* Warning //////////////////////////////////////////////////////////////////// */
span.warning,
p.warning {
    position:relative;
    display:block;
    padding:20px;
    text-align:center;
    background-color:#c00;
    text-decoration:none;
    color:#ffffff;
    font-weight:400;
}
span.warning:before,
p.warning:before {
    width:100%;
    height:30px;
    position:relative;
    float:none;
    clear:both;
    display:block;
    padding-bottom:10px;
    text-align:center;
    font:30px FontAwesome;
    font-weight:normal;
    color:#ffffff;
    content:"\f071";
}

/* Confirmation //////////////////////////////////////////////////////////////////// */
span.confirmation,
p.confirmation {
    position:relative;
    display:block;
    padding:20px;
    text-align:center;
    background-color:#25b035;
    text-decoration:none;
    color:#ffffff;
    font-weight:400;
}
span.confirmation:before,
p.confirmation:before {
    width:100%;
    height:30px;
    position:relative;
    float:none;
    clear:both;
    display:block;
    padding-bottom:10px;
    text-align:center;
    font:30px FontAwesome;
    font-weight:normal;
    color:#ffffff;
    content: "\f024";
}

/* information //////////////////////////////////////////////////////////////////// */
span.information,
p.information {
    position:relative;
    display:block;
    padding:20px;
    text-align:center;
    background-color:#00a6ff;
    font-size:1.1em;
    text-decoration:none;
    color:#ffffff;
    font-weight:400;
}
span.information:before,
p.information:before {
    width:100%;
    height:30px;
    position:relative;
    float:none;
    clear:both;
    display:block;
    padding-bottom:10px;
    text-align:center;
    font:30px FontAwesome;
    font-weight:normal;
    color:#ffffff;
    content: "\f0a1";
}

/* Event List //////////////////////////////////////////////////////////////////// */
.mod_eventlist .event {
    position:relative;
    display:block;
    margin-bottom:60px;
}
.mod_eventlist h1 {
    margin-top:50px;
    margin-bottom:50px;
    padding-right:15px;
    padding-left:15px;
    text-align:center;
    width:100% !important;
}
.mod_eventlist .event img {
    width:100% !important;
    height:auto !important;
}
.mod_eventlist .event figure {
    margin-bottom:26px;
}
.mod_eventlist  p.time {
    font-size:12px;
}
.mod_eventlist .layout_teaser h2 a {
    text-decoration:none;
    color:#1a1a1a;
    text-transform:uppercase;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_eventlist .layout_teaser h2 a:hover {
    color:rgba(1a1a1a,.6);
}
.mod_eventlist p.more a {
    margin-left:0;
}
.mod_eventlist p.more {
    margin-top:30px;
}

/* Event Reader //////////////////////////////////////////////////////////////////// */
.mod_eventreader .layout_full {
    position:relative;
    display:block;
}
.mod_eventreader .layout_full p.info {
    position:relative;
    display:block;
    padding-right:15px;
    padding-left:15px;
    text-align:center;
    font-weight:normal;
    color:#$font3;
    text-transform:uppercase;
    font-weight:700;
}
.mod_eventreader .layout_full p.info span.location {
    font-weight:400;
}

/* Pagination  //////////////////////////////////////////////////////////////////// */
.pagination {
    position:relative;
    float:none;
    clear:both;
    display:block;
    padding:15px 15px 40px;
    margin-top:30px;
}
.pagination ul {
    position:relative;
    display:block;
    margin:0 0 0 34%;
    padding:0;
    list-style-type:none;
}
.pagination p {
    position:relative;
    float:right;
    display:block;
    margin-top:-10px;
    margin-right:10px;
}
@media (max-width:768px) {
    .pagination p{
    float:none;
    clear:both;
    }
}
.pagination ul li {
    height:42px;
    position:relative;
    float:left;
    display:block;
    margin-bottom:10px;
}
.pagination ul li a.previous,
.pagination ul li a.next {
    height:42px;
    margin-right:10px;
    padding:10px 16px;
    background-color:rgba(d6af2e,1);
    border:5px solid #d6af2e;
    font-size:15px;
    text-decoration:none;
    color:#ffffff;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination ul li a.last,
.pagination ul li a.first {
    height:42px;
    margin-right:10px;
    padding:10px 16px;
    background-color:rgba(142e69,1);
    border:5px solid #142e69;
    font-size:15px;
    text-decoration:none;
    color:#ffffff;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.pagination ul li a:hover,
.pagination ul li span {
    text-decoration:none;
    color:#1a1a1a;
    background:none;
}
.stbg-container .wrapper,
.stwk-container .wrapper {
    width:380px;
    margin: 0 auto;
}
.stbg-container .wrapper-gastrotipp {
    width: 600px;
    margin: 0 auto;
}
.stbg-container .wrapper-bestellservice {
    width: 410px;
    margin: 0 auto;
}

/* Calendar Small //////////////////////////////////////////////////////////////////// */
.calendar_inner {
    border-bottom:20px solid rgba(1a1a1a,.03);
}
.mod_calendar table {
    width:100%;
    display:table;
    background-color:rgba(1a1a1a,.03);
    table-layout: fixed !important;
    border-spacing:0px;
    border-collapse: collapse;
}
.minicalendar_head {
    width:100%;
    background-color:#1a1a1a;
}
.minicalendar_head tr th.previous,
.minicalendar_head tr th.current,
.minicalendar_head tr th.next {
    height:170px;
    margin-right:auto;
    margin-left:auto;
    vertical-align:middle;
    text-align:center;
    font-size:20px;
    font-weight:normal;
    color:#ffffff;
}
.minicalendar_head tr th.previous,
.minicalendar_head tr th.next {
    padding-right:20px;
    padding-left:20px;
}
.minicalendar_head tr th a {
    font-size:30px;
    text-decoration:none;
    color:#ffffff;
}
.minicalendar_head tr th a:hover {
    color:#ffffff;
}
.minicalendar_head tr {
    width:100%;
}
.minicalendar_body {
    width:100%;
    table-layout:fixed;
}
.minicalendar_body th.label {
    margin-right:auto;
    margin-left:auto;
    padding-top:10px;
    padding-bottom:10px;
    vertical-align:middle;
    text-align:center;
    font-size:13px;
    font-weight:bold;
    color:#1a1a1a;
    text-transform:uppercase;
}
.minicalendar_body tr td {
    overflow:hidden;
    margin-right:auto;
    margin-left:auto;
    padding-top:4px;
    padding-bottom:4px;
    vertical-align:middle;
    text-align:center;
    color:rgba(1a1a1a,.5);
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.minicalendar_body tr td:hover,
.minicalendar_body tr td.selected {
    background-color:#1a1a1a;
    color:#ffffff;
}
.minicalendar_body tr td a {
    width:100%;
    height:100%;
    text-decoration:none;
    color:#1a1a1a;
}
.minicalendar_body tr td:hover a,
.minicalendar_body tr td.selected a {
    color:#ffffff;
}

/* News List Latest  //////////////////////////////////////////////////////////////////// */
.mod_newslist .layout_latest {
    position:relative;
    display:block;
    margin-bottom:60px;
    position: relative !important;
    left: unset !important;
    top: unset !important;
    display: flex;
    flex-direction: column;
}
.mod_newslist > .izotope-container,
.zusatz_article .mod_newslist,
#suchen .mod_newslist,
#article-1180 .mod_newslist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height:unset !important;
}
.mod_newslist .teaser {
    flex:1;
}
.mod_newslist .layout_latest img {
    width:100% !important;
    height:auto !important;
}
.mod_newslist .layout_latest figure {
    margin-bottom:26px;
}
.mod_newslist .layout_latest h2 a,
.mod_news_related h2 a {
    font-size:1.5rem;
    text-decoration:none;
    color:#142e69;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-family:Playfair Display, serif;
}
.mod_newslist .layout_latest h2 a:hover,
.mod_news_related h2 a:hover {
    color:#d6af2e;
}
.mod_newslist .layout_latest h2 {
    margin:0 0 6px 0;
}
.mod_newslist .layout_latest .teaser > p {
    margin-top:0;
}
.mod_newslist .layout_latest p.more a {
    margin-left:0;
}
.mod_newslist .layout_latest p.more {
    margin-top:20px;
    padding-bottom:20px;
    border-bottom:3px solid #d6af2e;
}
.mod_newslist .layout_latest  p.info {
    font-size:12px;
    margin-top:0;
}

/* Downloads //////////////////////////////////////////////////////////////////// */
.ce_downloads,
.ce_download {
}
.ce_downloads ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.ce_downloads ul li,
.ce_download a {
    position:relative;
    display:block;
    margin-bottom:10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.ce_downloads ul li a,
.ce_download a {
    width:100%;
    position:relative;
    display:block;
    padding:14px 40px;
    border:1px solid #1a1a1a;
    font-size:15px;
    text-decoration:none;
    color:#c1;
    background:none;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ce_downloads ul li a:hover,
.ce_downloads ul li a:active,
.ce_download a:hover,
.ce_download a:active {
    background-color:rgba(1a1a1a,1);
    color:#ffffff;
}
.ce_downloads ul li a span,
.ce_download a span {
    position:relative;
    float:right;
    display:block;
    padding-top:2px;
    font-size:13px;
    text-decoration:none;
    color:#c1;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
.ce_downloads ul li a:hover span,
.ce_downloads ul li a:active span,
.ce_download a:hover span,
.ce_download a:active span {
    color:#ffffff;
}
.ce_downloads ul li a:before,
.ce_download a:before {
    right:12px;
    top:17px;
    position:absolute;
    display:block;
    font:17px FontAwesome;
    text-decoration:none;
    color:#ffffff;
    content: "\f019";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}
.ce_downloads ul li a:hover:before,
.ce_downloads ul li a:active:before,
.ce_download a:hover:before,
.ce_download a:active:before {
    color:#1a1a1a;
}
.ce_downloads ul li a:after,
.ce_download a:after {
    position:relative;
    float:none;
    clear:both;
    display:block;
    content:"";
}
.ce_downloads ul li img,
.ce_download img {
    left:12px;
    top:16px;
    position:absolute;
    z-index:9;
}

/* FAQ List //////////////////////////////////////////////////////////////////// */
.mod_faqlist {
}
.mod_faqlist ul {
    margin:0;
    padding:0;
    list-style-type:none;
}
.mod_faqlist ul li {
    position:relative;
    display:block;
    margin-bottom:10px;
}
.mod_faqlist ul li a {
    width:100%;
    position:relative;
    display:inline-block;
    padding:14px 15px 14px 40px;
    border:1px solid #1a1a1a;
    font-size:15px;
    text-decoration:none;
    color:#1a1a1a;
    background:none;
    font-weight:400;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_faqlist ul li a:hover,
.mod_faqlist ul li a:active {
    background-color:rgba(1a1a1a,1);
    color:#ffffff;
}
.mod_faqlist ul li a:before {
    left:15px;
    top:15px;
    position:absolute;
    display:block;
    font:19px FontAwesome;
    color:#1a1a1a;
    font-weight:normal;
    content: "\f128";
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_faqlist ul li a:active:before,
.mod_faqlist ul li a:hover:before {
    color:#ffffff;
}
.mod_faqreader h1,
.mod_faqreader .ce_text,
.mod_faqreader p.info {
    padding-right:15px;
    padding-left:15px;
}
.mod_faqreader .ce_text:after {
    position:relative;
    float:none;
    clear:both;
    display:block;
    content:"";
}
.mod_faqreader p.back {
    position:relative;
    float:left;
    display:block;
}
.mod_faqreader .ce_comments {
    position:relative;
    float:none;
    clear:both;
    display:block;
    margin-top:50px;
}
.mod_faqreader p.info {
    position:relative;
    float:right;
    margin-top:15px;
    font-size:12px;
}
@media (max-width:768px) {
    .mod_faqreader p.info, .mod_faqreader p.back{
    float:none;
    }
}

/* Googlemap //////////////////////////////////////////////////////////////////// */
.dlh_googlemap {
    width:100% !important;
}
.ce_dlh_googlemaps {
    position:relative;
    display:block;
    margin-top:30px;
}
.mod_sitemap ul {
    margin-bottom:0;
    padding-bottom:0;
}
.mod_sitemap ul.level_2,
.mod_sitemap ul.level_3,
.mod_sitemap ul.level_4,
.mod_sitemap ul.level_5 {
    padding-left:14px;
}
.mod_sitemap ul.level_1 a {
    font-weight:bold;
}
.mod_sitemap ul.level_2 a {
    font-weight:normal;
}
.mod_sitemap ul li a {
    width:100%;
    position:relative;
    display:inline-block;
    padding-top:6px;
    padding-bottom:4px;
    padding-left:14px;
    background-position:left center;
    background-repeat:no-repeat;
    border-top:1px solid #e8e8e8;
    list-style-type:circle;
}
.mod_sitemap ul li a:before {
    content:'\f105';
    font-family:"FontAwesome";
    padding-right:10px;
}
.mod_sitemap li.right-unvisible,
.mod_sitemap li.left-unvisible {
    display: block;
    list-style-type:circle;
}
.mod_sitemap .submenu li {
    list-style-type: circle;
    list-style-image:none !important;
}
.mod_sitemap ul.level_1 li {
    list-style-type: disc;
    list-style-image:none !important;
}
.mod_sitemap li:nth-child(2) {
    list-style-type: circle;
    list-style-image:none !important;
}

/* Headline Image //////////////////////////////////////////////////////////////////// */
.image_container_padding {
    width:100%;
    height:200px;
    position:relative;
    display:block;
    margin-bottom:60px;
    padding-right:15px;
    padding-left:15px;
    overflow:hidden !important;
}
.headline_image {
    width:100%;
    height:200px;
    position:relative;
    display:block;
    background-position:center top;
    background-repeat:no-repeat;
    z-index:99;
}
.image_container_padding h1 {
    width:100%;
    left:0;
    top:50%;
    position:absolute;
    margin:-20px 0 0;
    padding:0;
    text-align:center;
    font-size:36px;
    line-height:36px;
    color:#ffffff;
    text-transform:uppercase;
    letter-spacing:5px;
    font-weight:700;
    z-index:999;
}
.image_container_padding h1:after {
    width:60px;
    height:2px;
    bottom:0;
    left:50%;
    position:absolute;
    margin-bottom:-15px;
    margin-left:-30px;
    text-align:center;
    background-color:#ffffff;
    content:"";
}
.blau-bg:before,
#footersection:before {
    background-image:url("/files/theme_files_q/img/Goldlinie.jpg");
    content:" ";
    position: absolute;
    top: -5px;
    height: 5px;
    width: 100%;
}

/* Subscribe //////////////////////////////////////////////////////////////////// */
.mod_unsubscribe .submit,
.mod_subscribe .submit {
    margin-top:20px;
}
.mod_unsubscribe p.error,
.mod_subscribe p.error {
    color:#c00;
}
.mod_unsubscribe p.confirm,
.mod_subscribe p.confirm {
    color:#00a6ff;
}

/* Search //////////////////////////////////////////////////////////////////// */
.mod_search .even,
.mod_search .odd {
    position:relative;
    overflow:hidden;
    display:block;
    margin-bottom:20px;
    background-color:rgba(142e69,.05);
}
.mod_search .even a,
.mod_search .odd a {
    width:100%;
    position:relative;
    display:block;
    padding:11px 115px 11px 11px;
    background-color:rgba(1a1a1a,.7);
    font-size:16px;
    text-decoration:none;
    color:#ffffff;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mod_search .even h3,
.mod_search .odd h3 {
    margin-top:0;
}
.mod_search .even a:hover,
.mod_search .odd a:hover {
    background-color:rgba(1a1a1a,.99);
}
.mod_search .even h3 span,
.mod_search .odd h3 span {
    right:0;
    top:13px;
    position:absolute;
    padding-right:11px;
    font-size:12px;
    color:#ffffff;
}
.mod_search .even .context,
.mod_search .odd .context {
    padding:10px 20px 0;
}
.mod_search .even .url,
.mod_search .odd .url {
    padding:0 20px 10px;
    font-size:12px;
}
.mod_search .text {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.mod_search .pagination {
    padding-right:0;
    padding-left:0;
}
.mod_search .submit {
    margin-top:10px;
    margin-bottom:15px;
}

/* Container Menu //////////////////////////////////////////////////////////////////// */
#container .mod_navigation ul {
    position:relative;
    display:block;
    margin:0;
    padding:0;
    line-height:23px;
    list-style-type:none;
}
#container .mod_navigation ul li {
    position:relative;
    display:block;
}
#container .mod_navigation ul li a,
#container .mod_navigation ul li span {
    padding-left:20px;
    text-decoration:none;
}
#container .mod_navigation ul li a:before,
#container .mod_navigation ul li span:before {
    left:0;
    top:0;
    position:absolute;
    font-family:FontAwesome;
    content: "\f196";
}
#container .mod_navigation ul li a:hover:before,
#container .mod_navigation ul li.trail  a:before,
#container .mod_navigation ul li.active span:before {
    text-decoration:none;
    content: "\f0fe";
}
#container .mod_iso_productfilter .mod_navigation h2 {
    margin-top:0;
}

/* Registration  //////////////////////////////////////////////////////////////////// */
.mod_registration .submit_container {
    position:relative;
    display:block;
    margin-top:20px;
}

/* Lost Password  //////////////////////////////////////////////////////////////////// */
.mod_lostPassword .submit_container {
    position:relative;
    display:block;
    margin-top:20px;
}

/* Login  //////////////////////////////////////////////////////////////////// */
.mod_login .submit_container {
    position:relative;
    display:block;
    margin-top:10px;
}

/* Personal Data  //////////////////////////////////////////////////////////////////// */
.mod_personalData .submit_container {
    position:relative;
    display:block;
    margin-top:20;
}
#sectionfirst,
#sectionsecond,
#sectionthird,
#sectionfourth {
    width:100%;
    height:auto;
    margin:0 auto;
}

/* Gallery  //////////////////////////////////////////////////////////////////// */
.ce_gallery ul {
    margin:0;
    padding:0;
    list-style-type:none;
    overflow:hidden;
}
.ce_gallery li {
    float:left;
}
.ce_gallery li.col_first {
    clear:left;
}
.float_left {
    float:left;
}
.float_right {
    float:right;
}

/* Breadcrumb //////////////////////////////////////////////////////////////////// */
.mod_breadcrumb {
    width:100%;
    position:relative;
    clear:both;
    display:block;
    padding-bottom:15px;
    font-size:13px;
    color:#d6af2e;
}
.mod_breadcrumb ul {
    margin:0;
    padding:0;
}
.mod_breadcrumb ul li {
    position:relative;
    float:left;
    display:block;
    margin-right:10px;
}
.mod_breadcrumb ul li a {
    text-decoration:none;
    color:#efefef;
}
.mod_breadcrumb ul li a:hover {
    text-decoration:none;
    color:#d6af2e;
}
.mod_breadcrumb ul li:before {
    margin-right:10px;
    font-family:FontAwesome;
    content: "\f178";
}
.mod_breadcrumb ul li.first:before {
    display:none;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.rsts-view {
    z-index:1;
}
.rsts-slides,
.rsts-slide,
.rsts-thumbs-slides,
.rsts-thumbs-slide {
    position:absolute;
}
.rsts-skin-liquid .rsts-prev,
.rsts-skin-liquid .rsts-next,
.rsts-skin-liquid .rsts-thumbs-prev,
.rsts-skin-liquid .rsts-thumbs-next {
    right: 3%;
}
.rsts-skin-liquid .rsts-nav {
    z-index:1;
}
.inhalt-wrapper-slider {
    /*width: 100%;
    min-width: 1200px;*/
    margin: 0 auto;
    position: relative;
    z-index: 10;
    width:50%;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.motiv-bier img {
    width: 100%;
    position: absolute;
    top: 140%;
    min-width:220px;
}
.rsts-skin-liquid .rsts-prev,
.rsts-skin-liquid .rsts-thumbs-prev {
    left:3%;
}
.rsts-skin-liquid .rsts-prev,
.rsts-skin-liquid .rsts-next,
.rsts-skin-liquid .rsts-video-stop,
.rsts-skin-liquid .rsts-nav-numbers a,
.rsts-skin-liquid .rsts-nav-tabs a,
.rsts-skin-liquid .rsts-thumbs-prev,
.rsts-skin-liquid .rsts-thumbs-next {
    bottom:50%;
}
.rsts-prev,
.rsts-next {
    bottom:calc(50% - 15px) !important;
}
.startseite-slide .rsts-caption {
    display:none;
}
.produkte-slide .rsts-caption {
    display:block !important;
}
.rsts-skin-liquid .rsts-caption {
    bottom: 0px;
    left:0;
    background-image:none;
    text-transform:uppercase;
    color:#d6af2e;
    text-align:center !important;
    width:100%;
    font-size: 1.1rem;
    font-family: Playfair Display, serif;
}
h2.ce_headline.mobile {
    color:#142e69 !important;
}
.genusspaket-12er h3,
.genusspaket-18er h3,
span.price {
    font-family: Playfair Display, serif;
    font-size:1.5rem;
    margin-bottom:0.3rem;
    margin-top:0.5rem;
    padding:0.5rem;
    color:#142e69;
}
.genusspaket-12er,
.genusspaket-18er {
    background-image:url("/files/theme_files_q/content_images/bg-shop.png");
    background-position:center center;
    background-repeat:no-repeat;
    border:2px solid #d6af2e;
}
.genusspaket-12er.sc2,
.genusspaket-18er.sc2 {
    width:48% !important;
    margin-bottom:20px;
    padding-top:12px;
}
.genusspaket-12er.sc2.sc2-first {
    margin-right:2% !important;
    margin-bottom:20px;
}
.gast-logo .ce_image img {
    padding: 0 10%;
}
.hover01 a img:hover {
    -webkit-transform: scale(1.025);
    -moz-transform: scale(1.025);
    transform: scale(1.025);
}
.hover01 a img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
#slider .privatpils-slider {
    background-size:cover;
}
.slider-pils {
    height:70vh
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.privatpils-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/privatpils-slider-grafik.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size: cover;
    height:calc(70vh - 150px);
    background-position: 0 20%;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.kellerbier-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/kellerbier-slider-grafik.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size:cover;
    height:calc(70vh - 150px);
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.radler-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/radler-slider-grafik.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size:cover;
    /*height:calc(70vh - 150px);*/
    height: -webkit-calc(70vh - 150px);
    height: -moz-calc(70vh - 150px);
    height: calc(70vh - 150px);
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.elbsommer-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/elbsommer-slider.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size:cover;
    height:calc(70vh - 150px);
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.steinieflasche-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/steinieflasche-slider.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size:cover;
    height:calc(70vh - 150px);
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.bennator-bg-slider {
    background-image:url("/files/theme_files_q/startseite-slider/bockbier-slider.jpg");
    background-repeat:no-repeat;
    width:100%;
    margin:0 auto !important;
    position:relative;
    background-size:cover;
    height:calc(70vh - 150px);
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.privatpils-bg-slider img {
    width:100%;
}
.inhalt-wrapper-slider-privatpils {
    min-width: 1200px;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    /*width: 55%;*/
    margin-left: 27.5%;
}
.produkte #wrapper {
    background-color: #f6f2ea;
    margin-top:5px;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.blau-bg {
    width: 100%;
    min-height: 150px;
    position: absolute;
    bottom:0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f245e+0,0050a0+51,0050a0+51,0f245e+100 */
    background: #0f245e; /* Old browsers */
    background: -moz-linear-gradient(45deg,  #0f245e 0%, #0050a0 51%, #0050a0 51%, #0f245e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  #0f245e 0%,#0050a0 51%,#0050a0 51%,#0f245e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  #0f245e 0%,#0050a0 51%,#0050a0 51%,#0f245e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f245e', endColorstr='#0f245e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.slider-text-primaer {
    font-family:Playfair Display,serif;
    color:#fff;
    font-size:2.5em;
    letter-spacing:1px;
}
.slider-text-sekundaer {
    font-family:Varta, sans-serif;
    color:#d6af2e;
    font-size:1.5em;
    font-weight: 100;
    letter-spacing: 1px;
}
.mod_rocksolid_slider.image-slider {
    height:40vh;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.motiv-bier-privatpils {
    margin:0 auto !important;
    position:absolute;
    z-index:2;
    height:0px;
    /*bottom:0;
    min-height:100%;*/
    left:0;
    bottom:0;
    min-width:380px;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.motiv-bier {
    margin:0 auto !important;
    position:absolute;
    z-index:2;
    height:240px;
    bottom:0;
    min-height:100%;
    left:25%;
    bottom:0;
    width:200px;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.motiv-bier-privatpils img {
    /*width: 100%;*/
    position: relative;
    /*top: 140%;
    min-width:220px;*/
    height: 100%;
    min-height: 66vh;
    right: calc(50px + 4vw);
    top: 5.5vh;
}
.privatpils img {
    float:right;
    margin-right:3%;
}
.privatpils {
    position: absolute;
    z-index: 2;
    float: right;
}

/* RocksolidSlider //////////////////////////////////////////////////////////////////// */
.text-inhalt {
    width:50vw;
    float:right;
    margin:30px 0 20px 0;
}
.slide-top {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 200;
    margin: 0 auto;
    text-align: center;
    background: none;
}

/* /////////TABS////////////////// */
.tabcontrol_tabs > ul {
    text-align: center;
    margin-bottom: 1rem;
}
.tabcontrol_tabs > ul > li:hover,
.tabcontrol_tabs > ul > li.selected {
    color: #142e69;
    background-color: #fff;
    border-color: #142e69;
}
.tabcontrol_tabs > ul > li {
    display: inline-block;
    padding: 9px 30px;
    color: #FFF;
    background-color: #142e69;
    border: 1px solid #142e69;
    cursor: pointer;
    -webkit-transition: all 150ms linear;
    -moz-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    transition: all 150ms linear;
    margin-right: 8px;
}
.portfolio-info h4 {
    font-size:1.25rem;
}
.portfoliio-info .subheadline {
    font-size:0.8rem;
}
.formbody .sc2,
.formbody .sc3,
.formbody .sc3-2,
.formbody .sc4,
.formbody .sc4-2,
.formbody .sc4-3,
.formbody .sc5,
.formbody .sc5-2,
.formbody .sc5-3,
.formbody .sc5-4 {
    padding-left:3px !important;
}
.formbody .sc2 input,
.formbody .sc3 input,
.formbody .sc3-2 input,
.formbody .sc4 input,
.formbody .sc4-2 input,
.formbody .sc4-3 input,
.formbody .sc5 input,
.formbody .sc5-2 input,
.formbody .sc5-3 input,
.formbody .sc5-4 input {
    padding-left:10px !important;
}
.ce_form input[type="checkbox"],
.ce_form input[type="radio"] {
    width: 18px;
        margin: 0;
        padding: 0;
        opacity: 0
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
        padding: 0;
}
input {
    line-height:normal;
}
.ce_form input[type="checkbox"] + label,
.ce_form input[type="radio"] + label {
    background-image:url("/files/theme_files_q/img/boxen-1.png");
    background-repeat:no-repeat;
    background-position:0 0;
        margin-left: -22px;
        padding-left: 28px;
        padding-right: 12px;
        display: inline-block;
        line-height: 22px;
}
.ce_form input[type="checkbox"]:checked + label,
.ce_form input[type="radio"]:checked + label {
    background-position: 0 -22px;
}
.choose label {
    font-weight:bold;
}
.choose > fieldset > span {
    font-weight:bold;
    display:inline-block;
}
.choose.spreader > fieldset {
    font-weight:bold;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.choose.spreader > fieldset > span {
    font-weight:bold;
    width:30%;
    margin-bottom: 5px;
}
.choose.spreader > fieldset > span:last-child,
.choose.spreader > fieldset > legend {
    width:100%;
}
.formbody .sc-last {
    padding-right:3px !important;
}
.clear {
    clear:both;
}
.mfp-wrap {
    z-index:10000;
}
.mfp-bg {
    z-index: 9999;
}
.mfp-iframe-scaler iframe #container {
    height:100vh;
}
tr.row_1 {
    font-weight:bold;
    font-size:14px;
}
tr.row_2 {
    font-size:13px;
    padding-top:5px;
}
tr,
td,
th {
    vertical-align:top;
}
.helle tr:first-child {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eab92d+54,c79810+100&0+7,0.32+55,1+100 */
    background: -moz-linear-gradient(top,  rgba(234,185,45,0) 7%, rgba(234,185,45,0.31) 54%, rgba(233,184,44,0.32) 55%, rgba(199,152,16,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(234,185,45,0) 7%,rgba(234,185,45,0.31) 54%,rgba(233,184,44,0.32) 55%,rgba(199,152,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(234,185,45,0) 7%,rgba(234,185,45,0.31) 54%,rgba(233,184,44,0.32) 55%,rgba(199,152,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eab92d', endColorstr='#c79810',GradientType=0 ); /* IE6-9 */
}
.dunkle tr:first-child {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a05520+54,84220b+100&0+7,0.32+55,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(160,85,32,0) 7%, rgba(160,85,32,0.31) 54%, rgba(159,84,32,0.32) 55%, rgba(132,34,11,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(160,85,32,0) 7%,rgba(160,85,32,0.31) 54%,rgba(159,84,32,0.32) 55%,rgba(132,34,11,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(160,85,32,0) 7%,rgba(160,85,32,0.31) 54%,rgba(159,84,32,0.32) 55%,rgba(132,34,11,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a05520', endColorstr='#cc84220b',GradientType=0 ); /* IE6-9 */
}
.saisonale tr:first-child {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c6d67a+54,9ace2b+100&0+7,0.32+55,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(198,214,122,0) 7%, rgba(198,214,122,0.31) 54%, rgba(197,214,120,0.32) 55%, rgba(154,206,43,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(198,214,122,0) 7%,rgba(198,214,122,0.31) 54%,rgba(197,214,120,0.32) 55%,rgba(154,206,43,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(198,214,122,0) 7%,rgba(198,214,122,0.31) 54%,rgba(197,214,120,0.32) 55%,rgba(154,206,43,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c6d67a', endColorstr='#cc9ace2b',GradientType=0 ); /* IE6-9 */
}
.mix tr:first-child {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b6d671+54,65cbf7+100&0+7,0.32+55,0.8+100 */
    background: -moz-linear-gradient(top,  rgba(182,214,113,0) 7%, rgba(182,214,113,0.31) 54%, rgba(180,214,116,0.32) 55%, rgba(101,203,247,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(182,214,113,0) 7%,rgba(182,214,113,0.31) 54%,rgba(180,214,116,0.32) 55%,rgba(101,203,247,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(182,214,113,0) 7%,rgba(182,214,113,0.31) 54%,rgba(180,214,116,0.32) 55%,rgba(101,203,247,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b6d671', endColorstr='#cc65cbf7',GradientType=0 ); /* IE6-9 */
}
#brauspezialitaeten-to-go .sc5-2.sc-count2.sc-first {
    width:38%;
}
#brauspezialitaeten-to-go .sc5.sc-count4 {
    width:10%;
}
    #brauspezialitaeten-to-go .sc5.sc-count5.sc-last {
        width:32%;
    }

    .flex {
        display:flex;
        flex-direction: column;
        justify-content: center;
    }
}