figure {
  clear: both;
  margin: 0em 2em 0em 2em;
  margin-left: auto; margin-right: auto; max-width: 1400px;
}

figure img {
  border-radius: 0px;
}

figure figcaption {
  padding: 0em 1em 1em 2em;
  color: #b1b1b1;
  font-size: 0.85em;
  font-weight: 400;
  text-align: center;
}

.kartenbild { width: 100%; height: auto; margin: 0em 0em 0.3em 0em; }
.figurebild { width: 100%; height: auto; box-shadow: 0px 1px 3px #555555; margin: 0em 0em 0.3em 0em; }


/******* Geänderte Zeilen 01.05.2017 *********/
@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%; }
}
/******* Geänderte Zeilen 01.05.2017 *********/

.cc_container {
    background: #ededed; !important; 
}

.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #ffffff; !important; 
    
}

@media (min-width:300px) {
article h1 { color: #14304e; 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 {
/*    margin-top: 130px;*/
}
    .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: 0px; }
.abstandstartseite {
/*    margin-top: 290px;*/
}
    .abstandstartseite.gleich {
    margin-top: 20px;
    float: left;
    width: 100%;
}
}

@media (min-width:991px) {
article h1 { font-size: 2em; margin-left: 1em; margin-right: 1em; margin-top: 3em; text-align: center; padding-top: 0px; }
.abstandstartseite {
/*    margin-top: 380px;*/
}
.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: 2em; text-align: center; padding-top: 0px; }
.slideshow h1 { color: #14304e; 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 {
/*    margin-top: -70px;*/
}
    .abstandstartseite.gleich {
    margin-top: 20px;
    float: left;
    width: 100%;
}
}


/******* Geänderte Zeilen 01.05.2017 *********/
@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%; }
}
/******* Geänderte Zeilen 01.05.2017 *********/



article.zweispaltentextlinks { float: left; }

.ankerlinkdown { display: block; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 2.5em; background-image: url(Bilder/sm-button-menu-runter.png); background-position: center; width: 50px; height: 50px; border: 1px solid #a2a2a2; border-radius: 35px; }

.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: 1px solid #1d3771; border-radius: 35px; z-index: 9;}
/*SOCIAL MEDIA AUSWAHL BUTTONS/////////////////////////*/
.link-smauswahlbutton-smk { display: block; background-color: #909090; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 10; display: inline-block; }
#feld-smauswahlbutton-smk { margin: 0 auto; text-align: left; background-color: #909090; }
.link-smauswahlbutton-smk a { display: block; color: #ffffff; text-decoration: none; padding-left: 1em; padding-top: 0.6em; letter-spacing: 0.1em; font-size: 1.2em; }
.link-smauswahlbutton-sfdp { background-color: #727272; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 10; display: inline-block; }
#feld-smauswahlbutton-sfdp { margin: 0 auto; text-align: left; }
.link-smauswahlbutton-sfdp a { display: block; color: #ffffff; text-decoration: none; padding-left: 1em; padding-top: 0.6em; letter-spacing: 0.1em; font-size: 1.2em; }
.bilddarstellung { clear: both; margin: 0em 2em 3em 2em; }
.bilddarstellungabmessung { max-width: 1400px; margin-left: auto; margin-right: auto; }
.contentbild { width: 100%; height: auto; }
.agif { width: 100%; height: auto; }
article.center { float: none; }
.post-container.a:hover { ;
}
.abstand { height: 4.5em; }

@media(min-width:300px) {
#zentriert { background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat; /* background-color: #14304e; */ margin: 0 auto; text-align: center; 
    border-top: 1px solid #33506d; 
    border-bottom: 1px solid #14304e; float: left; width: 100%; }
.logosmall { 
/*    background-image: url(Bilder/dustblue.png);*/
    padding-top: 10px; height: 150px; margin: 0 auto; float: left; width: 100%; text-align: center; }
.logo { 
/*    background-image: url(Bilder/dustblue.png);*/
    padding-top: 20px; height: 220px; margin: 0 auto; float: left; width: 100%; text-align: center; }
#social-media-steuerung li { list-style: none; width: 100%; 
/*    background-color: #be3333; */
    float: left; }/*MENÜSLEISTE LINKTEXTE OHNE ZEILENUMBRUCH UND ABSTAND////////*/
nav li ul li a { width: auto; min-width: 100px; /*padding: 0px 38px 0px 20px; */ }
#social-media-steuerung ul { float: right; width: 100%; padding-top: 10px; text-align: right; background-color:  }
.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: 0px; text-align: right; }
#social-media-steuerung ul { list-style: none; float: left; padding: 29px 0px 0px 0px; }
#social-media-steuerung li { list-style: none; float: none; border: none; }
#social-media-steuerung li { 
/*    background-color: #ffffff; */
    border-bottom: 0px 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: 0px solid silver; }
#social-media-steuerung li { width: auto; 
/*    background-color: #ffffff; */
    border-bottom: 0px solid silver; padding: 5px 0px; padding-left: 10px; }
.social-media-googlemaps { background-image: url(Bilder/googlemaps.gif); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
.social-media-facebook { background-image: url(Bilder/Facebook.gif); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
.social-media-instagram { background-image: url(Bilder/instagram.gif); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
.social-media-pinterest { background-image: url(Bilder/sm-button-pinterest.png); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
.social-media-youtube { background-image: url(Bilder/youtube.gif); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
#social-media-steuerung ul { list-style: none; float: left; padding: 24px 24px 0px 0px; }
}

/*RESERVIERUNGSFELD AUF STARTSEITE/////////////////////////*/
@media (min-width:991px) {
.bbb { width: 61.4em; height: 46px; left: 50%; margin-left: -30.5em; background-color: #53a322; border: 1px solid #5e9055; color: #555555; position: absolute; margin-top: 0px; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 10; display: inline-block; }
}

@media (min-width:1020px) {
 .bbb {
    width: 61.8em;
    height: 46px;
    left: 50%;
    margin-left: -30.5em;
    background-color: #53a322;
    border: 1px solid #5e9055;
    color: #555555;
    position: absolute;
    margin-top: 0em;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55);
    z-index: 10;
    display: inline-block;
}
}

@media (min-width:1100px) {
/*#zentriert { background-image: url(Bilder/dark-bg-texture-05.jpg); background-repeat: repeat; margin: 0 auto; text-align: center; border-top: 1px solid #ededed; border-bottom: 1px solid #14304e; }
*/body article { float: none; }
  
.reservierung-button { width: 63.1em; height: 55px; left: 50%; margin-left: -30.5em; background-color: #ffffff; border: 0px; position: absolute; margin-top: 4.8em; 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: #14304e; text-transform: uppercase; text-decoration: none; padding-top: 0.8em; letter-spacing: 0.15em; font-size: 1.3em; font-weight: 600; text-align: center;}

.gutscheineundshop-button { width: 58em; height: 67px; left: 50%; margin-left: -28em; background-color: #dbefcf; border: 0px; 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: #14304e; text-transform: uppercase; text-decoration: none; padding-top: 1.4em; letter-spacing: 0.15em; font-size: 1.3em; font-weight: 600; text-align: center;}

    
    
.bbb { width: 63.1em; height: 42px; left: 50%; margin-left: -30.5em; background-color: #53a322; border: 1px solid #5e9055; color: #555555; 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;}
}

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

.bbb a { display: block; color: #ffffff; text-decoration: none; padding-top: 0.3em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #265d03; font-size: 1.4em; }

.bbb2 { width: 58em; height: 42px; left: 50%; margin-left: -28em; background-color: #e20031; border: 1px solid #a70024; color: #555555; 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;}

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

.bbb2 a { display: block; color: #ffffff; text-decoration: none; padding-top: 0.3em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #7e001b; font-size: 1.4em; text-align: center;}

.bbb3 { width: 63.1em; height: 42px; left: 50%; margin-left: -30.5em; background-color: #53a322; border: 1px solid 5e9055; color: #555555; position: absolute; margin-top: 4.9em; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 5; display: inline-block; opacity: 1;}
}

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

.bbb3 a { display: block; color: #ffffff; text-decoration: none; padding-top: 0.3em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #265d03; font-size: 1.4em; text-align: center;}







/*YOUTUBE-BUTTON AUF STARTSEITE/////////////////////////*/


@media (min-width:300px) {
.youtubeclear { left: 50%; margin-left: -3.6em; font-size: 1em; position: absolute; margin-top: 2.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: 6em; z-index: 10; display: inline-block; }
}

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

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

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







/*BROWSER-RESET///////////////////////////////////////////////*/
* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body { font-family: 'Raleway', sans-serif; 
    background-color: #ffffff;
/*        background-image: url(Bilder/dustlight.png);*/
}
/*KOPFBEREICH/////////////////////////////////////////////////*/
header { height: 225px; 
    background: #ffffff;
/*background-image: url(Bilder/dustblue.png);*/
}
/*BUTTONMUSTER FÜR SPRACHAUSWAHL//////////////////////////////*/
#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: 1px solid #777777; 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: px solid #14304e; border-radius: 35px;}
#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/language.gif); position: absolute; width: 50px; height: 50px; top: 29px; left: 29px; border: 1px solid #14304e; 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: 1px solid #14304e; border-radius: 35px; text-align: center; line-height: 49px; }
#buttonactive a { padding: 20px 8px; text-decoration: none; color: #ffffff; }
#buttoninactive { color: #14304e; font-weight: 600; position: absolute; width: 50px; height: 50px; top: 29px; left: 84px; border: 1px solid #14304e; border-radius: 35px; text-align: center; line-height: 49px; }
#buttoninactive a { padding: 30px 8px; text-decoration: none; color: #14304e; }

/*
#buttongerman {background-image: url(Bilder/flagdeu.png); position: absolute; width: 50px; height: 50px; top: 29px; left: 29px; border: 1px solid #777777; border-radius: 35px; text-align: center;}
#buttonenglish {background-image: url(Bilder/flagengl.png); position: absolute; width: 50px; height: 50px; top: 29px; left: 29px; border: 1px solid #777777; border-radius: 35px; text-align: center;}
*/

/*SOCIAL-MEDIA-BUTTONS IM HEADER////////////////////////////*/
/*#social-media-steuerung li { list-style: none; float: left; }*/
#social-media-steuerung a { display: block; height: 100%; width: 100%; padding-left: 0px; border: 0px solid silver; }
.menue-button { display: none; }
#social-media-steuerung { float: right; }
.social-media-menu { background-image: url(Bilder/facebook.gif); /*background-image: url(Bilder/sm-button-menu.png);*/ background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }
.social-media-menu-zu { background-image: url(Bilder/sm-button-menu-zu.png); background-position: center; width: 50px; height: 50px; border: 1px solid #14304e; border-radius: 35px; }

/*MENÜLEISTE//////////////////////////////////////////////////*/
nav { width: 61em; background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat; /*    background-color: #14304e;*/ height: 4.48em; display: inline-block; }
/*MENÜSLEISTE LISTE///////////////////////////////////////////*/
nav ul { list-style-type: none; margin: 0; padding: 0; position: absolute; z-index: 20; }
/*MENÜSLEISTE HORIZONTALE AUFLISTUNG DER LINKS////////////////*/
nav li { display: inline-block; float: left; text-align: center; }
/*MENÜSLEISTE AUSSEHEN////////////////////////////////////////*/
nav li a { display: block; min-width: 0px; height: 4em; line-height: 4em; color: #fff; font-size: 1.2em; background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat; /*	background: #14304e;*/ text-decoration: none; text-transform: uppercase; padding: 0 19px; }
/* MENÜSLEISTE AUSSEHEN DER HOVER-LINKS///////////////////////*/
nav li:hover a { background: #ffffff; color: #14304e; }
/*MENÜSLEISTE AUSSEHEN DER DROPDOWN-MENÜS/////////////////////*/
nav li:hover ul a { background: #ffffff; color: #14304e; height: 4em; line-height: 4em; text-transform: uppercase; text-align: left; }
/*MENÜSLEISTE AUSSEHEN HOVER-LINKS DER DROPDOWN-MENÜS/////////*/
nav li:hover ul a:hover { background: #ececec; color: #14304e; }
/*MENÜSLEISTE AUSBLENDEN DES DROPDOWN-MENÜS///////////////////*/
nav li ul { display: none; box-shadow: 1px 2px 2px #555555; }
/*MENÜSLEISTE VERTIKALE ANORDUNG DES DROPDOWN-MENÜS///////////*/
nav li ul li { display: block; float: none; }
/*MENÜSLEISTE ANZEIGE DER DROPDOWN-MENÜS//////////////////////*/
nav ul li a:hover + .hidden, .hidden:hover { display: block; }
/*MENÜSLEISTE LABEL-BUTTON AUSBLENDEN/////////////////////////*/
.show-menu { text-decoration: none; color: #fff; background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat; /*	background: #14304e;*/ text-align: center; padding: 17px 0; display: none; }
/*MENÜSLEISTE KONTROLLKÄSTCHEN LABEL-BUTTON AUSBLENDEN////////*/
nav input[type=checkbox] { display: none; }
/*MENÜSLEISTE ANZEIGE WENN KONTROLLKÄSTCHEN AKTIV/////////////*/
input[type=checkbox]:checked ~ #menu { display: block; }
/*GROSSBILD AM SEITENANFANG///////////////////////////////////*/
.headerbild2 { width: 100%; height: auto; box-shadow: 0px 1px 5px #555555; background-image: url(Bilder/biergarten.jpg); background-position: center; background-size: cover; margin-left: auto; margin-right: auto; height: 500px; }
.headerbild { width: 100%; height: auto; box-shadow: 0px 1px 5px #555555; }
.xlbild { width: 100%; height: auto; box-shadow: 0px 1px 3px #555555; margin: 2em 0em 2em 0em; }
.bild-reservierung { width: 100%; height: auto;}
/*RESERVIERUNGSFELD AUF STARTSEITE/////////////////////////*/
/*#aaa { margin: 0 auto; text-align: center; }*/
/*.bbb { width: 61.8em; height: 46px; left: 50%; margin-left: -30.5em; background-color: #53a322; border: 1px solid #5e9055; color: #555555; position: absolute; margin-top: 0em; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 10; display: inline-block; }*/
/*.bbb a { display: block; color: #ffffff; text-decoration: none; padding-top: 0.4em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #265d03; font-size: 1.4em; }*/
/*RESERVIERUNGS-BUTTON AUF STARTSEITE/////////////////////////*/
/*
#rescenter { margin: 0 auto; text-align: center; }
.reservierung { width: 38em; height: 55px; left: 50%; margin-left: -19em; font-size: 1em; 
    background-image: url(Bilder/resgreen.gif);
    background-repeat: repeat;
 background-color: #53a322; border: 1px solid #5e9055; border-radius: 45px; color: #555555; position: absolute; margin-top: 27%; box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.55); z-index: 10; display: inline-block; }
.reservierung a { display: block; color: #ffffff; text-decoration: none; padding: 0.6em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #c4c4c4; font-size: 1.4em; }
*/

/*YOUTUBE-BUTTON AUF STARTSEITE/////////////////////////*/
#youtubebutton { margin: 0 auto; text-align: center; }
/***
.youtubeclear {left: 50%; margin-left: -3.6em; font-size: 1em;  position: absolute; margin-top: 33%; z-index: 10; display: inline-block; }

***/
.youtube { width: 12em; height: 50px; left: 50%; margin-left: -6em; font-size: 1em; background-color: #ffffff; border: 1px solid #bebebe; 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: 0em; letter-spacing: 0.1em; text-shadow: 1px 1px 3px #c4c4c4; font-size: 1.4em; }
.youtubelink { width: 100%; height: 1em; }
/*VIDEO AUF SEITEN////////////////////////////*/
.videobeitrag { clear: both; margin: 3em 2em 3em 2em; }
.videobeitrag p { padding: 1em 1em 1em 0em; }
.videobeitrag2 { max-width: 1400px; margin-left: auto; margin-right: auto; border: 1px solid #bcbcbc; }
.videoansicht { margin-left: auto; margin-right: auto;     width: 100%; max-width: 1400px; background-color: #14304e; 
/*    box-shadow: 0px 1px 3px #555555;*/
}
#videoframe { background-color: #ffffff; position: relative; height: auto; padding-bottom: 56.25%; }
.video { background-color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
video { width: 100%; margin-bottom: -0.25em; height: auto; }
/*TRENNLINIEN/////////////////////////////////////////////////*/
.bar { background-image: url(Bilder/dark-bg-texture.gif); max-width: 1400px; height: 3em; margin: 2.4em 0em 3em 0em; }
.bar2 { background-image: url(Bilder/dark-bg-texture.gif); max-width: 1400px; height: 3em; margin: 3em 0em 1em 0em; }
.bar3 { background-image: url(Bilder/dark-bg-texture.gif); max-width: 1400px; height: 3em; margin: 3em 0em 0em 0em; }
/*HAUPTTEIL ZERTIFIKATE ETC./////////////////////////////////*/
.badge-area { clear: both; margin: 0em 0em 0em 0em; }
.badge { text-align: center; vertical-align: middle; margin-top: -2em; margin-left: auto; margin-right: auto; max-width: 1400px; }
.bildbadge { display: inline-block; padding: 0em 2em; margin-top: -2em; }
/*HAUPTTEIL SCHRIFTAUSZEICHNUNGEN/////////////////////////////*/
.mobile-show { color: #ffffff; background-color: #14304e; padding: 0.2em; line-height: 2.5em; margin-left: 0em; display: none; }
.text-area { clear: both; margin: 0em 2em 0em 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: 1px solid #14304e; }
.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: 1px solid #14304e; }





/*
article a {
    text-decoration: none;
    background-color: #14304e;
    color: #ffffff;
    padding: 0 0.3em;
    border-radius: 2px;    
}

article a:hover {
    border: 1px solid #14304e;
}
*/


.text-header { margin: 0em 0em 2em 0em; }
.text-background { margin: 0em 2em 2em 2em; }
.text-header p { padding: 1.7em 0em 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 0em 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: 0em 2em 2em 2em; }

.text-background2 p { padding: 0.7em 0em 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; }



.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: 0px 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: 0px 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: 0px 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; /*    margin-top: 1em;*/ max-width: 1400px; min-height: 500px; box-shadow: 0px 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; /*    margin-top: 1em;*/ max-width: 1400px; min-height: 500px; box-shadow: 0px 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; /*    margin-top: 1em;*/ max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-schlickenrieder { background-image: url(Bilder/produzenten-schlickenrieder.jpg); background-position: -1px -80px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-lugeder { background-image: url(Bilder/produzenten-gefluegelhof-lugeder.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-wild-schmid { background-image: url(Bilder/produzenten-wild-schmid.jpg.); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-weideschweine-schwingenstein { background-image: url(Bilder/produzenten-weideschweine-schwingenstein.jpg.); background-position: right; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-aischgrund { background-image: url(Bilder/produzenten-aischgrund.jpg); background-position: -1px -50px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-castell { background-image: url(Bilder/produzenten-wein-sekt-castell.jpg); background-position: 0px -65px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-guggenbichler { background-image: url(Bilder/produzenten-guggenbichler.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-tegernseer-kaeserei { background-image: url(Bilder/produzenten-tegernseer-kaeserei.jpg); background-position: -1px -50px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-burgis { background-image: url(Bilder/produzenten-burgis.jpg); background-position: -1px -50px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-perger { background-image: url(Bilder/produzenten-perger.jpg); margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-fischzucht-aumuehle { background-image: url(Bilder/produzenten-fischzucht-aumuehle.jpg); margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-weidegemeinschaft-ohlstadt { background-image: url(Bilder/produzenten-weidegemeinschaft-ohlstadt.jpg); background-position: -1px -180px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-bayernox { background-image: url(Bilder/produzenten-bayernox.jpg); background-position: -1px -180px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-murnauwerdenfelser { background-image: url(Bilder/produzenten-murnauwerdenfelser.jpg); background-position: -1px -180px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-spargelraba { background-image: url(Bilder/produzenten-spargelraba.jpg); background-position: -1px -180px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-spargel { background-image: url(Bilder/spargel-header.jpg); background-position: -1px -180px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}
.background-picture-fischer-ammersee { background-image: url(Bilder/produzenten-streicher.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 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: 0px 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: 0px 1px 3px #555555;}

.background-picture-sternstunden { background-image: url(Bilder/sternstunden-2016.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; box-shadow: 0px 1px 3px #555555;}


.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: 0em 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; }
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.7em; letter-spacing: 0.03em; word-spacing: 0.1em; margin-top: 0.8em; margin-bottom: 0.7em; text-align: center; }
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: 0em; 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: 1em; font-weight: 300; 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.4em; margin-left: auto; margin-right: auto; text-align: center; }

.container-text-kontakt p { color: #14304e; font-size: 1.4em; word-spacing: 0.05em; line-height: 1.4em; /*    text-align: left; */ /*    padding-top: 1em;*/ /*    margin-left: 1em;*/ 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; */ /*    padding-top: 1em;*/ /*    margin-left: 1em;*/ 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; */ /*    padding-top: 1em;*/ /*    margin-left: 1em;*/ text-align: left; }
.container-video { background: #14304e; margin: 0em 0em 0em 0em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.area { margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; }
.area2 { border: 1px solid #d0d0d0; margin-top: 1em; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; }
.area2-farbe-1 { border: 1px solid #d0d0d0; background-color: #ffffff; margin-top: 1em; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; }
.area2-farbe-2 { border: 0px solid #d0d0d0; background-color: #eadcde; 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: 0px auto; -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; column-count: 1; column-gap: 0; }
/*2 KACHELN AUF THEMENSEITEN///////////////////////////////////////////*/
.content2 { margin: 0px auto; -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; column-count: 1; column-gap: 0; }
.no-csscolumns .content2 { max-width: 500px; }
.post-container2spalten { /*	background:#ffffff;*/ margin: 0em 2em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-container2spalten-rechts { /*	background:#ffffff;*/ margin: 0em 2em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.zweispaltentextlinks { /*	background:#ffffff;*/ margin: 0em 2em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.zweispaltentextrechts { margin: 0em 2em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.zweispaltentextrechtsvideo { margin: 0em 0em 0em 0.7em; }
.einspaltentext { /*	background:#ffffff;*/ margin: 0em 2em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
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; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
/*3 KACHELN AUF THEMENSEITEN///////////////////////////////////////////*/
.content { margin: 30px auto; -webkit-column-count: 1; -webkit-column-gap: 0; -moz-column-count: 1; -moz-column-gap: 0; column-count: 1; column-gap: 0; }
.no-csscolumns .content { max-width: 500px; }
.post-container { /*	background:#ffffff;*/ margin: 0em 1em 0em 2em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-video { /*        box-shadow: 0px 1px 5px #555555;*/ background: rgba(255, 255, 255, 0); padding: 0em; margin: 0em 2em 0em 2em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-video-yt { background: #bf4b4b; padding: 0em; margin: 0em 1em 2em 1em; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-weihnachten { padding-top: 2em; padding-bottom: 15em; background-image: url(Bilder/post-theresiensaal-weihnachtsfeier.jpg); background-position: center; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-tagungen { /*        box-shadow: 0px 1px 5px #555555;*/ padding-top: 2em; padding-bottom: 15em; background-image: url(Bilder/post-theresiensaal-tagungen-und-schulungen.jpg); background-position: center -90px; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-details { padding-top: 2em; padding-bottom: 10em; background-image: url(Bilder/123.gif); background-position: bottom; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-hochzeiten { padding-top: 2em; padding-bottom: 15em; background-image: url(Bilder/post-theresiensaal-hochzeitsfeier.jpg); background-position: center -90px; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-feiern { padding-top: 2em; padding-bottom: 15em; background-image: url(Bilder/post-theresiensaal-festsaal.jpg); background-position: -350px -140px; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.post-deko { padding-top: 2em; padding-bottom: 15em; background-image: url(Bilder/theresiensaal_post_dekorationen.jpg); background-position: -350px -140px; display: inline-block; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.postbild { width: 100%; /*    margin-bottom: -0.25em;*/ height: auto; }
video { width: 100%; margin-bottom: -0.25em; height: auto; }
article.post-container h2 { /*    background-color: #14304e;*/ 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 0px 0px 2px; }

.speisekarte { border: 1px solid #ebe9e0; padding: 0.6em 0.2em; font-size: 1.6em; background-color: rgba(162, 162, 162, 0.13); clear: both; margin: 2em 2em 2em 2em; /*    margin-bottom: 1.2em;*/ text-align: center; }

.speisekartenbild { clear: both; margin: 0em 3.2em 0em 3.2em; }
.speisekartenbildmuwe { background-image: url(Bilder/speisekarte-muwe-gulasch.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.speisekartenbildklassiker { background-image: url(Bilder/speisekarte-klassiker.jpg); background-position: top; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.speisekartenbildnachspeisen { background-image: url(Bilder/speisekarte-apfelkuecherl.jpg); background-position: 0px -60px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.speisekartenbildbrotzeit { background-image: url(Bilder/speisekarte-tartar.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.speisekartenbildwuerstl { background-image: url(Bilder/speisekarte-wurst.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.speisekartenbildvegetarisch { background-image: url(Bilder/speisekarte-vegetarisch.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }

.getraenkekartenbild { clear: both; margin: 0em 3.2em 0em 3.2em; }
.getraenkekartenbildanzapfen { background-image: url(Bilder/getraenkekarte-anzapfen.jpg); background-position: center; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.getraenkekartenbildschnaps { background-image: url(Bilder/getraenkekarte-schnaps.jpg); background-position: center -80px; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.getraenkekartenbildkaffe { background-image: url(Bilder/getraenkekarte-kaffe.jpg); background-position: top ; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }
.getraenkekartenbildwein { background-image: url(Bilder/getraenkekarte-wein.jpg); background-position: center ; margin-left: auto; margin-right: auto; height: auto; max-width: 1400px; min-height: 500px; }




.speisekarte p { /*    padding: 0em 0em 0em 0em;*/ font-size: 1em; }
/*STELLENANGEBOTE UNTERSEITE////////////////////////////*/
.stellenangebote { clear: both; margin: 2em 2em 3em 2em; }
.stellenangebote p { padding: 1em 1em 1em 1em; }

.reservierungshinweis { clear: both; margin-top: 0.5em; margin-left: auto; margin-right: auto; max-width: 980px; }
.reservierungshinweis p { padding: 0em 1em 0em 1em; }
.reservierungshinweishighlight { clear: both; max-width: 980px; margin-left: auto; margin-right: auto; border: 1px solid #be2a2a; }
.reservierungshinweis a { text-decoration: none; background-image: url(Bilder/dark-bg-texture.gif); color: #ffffff; padding: 0 0.3em; border-radius: 2px; }
.reservierungshinweis a:hover { border: 1px solid #14304e; }
.reservierungshinweishighlight2 { padding-top: 0.5em; padding-bottom: 0.5em; clear: both; max-width: 980px; margin-left: auto; margin-right: auto; border: 0px solid #a0a0a0; }



.karten { max-width: 1400px; margin-left: auto; margin-right: auto; border: 0px solid #bcbcbc; background-color: #ffffff; }
.job { max-width: 1400px; margin-left: auto; margin-right: auto; border: 1px solid #bcbcbc; background-color: #ffffff; }
.hinweis { max-width: 1400px; margin-left: auto; margin-right: auto; border: 1px solid #5e9055; background-color: #53a322; }
.jobhighlight { max-width: 1400px; margin-left: auto; margin-right: auto; border: 1px solid #be2a2a; background-color: #fff9f9; }
.socialmedia-container { clear: both; margin: 2em 2em 2em 2em; }
.socialmedia-bild { margin: 0.3em 0em 0em 0em; }
.socialmedia-container p { padding: 1em 1em 1em 1em; }

/*YOUTUBE-EINBETTUNG//////////////////////////////////////////*/
.video-area { margin: 1em 2em 2em 2em; }
.videoansicht { margin-left: auto; margin-right: auto; /*    width: 100%;*/ 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%; }


/*BOOKATABLE-EINBETTUNG//////////////////////////////////////////*/
.bookatable-area { margin-top: 0em; margin-bottom: 0em; margin-left: 0em; margin-left: 0em;}
.widgetansicht { margin-left: auto; margin-right: auto; max-width: 980px; width: 100%;/*  background-color: #ffffff;*/ }
#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: 0em; margin-bottom: 0em; margin-left: 0em; }
.widgetansicht-reservierung { margin-left: auto; margin-right: auto; max-width: 980px; width: 100%;}
#widgetframe-reservierung { background-color: #ffffff; position: relative; height: 0em; padding-bottom: 25%; }
.widget-reservierung { background-color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*FOOTERBEREICH///////////////////////////////////////////////*/
.container { clear: both; margin-top: 0em; /*     margin: auto;*/ padding: 0px 0; color: #ffffff; background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat;/*    background-color: #14304e;*/ }
footer ul { text-align: center; }
footer li { font-size: 1.2em; height: 4em; list-style-type: none; display: inline-block; line-height: 4em; vertical-align: text-bottom; }
footer a { color: #ffffff; text-decoration: none; display: block; padding: 0em 1.3em; }
/*GOOGLE MAPS EINBINDUNG//////////////////////////////////////*/
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: 0em; }
.shownunder950pxkontakt { display: none; margin-bottom: 4em; }
.languageshownunder950px { display: none; margin-bottom: 8em; }

.buttonshownunder1050px  { display: none;}



.bad { display: block; }
.badbad { display: none; }

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

/*Responsive Styles///////////////////////////////////////////*/
@media screen and (max-width : 1050px) {
/*Make dropdown links appear inline*/
    
    .badge-area { clear: both; margin: 0em 0em 0em 0em; }
.badge { text-align: center; vertical-align: middle; margin-top: 0em; margin-left: auto; margin-right: auto; max-width: 1400px; }
.bildbadge { display: inline-block; padding: 0em 2em; margin-top: 0em; }
    
        
.buttonshownunder1050px  { display: block; box-shadow: 0px 1px 5px #555555;}
.buttonshownunder550px  { display: block; margin: 1em 1.5em 1em 1.5em;}
    
.text-area { clear: both; margin: 0em 1.5em 0em 1.5em; }
.text-area p { text-align: left; }

    .bilddarstellung { clear: both; margin: 0em 1.5em 3em 1.5em; }
    
nav { width: 100%; background-image: url(Bilder/dark-bg-texture.gif); background-repeat: repeat; /*    background-color: #14304e;*/ height: 4.8em; display: block; }
nav ul { position: static; display: none; }
/*Create vertical spacing*/
nav li { border-top: 1px solid #284867; }
/*Make all menu links full width*/
nav ul li, li a { width: 100%; }
/*Display 'show menu' link*/
.show-menu { line-height: 2.3em; /*	color: #fff;*/ font-size: 1.2em; display: block; text-transform: uppercase; height: 4em; }
nav li a { padding: 0 0px; }
nav li:hover ul a { text-align: center; }
.container { width: 100%; text-align: center; padding: 0px 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: 0em 0em; }
.framearea { width: 100%; }
article h1 { font-size: 2em; margin-left: 1em; margin-right: 1em; margin-top: 0.5em; text-align: center; }
article h2 { color:  font-size: 1.5em; line-height: 1.3em; margin-left: 1em; margin-right: 1em; margin-top: 0.5em; text-align: center; }
         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.2em; word-spacing: 0.05em; line-height: 1.4em; margin-left: auto; margin-right: auto; text-align: center; }
    
.container-text-kontakt p { color: #14304e; font-size: 1.2em; word-spacing: 0.05em; line-height: 1.4em; /*    text-align: left; */ /*    padding-top: 1em;*/ /*    margin-left: 1em;*/ text-align: left; }
.container-text-kontakt { padding-top: 0em; margin-left: 0em; }
    
    
.container-text p { color: #14304e; font-size: 1.2em; word-spacing: 0.05em; line-height: 1.4em; /*    text-align: left; */ /*    padding-top: 1em;*/ /*    margin-left: 1em;*/  }
.container-text { padding-top: 0em; margin-left: 0em; }
.zweispaltentextlinks { margin: 0.3em 0.5em 0.5em 0.5em; }
.zweispaltentextrechtsvideo { margin: 0.8em 0em 0em 0.5em; }
.zweispaltentextrechts { margin: 0.3em 0.5em 1em 0.5em; }
.post-container { margin: 0em 2em 0.5em 2em; }
.bar { height: 1.8em; margin: 1em 0em 1em 0em; }
.bar2 { height: 1.8em; margin: 1em 0em 1em 0em; }
.bar3 { height: 1.8em; margin: 1em 0em 1em 0em; }
.text-background p {vertical-align:text-bottom; padding: 6em 0em 0.75em 0.5em; font-size: 2em; }
    .text-background2 p { padding: 3em 0em 0.75em 0.5em; font-size: 1em; }
    
.background-picture-theresiensaal {background-size: cover; background-position: center; min-height: 200px;}
.background-picture-sternstunden {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; }
.background-picture-aischgrund { background-size: cover; background-position: top left; min-height: 300px; }
.background-picture-schlickenrieder { background-size: cover; background-position: top left; min-height: 300px; } 
.background-picture-wild-schmid { background-size: cover; background-position: center; min-height: 300px; } 
.background-picture-weideschweine-schwingenstein { background-size: cover; background-position: right; min-height: 300px; }
.background-picture-lugeder { background-size: cover; background-position: center; min-height: 300px; }    
.background-picture-castell { background-size: cover; background-position: top center; min-height: 300px; }    
.background-picture-guggenbichler { background-size: cover; background-position: top center; min-height: 300px; }
.background-picture-tegernseer-kaeserei { background-size: cover; background-position: top left; min-height: 300px; }    
.background-picture-burgis { background-size: cover; background-position: center; min-height: 300px; }
.background-picture-fischzucht-aumuehle { background-size: cover; background-position: top left; min-height: 300px; }
.background-picture-weidegemeinschaft-ohlstadt { background-size: cover; background-position: center; min-height: 300px; }
.background-picture-murnauwerdenfelser { background-size: cover; background-position: center; min-height: 300px; }
.background-picture-spargelraba { background-size: cover; background-position: center; min-height: 300px; }
.background-picture-fischer-ammersee { background-size: cover; background-position: center; min-height: 300px; }

.speisekartenbild { clear: both; margin: 0em 1em 0em 0.8em; }
.speisekartenbildmuwe { background-size: cover; background-position: center; min-height: 200px; }
.speisekartenbildklassiker { background-size: cover; background-position: center; min-height: 200px; }
.speisekartenbildnachspeisen { background-size: cover; background-position: center; min-height: 200px; }
.speisekartenbildbrotzeit { background-size: cover; background-position: center; min-height: 200px; }
.speisekartenbildwuerstl { background-size: cover; background-position: center; min-height: 200px; }
.speisekartenbildvegetarisch { background-size: cover; background-position: center; min-height: 200px; }
    
.getraenkekartenbild { clear: both; margin: 0em 1em 0em 0.8em; } 
.getraenkekartenbildanzapfen { background-size: cover; background-position: center; min-height: 200px; }
.getraenkekartenbildschnaps { background-size: cover; background-position: center; min-height: 200px; }
.getraenkekartenbildkaffe { background-size: cover; background-position: center; min-height: 200px; }
.getraenkekartenbildwein { background-size: cover; background-position: center; min-height: 200px; }

    
.background-picture-bayernox { background-size: cover; background-position: center; min-height: 300px; }   
.background-picture-perger { background-size: cover; background-position: top center; min-height: 300px; }
.background-picture-stellenangebote { background-size: cover; background-position: center; min-height: 200px; }
.xlbild { width: 100%; height: auto; margin: 1em 0em 1em 0em; }
/*.xlbild { width: 100%; height: auto; margin: 0em 0em 0em 0em; }*/
.bild-reservierung { width: 100%; height: auto; margin: 0em 0em 0em 0em;}
.mobile-nodisplay { display: none; }
.mobile-show { display: inline; }s
    
#buttonactive { top: 10px; left: 10px; }
#buttoninactive { top: 10px; left: 70px; }    
#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 0em 1.5em; }
.stellenangebote p { padding: 0.3em 0.5em 0.5em 0.5em; }
.speisekarte p { padding: 0em 0em 0em 0em; font-size: 0.8em; }
.speisekarte { border: 1px solid #ebe9e0; 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 0.5em; /*    margin-bottom: 1.2em;*/ text-align: center; }
.speisekartenbilder { width: 100%; height: auto; padding: 1em 1em 1em 1em; }
    
.videobeitrag { clear: both; margin: 1.2em 2em 1em 2em; }
#aaa { display: none; }
#aaa2 { display: none; }
#aaa3 { display: none; }
.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: 1px solid #1d3771; 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; }
}

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

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

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

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

@media screen and (min-width:950px) {
.content2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
/*
    .container-text p {

    }
*/
}

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

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

/* CSS erweitern um MENÜ-Button und entsprechende Steuerung */
/*	Menü-Button oben rechts einblenden bei kleiner als 800px */
@media only screen and (max-width:932px) {
.menue-button { display: block; }
.menue-button { display: block; position: absolute; right: 0; top: 0; padding: 10px 10px 0px 0px; 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: 0px; }
}
/* die Magie, um die Steuerung einzublenden (auch auf mobile Devices) */
#social-media-menue:target #social-media-steuerung { display: block; }
/* ausblenden des Menü-Buttons zum öffnen - somit wird der zum Schließen sichtbar */
#social-media-menue:target .menue-button-beschr-open { display: none; }