/* Standards */
*  { margin : 0; padding : 0; box-sizing : border-box; } 
body  { font-family : 'Raleway', sans-serif; 
/*    background-color : #ffffff;*/
background-image: url(Bilder/bodybackground.png);
/*
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
*/
} 
header  { height : 225px; background-image : url(Bilder/headerbackground.png); } 
html, body  { height : 100%; margin : 0; padding : 0; } 
article h1  { color : #1d3771; font-size : 3em; font-weight : 600; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 0.6em; margin-bottom : 0.5em; text-align : center; } 
article h2  { color : #1d3771; font-size : 2em; font-weight : 600; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 0.8em; margin-bottom : 0.7em; text-align : left; } 
article h5  { color : #1d3771; font-size : 2em; font-weight : 600; line-height : 1.5em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 0.8em; margin-top : 3em; margin-bottom : 0; text-align : center; }
article h6  { color : #1d3771; font-size : 2em; font-weight : 300; line-height : 1.5em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-bottom : 0.7em; text-align : center; } 
article h3  { color : #1d3771; font-size : 1.4em; font-weight : 600; line-height : 1.5em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-bottom : 0.7em; text-align : left; } 
article h4  { color : #1d3771; font-size : 1.6em; word-spacing : 0.05em; line-height : 1.4em; margin-left : auto; margin-right : auto; text-align : center; } 
article p  { color : #1d3771; font-size : 1.4em; word-spacing : 0.05em; line-height : 1.5em; margin-left : auto; margin-right : auto; text-align : left; } 
article.center  { float : none; } 
.abstand  { height : 4.5em; } 


/* Textauszeichnungen und Textfelder*/
.eckenrundung { text-decoration : none; background-image : url(Bilder/dark-bg-texture.gif); /*background-color: #14304e;*/ padding : 1em 1em 1em 1em; box-sizing: border-box; border-radius : 6px; /*    border: 1px;*/ /*    border: 2px dotted;*//*    border-color: #b6cde3;*/ box-shadow: 6px 7px 1px #c4d7ea; width: 85%; margin-left : auto; margin-right : auto; } 
.text-area  { clear : both; margin : 0 2em 0 2em; } 
.text-area a  { text-decoration : none; background-image : url(Bilder/dark-bg-texture.gif); color : #ffffff; padding : 0 0.3em; border-radius : 2px; }
.text-area a:hover  { border : #14304e solid 1px; } 
.stellenangebote a  { text-decoration : none; background-image : url(Bilder/dark-bg-texture.gif); color : #ffffff; padding : 0 0.3em; border-radius : 2px; }
.stellenangebote a:hover  { border : #14304e solid 1px; } 
.text-header  { margin : 0 0 2em 0; }
.text-background  { margin : 0 2em 2em 2em; } 
.text-header p  { padding : 1.7em 0 0.3em 0.5em; color : #ffffff; font-size : 8em; font-weight : 600; line-height : 1em; letter-spacing : 0.03em; word-spacing : 0.1em; text-align : left; text-shadow : 1px 1px 1px #444444; } 
.text-background p  { padding : 1.7em 0 0.3em 0.5em; color : #ffffff; font-size : 8em; font-weight : 600; line-height : 1em; letter-spacing : 0.03em; word-spacing : 0.1em; text-align : left; text-shadow : 1px 1px 1px #444444; } 
.text-background2  { margin : 0 2em 2em 2em; } 
.text-background2 p  { padding : 0.7em 0 0.3em 0.5em; color : #ffffff; font-size : 5em; font-weight : 600; line-height : 1em; letter-spacing : 0.03em; word-spacing : 0.1em; text-align : left; text-shadow : 1px 1px 1px #444444; } 
.text  { margin-left : auto; margin-right : auto; max-width : 1400px; } 
.text-navibuttons  { margin-left : auto; margin-right : auto; max-width : 1400px; text-align : center; }
.text-area-auswahl  { clear : both; margin : 0 2em 2em 2em; } 
.text-auswahl  { margin-left : auto; margin-right : auto; max-width : 1400px; } 
.text-auswahl a  { color : #14304e; text-decoration : none; }
.text-auswahl a:hover  { color : #14304e; text-decoration : underline; } 
.text-container  { color : #14304e; font-size : 1.4em; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 0.5em; margin-bottom : 0.4em; text-align : left; } 
.container-text-kontakt p  { color : #14304e; font-size : 1.4em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 
.container-text-kontakt  { padding-top : 1em; margin-left : 1em; text-align : justify; } 
.container-text p  { color : #14304e; font-size : 1.4em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 
.container-text  { padding-top : 1em; margin-left : 1em; } 
.container-text-rezept p  { color : #14304e; font-size : 1.6em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 
.stellenangebote  { clear : both; margin : 2em 2em 3em 2em; } 
.stellenangebote p  { padding : 1em 1em 1em 1em; } 
.job  { max-width : 1400px; margin-left : auto; margin-right : auto; border : #bcbcbc solid 1px; background-color : #ffffff; }
.hinweis  { max-width : 1400px; margin-left : auto; margin-right : auto; border : #5e9055 solid 1px; background-color : #53a322; } 
.jobhighlight  { max-width : 1400px; margin-left : auto; margin-right : auto; border : #be2a2a solid 1px; background-color : #fff9f9; } 


/* Bildauszeichnungen */
.headerbild  { width : 100%; height : auto; box-shadow : 0 1px 5px #555555; }
.headerbild-weiss  { width : 100%; height : auto; box-shadow : 0 0px 0px #555555; }
.xlbild  { width : 100%; height : auto; box-shadow : 0 1px 3px #555555; margin : 2em 0 2em 0; } 
.speisekartenbilder  { max-width : 1400px; margin-left : auto; margin-right : auto; border : #bcbcbc solid 0; background-color : #ffffff; }
figure  { clear : both; margin : 0 2em 0 2em; margin-left : auto; margin-right : auto; max-width : 1400px; } 
figure img  { border-radius : 0; } 
figure figcaption  { padding : 0.8em 1em 2em 1em; color : #b1b1b1; font-size : 0.85em; font-weight : 400; text-align : center; } 
.kartenbild  { width : 100%; height : auto; margin : 0 0 0.3em 0; } 
.figurebild  { width : 100%; height : auto; } 
.contentbild  { width : 100%; height : auto; } 
.background-picture1  { background-image : url(Bilder/wirtshaus-anzapfen.jpg); background-position : center -70px; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; }
.background-picture2  { background-image : url(Bilder/startseite-essen.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; }
.background-picture-blog  { background-image : url(Bilder/der-pschorr-blog-wirtshausamviktualienmarkt.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 
.background-picture-biergarten  { background-image : url(Bilder/biergarten-muenchen-der-pschorr-aussen.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 
.background-picture-holzfasskeller  { background-image : url(Bilder/holzfasskeller-der-pschorr-faesser.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 
.background-picture-wirtshaus  { background-image : url(Bilder/wirtshaus-der-pschorr-eingang.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 
.background-picture-stellenangebote  { background-image : url(Bilder/stellenangebote-lehrlinge2.jpg); background-position : center -220px; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 
.background-picture-theresiensaal  { background-image : url(Bilder/speisen-im-theresiensaal-veranstaltungssaal-muenchen-stadtmitte.jpg); background-position : center; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; min-height : 500px; box-shadow : 0 1px 3px #555555; } 


/* Bereiche und Container */
/*.abstandstartseite-gleich { height : 3.5em; } */
article.zweispaltentextlinks  { float : left; } 
footer ul  { text-align : center; } 
footer li  { font-size : 1.2em; height : 4em; list-style-type : none; display : inline-block; line-height : 3.9em; vertical-align : text-bottom; } 
footer a  { color : #ffffff; text-decoration : none; display : block; padding : 0 1.3em; } 


/* Google Maps */
html, body { height: 100%; margin: 0; padding: 0; }
#map { height: 25%; }
.google-maps { position: relative; padding-bottom: 60%; height: 0; overflow: hidden; }
.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.hiddenover950px { display: none; }
.shownunder950px { display: none; margin-bottom: 4em; }
.shownunder950pxkontakt { display: none; margin-bottom: 4em; }
.languageshownunder950px { display: none; margin-bottom: 8em; }


/* Links */
.ankerlink  { display : block; margin-left : auto; margin-right : auto; margin-top : 2em; margin-bottom : 3em; background-image : url(Bilder/sm-button-menu-zu.png); background-position : center; width : 50px; height : 50px; border : #1d3771 solid 1px; border-radius : 35px; z-index : 9; } 


/* Sprache Buttons */
#buttondeutsch  { color : #fff; font-weight : 600; font-size : 3em; background-image : url(Bilder/dark-bg-texture.jpg); position : absolute; width : 50px; height : 50px; top : 29px; left : 89px; border : #777777 solid 1px; border-radius : 35px; text-align : center; line-height : 49px; } 
#buttondeutsch a  { padding : 19px; text-decoration : none; color : #777777; } 
#button-linktogerman  { color : #777777; font-size : 0.95em; font-weight : 600; background-image : url(Bilder/language.gif); position : absolute; width : 50px; height : 50px; top : 29px; left : 29px; border : #14304e solid 1px; border-radius : 35px; text-align : center; line-height : 49px; } 
#button-linktogerman a  { padding : 25px 50px; text-decoration : none; color : #777777; } 
#button-linktoenglish  { color : #777777; font-size : 0.95em; font-weight : 600; background-image : url(Bilder/language2.gif); position : absolute; width : 50px; height : 50px; top : 29px; left : 29px; border : #14304e solid 1px; border-radius : 35px; text-align : center; line-height : 49px; } 
#button-linktoenglish a  { padding : 25px 50px; text-decoration : none; color : #ffffff; } 
#buttonactive  { color : #ffffff; font-weight : 600; background-color : #14304e; position : absolute; width : 50px; height : 50px; top : 29px; left : 24px; border : #14304e solid 1px; border-radius : 35px; text-align : center; line-height : 49px; } 
#buttonactive a  { padding : 20px 8px; text-decoration : none; color : #ffffff; border : #14304e solid 1px; } 
#buttoninactive  { background-color: #ffffff; font-weight : 600; position : absolute; width : 50px; height : 50px; top : 29px; left : 84px; border: #14304e solid 1px; border-radius : 35px; text-align : center; line-height : 49px; } 
#buttoninactive a  { padding : 30px 8px; text-decoration : none; color : #14304e; } 


/* Social Media Buttons */
#social-media-steuerung a  { display : block; height : 100%; width : 100%; padding-left : 0; border : silver solid 0; } 
.menue-button  { display : none; } 
#social-media-steuerung  { float : right; } 
.social-media-menu  { background-image : url(Bilder/Facebook.gif); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
.social-media-menu-zu  { background-image : url(Bilder/sm-button-menu-zu.png); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 


/* Navigation */
nav  { width : 61em; background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; height : 4.48em; display : inline-block; } 
nav ul  { list-style-type : none; margin : 0; padding : 0; position : absolute; z-index : 20; } 
nav li  { display : inline-block; float : left; text-align : center; } 
nav li a  { display : block; min-width : 0; height : 4em; line-height : 3.9em; color : #fff; font-size : 1.2em; background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; text-decoration : none; /*    text-transform : uppercase; */ padding : 0 16px; } 
/*früher line-height 4, font-size 1.2 und padding 19px*/
nav li:hover a  { background : #ffffff; color : #14304e; } 
nav li:hover ul a  { background : #ffffff; color : #14304e; height : 2.6em; line-height : 2.6em; /*    text-transform : uppercase;*/ text-align : left; } 
/* Dropdown Menü*/
nav li:hover ul a:hover  { background : #ececec; color : #14304e; } 
nav li ul  { display : none; box-shadow : 1px 2px 2px #555555; } 
nav li ul li  { display : block; float : none; } 
nav ul li a:hover + .hidden, .hidden:hover  { display : block; } 
.show-menu  { text-decoration : none; color : #fff; background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; text-align : center; padding : 17px 0; display : none; } 
nav input[type="checkbox"]  { display : none; } 
input[type="checkbox"]:checked ~ #menu  { display : block; } 


/* Trennlinien */
.bar  { background-color: #f4f6f8; /*background-image : url(Bilder/dark-bg-texture.gif); */ max-width : 1400px; height : 3em; margin : 3.2em 0 3em 0; } 
.line  { background-image : url(Bilder/dark-bg-texture.gif); max-width : 1400px; height : 2px; margin : 3em 0 2.4em 0; } 


/* Badges */
.badge-area  { clear : both; margin : 0 0 0 0; } 
.badge  { text-align : center; vertical-align : middle; margin-top : -2em; margin-left : auto; margin-right : auto; max-width : 1400px; } 
.bildbadge  { display : inline-block; padding : 0 2em; margin-top : -2em; } 
.bad  { display : block; } 
.badbad  { display : none; } 


/* Reservierungsseiten */
.widgetansicht  { margin-left : auto; margin-right : auto; max-width : 980px; width : 100%; } 
#widgetframe  { background-color : #ffffff; position : relative; height : 0; padding-bottom : 56.25%; } 
.widget  { background-color : #ffffff; position : absolute; top : 0; left : 0; width : 100%; height : 750px; } 
.bookatable-area-reservierung  { margin-top : 0; margin-bottom : 0; margin-left : 0; } 
.widgetansicht-reservierung  { margin-left : auto; margin-right : auto; max-width : 980px; width : 100%; } 
#widgetframe-reservierung  { background-color : #ffffff; position : relative; height : 0; padding-bottom : 25%; } 
.widget-reservierung  { background-color : #ffffff; position : absolute; top : 0; left : 0; width : 100%; height : 100%; } 





#youtubebutton  { margin : 0 auto; text-align : center; } 

.youtube  { width : 12em; height : 50px; left : 50%; margin-left : -6em; font-size : 1em; background-color : #ffffff; border : #bebebe solid 1px; border-radius : 45px; color : #555555; position : absolute; margin-top : 30%; box-shadow : 1px 2px 7px rgba(0, 0, 0, 0.55); z-index : 10; display : inline-block; } 

.youtube a  { display : block; color : #14304e; text-decoration : none; padding : 0; letter-spacing : 0.1em; text-shadow : 1px 1px 3px #c4c4c4; font-size : 1.4em; } 

.youtubelink  { width : 100%; height : 1em; } 

.videobeitrag  { clear : both; margin : 3em 2em 3em 2em; } 

.videobeitrag p  { padding : 1em 1em 1em 0; } 

.videobeitrag2  { max-width : 1400px; margin-left : auto; margin-right : auto; border : #bcbcbc solid 1px; } 

.videoansicht  { margin-left : auto; margin-right : auto; width : 100%; max-width : 1400px; background-color : #14304e; } 

#videoframe  { background-color : #ffffff; position : relative; height : auto; padding-bottom : 56.25%; box-shadow : 0 1px 5px #555555;} 

.video  { background-color : #ffffff; position : absolute; top : 0; left : 0; width : 100%; height : 100%; } 

video  { width : 100%; margin-bottom : -0.25em; height : auto; } 

videoiframe  { width : 50%; margin-bottom : -0.25em; height : auto; } 

.text  { margin-left : auto; margin-right : auto; max-width : 1400px; } 

.text-navibuttons  { margin-left : auto; margin-right : auto; max-width : 1400px; text-align : center; }

.text-area-auswahl  { clear : both; margin : 0 2em 2em 2em; } 

.text-auswahl  { margin-left : auto; margin-right : auto; max-width : 1400px; } 

.text-auswahl a  { color : #14304e; text-decoration : none; }

.text-auswahl a:hover  { color : #14304e; text-decoration : underline; } 

.text-container  { color : #14304e; font-size : 1.4em; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 0.5em; margin-bottom : 0.4em; text-align : left; } 

.container-text-kontakt p  { color : #14304e; font-size : 1.4em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 

.container-text-kontakt  { padding-top : 1em; margin-left : 1em; text-align : justify; } 

.container-text p  { color : #14304e; font-size : 1.4em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 

.container-text  { padding-top : 1em; margin-left : 1em; } 

.container-text-rezept p  { color : #14304e; font-size : 1.6em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 

.container-video  {background : #14304e; margin : 0 0 0 0; display : inline-block; } 

.area  { margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; } 

.area2  { border : #d0d0d0 solid 1px; margin-top : 1em; margin-left : auto; margin-right : auto; height : auto; max-width : 1400px; } 

.area3  { margin-left : auto; margin-right : auto; height : auto; max-width : 1460px; } 


.content1  { margin : 0 auto; column-count : 1; column-gap : 0; } 

.content2  { margin : 0 auto; column-count : 1; column-gap : 0; } 

.no-csscolumns .content2  { max-width : 500px; } 

.post-container2spalten  { margin : 0 2em 2em 1em; display : inline-block; } 

.post-container2spalten-rechts  { margin : 0 2em 2em 1em; display : inline-block; } 

.zweispaltentextlinks  { margin : 0 2em 2em 1em; display : inline-block; } 

.zweispaltentextrechts  { margin : 0 2em 2em 1em; display : inline-block; } 

.zweispaltentextrechtsvideo  { margin : 0 0 0 0.7em; } 

.einspaltentext  { margin : 0 2em 2em 1em; display : inline-block; }

article.post-container2 p  { color : #14304e; font-size : 1.6em; line-height : 1.4; word-spacing : 0.05em; text-align : left; } 

.post-thesesiensaal-text  { padding-bottom : 0.6em; font-size : 1.2em; display : inline-block; } 

.content  { margin : auto; column-count : 1; column-gap : 0; } 

.no-csscolumns .content  { max-width : 500px; } 

.post-container  { margin : 0 1em 1em 2em; display : inline-block; } 

.post-video  { background : rgba(255, 255, 255, 0); padding : 0; margin : 0 2em 0 2em; display : inline-block; } 

.post-video-yt  { background : #bf4b4b; padding : 0; margin : 0 1em 2em 1em; display : inline-block; } 

.post-weihnachten  { padding-top : 2em; padding-bottom : 15em; background-image : url(Bilder/post-theresiensaal-weihnachtsfeier.jpg); background-position : center; display : inline-block; } 

.postbild  { width : 100%; height : auto; } 

video  { width : 100%; margin-bottom : -0.25em; height : auto; } 

article.post-container h2  { background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; margin-left : 5px; margin-right : 30px; padding-left : 15px; padding-right : 10px; text-align : left; color : #ffffff; font-size : 2em; padding-top : 0.2em; padding-bottom : 0.2em; } 

.post-container a  { display : block; text-decoration : none; color : #ffffff; } 

article.post-container p  { color : #14304e; font-size : 1.2em; word-spacing : 0.05em; text-align : center; margin-left : auto; margin-right : auto; text-align : left; padding : 4px 0 0 2px; } 

.video-area  { margin : 1em 2em 1em 2em; } 

.videoansicht  { margin-left : auto; margin-right : auto; max-width : 1400px; background-color : #ffffff; }

#videoframe  { background-color : #ffffff; position : relative; height : 0; padding-bottom : 56.25%; } 

.video  { background-color : #ffffff; position : absolute; top : 0; left : 0; width : 100%; height : 100%; } 

.videoextern .bookatable-area  { margin-top : 0; margin-bottom : 0; margin-left : 0; margin-left : 0; } 

.container  { clear : both; margin-top : 0; padding : 0 0; color : #ffffff; background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; } 

.hiddenover950px  { display : none; } 

.shownunder950px  { display : none; margin-bottom : 0; } 

.shownunder950pxkontakt  { display : none; margin-bottom : 4em; } 

.languageshownunder950px  { display : none; margin-bottom : 8em; } 

.buttonshownunder1050px  { display : none; } 







@media (min-width:320px)  {    
article.zweispaltentextlinks  { float : left; width : 95%; } 
article.zweispaltentextrechts  { float : left; width : 95%; }
} 

@media (min-width:766px)  { 
article.zweispaltentextlinks  { float : left; width : 45%; } 
article.zweispaltentextrechts  { float : left; width : 45%; }
} 

@media (min-width:992px)  { 
article.zweispaltentextlinks  { float : left; width : 95%; } 
article.zweispaltentextrechts  { float : left; width : 95%; }
} 

@media (min-width:300px)  { 
article h1  { color : #1d3771; font-size : 1.5em; font-weight : 600; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 4em; margin-bottom : 0.5em; text-align : center; } 
.abstandstartseite.gleich  { margin-top : 20px; float : left; width : 100%; }
} 

@media (min-width:700px)  { 
article h1  { font-size : 2em; 
/*    margin-left : 1em; margin-right : 1em; */
    margin-top : 3em; text-align : center; padding-top : 0; } 
.abstandstartseite.gleich  { margin-top : 20px; float : left; width : 100%; }
} 

@media (min-width:991px)  { 
article h1  { font-size : 2.5em; 
/*    margin-left : 1em; margin-right : 1em; */
    margin-top : 1em; text-align : center; padding-top : 0; } 
.abstandstartseite.gleich  { margin-top : 20px; float : left; width : 100%; }
} 

@media (min-width:1200px)  { 
article h1  { font-size : 3em; 
/*    margin-left : 1em; margin-right : 1em; */
    margin-top : 0.9em; text-align : center; padding-top : 0; } 
.slideshow h1  { color : #1d3771; font-size : 1.5em; font-weight : 600; line-height : 1.3em; letter-spacing : 0.03em; word-spacing : 0.1em; margin-top : 1em; margin-bottom : 0.5em; text-align : center; } 
.abstandstartseite.gleich  { margin-top : 20px; float : left; width : 100%; }
} 

@media (min-width:320px)  { 
article.zweispaltentextlinks  { float : left; width : 95%; } 
article.zweispaltentextrechts  { float : left; width : 95%; }
} 

@media (min-width:766px)  { 
article.zweispaltentextlinks  { float : left; width : 45%; } 
article.zweispaltentextrechts  { float : left; width : 45%; }
} 

@media (min-width:992px)  { 
article.zweispaltentextlinks  { float : left; width : 95%; } 
article.zweispaltentextrechts  { float : left; width : 95%; }
} 

@media (min-width:300px)  { 
#zentriert  { background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; margin : 0 auto; text-align : center; border-top : 1px solid #33506d; border-bottom : 1px solid #14304e; float : left; width : 100%; } 
.logosmall  { padding-top : 10px; height : 150px; margin : 0 auto; float : left; width : 100%; text-align : center; }     
.logo  { padding-top : 20px; height : 220px; margin : 0 auto; float : left; width : 100%; text-align : center; } 
#social-media-steuerung li  { list-style : none; width : 100%; float : left; } 
nav li ul li a  { width : auto; min-width : 100px; } 
#social-media-steuerung ul  { float : right; width : 100%; padding-top : 10px; text-align : right; } 
.social-media-googlemaps  { background-image : url(Bilder/sm-bar-googlemap.png); background-position : center; height : 60px; } 
.social-media-facebook  { background-image : url(Bilder/sm-bar-facebook.png); background-position : center; height : 60px; } 
.social-media-instagram  { background-image : url(Bilder/sm-bar-instagram.png); background-position : center; height : 60px; } 
.social-media-pinterest  { background-image : url(Bilder/sm-bar-pinterest.png); background-position : center; height : 60px; } 
.social-media-youtube  { background-image : url(Bilder/sm-bar-youtube.png); background-position : center; height : 60px; } 
body article  { float : left; }
} 

@media (min-width:700px)  { 
.logo  { padding-top : 20px; width : 100%; height : 180px; margin : auto; display : inline-block; } 
#social-media-steuerung ul  { float : right; width : 100%; padding : 0; text-align : right; } 
#social-media-steuerung ul  { list-style : none; float : left; padding : 29px 0 0 0; } 
#social-media-steuerung li  { list-style : none; float : none; border : none; } 
#social-media-steuerung li  { border-bottom : 0 solid silver; }
} 

@media (min-width:800px)  { 
.logo  { padding-top : 20px; width : 242px; height : 180px; margin : 0 auto; float : none; display : block; } 
#social-media-steuerung li  { list-style : none; float : left; border-bottom : 0 solid silver; } 
#social-media-steuerung li  { width : auto; border-bottom : 0 solid silver; padding : 5px 0; padding-left : 10px; } 
.social-media-googlemaps  { background-image : url(Bilder/googlemaps.gif); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
.social-media-facebook  { background-image : url(Bilder/Facebook.gif); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
.social-media-instagram  { background-image : url(Bilder/instagram.gif); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
.social-media-pinterest  { background-image : url(Bilder/sm-button-pinterest.png); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
.social-media-youtube  { background-image : url(Bilder/youtube.gif); background-position : center; width : 50px; height : 50px; border : #14304e solid 1px; border-radius : 35px; } 
#social-media-steuerung ul  { list-style : none; float : left; padding : 24px 24px 0 0; }
} 

@media (min-width:1100px)  {    
body article  { float : none; } 
.reservierung-button  { width : 61em; height : 55px; left : 50%; margin-left : -30.5em; background-color : #92B1C2; border : 0; position : absolute; margin-top : 4.9em; box-shadow : 1px 2px 7px rgba(0, 0, 0, 0.55); z-index : 10; display : inline-block; opacity : 1; } 
#reservierung  { margin : 0 auto; text-align : center; } 
.reservierung-button a  { display : block; color : #ffffff; text-transform : uppercase; text-decoration : none; padding-top : 0.7em; letter-spacing : 0.15em; font-size : 1.3em; font-weight : 600; text-align : center; } 
.gutscheineundshop-button  { width : 56.3em; height : 67px; left : 50%; margin-left : -28em; background-color : #ffffff; border : 0; position : absolute; margin-top : 7.4em; box-shadow : 1px 2px 7px rgba(0, 0, 0, 0.55); z-index : 5; display : inline-block; opacity : 1; } 
#gutscheineundshop  { margin : 0 auto; text-align : center; } 
.gutscheineundshop-button a  { display : block; color : #284867; text-transform : uppercase; text-decoration : none; padding-top : 1.35em; letter-spacing : 0.15em; font-size : 1.3em; font-weight : 600; text-align : center; } 
} 

@media (max-width:500px)  { 
.youtubeclear  { left : 50%; margin-left : -3.6em; font-size : 1em; position : absolute; margin-top : 4.5em; z-index : 10; display : inline-block; }
} 

@media (min-width:501px)  { 
.youtubeclear  { left : 50%; margin-left : -3.6em; font-size : 1em; position : absolute; margin-top : 4.5em; z-index : 10; display : inline-block; }
} 

@media (min-width:700px)  { 
.youtubeclear  { left : 50%; margin-left : -3.6em; font-size : 1em; position : absolute; margin-top : 5em; z-index : 10; display : inline-block; }
} 

@media (min-width:991px)  { 
.youtubeclear  { left : 50%; margin-left : -3.6em; font-size : 1em; position : absolute; margin-top : 10em; z-index : 10; display : inline-block; }
} 

@media (min-width:1200px)  { 
.youtubeclear  { left : 50%; margin-left : -3.6em; font-size : 1em; position : absolute; margin-top : 22em; z-index : 10; display : inline-block; }
} 

@media (max-width:991px)  { 
article  { float : left; }
} 

@media screen and (max-width:750px)  { 
.bad  { display : none; } 
.badbad  { display : block; }
} 

@media screen and (max-width:1050px)  { 
            
/* Google Maps */
#map { height: 75%; } 
    
    
.badge-area  { clear : both; margin : 0 0 0 0; } 
.badge  { text-align : center; vertical-align : middle; margin-top : 0; margin-left : auto; margin-right : auto; max-width : 1400px; } 
.bildbadge  { display : inline-block; padding : 0 2em; margin-top : 0; } 
.buttonshownunder1050px  { display : block; box-shadow : 0 1px 5px #555555; } 
.buttonshownunder550px  { display : block; margin : 1em 1.5em 1em 1.5em; } 
.text-area  { clear : both; margin : 0 1.5em 0 1.5em; } 
.text-area p  { text-align : left; } 
nav  { width : 100%; background-image : url(Bilder/dark-bg-texture.gif); background-repeat : repeat; height : 4.8em; display : block; } 
nav ul  { position : static; display : none; } 
nav li  { border-top : 1px solid #284867; } 
nav ul li, li a  { width : 100%; } 
.show-menu  { line-height : 2.3em; font-size : 1.2em; display : block; /*    text-transform : uppercase; */ height : 4em; } 
nav li a  { padding : 0 0; } 
nav li:hover ul a  { text-align : center; } 
.container  { width : 100%; text-align : center; padding : 0 0; border-top : 1px solid #284867; } 
footer li  { width : 100%; height : 3em; line-height : 3em; border-top : 1px solid #284867; } 
footer a  { color : #ffffff; text-decoration : none; display : block; padding : 0 0; } 
.framearea  { width : 100%; } 
article h1  { font-size : 1.4em; 
/*    margin-left : 1em; margin-right : 1em; */
    margin-top : 0.8em; text-align : left; } 
article h2  { font-size : 1.2em; line-height : 1.3em;
/*    margin-left : 1.3em; margin-right : 1em; */
    margin-top : 0.5em; text-align : left; } 
article h3  { font-size : 1.2em; line-height : 1.3em; } 
article h5  { font-size : 1.4em; font-weight : 600; line-height : 1.2em; margin-left : 1em; margin-right : 1em; margin-top : 0.5em; text-align : left; } 
article h6  { font-size : 1.2em; font-weight : 100; line-height : 1.2em; margin-left : 1em; margin-right : 1em; margin-top : 0.4em; text-align : left; } 
article p  { color : #14304e; font-size : 1.15em; word-spacing : 0.05em; line-height : 1.4em; margin-left : auto; margin-right : auto; text-align : left; } 
.container-text-kontakt p  { color : #14304e; font-size : 1.2em; word-spacing : 0.05em; line-height : 1.4em; text-align : left; } 
.container-text-kontakt  { padding-top : 0; margin-left : 0; } 
.container-text p  { color : #14304e; font-size : 1.2em; word-spacing : 0.05em; line-height : 1.4em; } 
.container-text  { padding-top : 0; margin-left : 0; } 
.zweispaltentextlinks  { margin : 0.3em 0.5em 0.5em 0.5em; } 
.zweispaltentextrechtsvideo  { margin : 0.8em 0 0 0.5em; } 
.zweispaltentextrechts  { margin : 0.3em 0.5em 1em 0.5em; } 
.post-container  { margin : 1em 1em 0em 1em; } 
.line  { height : 2px; margin : 1em 0 1em 0; } 
.bar  { height : 1.8em; margin : 2.2em 0 2em 0; } 
.text-background p  { vertical-align : text-bottom; padding : 6em 0 0.75em 0.5em; font-size : 2em; } 
.text-background2 p  { padding : 3em 0 0.75em 0.5em; font-size : 1em; } 
.background-picture-theresiensaal  { background-size : cover; background-position : center; min-height : 200px; } 
.background-picture1  { background-size : cover; background-position : center; min-height : 200px; } 
.background-picture2  { background-size : cover; min-height : 200px; } 
.background-picture-blog  { background-size : cover; min-height : 200px; } 
.background-picture-biergarten  { background-size : cover; min-height : 200px; } 
.background-picture-holzfasskeller  { background-size : cover; min-height : 200px; } 
.background-picture-wirtshaus  { background-size : cover; min-height : 200px; } 
.speisekartenbilder  { clear : both; margin : 0em 0em 0em 0em; } 
.background-picture-stellenangebote  { background-size : cover; background-position : center; min-height : 200px; } 
.xlbild  { width : 100%; height : auto; margin : 1em 0 1em 0; } 
.mobile-nodisplay  { display : none; } 
.mobile-show  { display : inline; } 
s #buttonactive  { top : 10px; left : 10px; } 
#buttoninactive  { top : 10px; left : 70px; } 
#button-call  { top : 10px; left : 10px; } 
#button-linktogerman  { top : 10px; left : 10px; } 
#button-linktoenglish  { top : 10px; left : 10px; } 
#buttongerman  { top : 10px; left : 10px; } 
#buttonenglish  { top : 10px; left : 70px; } 
.reservierung  { display : none; } 
.hiddenover950px  { display : block; color : #ffffff; font-weight : 600; letter-spacing : 0.06em; } 
.hiddenunder950px  { display : none; } 
.hiddenunder1100px  { display : none; } 
.shownunder950px  { display : block; } 
.languageshownunder950px  { display : inline; } 
.text-background  { margin : 1em 1.5em 1em 1.5em; } 
.video-area  { margin : 1em 1.5em 1em 1.5em; } 
.stellenangebote  { clear : both; margin : 1em 1.5em 0 1.5em; } 
.stellenangebote p  { padding : 0.3em 0.5em 0.5em 0.5em; } 
.speisekarte p  { padding : 0 0 0 0; font-size : 0.8em; } 
.speisekarte  { border : #ebe9e0 solid 1px; padding : 0.6em 0.2em; font-size : 1.6em; background-color : rgba(162, 162, 162, 0.13); clear : both; margin : 0.5em 0.5em 0.5em 5em; text-align : center; } 
/*.speisekartenbilder  { width : 100%; height : auto; padding : 1em 1em 1em 1em; } */
.videobeitrag  { clear : both; margin : 1.2em 2em 1em 2em; } 
.abstand  { height : 5em; } 
.ankerlink  { display : block; margin-left : auto; margin-right : auto; margin-top : 1em; margin-bottom : 1.5em; background-image : url(Bilder/sm-button-menu-zu.png); background-position : center; width : 50px; height : 50px; border : #1d3771 solid 1px; border-radius : 35px; z-index : 100; }
} 

@media screen and (max-width:500px)  { 
.imagehiddenunder500px  { display : none; } 
.imageshownunder500px  { display : block; } 
.youtubehiddenunder500px  { display : none; } 
.youtubeshownunder500px  { display : block; } 
.shownunder500px  { display : block; }
.slideshowslidermobil  { width : 100%; max-width : 500px; margin : 0 auto; position : relative; overflow : hidden; border : #000 solid 0; box-shadow : 0 1px 5px #555555; } 
.slideshowslidermobil img  { position : absolute; top : 0; left : -100%; width : 100%; display : block; } 
.slideshowslidermobil img:first-child  { position : relative; } 
.slideshowslidermobil img:nth-of-type(1)  { animation : autoplay 48s 0s linear infinite; } 
.slideshowslidermobil img:nth-of-type(2)  { animation : autoplay 48s 6s linear infinite; } 
.slideshowslidermobil img:nth-of-type(3)  { animation : autoplay 48s 12s linear infinite; } 
.slideshowslidermobil img:nth-of-type(4)  { animation : autoplay 48s 18s linear infinite; } 
.slideshowslidermobil img:nth-of-type(5)  { animation : autoplay 48s 24s linear infinite; } 
.slideshowslidermobil img:nth-of-type(6)  { animation : autoplay 48s 30s linear infinite; } 
.slideshowslidermobil img:nth-of-type(7)  { animation : autoplay 48s 36s linear infinite; } 
.slideshowslidermobil img:nth-of-type(8)  { animation : autoplay 48s 42s linear infinite; } 
} 

@media (min-width:501px)  { 
.imagehiddenunder500px  { display : block; } 
.imageshownunder500px  { display : none; }
} 

@media screen and (min-width:690px)  { 
.content  { column-count : 2; }
} 

@media screen and (min-width:1050px)  { 
.content  { column-count : 3;}
} 

@media screen and (min-width:1200px)  { 
.content  { column-count : 3; max-width : 1500px; }
} 

@media screen and (min-width:950px)  { 
.content2  { column-count : 2; }
} 

@media screen and (min-width:1050px)  { 
.content2  { column-count : 2; }
} 

@media screen and (min-width:1200px)  { 
.content2  { column-count : 2; max-width : 1460px; }
} 

@media only screen and (max-width:932px)  { 
.menue-button  { display : block; } 
.menue-button  { display : block; position : absolute; right : 0; top : 0; padding : 10px 10px 0 0; color : white; cursor : pointer; text-decoration : none; } 
#social-media-steuerung  { float : left; width : 100%; display : none; padding-top : 4em; } 
#social-media-steuerung a  { display : block; height : 100%; width : 100%; padding-left : 0; } } 
#social-media-menue:target #social-media-steuerung  { display : block; } 
#social-media-menue:target .menue-button-beschr-open  { display : none; } 
*  { margin : 0; padding : 0; } 
.slideshow  { width : 100%; max-width : 2500px; margin : 0 auto; position : relative; overflow : hidden; border : #000 solid 0; box-shadow : 0 1px 5px #555555; } 
.slideshow img  { position : absolute; top : 0; left : -100%; width : 100%; display : block; } 
.slideshow img:first-child  { position : relative; } 
.slideshow img:nth-of-type(1)  { animation : autoplay 48s 0s linear infinite; } 
.slideshow img:nth-of-type(2)  { animation : autoplay 48s 6s linear infinite; } 
.slideshow img:nth-of-type(3)  { animation : autoplay 48s 12s linear infinite; } 
.slideshow img:nth-of-type(4)  { animation : autoplay 48s 18s linear infinite; } 
.slideshow img:nth-of-type(5)  { animation : autoplay 48s 24s linear infinite; } 
.slideshow img:nth-of-type(6)  { animation : autoplay 48s 30s linear infinite; } 
.slideshow img:nth-of-type(7)  { animation : autoplay 48s 36s linear infinite; } 
.slideshow img:nth-of-type(8)  { animation : autoplay 48s 42s linear infinite; } 


@keyframes autoplay  { 
 0%  { left : 100%; } 
 1%, 12.5%  { left : 0; } 
 13.5%, 100%  { left : -100%; }
} 

@font-face  { 
{ font-family : "'Raleway'"; font-style : normal; font-weight : 400; src : local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptug8zYS_SKggPNyC0ISg.ttf) format('truetype'); }
} 


@font-face  { 
{ font-family : "'Raleway'"; font-style : normal; font-weight : 800; src : local('Raleway ExtraBold'), local('Raleway-ExtraBold'), url(https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwIouWqZPBQ.ttf) format('truetype'); }
} 

.cc-window  { opacity : 1; transition : opacity 1s ease; } 
.cc-window.cc-invisible  { opacity : 0; } 
.cc-animate.cc-revoke  { transition : transform 1s ease; } 
.cc-animate.cc-revoke.cc-top  { transform : translateY(-2em); } 
.cc-animate.cc-revoke.cc-bottom  { transform : translateY(2em); } 
.cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover  { transform : translateY(0); } 
.cc-grower  { max-height : 0; overflow : hidden; transition : max-height 1s; } 
.cc-link, .cc-revoke:hover  { text-decoration : underline; } 
.cc-revoke, .cc-window  { position : fixed; overflow : hidden; box-sizing : border-box; font-family : Helvetica, Calibri, Arial, sans-serif; font-size : 16px; line-height : 1.5em; display : flex; flex-wrap : nowrap; z-index : 9999; } 
.cc-window.cc-static  { position : static; } 
.cc-window.cc-floating  { padding : 2em; max-width : 24em; flex-direction : column; } 
.cc-window.cc-banner  { padding : 1em 1.8em; width : 100%; flex-direction : row; } 
.cc-revoke  { padding : 0.5em; } 
.cc-header  { font-size : 18px; font-weight : 700; } 
.cc-btn, .cc-close, .cc-link, .cc-revoke  { cursor : pointer; } 
.cc-link  { opacity : 0.800000011920928955078125; display : inline-block; padding : 0.2em; } 
.cc-link:hover  { opacity : 1; } 
.cc-link:active, .cc-link:visited  { color : inherit; } 
.cc-btn  { display : block; padding : 0.4em 0.8em; font-size : 0.9em; font-weight : 700; border-width : 2px; border-style : solid; text-align : center; white-space : nowrap; } 
.cc-banner .cc-btn:last-child  { min-width : 140px; } 
.cc-highlight .cc-btn:first-child  { background-color : transparent; border-color : transparent; } 
.cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover  { background-color : transparent; text-decoration : underline; } 
.cc-close  { display : block; position : absolute; top : 0.5em; right : 0.5em; font-size : 1.6em; opacity : 0.89999997615814208984375; line-height : 0.75; } 
.cc-close:focus, .cc-close:hover  { opacity : 1; } 
.cc-revoke.cc-top  { top : 0; left : 3em; border-bottom-left-radius : 0.5em; border-bottom-right-radius : 0.5em; } 
.cc-revoke.cc-bottom  { bottom : 0; left : 3em; border-top-left-radius : 0.5em; border-top-right-radius : 0.5em; } 
.cc-revoke.cc-left  { left : 3em; right : initial; } 
.cc-revoke.cc-right  { right : 3em; left : initial; } 
.cc-top  { top : 1em; } 
.cc-left  { left : 1em; } 
.cc-right  { right : 1em; } 
.cc-bottom  { bottom : 1em; } 
.cc-floating > .cc-link  { margin-bottom : 1em; } 
.cc-floating .cc-message  { display : block; margin-bottom : 1em; } 
.cc-window.cc-floating .cc-compliance  { flex : 1; } 
.cc-window.cc-banner  { align-items : center; } 
.cc-banner.cc-top  { left : 0; right : 0; top : 0; } 
.cc-banner.cc-bottom  { left : 0; right : 0; bottom : 0; } 
.cc-banner .cc-message  { flex : 1; } 
.cc-compliance  { display : flex; align-items : center; align-content : space-between; } 
.cc-compliance > .cc-btn  { flex : 1; } 
.cc-btn + .cc-btn  { margin-left : 0.5em; } 

@media print  { 
.cc-revoke, .cc-window  { display : none; }
} 


@media screen and (max-width:900px)  { 
.cc-btn  { 

white-space : normal; 
} } 


@media screen and (max-width:414px) and (orientation:portrait), screen and (max-width:736px) and (orientation:landscape)  { 
.cc-window.cc-top  { top : 0; } 
.cc-window.cc-bottom  { bottom : 0; } 
.cc-window.cc-banner, .cc-window.cc-left, .cc-window.cc-right  { left : 0; right : 0; } 
.cc-window.cc-banner  { flex-direction : column; } 
.cc-window.cc-banner .cc-compliance  { flex : 1; } 
.cc-window.cc-floating  { max-width : none; } 
.cc-window .cc-message  { margin-bottom : 1em; } 
.cc-window.cc-banner  { align-items : initial;}
} 

.cc-floating.cc-theme-classic  { padding : 1.2em; border-radius : 5px; } 
.cc-floating.cc-type-info.cc-theme-classic .cc-compliance  { text-align : center; display : inline; flex : none; } 
.cc-theme-classic .cc-btn  { border-radius : 5px; } 
.cc-theme-classic .cc-btn:last-child  { min-width : 140px; } 
.cc-floating.cc-type-info.cc-theme-classic .cc-btn  { display : inline-block; } 
.cc-theme-edgeless.cc-window  { padding : 0; } 
.cc-floating.cc-theme-edgeless .cc-message  { margin : 2em 2em 1.5em; } 
.cc-banner.cc-theme-edgeless .cc-btn  { margin : 0; padding : 0.8em 1.8em; height : 100%; } 
.cc-banner.cc-theme-edgeless .cc-message  { margin-left : 1em; } 
.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn  { margin-left : 0; }