@charset "UTF-8";
/* CSS Document */

/* hide */
.item-101 {
	display: none;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular_italic';
    src: url('../fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans-Semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('../fonts/OpenSans-SemiboldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('../fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bitterregular';
    src: url('../fonts/Bitter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitterregular_italic';
    src: url('../fonts/Bitter-Italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitterbold';
    src: url('../fonts/Bitter-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bitterbold_italic';
    src: url('../fonts/Bitter-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body, html {
    font-family: 'open_sansregular', sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #111111;
	background: #e9e4de;
}
h1, h2, h3, h4, h5 {
    font-family: 'bitterbold', sans-serif;
    font-weight: normal;
    font-style: normal;
}
strong {
    font-family: 'open_sansbold', sans-serif;
    font-weight: normal;
    font-style: normal;
}
em {
    font-family: 'open_sansregular_italic', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/* header */
.cd-auto-hide-header.transpi {
	background: rgba(233, 228, 222, 0);
	-webkit-transition: all 1s;
	transition: all 1s;
}
.cd-auto-hide-header {
	background: rgba(233, 228, 222, .98);
	-webkit-transition: all 1s;
	transition: all 1s;
}

/* logo */
.logo .svg g#pic path {
	fill: #111111 !important;
	-webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}


.home .logo {
    color: #111111 !important;
	-webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}
.home .transpi .logo {
    color: #e9e4de !important;
	-webkit-transition: all 0.6s ease-in-out 0s;
	transition: all 0.6s ease-in-out 0s;
}
.slider-opened .transpi .logo, .slider-opened .transpi .logo a {
    color: #111111;
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.slider-closed .transpi .logo, .slider-closed .transpi .logo a {
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.home .slider-closed .transpi .logo, .home .slider-closed .transpi .logo a {
    color: #e9e4de;
}


/* hamburger */
.hamburger span {
	background: #111111;
}
.home .transpi .hamburger span {
	background: #e9e4de;
}
.slider-opened .hamburger span {
	background: #111111 !important;
}

/* closer */
.closer span {
	background: #111111;
}

/* links */
.ln-black, .footer a:link, .footer a:visited {
	color: #000000 !important;
}
.ln-black:hover, .footer a:hover {
	color: #000000 !important;
}
.ln-bold {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
}

/* navigation */
.navigation {
    font-family: 'open_sansregular', sans-serif;
    font-style: normal;
	background: #e9e4de;
}
.navigation a:link, .navigation a:visited {
    font-family: 'open_sansbold', sans-serif;
    font-style: normal;
}

/* hamburger and slider */
.hamburger span {
	background: #000000;
}
.closer span {
	background: #000000;
}
.slider-overlay {
	background: #000000;
}

/* cookiehint */
#redim-cookiehint {
	background: #e9e4de;
	color: #000000;
}
#redim-cookiehint a {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
}
#redim-cookiehint a:after {
	background: #ffffff;
}
.cookiecontent {
	text-align: center;
	display: block;
	width: 100%;
}

/* light-slider overrides */
.lSSlideOuter .lSPager.lSpg > li a {
	background-color: #000000;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
	background-color: #000000;
}

/* testimonial */
.test-text {
	display: block;
	text-align: center;
}
.test-auth {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
	display: block;
	text-align: center;
}
.test-comp {
	display: block;
	text-align: center;
}

/* extra-classes */
.add-white span {
	color: #ffffff;
}
.add-white a:link, .add-white a:visited {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	color: #ffffff !important;
    border-bottom: 2px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.add-white a:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
    border-bottom: 2px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}
.add-white a.calltoaction:link, .add-white a.calltoaction:visited {
    border: 2px solid rgb(255, 255, 255) !important;
	border: 2px solid rgba(255, 255, 255, 1) !important;
}
.add-black span {
	color: #000000;
}
.add-black a:link, .add-black a:visited {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	color: #000000;
/*
	border-bottom: 2px solid rgb(255, 207, 33);
	border-bottom: 2px solid rgba(255, 207, 33, .1);
*/
}
.add-black a:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	color: #000000;
/*
	border-bottom: 2px solid rgb(255, 207, 33);
	border-bottom: 2px solid rgba(255, 207, 33, 1);
*/
}
.add-black a.calltoaction:link, .add-black a.calltoaction:visited {
    border: 2px solid rgb(0, 0, 0);
	border: 2px solid rgba(0, 0, 0, 1);
}

/* container */
.cont-pagetitle-outer {
    font-family: 'open_sansbold', sans-serif;
	position: relative;
	background: transparent;
	z-index: 2;
}
.cont-heading-outer {
	background: #f6f6f6;
}
.cont-content-subline {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-align: center;
    width: 100%;
}
.cont-optin-fullwidth {
	background: #ffffff;
	/*
	background-color: #a4d4da;
	-webkit-animation: backgroundchange 20s infinite;
	-moz-animation: backgroundchange 20s infinite;
	animation: backgroundchange 20s infinite;
	*/
}
.optin h2 {
    font-family: 'open_sansbold', sans-serif;
    font-weight: normal;
    font-style: normal;
}
.cont-footer-fullwidth {
	background: #e9e4de;
    color: #000000;
	/*
	background-color: #a4d4da;
	-webkit-animation: backgroundchange 20s infinite;
	-moz-animation: backgroundchange 20s infinite;
	animation: backgroundchange 20s infinite;
	*/
}
.cont-layout03-fullwidth.extra, .extra {
	background: #f6f6f6;
}
.cont-heaeding-outer {
	background-color: #eeeeee;
}
.cont-heading-inner h1 {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
}
/* styles */
.cont-pagetitle-inner h1 {
    font-family: 'open_sansbold', sans-serif;
    font-weight: normal;
    font-style: normal;
	color: #000000;
	hyphens: none;
    text-align: center;
}
.item .introtext {
    font-family: 'open_sanssemibold', sans-serif;
    font-weight: normal;
    font-style: normal;
}

/*
@keyframes colorchange {
	0%   {background-color: #e0bed6;}
	33%  {background-color: #a4d4da;}
	66%  {background-color: #e7eab7;}
	100% {background-color: #e0bed6;}
}
@-moz-keyframes colorchange {
	0%   {background-color: #e0bed6;}
	33%  {background-color: #a4d4da;}
	66%  {background-color: #e7eab7;}
	100% {background-color: #e0bed6;}
}
@-webkit-keyframes colorchange {
	0%   {background-color: #e0bed6;}
	33%  {background-color: #a4d4da;}
	66%  {background-color: #e7eab7;}
	100% {background-color: #e0bed6;}
}
*/

@keyframes backgroundchange {
	0%   {background-color: #a4d4da;}
	50%  {background-color: #e0bed6;}
	100% {background-color: #a4d4da;}
}
@-moz-keyframes backgroundchange {
	0%   {background-color: #a4d4da;}
	50%  {background-color: #e0bed6;}
	100% {background-color: #a4d4da;}
}
@-webkit-keyframes backgroundchange {
	0%   {background-color: #a4d4da;}
	50%  {background-color: #e0bed6;}
	100% {background-color: #a4d4da;}
}

@keyframes colorchange {
	0%   {color: #a4d4da;}
	50%  {color: #e0bed6;}
	100% {color: #a4d4da;}
}
@-moz-keyframes colorchange {
	0%   {color: #a4d4da;}
	50%  {color: #e0bed6;}
	100% {color: #a4d4da;}
}
@-webkit-keyframes colorchange {
	0%   {color: #a4d4da;}
	50%  {color: #e0bed6;}
	100% {color: #a4d4da;}
}

/* Boennsch */
a.calltoaction:link, a.calltoaction:visited {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
	display: inline-block;
	height: 3.75rem;
	font-size: 0.875rem;
	line-height: 3.75rem;
	padding: 0 4rem;
	background: transparent;
}
.cont-content {
    position: relative;
}
.fullsize .cont-content-text, .halfsize .cont-content-text {
    position: absolute;
    left: 0;
    bottom: 0;
}
.cont-content-text h3 {
    font-family: 'open_sanssemibold', sans-serif;
}
.cont-tablecell-outer {
}
.cont-tablecell-inner {
}
.parallax-addon {
	text-align: center;
}
.footer {
	font-size: 0.875em;
	line-height: 1.5em;
}
.text a {
}
.social a {
    border: 0 !important;
}
.cont-modal-inner h2, .cont-layout03-inner h1, .cont-layout03-inner h2 {
    font-family: 'open_sansbold', sans-serif;
    text-align: center;
}
.smallwidth {
    display: block;
    margin: 0 auto;
    text-align: center !important;
    padding: 0 0 3rem 0;
}
.bigger {
    font-family: 'open_sansregular', sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5em;
    padding: 0.5rem 0 1rem;
}
h1.top, h2.top, h3.top {
    text-align: center !important;
}
.sidekick.green {
    background: #89BA17 !important;
}
.sidekick.grey {
    background: #f6f6f6 !important;
}
.sidekick {
    padding: 4rem;
    margin: 0 0 1rem 0;
}
.noborder {
    border: 0 !important;
}

/* Boennsch neu */
.logo .vertmenu .item-231, .logo .vertmenu .item-232 {
    display: none;
}
.cont-header-col01, .cont-header-col02, .cont-header-col03 {
}

.lnk {
    cursor: pointer;
}
.insert {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.insert path {
    fill: #000000;

    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.insert:hover path {
    fill: red;

    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.replaced-svg {
    display: inline-block;
    width: auto !important;
}
.legend {
    font-family: 'open_sanssemibold', sans-serif;
    letter-spacing: 0.05em;
}
.vertmenu a:link, .vertmenu a:visited {
	border-bottom: 2px solid rgba(0, 0, 0, 0);
}
.vertmenu a:hover {
	border-bottom: 2px solid rgba(0, 0, 0, 1);
}
.vertmenu .active a:link, .vertmenu .active a:visited {
	border-bottom: 2px solid rgba(0, 0, 0, .1);
}
.vertmenu .active a:hover {
	border-bottom: 2px solid rgba(0, 0, 0, 1);
}
.cont-layout01-inner {
    background-size: auto 100%;
    background-position: center center;
}
.boennsch-b {
    opacity: 0.1;
}
.cont-navigation-inner .divider {
    text-align: center;
    color: #e9e4de;
}
.cont-text-inner h1 {
    font-family: 'open_sansbold', sans-serif;
}
.cont-text-inner h2, .cont-text-inner h3 {
    font-family: 'open_sansbold', sans-serif;
}

/* boennsch colours */

/* wod white on dark */
.wod .transpi .logo, .wod .transpi .logo a {
    color: #ffffff;
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.wod .transpi .logo a {
    border-bottom: 2px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgba(255, 255, 255, .1);
}
.wod .transpi .logo a:hover {
    border-bottom: 2px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgba(255, 255, 255, 1);
}
.wod .transpi .hamburger span {
	background: #ffffff;
}

/* bod beige on dark */
.bod .transpi .logo, .bod .transpi .logo a {
    color: #ebe8d7;
	-webkit-transition: all 0.3s ease-in-out 0s !important;
	transition: all 0.3s ease-in-out 0s !important;
}
.bod .transpi .logo a {
    border-bottom: 2px solid rgb(235, 232, 215);
	border-bottom: 2px solid rgba(235, 232, 215, .1);
}
.bod .transpi .logo a:hover {
    border-bottom: 2px solid rgb(235, 232, 215);
	border-bottom: 2px solid rgba(235, 232, 215, 1);
}
.bod .transpi .hamburger span {
	background: #ebe8d7;
}
.bod .cont-pagetitle-inner {
    color: #ebe8d7;
}

.c2a-button {
    position: absolute;
    bottom: 4rem;
    left: 0;
    width: 100%;
    text-align: center;
}
.c2a-button a {
    font-family: 'open_sansbold', sans-serif;
    display: inline-block;
    font-size: 0.75rem;
    line-height: 2.2rem;
    height: 2.4rem;
    padding: 0 1.2rem;
    border: 2px solid #000000;
}
.description {
    text-align: center;
}
.description h2 {
    font-family: 'open_sansbold', sans-serif;
    line-height: 1.5em;
    text-align: center;
}
.description-paragraph {
}
.description-highlight {
    font-family: 'open_sansbold', sans-serif;
    font-size: 1.4em;
    line-height: 1.75em;
    padding: 5vw;
}
h1.carte {
    font-family: 'bitterbold', sans-serif;
    line-height: 1.5em;
    text-align: center;
}
h2.carte {
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase;
    font-size: 1rem;
    letter-spacing: 0.15rem;
    
    border-bottom: 2px solid #000000;
    margin: 7.5vw 0 0 0;
    padding: 0 0 0.75rem 0;
    
    width: 100% !important;
}
.carte-line {
    margin: 2.5rem 0;
}
.carte-addon {
    font-family: 'open_sanssemibold_italic', sans-serif;
    letter-spacing: normal;
    text-align: left;
    border-bottom: 2px dotted #000000;
    padding: 1.5rem 0 !important;
}
.carte-line-dotted {
    border-top: 2px dotted #000000;
    height: 0px;
    overflow: hidden;
}
.carte-line-2-dotted {
    border-top: 2px dotted #000000;
    margin: 0.5rem 0;
    height: 0px;
    overflow: hidden;
}
.carte-first {
    width: 80%;
    text-align: left;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase;
    font-size: 0.8889rem;
    letter-spacing: 0.15rem;
}
.carte-first.dotted {
    width: 100% !important;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem 0;
    border-bottom: 2px dotted #000000;
}
.carte-first.dotted {
    width: 100% !important;
    margin: 0 0 0.5rem;
    padding: 0 0 0.5rem 0;
    border-bottom: 2px dotted #000000;
}
.carte-price {
    width: 20%;
    text-align: right;
    font-family: 'open_sansbold', sans-serif;
    text-transform: uppercase;
    font-size: 0.8889rem;
    letter-spacing: 0.15rem;
}
.carte-second {
    width: 80%;
    text-align: left;
    font-family: 'open_sanslight_italic', sans-serif;
}
.carte-third {
    width: 80%;
    text-align: left;
    font-family: 'open_sanssemibold_italic', sans-serif;
}
.carte-frame {
    border: 2px solid #000000;
    padding: 0 2.5rem 2.5rem;
    margin: 2.5rem 0;
    letter-spacing: normal;
    text-transform: none;
}
.carte-frame .carte-line {
    margin: 0;
}
.carte-frame h2.carte {
    font-family: 'open_sanssemibold_italic', sans-serif;
    letter-spacing: normal;
    text-transform: none;
    margin: 2.5rem 0 0 0 !important;
    border: 0;
}
.carte-frame .carte-first {
    width: 80%;
    text-align: left;
    font-family: 'open_sanslight_italic', sans-serif;
    letter-spacing: normal;
    text-transform: none;
}
.carte-frame .carte-price {
    width: 20%;
    text-align: right;
    font-family: 'open_sanslight_italic', sans-serif;
    letter-spacing: normal;
    text-transform: none;
}

.carte-drinks {
    font-family: 'open_sanslight_italic', sans-serif;
}
.carte-drinks.first {
    text-align: left;
    width: 70%;
    padding-right: 1rem;
}
.carte-drinks.second {
    text-align: left;
    width: 15%;
}
.carte-drinks.third {
    text-align: right;
    width: 15%;
}
.carte-drinks.bolder {
    font-family: 'open_sanssemibold_italic', sans-serif;
    margin-top: 1rem;
}
.carte-drinks.description {
    text-align: left;
    width: 100%;
}

.description-highlight {
    font-family: 'bitterbold', sans-serif;
    font-size: 1.4em;
    line-height: 1.75em;
    padding: 5vw;
    text-align: center;
}

/* backgrounds */
.bg-bod {
    background: #ebe8d7;
}

/* materialize */
.modal {
	background-color: #ffffff;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 10005 !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    padding: 0;
    width: 80%;
    margin: auto;
    overflow-y: auto;
    border-radius: 0;
    will-change: top, opacity;
    box-shadow: none !important;
    text-align: center;
}
.modal-overlay {
    z-index: 10004 !important;
}
.additional-info {
    text-align: center;
    padding: 2rem 2rem 6rem;
    margin: 0 auto;
    max-width: 50rem;
    font-size: 0.875rem;
    line-height: 2em;
}

/* lightgallery */
#lg-share, #lg-download, .lg-autoplay-button, #lg-actual-size {
    display: none;
}
.lg-group {
    margin: 0 auto !important;
}
.lg-thumb-item {
    border: 0 !important;
    border-radius: 0 !important;
}

.picture a {
    display: block;
}


.clr {
    clear: both;
    height: 0;
    overflow: hidden;
}

.cookiebuttons {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	-webkit-flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: flex-start;
	-webkit-align-items: flex-start;
}
.cookiebuttons a {
    margin: 0 0.2rem;
}

.imprint h2, .imprint h3, p {
    padding-bottom: 1rem;
}

.medium strong {
    font-family: 'bitterbold', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.banner {
    padding: 1rem;
    background: white;
    margin: 0 0.5rem;
}

a.framebutton:link, a.framebutton:hover {
    font-family: 'bitterbold', sans-serif;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    border: 10px solid #111111 !important;
    padding: 1.5rem;
    font-size: 1.5rem;
    line-height: 1em;
}

.takeaway {
    background: #ffcf22;
    color: #3c5c09 !important;
}
.reservierung {
    background: #f25060;
    color: #ffffff !important;
}

.icon-social {
    width: 2rem;
    margin: 1rem 0.33em 3rem;
}