@charset "UTF-8";
/* CSS Document Piccola Italia Leipzig*/
body, * {font-family: 'Quattrocento', serif;}
body.page {background: url('/layout/img/bgr1.jpg'); background-attachment:fixed; background-size: cover; background-position: top center;}

/* Kopf und Navi */
.kopf{margin-top: 10px;}
.smallnavi, .largenavi {background: rgba(227,9,19,0.7); color: #700306; border-top: 1px solid #fff;}
.smallnavi a, .largenavi a {color: #fff;}
.smallnavi {padding: 0.4em;}
.largenavi {font-size: 1.5em; font-weight: bold; padding: 0.3em;}
.klappnavi {background: rgba(227,9,19,0.7); color: #fff; font-size: 1.3em; font-weight: bold; display: none;}
.klappnavi a {color: #fff;}
.snav {text-align: center; padding: 0.7em 0;}

/* Icon für Mobilmenü */
.menubox {width: 1.8em; height: 1.5em; margin: 0 auto;}
.menbalken {width: 1.8em; height: 0.3em; background-color: #fff;}
.mentop {margin-bottom: 0.3em;}

/* Seitenbereich */
h1, h2, h3{font-family: 'Quattrocento', serif; font-weight: bold; color: #fff;}
h4, h5 {font-family: 'Quattrocento', serif; font-weight: bold; color: #000;}
h1 {font-size: 2.1em; margin-top: 0; margin-bottom: 1.2rem;}
a {color: #FDCE00;}

/* Textspalten */
.wtextbox {padding: 1em; margin: 0.6em; font-weight: bold; color: #fff; border-radius: 1em; background-color: rgba(7,47,0,0.60);}

/* Speisekarte */
.tklein {font-size: 0.75em;}
.accordion{background: transparent;}
.accordion-content{background-color:rgba(253,235,179,0.85);}
.accordion-content {color: #000;}
.gericht{margin: 0.25em 0; border-bottom: 1px solid #6B6107;}
.gername{text-align: left !important;}
.gerpreis, .getpreis{text-align: right !important; padding-right: 0.3em;}

/* medium */
@media print, screen and (min-width: 40em) {
h1 {font-size: 3em; margin-top: 1.8rem; margin-bottom: 1.2rem;}
}

/* Footer */
.footerbox {background-color: rgba(112,3,6,0.7); color: #fff; padding: 0.7em; width: 100%; text-align: center}
.footerbox a {color: #fff;}
.footerbox a:hover {text-decoration: underline;}

/*** alte Formatierungen

/* LOGINBEREICH */
.fettbtn {font-weight: 700;}
.rotbtn {background-color: #e20029;}
.lnavi {background: #e20029; color: #fff; font-weight: bold;}
.lnavi a {color: #fff;}
.black {color: #000;}
.klein {font-size: 0.75em;}
.spalte0 {width: 5%;}
.spalte1 {width: 47%;}
.spalte2, .spalte3, .spalte4, .spalte5 {width: 12%;}

/* PAGEBEREICH */

.hlogin {color: #e20029 !important;}
h1 {margin-top: 1.8rem; margin-bottom: 1.2rem;}
strong, b {font-weight: bold;}
.weiss {color: #fff; font-weight: bold;}
.red {color: #e30913 !important;}

.textbox label {color: #fff;}
.seite {padding: 0.6em; margin-left: auto; margin-right: auto; max-width: 1200px;}





.karte {height: 600px;}
.einzelgericht {border-bottom: 1px dotted #ccc; min-height: 3rem; }
.gerichtname {overflow: auto;}
.responsiveContainer {position: relative; padding-bottom: 56%; overflow: hidden;}
.wbg {background-color: #fff; text-align: center;}

/* ACCORDION */
.accordion-title {padding: 0.5rem 1rem; font-size: 1.5rem; color: #fff; border: 0; border-bottom: 1px solid #fff; background-color: #700306; text-align: center; font-weight: bold;}
.accordion-title:focus, .accordion-title:hover {background-color: #e30913;}
a:focus {color: #fff;}
a:hover {color: #ffa67c;}