@charset "UTF-8";
/* https://naschhaeusle.de/wp-content/themes/nh2/style.css */
/* Import rule from: https://naschhaeusle.de/wp-content/themes/nh2/css/normalize-um.css */
/*! normalize.css v1.1.0 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

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

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
/*    margin: 0.67em 0;*/
}

h2 {
    font-size: 1.5em;
/*    margin: 0.83em 0;*/
}

h3 {
    font-size: 1.17em;
/*    margin: 1em 0;*/
}

h4 {
    font-size: 1em;
/*    margin: 1.33em 0;*/
}

h5 {
    font-size: 0.83em;
/*    margin: 1.67em 0;*/
}

h6 {
    font-size: 0.67em;
/*    margin: 2.33em 0;*/
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
/*    margin: 1em 40px;*/
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

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

/**
 * Address margins set differently in IE 6/7.
 */

p, pre {/*margin:0 0 1em 0;*/}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;

}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
/*    margin: 1em 0;*/
}

dd {
/*    margin: 0 0 0 40px;*/
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
/*    padding: 0 0 0 40px;*/
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
	padding:0;
	margin:0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

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

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

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

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Import rule from: https://naschhaeusle.de/wp-content/themes/nh2/css/nh.css */
/*
Naschhäusle
 
290419 V08
*/


/* Typography 
--------------------------------*/
@font-face { font-family: 'Open Sans'; font-display: swap; src: url('https://naschhaeusle.de/wp-content/themes/nh2/css/OpenSans-Regular.ttf') format('truetype');}
@font-face { font-family: 'Open Sans'; font-display: swap; src: url('https://naschhaeusle.de/wp-content/themes/nh2/css/OpenSans-Italic.ttf') format('truetype'); font-style: italic;}
@font-face { font-family: 'Open Sans'; font-display: swap; src: url('https://naschhaeusle.de/wp-content/themes/nh2/css/OpenSans-SemiBold.ttf') format('truetype'); font-weight:bold;}
		 
body {
color:#2776B9;
font-family:'Open Sans', 'Noto', 'Segoe UI', sans-serif;
font-size:1.3em;
line-height:1.5em; 
font-weight:normal;
background:#fff;
}

#logo:after {content:" "}

h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0;}
h1 {line-height:1em;}
ul {margin:0; padding:0; list-style:none !important;}
sup {font-size:70%;}
figcaption {color:#558; font-size:.8em; text-align:center; line-height: normal;}
figcaption em {color:#99a;}

.wp-block-button {float:left; margin:.25em .5em;}
.wp-block-button a, .wp-block-button a:visited,.wp-block-button a:active {background-color:#58c1e3; border:none; color:#fff !important; padding:15px 20px; text-align:center; text-decoration:none; display:inline-block; border-radius:4px;}
.wp-block-button a:hover {background-color:#2776B9; color:#fff !important;}

.wp-block-quote p {margin:0 !important; padding:0 !important; font-size:1.4em !important; font-weight:normal !important; color:#f24422; line-height:1.2em !important; text-align:center; white-space:nowrap; letter-spacing:.5em;}
.wp-block-quote p em {color:#448 !important;}
/*.home h1 em {color: #2776B9 !important;}*/

/*	Links
--------------------------------*/
a, a:visited, a:active {color:#58c1e3; text-decoration:none; -webkit-transition:color 1s ease-out; -moz-transition:color 1s ease-out; -o-transition:color 1s ease-out; transition:color 1s ease-out;}
a:hover {color:#1cc1f7; text-decoration:none; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; transition:opacity .2s ease-out;}
::selection {background:#f24422; color:#fff; }
::-moz-selection {background:#f24422; color:#fff;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
button::-moz-focus-inner {border:0;}

.Treaser a img:hover, .Sitebar a img:hover  {opacity:.7; filter:alpha(opacity=70);}

.wds_btn_cont wds_contTable, .wds_slideshow_dots_thumbnails_0 {display:none;}

/* Box sizing. Awesome thing. Read about it here: http://www.w3schools.com/cssref/css3_pr_box-sizing.asp */
*{box-sizing:border-box; -moz-box-sizing:border-box;}

.BuffetsLookup {-webkit-transition:opacity .5s ease-out; -moz-transition:opacity .5s ease-out; -o-transition:opacity .5s ease-out; transition:opacity .5s ease-out; transition:opacity .5s ease-out; cursor: pointer;} 
.BuffetsLookup:hover {opacity:.5; filter:alpha(opacity=50); cursor:pointer; display:block;} 


/*	Structure 
--------------------------------*/
html, body {height:100%;} 
.wrapper{ width:92%; margin-left:auto; margin-right:auto; max-width:1200px;}
.Container {min-height:100%; padding-bottom:10em;}
header {padding-top:15px;}
article {padding:0 0 6em 0; overflow:hidden;}
article:last-of-type {padding-bottom:2em; }
article li {margin-left:-1em;}

#SideID {text-align:center; padding:3% 0 0 0; width:50%; float:left;}
#SideID a {display:inline-block;}
#SideID object {pointer-events:none; width:10em;}
.MenuSpacer {height:1em; width:0;}
.Spacer {height:10em;}


/* Typo Page */
.page p {margin:0; font-size:.9em; padding:0 0 1em 0;line-height: 1.5em;}
.page h1 {color:#f24422; margin:1em 0 .3em 0;}
.page h2 {margin:1em 0 .3em 0;}
.page h1 {font-size:1.5em; line-height:1.2em;}
.page h2 {font-size:1.2em}
.page h3 {font-size:1em; margin-top:.5em;}
.page ul {list-style: disc outside; padding:0 2em 1em 0; margin:0;}
.page li, .home li, .single li, .blog li  {font-size:.9em; margin:.2em 0;}

.PageSidebar h4 {font-size:1em; color:#f24422}
.PageSidebar p {font-size:.8em}

/* RESPONSIVE IMAGES  */
img {max-width:100%; height:auto;}

}

/*	Page Contact Form  
--------------------------------*/
input.wpcf7-form-control, textarea.wpcf7-form-control, select.wpcf7-form-control {border:solid 2px #eee; color:#444; line-height:2em; font-weight:normal;}
.wpcf7-validation-errors {border:none !important; color:#f24422;}
div.wpcf7-mail-sent-ok {border:none !important; color:#339900;}
div.wpcf7-mail-sent-ng {border:none !important; color:#f24422;}
div.wpcf7-spam-blocked {border:none !important; color:#FFA500;}
div.wpcf7-response-output {display:inline-block !important; margin:0 !important; padding:0 !important; border:none !important; font-size: 1em; line-height: 1.2;}
.wpcf7-not-valid-tip {font-size:.7em !important; color:#f24422 !important;}
.wpcf7-not-valid {border:solid 2px #f24422 !important;}
.wpcf7-submit{width:8em !important; background:#58c1e3; border-radius:3px; border:none !important; color:#fff !important; display:block; float:left; margin:10px 15px 10px 0; padding:10px; text-decoration:none; font-family:'Open Sans' !important;}
.wpcf7-submit:hover{background:#2776B9; color:#fff !important;}

.wpcf7-form input, .wpcf7-form textarea {width:100%}
.wpcf7-form h5 {line-height:normal;}
.Agreement {display:flex;  padding:1.5em 0;}
.Agreement input {width:2em;}

.SidebarContact {padding:0;}

.screen-reader-response, .wpcf7-response-output {color:#f24422; font-style:italic;}
.screen-reader-response ul li {display:none;}

/* Contakt From, show hidden Fields */
.hidden {display:none}
.show {display:inherit}


/*	Main Menu
--------------------------------*/
.menu-toggle {display:block; padding:0 0 20px 0; margin:0; background:#fff; color:#fff; cursor:pointer; text-transform:uppercase; font-size:20px; float:right;}
.menu-toggle.toggled-on {background:#fff;}
.menu {display:none;}
.menu.toggled-on {display:block; position:relative; z-index:10;}
.menu {clear:both; margin-bottom:20px;}
.menu li a {color:#667; background:#e0f6fc; display:block; margin:1px 0; padding:10px; text-decoration:none; font-size:1.1em; -webkit-transition:background 1s ease-out; -moz-transition:background 1s ease-out; -o-transition:background 1s ease-out; transition:background 1s ease-out;}
.menu li a:visited, .menu li a:active {color:#667;}
.menu li a:hover {background:#2776B9; color:#fff; -webkit-transition:background .2s ease-out; -moz-transition:background .2s ease-out; -o-transition:background .2s ease-out; transition:background .2s ease-out;}
.menu li li a {background:#f6f6f6; padding-left:30px;}
.menu li li li a {background:#efefef; padding-left:60px;}
.menu li {margin-bottom:0; list-style:none;}

/*	PageTool 
--------------------------------*/
.PageToolTop {position:relative; height:4em; /*margin-bottom:3em; */padding:0;}
.PageToolTopMedia {}
.PageTool {height:4em; text-align:right; top:-1em;}
.SingelPage { /*margin-bottom:0;*/}
.wp-pagenavi a, .wp-pagenavi span {border:0 !important;}

/* Bread Crumb Path
--------------------------------*/
.Breadcrumb {overflow:hidden; height:1.6em; width:100%; float:right;}
.Breadcrumb a:hover {color:#b3ebfe;}
.Breadcrumb ul {padding:0; display:inline; list-style:none; color:#0079BB;}
.Breadcrumb .CategoryTitle {padding-left:1em; font-size:0.7em;}
.Breadcrumb li {display:inline;}
.Breadcrumb a.TitleLink, #Breadcrumb a:visited.TitleLink, #Breadcrumb a:active.TitleLink {color:#454545;}
.Breadcrumb a:hover.TitleLink {color:#aaa;}

/* Button
--------------------------------*/
#topBtn {display:none; position:fixed; bottom:6px; right:10px; z-index:0; border:0px solid #ccc; outline:none; background-color: Transparent; cursor:pointer; padding:.3em; margin:0; height: auto; border-radius:5px; font-size:.8em; transition:0.2s; transition-delay: 0.2s; /*box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.26);*/}
#topBtn:hover {background-color:#fff; color:#ccc;}

.Btn {outline:none; background-color:#f24422; color:#ffffff !important; cursor:pointer; padding:1em 3em; margin:0; height: auto; border-radius:5px; font-size:1em; transition:0.2s; transition-delay: 0.2s; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.26);}
.Btn:hover {background-color:#fff; color:#f24422 !important;}


/* Breadcream Navi
--------------------------------*/
.Gerichte, .Preise {display:none;}
.category-gerichte .Breadcrumb li.Preise {display:none;}
.category-preise .Breadcrumb li.Gerichte {display:none;}


/* Page Navigation Maps
--------------------------------*/
.wp-pagenavi {clear:both; font-size:.75em;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration:none; background-color:#fff; border-left:1px solid #ccc; padding: 0 1em !important;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#ccc}
.wp-pagenavi span.current {color:#0079BB;}
.previouspostslink {border:none !important;}
.pages {display:none;}
.wp-pagenavi a:first-child {border:none;}

/*	Witget Buffests Preview on StartPage 
--------------------------------*/
.dpe-flexible-posts {display:inline-block; margin:0; padding:0;}
.dpe-flexible-posts li {display:block; list-style:none; min-width:12.5em; float:left;}
.dpe-flexible-posts li a:hover {opacity:0.5;}
.dpe-flexible-posts li img {padding-right:1em; height:125px; width:300px;}
.dpe-flexible-posts h3.title {font-size:1em; margin:.5em 1em 1em 0 !important; overflow:hidden; white-space:nowrap; color:#448; padding-bottom:.3em; margin-bottom:.2em; border-bottom:2px solid #dd3d00;}

ul.ddpe-flexible-image {margin:0; padding:0; list-style:none !important;}
.ddpe-flexible-image li {list-style:none;}
.ddpe-flexible-image li a:hover {opacity:0.5;}

.Teaser {margin-bottom:3em;}

/*.widget_dpe_fp_widget h2 {font-size:.85em; padding-top:4vw; border-bottom:1px dotted #c1b8a2; margin-bottom:1em; padding-bottom:.25em;}
.widget h2 {font-size:.85em; padding-top:4vw; border-bottom:1px dotted #c1b8a2; margin-bottom:1em; padding-bottom:.25em;}
*/

/* TopInfo (Sidebar)
--------------------------------*/
.TopInfo {padding:0 0 1em 0; line-height:1.3em;}
.TopInfo h1 {padding:.5em 0 0.115em 0; font-size:1.4em; line-height:1em; color:#448; }
.TopInfo h1 span {font-size:60%; color:#999; white-space:nowrap;}
.TopInfo h3 {margin:1 0 !important; font-size:.7em; color:#666; display:none;}
.TopInfo h3.BuffetsType {font-size:90%; line-height:normal; color:#999; display:inline;}

.TopInfo h3 a {color:#666;}
.TopInfo h3 a:hover {color:#ccc;}
.TopInfo h3 span {color:#aaa;}
.TopInfo p  {padding:10px 0 0 0; font-size:.7em; color:#666;}
.TopInfo p.MapDescription {padding:0; margin:0; font-size:.7em; color:#666;}



/* Page  Sidebar Widget disable
--------------------------------*/
.page #dpe_fp_widget-3, .page-id-3 #media_image-3 {display:none;}

.ImageLinkContainer {max-height:100pt; overflow:hidden;}

/*SPACE GRID ELEMENTS VERTICALLY, SINCE THEY ARE ONE UNDER ANOTHER SO FAR*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {margin-bottom:0;}

/*Footer*/
footer {padding:80px 0; color:#888; font-size:80%;/*stiky Footer*/ position:relative; margin-top:-100px; height:260px; clear:both; background-color: #004}
body:before {content:"";height:100%;float:left;width:0;margin-top:-32767px;/*Opera Fix, negate effect of float*/}
#Main {overflow:auto; padding-bottom:100px;}  /* must be same height as the footer */

footer ul {margin:0 0 0 8%; padding:0;}

.FooterMenu ul {margin:0.5em 0; list-style:none;}
.FooterMenu ul li {display:inline-block; padding:0 1em;}
.FooterMenu ul li a {color:#aaa;}
.FooterMenu ul li a:hover {color:#fff;}
#Copyrights {margin:1em 0; color:#888; font-size:11px; line-height:14px; text-align:right}
#Copyrights a {color:#aaa;}
#Copyrights a:hover {color:#fff;}

.FooterMenu .style-svg {alignment-baseline:baseline; height:16pt; width:16pt; position:absolute; top:20px;}
#Footer div {outline:none !important}


/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after {content:""; display:table; }
.clearfix:after {clear:both; }
.clearfix {zoom:1; }


/*	Sitebar and Widget 
--------------------------------*/
.widget {margin:1em 0; padding:0 10px 0 0; list-style:none; /*outline:1px #38a dotted;*/}
.widget h1 {font-size:1.3em; line-height:1.2em; color:#f24422; margin: 0 0.5em .3em 0;}
.widget h2 {font-size:.8em; padding-top:1.4em; border-bottom:2px dotted #c1b8a2; margin-bottom:1em; padding-bottom:.25em; color:#aaa;}
/*.widget {margin:0 0 0 -.4em; padding:0 0 .6em 0; /*font-size:.7em; line-height:1.1em;  clear:both;}*/

.textwidget p {margin:0 0 0 .15em;}
.textwidget p a:hover, .infobox li a:hover {color:#0079BB; cursor:pointer;}
.custom-html-widget li { list-style: outside disc;}

.widget_utcw h2.widgettitle {display:none;}
.sidebar {clear:both; padding:0;}

.Zstoffe {padding:1em 0; color:#8d97a1;}
.Zstoffe li {list-style:outside none; font-size:0.8em; line-height:1.4em; padding-bottom:.3em;}

/* Produkt Liten Menu
--------------------------------*/

.ListPreise li {margin:1em 0; list-style:none; outline:#A6D5E1 1px solid; }
.ListPreise a {padding:1em 1em; outline:#eee 1px solid; display:block; background-color:#fff; }
.ListPreise a:hover {color:#2776B9; text-decoration:none; -webkit-transition:opacity .2s ease-out; -moz-transition:opacity .2s ease-out; -o-transition:opacity .2s ease-out; transition:opacity .2s ease-out; background-color:#f7fdff;}
.ListPreise h6 {font-size:1.2em; line-height:1.2em;}

.ListPreiseSitebar li {margin:1em 0; font-size:1.4em; list-style:none; border-bottom:#A6D5E1 1px solid; }
.page-id-27 #custom_html-14, .page-id-52 #custom_html-14, .page-id-166 .PageSidebar, .page-id-3 .PageSidebar, .page-id-56 .PageSidebar {display:none;}

/*  Preislisten body .category-preise
--------------------------------*/
.category-preise p {font-size:.9em; line-height:1.4em;}
.category-preise h1 {color:#448; padding-bottom:.3em; margin-bottom:.2em; border-bottom:2px solid #1cc1f7; font-size: 8.5vw;}
.category-preise h3 {color:#dd3d00; border-bottom:1px  dashed #B7E5F4; line-height:1em; padding:.1em;}
.category-preise h4 {padding:0 0 3em 0; color:#2776B9; font-style:italic; line-height:1.2em;}
.category-preise table {margin:0 0 4em 0; width:100%; border-collapse:collapse; background-color:#eef9fc; overflow-wrap:break-word; word-wrap:break-word; hyphens:auto; font-size:4vmin;}
.category-preise td {padding:.5em; line-height:1.2em; vertical-align:bottom; }
.category-preise figure {padding-bottom:4vw;} 


.category-preise tr:nth-child(odd) {background-color:#f7fdff}
.category-preise tr td:nth-child(even) {text-align:right;}

.tprice {white-space:nowrap; text-align:right;}
.tnotes { font-size:60%; color:#999; vertical-align:super;}


/*  Buffets body .category-gerichte
--------------------------------*/
.category-gerichte p {font-size:.9em; line-height:1.2em;}
.category-gerichte article p {padding-left:.5em;}
.category-gerichte article p strong em {color:#dd3d00; font-size:xx-large; font-style:normal; font-weight:normal; padding:.3em .3em 1em .5em; line-height: normal;}
.category-gerichte h1 {color:#448; padding-bottom:.3em; margin-bottom:.2em; border-bottom:2px solid #dd3d00; font-size: 8.5vw;}
.category-gerichte h2 {margin-bottom:0;}
.category-gerichte h3 {color:#dd3d00; margin:1.6vw 0 1em 0; border-bottom:.1em dashed #B7E5F4;}
.category-gerichte h4 {padding:0 0 3em 0; color:#2776B9; font-style:italic; line-height:1.2em; }
.category-gerichte table {margin:0 0 4em 0; width:100%; border-collapse:collapse; background-color:#e8f8fd; background-color:#eef9fc}
.category-gerichte td {padding:.5em; line-height:1.1em; vertical-align:bottom;}
.category-gerichte figure {padding-bottom:4vw;} 

.category-gerichte article ul {padding-left:1em;}
.category-gerichte article li {position:relative; list-style:none; margin:1em 0; line-height:1.2em; }
.category-gerichte article li:before {position:absolute; content:"*"; color:#dd3d00; left:-1em; top:.2em;}

/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media only screen and (min-width: 481px) {
/*#logo:after {content:"481px"}*/

#SideID {float:left; text-align:left; margin-bottom:-0px;/*this depends on the height of the logo*/ width: 50%;}
#SideID object {width:auto;}
.menu-toggle{/*make menu float right, instead of sitting under the logo*/ margin-top:30px; /*this depends on the height of the logo*/ float:right;}
.MenuSpacer {height:0;}
.ImageLinkContainer {  max-height:170pt; overflow:hidden;  outline:0px #888 dotted;}
.ImageLinkContainer img { margin-top:-2%; outline:0px #ccc dotted;}
article li {margin-left:2vw;}
#navbar { display:none;}
.TopInfo h3.BuffetsType {font-size:1em;}
.category-preise table, .category-gerichte table {font-size:.9em;}
.category-preise h1, .category-gerichte h1 {font-size:2em;}



/* Page Navigation Buffets
-------------------------------*/
.PageToolTop .wp-pagenavi { position:absolute; right:0; text-align:right; width:37%; float:right; }
.PageToolTop {height:3em;}

/* Menu Media Maps 
--------------------------------*/
#menu-media-maps {left:inherit; right:0; margin-top:1.8em;}

/* Leaflet Map
--------------------------------*/
.leaflet-container {height:400px !important;}

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 920px) {
/*#logo:after {content:"920px"}*/
	
.widget_dpe_fp_widget h2 {font-size:1em; padding-top:1vw;}

.wrapper {max-width:1200px; /*	margin: .75em auto;*/ margin: inherit auto;}
header {padding:0 0 1em 0;}
#SideID {float:left; text-align:left;margin-bottom:0px;}
.MenuSpacer {height:3em;}
#content {float:left; width:65%;}
#content.wide-content {float:none;width:100%;}

form.wpcf7-form { width:80%;}
aside { float:right;width:30%;}

.TopInfo h1 {padding-top:0; font-size:1.5em;}
.TopInfo h3, .MapDescription {display:block;}

.IndexPage {margin-bottom:0;}

/* MAIN MENU - ESSENTIAL STYLES */
.menu-toggle{display:none;}
#menu-main-navigation{display:block;}

.menu, .menu * {margin:0; padding:0; list-style:none;}
.menu ul {position:absolute; display:none; width:11.34em; /* left offset of submenus need to match (see below) */}
.menu ul li {width:100%;}
.menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.menu li {float:left; position:relative; margin-left:1px; height:25px;}
.menu li li {margin-left:0px; height:auto;}
.menu a {display:block; position:relative;}
.menu li:hover ul, .menu li.sfHover ul {display:block; left:0; top:44px; /* match top ul list item height. Position Submenu AV */ z-index:99; -webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3); box-shadow:2px 3px 2px 0px rgba(00, 00, 00, .3);}
ul.menu li:hover li ul, ul.menu li.sfHover li ul {top:-999em;}
ul.menu li li:hover ul, ul.menu li li.sfHover ul {left:12em; /* match ul width */ top:0;}
ul.menu li li:hover li ul, ul.menu li li.sfHover li ul {top:-999em;}
ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** DEMO2 SKIN ***/
#topnav, .menu {float:right; margin:0 -0.1em 1em;}
.menu a {text-decoration:none;}
.menu li a {background:none; margin:0; padding:10px 20px;}
.menu a, .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/ color:#898989;}
.menu li li a {border-top:1px solid rgba(0,0,0,.2); background:#fff; /*fallback for old IE*/ background:rgba(255,255,255,.9); color:#444; padding-left:20px; font-size:1em;}
.menu li li a:visited{color:#444;}
.menu li li li a, .menu li.current * li a {padding-left:20px; background:rgba(255,255,255,.8);}

.menu li:hover > a, .menu li.current a {color:#fff; background:#58c1e3; border-radius:2px;}
.menu li li:hover > a {color:#fff; background:#58c1e3; border-radius:2px;}


/*Grid & Columns : 12 */
.grid_1 { width:6.333333333333%; }
.grid_2 { width:14.666666666667%; }
.grid_3 { width:23%; }
.grid_4 { width:32.333333333333%; }
.grid_5 { width:39.666666666667%; }
.grid_6 { width:48%; }
.grid_7 { width:56.333333333333%; }
.grid_8 { width:64.666666666667%; }
.grid_9 { width:73%; }
.grid_10 { width:81.333333333333%; }
.grid_11 { width:89.666666666667%; }
.grid_12 { width:98%; }


.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {/*margin-left: 1%; margin-right: 1%;*/ float: left; display: block; outline:dotted 0px #ddd;}

.alpha{margin-left:0;}
.omega{margin-right:0;}
.rightfloat{float:right;}
}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
/*#logo:after {content:"1024px"}*/
#text-3 h1{ font-size:1.6em;}
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
/*#logo:after {content:"1240px"}*/
#text-3 h1{ font-size:1.4em;}
.widget h1 {margin-right:2em;}
} 


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    /* Retina-specific stuff here */
}

/*
PRINT STYLESHEET
*/
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .menu, .PageNavi, #text-9, #topnav {display:none;}
.leaflet-container { display:none;}
}