@charset "UTF-8";

/*!
Theme Name: BBQ-Crew
Theme URI:
Description: Customized Theme for BBQ-Crew.
Author: Ralf Hoffmeister
Author URI: http://ralfhoffmeister.de
Version: 1.0
*/

.align-center,
.cta,
.wp-caption {
    text-align: center;
}

.cta,
.logo,
.main-nav a {
    text-decoration: none;
}

.cta,
a {
    outline: 0;
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
button,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

blockquote,
q {
    quotes: none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

* html .clear {
    height: 1%;
}

*,
:after,
:before {
    box-sizing: border-box;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.drop-cap,
.left,
a img.alignleft {
    float: left;
}

a img.alignleft,
a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
}

.claim,
.logo,
.section-header {
    background-repeat: no-repeat;
}

.wp-caption.alignleft,
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.text-shadow {
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.circle {
    border-radius: 50%;
}

.cta {
    font-size: 20px;
    display: inline-block;
    font-family: "Bevan", Georgia, Times, serif;
    border: 2px dotted #ae1a1b;
    color: #fff;
    background-color: #ae1a1b;
    padding: 0.55em 1em 0.65em;
    line-height: 1;
    transition: all 0.15s ease-in-out;
}
.xtra-pad-top {
    padding-top: 35px;
}
.cta.active,
.cta:active,
.cta:focus,
.cta:hover {
    background-color: #000;
    color: #ae1a1b;
}

.page-haeppchenschmiede .cta {
    font-size: 20px;
    display: inline-block;
    font-family: "Bevan", Georgia, Times, serif;
    border: 2px dotted #cb9b20;
    color: #fff;
    background-color: #cb9b20;
    padding: 0.55em 1em 0.65em;
    line-height: 1;
    transition: all 0.15s ease-in-out;
}

.page-haeppchenschmiede .cta.active,
.page-haeppchenschmiede .cta:active,
.page-haeppchenschmiede .cta:focus,
.page-haeppchenschmiede .cta:hover {
    background-color: #000;
    color: #cb9b20;
}

.info-msg,
.okay-msg,
.warning-msg {
    padding-left: 10px;
}

.cta.active,
.cta:active {
    transition: none;
}

.warning-msg {
    border-left: 5px solid red;
}

.info-msg {
    border-left: 5px solid #aaa;
}

.okay-msg {
    border-left: 5px solid #0f0;
}

a,
img {
    border: 0;
}

.small {
    font-size: 0.75em;
}

.medium {
    font-size: 1.5em;
}

.large {
    font-size: 2em;
}

.x-large {
    font-size: 2.5em;
}

.align-justify {
    text-align: justify;
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.drop-cap {
    font-size: 3em;
    line-height: 1;
    font-weight: 600;
    padding: 2px 8px 0 0;
}

.bold,
.run-in {
    font-weight: 700;
}

.italic {
    font-style: italic;
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.hide-text {
    border: 0;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
}

body,
button:active {
    background-color: #000;
    color: #fff;
}

.smooth {
    -webkit-font-smoothing: antialiased;
}

.sub-smooth {
    -webkit-font-smoothing: subpixel-antialiased;
}

.r-br {
    display: none;
}

.cols2,
.cols3,
.cols4 {
    max-width: 780px;
    -moz-column-count: 1;
    -ms-column-count: 1;
    column-count: 1;
}

img,
video {
    max-width: 100%;
    height: auto !important;
}

@media screen and (min-width: 600px) {
    .r-br {
        display: block;
    }
    .cols2 {
        -moz-column-count: 2;
        -ms-column-count: 2;
        column-count: 2;
    }
    .cols3 {
        -moz-column-count: 3;
        -ms-column-count: 3;
        column-count: 3;
    }
    .cols4 {
        -moz-column-count: 4;
        -ms-column-count: 4;
        column-count: 4;
    }
    .cols2 p,
    .cols3 p,
    .cols4 p {
        padding-top: 0;
        padding-bottom: 1em;
        display: inline-block;
    }
    .cols2 h1,
    .cols2 h2,
    .cols2 h3,
    .cols2 h4,
    .cols2 h5,
    .cols2 h6,
    .cols2 img,
    .cols3 h1,
    .cols3 h2,
    .cols3 h3,
    .cols3 h4,
    .cols3 h5,
    .cols3 h6,
    .cols3 img .cols4 h1,
    .cols4 h2,
    .cols4 h3,
    .cols4 h4,
    .cols4 h5,
    .cols4 h6,
    .cols4 img {
        -moz-column-span: all;
        column-span: all;
    }
}

.right {
    float: right;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

.bq-ref,
.logo {
    display: block;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.static {
    position: static;
}

body,
li {
    position: relative;
}

html {
    min-height: 100%;
    font-size: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

body,
li,
p {
    font-size: 16px;
}

/* latin-ext */

/* latin-ext */

@font-face {
    font-family: "Vollkorn";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/vollkorn/v21/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmQObTa3w.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Vollkorn";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(../fonts/vollkorn/v21/0ybuGDoxxrvAnPhYGxksckM2WMCpRjDj-DKhXVmeObQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/robotocondensed/v19/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* vietnamese */

@font-face {
    font-family: "Bevan";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/bevan/v20/4iCj6KZ0a9NXjG8SWCvLtg.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Bevan";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/bevan/v20/4iCj6KZ0a9NXjG8TWCvLtg.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Bevan";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/bevan/v20/4iCj6KZ0a9NXjG8dWCs.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* vietnamese */

@font-face {
    font-family: "Great Vibes";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XKiaQ6DQ.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Great Vibes";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XLiaQ6DQ.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Great Vibes";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/greatvibes/v14/RWmMoKWR9v4ksMfaWd_JN9XFiaQ.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNa7lqDY.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qPK7lqDY.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNK7lqDY.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qO67lqDY.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qN67lqDY.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qNq7lqDY.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

/* cyrillic-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmhduz8A.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwkxduz8A.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmxduz8A.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}

/* greek */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlBduz8A.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}

/* vietnamese */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmBduz8A.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwmRduz8A.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(fonts/sourcesanspro/v21/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
        U+FEFF, U+FFFD;
}

body {
    min-height: 100%;
    line-height: 1.4;
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}

.h1,
.h2,
h1,
h2 {
    line-height: 1.2;
    margin-bottom: 1em;
}

p {
    padding: 0.5em 0;
    -epub-word-break: hyphenate;
    -ms-word-break: hyphenate;
    word-break: normal;
    word-wrap: normal;
    -webkit-hyphens: auto;
    -epub-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

@media screen and (min-width: 600px) {
    li,
    p {
        font-size: 18px;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Bevan", Georgia, Times, serif;
}

code,
pre {
    font-family: courier, monospace;
}

.h1,
h1 {
    font-size: 20px;
}

.h2,
h2 {
    font-size: 18px;
}

.h3,
h3 {
    font-size: 16px;
    line-height: 1.3;
}

.h4,
h4,
h5,
h6 {
    font-size: 18px;
    line-height: 1.3;
}

@media screen and (min-width: 600px) {
    .h1,
    .h2,
    .h3,
    .h4,
    h1,
    h2,
    h3,
    h4 {
        line-height: 1.2;
    }
    .h1,
    .h2,
    h1,
    h2 {
        font-size: 27px;
    }
    .h3,
    h3 {
        font-size: 30px;
    }
    .h4,
    h4 {
        font-size: 26px;
    }
    h5,
    h6 {
        line-height: 1.5;
    }
    h5 {
        font-size: 22px;
    }
    h6 {
        font-size: 18px;
    }
}

blockquote,
blockquote > p {
    font-size: 20px;
}

a {
    color: inherit;
}

a:active,
a:focus,
a:hover {
    color: #ae1a1b;
}

button {
    cursor: pointer;
}

button:focus,
button:hover {
    background-color: #aaa;
}

address,
em {
    font-style: italic;
}

strong {
    font-weight: 700;
}

code {
    background-color: #eee;
    padding: 0 5px;
}

pre {
    white-space: pre-wrap;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

.main-nav li,
nav li {
    list-style: none;
}

li {
    list-style-position: inside;
}

nav li {
    margin-left: 0;
}

img {
    width: auto\9;
    -ms-interpolation-mode: bicubic;
    transform: translate3d(0, 0, 0);
}

blockquote > p {
    line-height: 1.3;
}

.bq-ref {
    font-size: 0.8em;
    font-weight: 900;
    padding: 10px 20px 0 0;
    text-align: right;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
    display: block;
    cursor: pointer;
    width: 100%;
    border: 1px solid #000;
    background-color: #eee;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.frame,
.logo,
[class*="frame-"] {
    position: relative;
    margin: 0 auto;
}

input:focus:-moz-placeholder,
input:focus:-ms-input-placeholder,
input:focus::-moz-placeholder,
input:focus::-webkit-input-placeholder,
textarea:focus:-moz-placeholder,
textarea:focus:-ms-input-placeholder,
textarea:focus::-moz-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.sans {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
}

.serif {
    font-family: "Bevan", Georgia, Times, serif;
}

.mono {
    font-family: courier, monospace;
}

.fancy {
    font-family: "Great Vibes", Didot, "Times New Roman", Georgia, Times, serif;
    -moz-font-feature-settings: "frac=1";
    -ms-font-feature-settings: "frac" 1;
}

.base-color {
    color: #fff;
}

.base-bg {
    background-color: #fff;
}

.body-color {
    color: #000;
}

.body-bg {
    background-color: #000;
}

.accent-color {
    color: #ae1a1b;
}

.accent-bg {
    background-color: #ae1a1b;
}

.soft-color {
    color: #5b0c0c;
}

.soft-bg {
    background-color: #5b0c0c;
}

.container {
    position: relative;
    min-height: 100%;
    width: 100%;
    overflow: hidden;
}

.content {
    position: relative;
}

.frame,
[class*="frame-"] {
    width: 100%;
    max-width: 1200px;
}

.module,
[class*="module-"] {
    padding: 0 10px;
}

.page-pad,
.page-padding {
    padding: 10px;
}

.half,
.quarter,
.quarter.triple,
.third,
.third.double {
    width: 100%;
    position: relative;
    float: none;
}

@media screen and (min-width: 600px) {
    .half {
        width: 50%;
        float: left;
    }
    .third {
        width: 33.333333%;
        float: left;
    }
    .third.double {
        width: 66.666666%;
        float: left;
    }
    .quarter {
        width: 25%;
        float: left;
    }
    .quarter.triple {
        width: 75%;
        float: left;
    }
}

header {
    position: relative;
    z-index: 10;
    border-bottom: 10px solid #ae1a1b;
}

.section-header {
    height: 130px;
    padding-top: 0;
    background-image: url(images/ui/header-bg.png);
    background-size: auto 130px;
    background-color: #000;
    background-position: center bottom;
}

@media screen and (min-width: 1000px) {
    .section-header {
        height: 265px;
        padding-top: 0;
        background-size: auto 265px;
    }
}

.logo {
    top: 10px;
    width: 118px;
    height: 113px;
    background-image: url(images/ui/logo-bbq-crew.png);
    background-size: contain;
}

.page-haeppchenschmiede .logo {
    background-image: url(images/ui/logo-haeppchen.png);
}

@media screen and (min-width: 1000px) {
    .logo {
        top: 20px;
        width: 237px;
        height: 225px;
    }
}
.stoerer-fixed {
    z-index: 11;
    display: block;
    position: fixed;
    top: 70px;
    right: 0;
    width: 40px;
    height: 109px;
}

@media screen and (min-width: 768px) {
    .stoerer-fixed {
        top: 45px;
        width: 50px;
        height: 162px;
    }
}
.claim {
    display: none;
    background-image: url(images/ui/header-claim.png);
    background-size: contain;
    position: absolute;
    width: 190px;
    height: 94px;
    right: 0;
    top: 0;
}

@media screen and (min-width: 600px) {
    .claim {
        display: block;
    }
    .page-haeppchenschmiede .claim {
        display: none;
    }
}

@media screen and (min-width: 1000px) {
    .claim {
        width: 379px;
        height: 187px;
    }
}

.js .main-nav {
    height: auto;
    background-color: #ae1a1b;
    max-height: 0;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
}

.js .page-haeppchenschmiede .main-nav-2 {
    background-color: #cb9b20;
}

.js .nav-open .main-nav {
    max-height: 1000px;
}

.main-nav ul {
    padding: 0;
}

.main-nav .sub-menu {
    text-indent: 20px;
    z-index: 1;
}

@media screen and (min-width: 1000px) {
    header {
        border-bottom: none;
    }
    .main-nav ul {
        text-align: center;
    }
    .main-nav-2 > ul {
        display: flex;
        justify-content: center;
        max-width: 1000px;
        flex-wrap: wrap;
        margin: 0 auto;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .main-nav-2 > ul > li {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-nav-2 > ul > li > a {
        font-size: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .main-nav .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        text-indent: 0;
    }
    .main-nav li:hover > .sub-menu {
        display: block;
    }
    .main-nav li {
        display: inline-block;
    }
    .sub-menu li {
        background-color: #ae1a1b;
        width: 280px;
        margin-top: 4px;
    }
    .main-nav .sub-menu > li {
        box-shadow: 0 0 15px rgb(0 0 0 / 50%);
    }
    .page-haeppchenschmiede .sub-menu li {
        background-color: #cb9b20;
    }
}

.main-nav a {
    display: block;
    font-family: "Bevan", Georgia, Times, serif;
    font-size: 15px;
    padding: 10px;
    text-transform: uppercase;
    color: #fff;
}

.main-nav a:hover {
    background-color: #5b0c0c;
}

.page-haeppchenschmiede .main-nav-2 a:hover {
    background-color: transparent;
    color: #000;
}

.main-nav .current-menu-item > a,
.main-nav .current-menu-parent > a,
.main-nav a:active {
    color: #000;
}

@media screen and (min-width: 1000px) {
    .main-nav a {
        font-size: 17px;
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

.termin-content h2:first-child {
    margin-top: 0;
}

.menu-button {
    display: none;
}

.js .menu-button,
.js .menu-button:hover {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border: none;
    background: url(images/ui/mobile-open.svg) center center no-repeat;
    background-size: 30px;
}

.drawer,
.scissors-top {
    border-top: 2px dotted #ae1a1b;
}

.nav-open .menu-button,
.nav-open .menu-button:hover {
    background: url(images/ui/mobile-close.svg) center center no-repeat;
    background-size: 30px;
}

@media screen and (min-width: 1000px) {
    .js .menu-button {
        display: none;
    }
    .js .main-nav {
        height: auto;
        max-height: none;
        overflow: visible;
    }
}

.drawer-content,
.gallery-thumb,
.gallery-thumb-container {
    overflow: hidden;
}

.section-bg-fixed {
    width: 100%;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.section-bg-fixed.fullheight {
    width: 100%;
    height: 100vh;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

.page-template-page-start .section-bg-fixed h1,
.page-template-page-start .section-bg-fixed p {
    text-shadow: 2px 2px 0 #000;
}

.ipad .section-bg-fixed,
.iphone .section-bg-fixed {
    background-attachment: scroll;
}

.content .frame {
    padding-top: 75px;
    padding-bottom: 125px;
}

.content .txtimg {
    padding-top: 75px;
    padding-bottom: 75px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
}

.content .txtimg + .frame {
    padding-top: 0;
}

.content .frame + .txtimg {
    padding-top: 0;
}

.content .frame.less-pad {
    padding-top: 15px;
    padding-bottom: 55px;
}

@media screen and (min-width: 600px) {
    .section-content ul:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
    }
    .section-content ul > li {
        width: 50%;
        float: left;
    }
}

.angebot-flag,
.angebot-flag p,
p .flag-menu,
p .flag-number {
    font-size: 15px;
}

.page-template-page-start .content .frame {
    max-width: 800px;
    padding-top: 75px;
    padding-bottom: 225px;
}

@media screen and (min-width: 700px) {
    .page-template-page-start .content .frame {
        padding-bottom: 425px;
    }
}

.page-template-page-start .cta {
    margin-top: 2em;
}

.section-content h2 {
    margin-top: 1em;
}

.section-content ul {
    padding-top: 0.5em;
    padding-left: 20px;
    padding-bottom: 0.5em;
}

.section-content ul li {
    list-style: none;
    padding-right: 40px;
}

.section-content ul li:before {
    content: "-";
    position: absolute;
    left: -15px;
    top: 0;
}

.section-outtake img {
    display: block;
    margin: 0 auto;
}

.section-hl {
    width: 100%;
    text-align: center;
    background: #000;
    background: linear-gradient(to right, #000 0, #ae1a1b 19%, #ae1a1b 81%, #000 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1);
}

.page-haeppchenschmiede .section-hl {
    color: #000;
    background: rgb(200, 150, 22);
    background: linear-gradient(90deg, rgba(200, 150, 22, 1) 0%, rgba(255, 249, 208, 1) 50%, rgba(200, 150, 22, 1) 100%);
}

.page-haeppchenschmiede .gallery-frame {
    padding-bottom: 0;
}

.page-haeppchenschmiede .content-frame {
    padding-bottom: 75px;
}

.page-template-page-catering,
.page-template-page-grillcatering,
.page-template-page-foodtruck,
.page-template-page-grillkurs {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
}

.section-hl h2 {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0;
}

.content-frame {
    max-width: 630px;
}

.section-gallery .frame {
    max-width: 327px;
    padding-left: 0;
    padding-right: 0;
}

.gallery-thumb {
    float: left;
    width: 100%;
    padding: 10px;
}

@media screen and (min-width: 400px) {
    .section-gallery .frame {
        max-width: 654px;
    }
    .gallery-thumb {
        width: 50%;
    }
}

@media screen and (min-width: 800px) {
    .section-gallery .frame {
        max-width: 980px;
    }
    .gallery-thumb {
        width: 33.3%;
    }
}

.angebot-module,
.section-angebot .frame {
    max-width: 490px;
}

.gallery-thumb img {
    display: block;
    transition: all 0.15s ease-in-out;
}

.gallery-thumb:hover img {
    transform: scale(1.1);
}

.angebot-module {
    position: relative;
    width: 100%;
    padding: 10px;
}

@media screen and (min-width: 1000px) {
    .section-angebot .frame {
        max-width: 980px;
    }
    .angebot-module {
        float: left;
        width: 50%;
    }
    .angebot-module:nth-child(odd) {
        clear: left;
    }
}

.angebot-inner {
    position: relative;
    border: 2px dotted #ae1a1b;
    min-height: 350px;
    background-color: #000;
    padding: 25px 50px 50px;
}

.angebot-menu-title,
.angebot-percent,
.angebot-sub-hl {
    line-height: 1.2;
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.angebot-flag {
    position: absolute;
    top: 0;
    left: 10px;
    width: 70px;
    height: 107px;
    color: #fff;
    background-image: url(images/ui/flag.svg);
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
}

.drawer,
footer {
    position: relative;
}

@media screen and (min-width: 475px) {
    .angebot-inner {
        min-height: 500px;
    }
    .angebot-flag {
        left: 30px;
        width: 90px;
        height: 107px;
    }
    .angebot-flag p {
        font-size: 15px;
    }
    p .flag-number {
        font-size: 32px;
    }
    p .flag-menu {
        font-size: 22px;
    }
}

.angebot-hl {
    text-align: center;
    padding-left: 35px;
    padding-right: 35px;
}

.angebot-percent {
    font-size: 30px;
}

.angebot-menu-title {
    font-size: 20px;
}

.angebot-sub-hl {
    font-size: 25px;
}

@media screen and (min-width: 475px) {
    .angebot-hl {
        padding-left: 80px;
        padding-right: 80px;
    }
    .angebot-percent {
        font-size: 45px;
    }
    .angebot-menu-title {
        font-size: 27px;
    }
    .angebot-sub-hl {
        font-size: 40px;
    }
}

.angebot-price {
    font-size: 20px;
    line-height: 1;
}

.angebot-price span {
    font-size: 30px;
}

.auf-anfrage span {
    font-size: 16px;
}

@media screen and (min-width: 475px) {
    .angebot-price {
        font-size: 27px;
    }
    .angebot-price span {
        font-size: 45px;
    }
    .auf-anfrage span {
        font-size: 21px;
    }
}

.page-template-page-catering,
.page-template-page-grillcatering {
    background-image: url(images/ui/bg-catering.jpg);
    background-size: 150%;
}

@media screen and (min-width: 800px) {
    .page-template-page-catering,
    .page-template-page-grillcatering {
        background-size: cover;
    }
}

.section-menucheck .frame {
    padding-bottom: 20px;
}

.section-inhaber img {
    display: block;
    margin: 0 auto;
}

.section-drawer {
    padding-bottom: 100px;
}

.drawer-open {
    border-bottom: 2px dotted #ae1a1b;
}

.drawer-content {
    max-height: 0;
    transition: all 0.25s ease-in-out;
}

.drawer-open .drawer-content {
    max-height: 6000px;
}

.drawer-btn-container {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    transition: all 0.15s ease-in-out;
}

.drawer-open .drawer-btn-container {
    opacity: 0;
    visibility: hidden;
}

.page-template-page-foodtruck {
    background-image: url(images/ui/burger-bg.jpg);
    background-size: 150%;
}

@media screen and (min-width: 800px) {
    .page-template-page-foodtruck {
        background-size: cover;
    }
}

.page-template-page-grillkurs {
    background-image: url(images/ui/bg-grillkurse.jpg);
    background-size: 150%;
}

@media screen and (min-width: 800px) {
    .page-template-page-grillkurs {
        background-size: cover;
    }
}

.page-template-page-grillkurs .section-content ul li {
    width: 100%;
    float: none;
}

.scissors-top {
    margin-top: 50px;
}

.page-template-page-termine h3 {
    font-size: 27px;
    color: #ae1a1b;
}

.page-template-page-termine .content .frame {
    max-width: 980px;
}

.content .intro-termine {
    padding-top: 75px;
    padding-bottom: 0;
}

.termin-thumb {
    padding-bottom: 25px;
}

.page-template-page-termine .half {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

@media screen and (min-width: 700px) {
    .page-template-page-termine .half {
        float: left;
        width: 50%;
        max-width: 490px;
    }
}

.scissors {
    width: 52px;
    height: 31px;
    background-image: url(images/ui/scissors.svg);
    background-size: 52px 31px;
    position: absolute;
    top: -31px;
    left: 10%;
}

.footer-logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -25px;
    width: 234px;
    max-width: 25%;
    z-index: 2;
}

@media screen and (min-width: 700px) {
    .footer-logo {
        bottom: -50px;
    }
}

.frm_forms input,
.wpcf7-form input {
    border: 2px dotted #fff;
    margin-bottom: 0;
    margin-top: 5px;
}

.frm_forms label {
    padding-bottom: 10px !important;
    color: #fff !important;
}

.frm_form_fields_active_style,
.frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices,
.frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):focus,
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"],
.frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"],
.frm_style_formidable-style.with_frm_style select:focus,
.frm_style_formidable-style.with_frm_style textarea:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form input[type="number"]:focus,
.wpcf7-form input[type="password"]:focus,
.wpcf7-form input[type="search"]:focus,
.wpcf7-form input[type="tel"]:focus,
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="url"]:focus {
    outline: 0;
    border: 2px dotted #ae1a1b !important;
}

.frm_style_formidable-style.with_frm_style .frm_blank_field label,
.frm_style_formidable-style.with_frm_style .frm_error {
    padding-top: 10px !important;
}

.frm_form_fields_error_style,
.frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices,
.frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe,
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"],
.frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"],
.frm_style_formidable-style.with_frm_style .frm_blank_field select,
.frm_style_formidable-style.with_frm_style .frm_blank_field textarea,
.frm_style_formidable-style.with_frm_style .frm_form_field :invalid {
    border: none !important;
    background-color: #fdd !important;
}

.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_style_formidable-style.with_frm_style .frm_submit input[type="button"],
.frm_style_formidable-style.with_frm_style input[type="submit"],
.frm_style_formidable-style.with_frm_style.frm_login_form input[type="submit"],
.wpcf7-form input[type="submit"] {
    width: auto !important;
    height: auto !important;
    border-width: 1px !important;
    border-color: none !important;
    cursor: pointer !important;
    font-weight: 400 !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    margin: 10px;
    font-size: 20px !important;
    display: inline-block !important;
    font-family: "Bevan", Georgia, Times, serif !important;
    outline: 0 !important;
    border: 2px dotted #ae1a1b !important;
    color: #fff !important;
    background-color: #ae1a1b !important;
    text-align: center !important;
    text-decoration: none !important;
    padding: 0.55em 1em 0.65em !important;
    line-height: 1 !important;
    transition: all 0.15s ease-in-out !important;
}

.frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.frm_submit .button.frm_button_submit:hover {
    background: #fff !important;
    color: #ae1a1b !important;
}

.wpcf7-list-item.first {
    margin-left: 0;
}

/* Landing Page */

.section-landing {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    text-align: center;
    min-height: calc(100vh - 280px);
    padding-top: 28px;
    padding-bottom: 85px;
}

@media screen and (min-width: 768px) {
    .section-landing {
        padding-top: 87px;
        min-height: calc(100vh - 80px);
        padding-bottom: 165px;
    }
}

.section-landing .frame {
    padding-top: 0;
    padding-bottom: 0;
}

.logo-landing {
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 224px;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .logo-landing {
        margin-bottom: 46px;
    }
}

.landing-intro h1 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 28px;
    text-align: center;
}

@media screen and (min-width: 768px) {
    .landing-intro h1 {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 46px;
    }
}

.hide-mobile {
    display: none !important;
}

@media screen and (min-width: 768px) {
    .hide-mobile {
        display: block !important;
    }
    .hide-dt {
        display: none !important;
    }
}

.section-landingfooter {
    background-color: #7c8083;
    text-align: center;
    border-top: 2px dotted #fff;
}

@media screen and (min-width: 768px) {
    .section-landingfooter {
        border-top: 4px dotted #fff;
    }
}

.footerlanding-logo {
    max-width: 193px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .footerlanding-logo {
        margin-left: 0;
        margin-right: 0;
        width: 266px;
        max-width: 266px;
    }
}

.footerlanding-logo svg {
    display: block;
    line-height: 0;
}

.footerlanding-cta-group {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

@media screen and (min-width: 768px) {
    .footerlanding-cta-group {
        display: block;
    }
}

.footer-plain {
    min-height: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: none;
}

.footerlanding-cta {
    font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 4px;
    font-weight: 700;
    font-size: 17px;
    line-height: 32px;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
}

@media (hover: hover) {
    .footerlanding-cta:hover {
        color: #fff;
        background-color: #ae1a1b;
        border: 1px solid #fff;
    }
}

@media screen and (min-width: 768px) {
    .footerlanding-cta {
        font-size: 21px;
        padding: 10px;
        width: 100%;
        margin-bottom: 28px;
    }
}

.footerlanding-cta-icn {
    display: block;
    width: 100%;
    max-width: 58px;
    transition: all 0.2s ease-in-out;
}

@media (hover: hover) {
    .footerlanding-cta-icn:hover {
        transform: rotate(-10deg);
    }
}

@media screen and (min-width: 768px) {
    .footerlanding-cta-icn {
        width: 100%;
        max-width: 86px;
        margin-left: auto;
        margin-right: auto;
    }
}

.footer-nav-legal ul {
    display: flex;
    gap: 20px;
}

.footer-nav-legal a {
    text-decoration: none;
}

.footerlanding-intro h2 {
    font-family: "Vollkorn", georgia, serif;
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    line-height: 28px;
    color: #d5d5d5;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
    .footerlanding-intro h2 {
        font-size: 27px;
        line-height: 38px;
    }
}

.footerlanding-main-l {
    max-width: 430px;
    flex: 0 1 430px;
    padding-top: 22px;
    padding-bottom: 22px;
}

.footerlanding-main-r {
    max-width: 282px;
    flex: 0 1 282px;
}

.footerlanding-main-l li {
    font-size: 25px;
    line-height: 29px;
    color: #474e56;
}

@media screen and (min-width: 768px) {
    .footerlanding-main {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        text-align: left;
    }
    .landingfooter {
        display: flex !important;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 60px;
        width: 100%;
        max-width: 1660px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (min-width: 1000px) {
    .footerlanding-aside {
        flex: 1 1 50%;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 20px;
    }
    .footerlanding-img {
        flex: 1 1 calc(50% - 10px);
        display: block;
        height: 320px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
}

/* Footer  */

footer {
    width: 100%;
    min-height: 265px;
    background-image: url(images/ui/footer-bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (min-width: 600px) {
    footer .claim {
        padding-right: 10%;
    }
}

.section-footer {
    border-top: 2px dotted #ae1a1b;
}

.footer-nav {
    padding-left: 40px;
    padding-top: 40px;
}

.footer-nav ul {
    padding-bottom: 20px;
}

.footer-nav a {
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Bevan", Georgia, Times, serif;
}

.hot-special-img {
    display: none;
}

@media screen and (min-width: 1080px) {
    .hot-special-img {
        display: block;
    }
}

@media print {
    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    body,
    html,
    p {
        font-size: 10pt;
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}