/* CSS Document 
orange: #FF9A30;
gruen: #0A8901;

Überschriften: font-family: 'Amita', cursive;
Text: font-family: 'Josefin Sans', sans-serif; 
h1 AmerikaPro inline nur Startseite

*/
@font-face {
	font-family: 'AmerikaPro';
	src: url('../webfonts/348158_0_0.eot');
	src: url('../webfonts/348158_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/348158_0_0.woff2') format('woff2'),url('../webfonts/348158_0_0.woff') format('woff'),url('../webfonts/348158_0_0.ttf') format('truetype');
}

@font-face {
	font-family: 'Amita';
	src: url('../fonts/Amita-Regular.ttf');
}

@font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/JosefinSans-Regular.ttf');

}

@font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/JosefinSans-Light.ttf');
	font-weight: 300;	
}

@font-face {
	font-family: 'Josefin Sans';
	src: url('../fonts/JosefinSans-Bold.ttf');
	font-weight: 700;	
}

.menu-speisekarte {
list-style-type: none; /* Entfernt die Punkte */
    padding: 0;
    margin: 0 auto; /* Zentriert das Menü horizontal */
    display: flex; /* Setzt die `li`-Elemente nebeneinander */
    justify-content: center; /* Zentriert die Elemente */
    flex-wrap: wrap; /* Ermöglicht das Umbruch in mehrere Zeilen */
}

.menu-speisekarte li {
    margin: 10px 15px; /* Abstand zwischen den einzelnen `li`-Elementen */
    white-space: nowrap;
}

.menu-speisekarte li a {font-size: 22px; color: #333; text-transform: uppercase;}
.first-menu-karte, .menu-speisekarte li:hover a  {text-decoration: underline !important; color: #7b0f00 !important; transition: all 0.5s;}


.gericht-headline {color: #7b0f00;}
.gericht-price {color: #7b0f00; font-weight: 700;}
.gericht-inhalt {margin-bottom: 25px; display: block; font-weight: 300;}


.gericht-container {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    position: relative;
    padding-right: 5px;
}

.gericht-headline {
    margin-right: 10px; /* Platz für den gestrichelten Strich */
    white-space: normal;
}

.gericht-dots {
    flex: 1;
    border-bottom: 2px dotted #7b0f00;
    margin-right: 10px;
	padding-top: 8px;
}

.gericht-price {
    color: #7b0f00;
    font-weight: 700;
    white-space: nowrap;
}

.kategorie-beschreibung {margin-bottom: 25px;}
.speisekarte-wrap h3, .speisekarte-wrap img {margin-top: 45px;}
h3 sup {top: -1.1em; font-size: 12px;}




@media (max-width: 768px) {
	.gericht-container {padding-right: 0;}
	.menu-speisekarte {display: block;}
	.menu-speisekarte li {margin: 5px 15px;}
	.menu-speisekarte li a {font-size: 18px;}
	.hide-mobile {display: none !important;}
	
}









.menu-toggle {
    display: none; /* Standardmäßig ausgeblendet */
    background-color: #7b0f00;
    color: white;
    padding: 10px;
    border: none;
    width: 100%;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

@media (max-width: 768px) {
	.menu-speisekarte {
    list-style-type: none;
    display: none; /* Versteckt das Menü standardmäßig */
    flex-direction: column; /* Richtet die Elemente untereinander aus */
	}
	
    .menu-toggle {
        display: block; /* Zeigt den Menü-Button nur auf mobilen Geräten */
    }

    .menu-speisekarte {
        display: none; /* Versteckt das Menü weiterhin, bis der Button geklickt wird */
        flex-direction: column;
        padding-left: 0;
		background-color: #eee;
    	padding-top: 15px;
    	padding-bottom: 10px;
    }
	.menu-speisekarte li {margin: 10px 0; padding-left: 15px;}

	.menu-speisekarte a {
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}	
}

.menu-speisekarte.show {
    display: flex; /* Zeigt das Menü, wenn der Button geklickt wurde */
}








body {font-family: 'Josefin Sans', sans-serif; font-size:2.0em; color: #333;}

a:link {color: #0A8901; text-decoration:none;}
a:hover {color: #0A8901; text-decoration:underline;}
a:visited {color: #0A8901; text-decoration:none;}

.back-to-top {
 position: fixed;
 bottom:20px;
 right:20px;
 padding:1em;
}

.slider {padding-left:0; padding-right:0; background-color: #FF9A30; padding-bottom:0px;}

.telefon {/*background-color:rgba(253,150,20,0.80); background-image:url(../bilder/indisches-unten.png); background-repeat:none; background-position: left top; */ /*border-bottom: 1px solid #fff;*/ color:  #0A8901; font-size: 90%; padding:10px 4px; }

@media (max-width: 768px) {.carousel-caption{display:none;}}

.carousel-caption h3 {font-size: 2.0em; text-shadow: 0 2px 2px rgb(0, 0, 0);}

h1 {font-family: 'Amita', cursive; color:#FF9A30; margin-top:50px;}
@media (max-width: 768px) {h1 { margin-top:30px;}
}

h2, h3, h4, h5, h6 {font-family: 'Amita', cursive; color:#FF9A30; /*rgba(167,14,18, 1.00) #CFA670;*/ }

h1, .h1 {font-size: 4em;}
h2, .h2 {font-size: 2em;}
h3, .h3 {font-size: 28px;}
h4, .h4 {font-size: 24px;}


@media (max-width: 768px) {
h1, .h1 {font-size: 2em;}
h2, .h2 {font-size: 1.4em;}
h3, .h3 {font-size: 28px;}
}

a:link h3{color:#FF9A30; text-decoration:none;}
a:hover h3{color: #0A8901; text-decoration:none;}

.orange {color: #FF9A30;}
.bggruen  {background-color:#0A8901; color: #fff; padding: 40px;}
.bggruen a:link {color:#FF9A30; text-decoration: underline;}
.bggruen a:hover {color:#fff; text-decoration: underline;}
.elefant {background-image:url(../bilder/elefant-bg.jpg); background-size:cover;}

.nav > li > a {padding:15px;}
.navbar {margin-bottom:0px;}

.navbar-default .navbar-brand { padding-top:30px; padding-bottom:30px; color:#fff; font-size:1em;}



.navbar-default {
    background-color: #FF9A30;
    border-color: #FF9A30;
}

.navbar-default .navbar-nav > li > a {
    color: #fff; padding-top:30px; padding-bottom:30px; font-weight:500;}

.navbar-default .navbar-nav > li > a:hover {
    color: #0A8901; background-color: #fff; /*padding-top:30px; padding-bottom:30px; font-weight:500;*/
} 
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #fff;
    color: #0A8901;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #0A8901;
    background-color: #fff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0A8901;
}
@media (max-width: 1380px) {.navbar-default .navbar-brand { padding-top:10px; padding-bottom:4px; color:#fff; font-size:1em;} 
.navbar-default .navbar-nav > li > a {
    color: #fff; padding-top:10px; padding-bottom:4px; font-weight:500;}
.navbar-right {float:left;}	
}

@media (max-width: 767px)
{.navbar-default .navbar-nav .open .dropdown-menu > li > a {    color: #0A8901; background-color:#fff;}}

/*@media (max-width: 768px) {
.navbar-fixed-top {background-color:#FF9A30;}
.navbar-default .navbar-fixed-top .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover  {padding-top:4px; padding-bottom:4px;}
}*/


.carousel-caption {/*background-color:rgba(74,60,60,0.75)*/}


.blinking {
	color: #B30002;
}

.blinking::after {content:"  • "; color: #0A8901;}





.jumbotron {
    background-color: #fff;
}

.galerie {padding:10px 10px 20px 0px; float:left;}

footer {background-color:#0A8901; color: #fff; padding: 40px 0}
footer a:link {color:#fff; text-decoration:none;}
footer a:hover {color:#fff; text-decoration:underline;}
footer a:visited {color:#fff; text-decoration:none;}