/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("//hello.myfonts.net/count/3ba1ed");

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,
aside,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

/*neu nora 02.02*/
p {
    font-family: OggText-Light !important;
    text-transform: none !important;
    text-align: left !important;
    font-size: 1rem !important;
    letter-spacing: 0 !important;
    letter-spacing: 1.6px !important;
    text-align: left !important;
    line-height: 1.7 !important;
}

/*neu nora 02.02*/

/*nora neu funktioniert nicht*/

nav ul.insta li.a {
    display: none !important;
}


/*neu nora 09.02*/

.oeffnungzeiten {
  text-align: center !important;
}

.oeffnungzeiten p {
  text-align: center !important;
}

.oeffnungzeiten p1 {
  text-align: center !important;
}

.oeffnungzeiten p2 {
  text-align: center !important;
}

.oeffnungzeiten h {
  text-align: center !important;
}

.oeffnungzeiten h1 {
  text-align: center !important;
}

.oeffnungzeiten h2 {
  text-align: center !important;
}

.oeffnungzeiten h3 {
  text-align: center !important;
}


/*bis hier 09.02*/

/*nora neu funktioniert nicht*/

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

section.hero_image {
    background-image: none;
}

.separator {
    display: none;
}

#nf-form-4-cont .nf-error-field-errors {
    color: black;
}

/*neu bis hier her nora 03.02*/


abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}


b,
strong {
    font-weight: inherit;
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden],
template {
    display: none
}

@font-face {
    font-family: Ogg-Medium;
    src: url(../fonts/Ogg-Medium.woff2) format("woff2"), url(../fonts/Ogg-Medium.woff) format("woff")
}

@font-face {
    font-family: Ogg-Medium;
    src: url(../fonts/Ogg-Medium.woff2);
    src: url(../fonts/Ogg-Medium.woff) format("woff"),
        url(../fonts/Ogg-Medium.woff2) format("woff2"), url(../fonts/Ogg-Medium.woff) format("woff"), format("truetype");
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: OggText-Light;
    src: url(../fonts/OggText-Light.woff2);
    src: url(../fonts/OggText-Light.woff) format("woff"),
        url(../fonts/OggText-Light.woff2) format("woff2"),
        url(../fonts/OggText-Light.woff) format("woff"), format("truetype");
    font-style: normal;
    font-display: swap
}

:root {
    --font-xl: 20pt;
    --font-l: 16pt;
    --font-ml: 14pt;
    --font-m: 12pt;
    --font-s: 10pt;
    --spacing-xxl: 120px;
    --spacing-xl: 80px;
    --spacing-l: 60px;
    --spacing-m: 40px;
    --spacing-s: 25px;
    --spacing-xs: 12.5px;
    --spacing-xxs: 5px;
    --container-size: 1280px;
    --brand-color: black;
}

* {
    box-sizing: border-box
}

body {
    font-family: Ogg-Medium;
    line-height: 2;
    font-size: var(--font-m);
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-align: center
}

footer,
header,
main {
    padding: var(--spacing-s) var(--spacing-xs)
}

main {
    max-width: 1280px;
    margin: auto
}

.font-small {
    font-size: var(--font-m)
}

.lowercase {
    text-transform: none
}

h1,
h2,
h3 {
    color: #000;
    font-family: Ogg-Medium;
    font-style: normal;
    font-size: var(--font-l)
}

h3 {
    font-size: var(--font-ml)
}

b,
h4 {
    font-weight: 700
}

b,
h4,
h5 {
    font-family: Ogg-Medium;
    font-style: normal;
    font-size: var(--font-ml)
}

h5 {
    line-height: 2;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    margin-bottom: 0;
    margin-top: var(--spacing-s)
}

a {
    color: #000;
    text-decoration: none;
    transition: .2s
}

/*nora text decoration underline statt color*/
a:active,
a:hover {
    text-decoration: underline;
}

a.active {
    text-decoration: underline;
}

p.slim {
    margin: 0;
    padding: 0
}

section {
    margin: 0 0 var(--spacing-s) 0
}

section > * {
    width: 100%
}

@media (min-width:980px) {

    footer,
    header,
    main {
        padding: var(--spacing-m) calc(var(--spacing-xxl) + 1.5em) 0
    }

    section {
        margin: 0 0 var(--spacing-m) 0
    }
}

/* nora     
neu: height: 180px;
original: flex-wrap: wrap;
*/
header {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: unset;
    width: 100%;
    height: 180px;
}

/* nora     weg height und width*/
header .logo {
    display: block;
    background-image: url(../img/logo.png);
    background-size: contain;
    background-repeat: no-repeat
}

header .logo > h1 {
    margin: 0;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

header .logo:active,
header .logo:hover {
    text-decoration: none;
}

/* nora original     
width: 50%;
background-size: 35px; */
header .burger {
    width: 97%;
    background-image: url(../img/burger.png);
    background-position: right 5px;
    background-size: 45px;
    cursor: pointer;
    background-repeat: no-repeat
}

/* nora      width: 100%; height: 85%;*/
@media (min-width:980px) {
    header .logo {
        width: 100%;
        height: 85%;
        background-position: top
    }

    header .burger {
        display: none
    }
}

.sidebar {
    position: fixed;
    height: 100%;
    top: 0;
    background-color: #fff;
    transition: .4s ease
}

.sidebar.left {
    z-index: 5;
    width: 300px;
    left: -302px;
    border-right: 2px solid var(--brand-color);
    cursor: pointer
}

.sidebar.left.active {
    cursor: auto;
    left: 0 !important
}

.sidebar.left > .burger-side {
    display: none
}

.sidebar.left > .close-menu {
    display: block;
    padding: var(--spacing-xs) var(--spacing-s);
    width: 100%;
    text-align: right;
    color: var(--brand-color);
    font-size: var(--font-xl);
    cursor: pointer
}

.sidebar.left > .close-menu:active,
.sidebar.left > .close-menu:hover {
    text-decoration: none
}

.sidebar.left > nav {
    width: 100%;
    text-align: center
}

.sidebar.left > nav ul {
    padding: 0;
    list-style-type: none
}

.sidebar.left > nav ul a {
    color: var(--brand-color);
    font-size: var(--font-l)
}

.sidebar.left > nav ul.lang-switcher {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap
}

.sidebar.left > nav ul.lang-switcher .lang-item > a {
    color: #000
}

.sidebar.left > nav ul.lang-switcher .lang-item-first:after {
    content: "/";
    position: relative;
    width: 2em;
    height: 2em;
    top: -2.5px
}

.sidebar.left > nav ul.lang-switcher .lang-item.current-lang > a {
    color: var(--brand-color)
}

/* nora blendet aus */
.sidebar.right {
    position: relative;
    top: 0;
    right: 0;
    width: calc(100% - var(--spacing-s));
    /*border-top: 2px solid var(--brand-color);
    border-bottom: 2px solid var(--brand-color);*/
    margin: 0 var(--spacing-xs);
    text-align: center
}

.sidebar.right > .lang-switcher {
    display: none
}

@media (min-width:980px) {
    .sidebar.left {
        width: 400px;
        left: calc(var(--spacing-l) - 400px + 1.5em);
        border-right: 1.3px solid var(--brand-color)
    }

    .sidebar.left > .burger-side {
        display: block;
        position: absolute;
        width: var(--spacing-l);
        height: var(--spacing-l);
        top: 50%;
        transform: translateY(-50%);
        right: var(--spacing-xs);
        background-image: url(../img/burger.png);
        background-position: 50%;
        background-size: var(--spacing-m);
        cursor: pointer;
        background-repeat: no-repeat
    }

    .sidebar.left.active > .burger-side,
    .sidebar.left > .close-menu {
        opacity: 0
    }

    .sidebar.left.active > .close-menu {
        opacity: 1
    }

    .sidebar.left.sidebar-closed:hover {
        left: calc(var(--spacing-l) - 400px + 2em)
    }

    .sidebar.right {
        position: fixed;
        right: 0;
        width: calc(var(--spacing-l) + 1.5em);
        margin: 0;
        border: none;
        /*border-left: 2px solid var(--brand-color)*/
    }

    .sidebar.right > .lang-switcher {
        margin-top: var(--spacing-m);
        display: inline-flex;
        flex-direction: column;
        padding: 0;
        list-style-type: none;
        line-height: 1.2
    }

    .sidebar.right > .lang-switcher .lang-item > a {
        color: #000
    }

    .sidebar.right > .lang-switcher .lang-item.current-lang > a {
        color: var(--brand-color)
    }

    /*nora macht hier den button desktop */
    .sidebar.right > a {
        display: block;
        position: absolute;
        top: 50%;
        left: calc(-122% + 1em);
        transform: rotate(90deg);
        white-space: nowrap;
        border: 1px solid black;
        border-radius: 68px;
        padding-top: 18%;
        padding-bottom: 18%;
        padding-left: 42%;
        padding-right: 42%;
    }
}



footer {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%
}



footer > nav {
    width: 100%;
    text-align: center
}

footer > nav ul {
    padding: 0;
    list-style-type: none;
    width: 100%
}

footer > nav ul .icon {
    width: 100%;
    height: 1.5em;
    display: block;
    margin: var(--spacing-xs) 0;
    background-image: url(../img/insta.png);
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

footer > nav ul .icon > a {
    margin: 0;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

footer > span {
    width: 100%;
    margin: var(--spacing-xs) 0;
    text-align: center;
    font-size: var(--font-s)
}

@media (min-width:980px) {
    footer > nav ul {
        margin: 0;
        display: inline-flex;
        flex-direction: row;
        justify-content: center
    }

    footer > nav ul li {
        padding: var(--spacing-xs)
    }

    footer > nav ul.insta li {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: 1.5em;
        white-space: nowrap;
        background-position: 0 100%
    }

    footer > nav ul.insta li.icon {
        width: 1.5em
    }

}


@media only screen and (max-width: 980px) {
    body {}

    main {
        position: relative;
        top: 30px;
        margin-left: 3%;
        margin-right: 3%;
    }

    .logo {
        display: block !important;
        background-image: url(../img/logo.png);
        background-size: 100% !important;
        width: 100% !important;
        height: 100% !important;
        position: relative !important;
        top: 9%;
        left: 24%;
        background-repeat: no-repeat;
    }


    /*neu*/
    header {
        height: 13rem;
        margin-bottom: 10%;
    }

    *.sidebar.right {
        position: relative;
        left: 20%;
        top: 20;
        right: 0;
        width: calc(100% - var(--spacing-s));
        margin: 0 var(--spacing-xs);
        text-align: center;
        border: 1px solid black;
        border-radius: 76px;
        width: 54%;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-right: 4%;
        padding-left: 4%;
    }

}

    .sidebar.left {
        z-index: 10000;

    }

}

/*# sourceMappingURL=index.css.map */