/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/fredericka-the-great-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fredericka the Great'), local('FrederickatheGreat'),
       url('../../../fonts/fredericka-the-great-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/fredericka-the-great-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/fredericka-the-great-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/fredericka-the-great-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/fredericka-the-great-v6-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}

/* architects-daughter-regular - latin */
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/architects-daughter-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Architects Daughter Regular'), local('ArchitectsDaughter-Regular'),
       url('../../../fonts/architects-daughter-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/architects-daughter-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/architects-daughter-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/architects-daughter-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/architects-daughter-v8-latin-regular.svg#ArchitectsDaughter') format('svg'); /* Legacy iOS */
}

/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/oswald-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../../../fonts/oswald-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/oswald-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/oswald-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/oswald-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/oswald-v16-latin-regular.svg#Oswald') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body
{
    max-width: 100%;
    overflow-x: hidden;
}

h1
{
	font-family: 'Fredericka the Great';
	text-align: center;
    font-size: 300%;
}

.KategorieNav {
    
    font-size: 145%;
    list-style: none;
    padding-top: 2%;
    position: fixed;
    top: 18%;
    padding-right: 2vw;
    padding-left: 1vw;
    background-color: #ffffff;
    padding-bottom: 1vw;
    box-shadow: 1px 2px 5px 0px #8d8787;
    border-radius: 0px 0px 20px 0px;
    z-index: 900;
    max-height: 65%;
    overflow: scroll;
    scroll-padding: 10px;
}

.KategorieNav a {
    line-height: 150%;
    padding-top: 1%;
    padding-bottom: 1%;
	padding-left: 2vw;
}

.KategorieNav a,
h2
{
	font-family: 'Oswald';
}

#Lieferdienst {
    background-color: #ffffff;
    padding-left: 3%;
    padding-top: 4%;
    width: 45%;
    position: relative;
    margin-top: 3%;
    opacity: 0.8;
    border: 10px solid white;
    /* padding: 15px; */
    -webkit-border-image: url(../../../images/2000px-Flag_of_Italy.svg.png) 30 stretch;
    -o-border-image: url(../../../images/2000px-Flag_of_Italy.svg.png) 30 stretch;
    border-image: url(../../../images/2000px-Flag_of_Italy.svg.png) 30 stretch;
    margin-left: 5%;
    display: block;
    float: left;
}

div#SliderBackground {
    padding-bottom: 8%;
    margin-bottom: 3%;
}

#LieferdienstName {
    font-family: 'Fredericka the Great';
    font-size: 430%;
    line-height: 170%;
    text-align: center;
}

div#Slogan {
    font-size: 200%;
    line-height: 150%;
    font-family: 'Oswald';
}

#Adresse {
    text-align: center;
    margin-top: 4%;
    margin-bottom: 2%;
	font-family: 'Open Sans';
}

#Liefergebiete
{
	font-family: 'Oswald';
	margin-top:2%;
}

#Lieferung i,
#Abholung i,
#Vorbestellung i
{
    font-size: 260%;
	display:block;
}

#Lieferung,
#Abholung,
#Vorbestellung
{
    text-align: center;
	margin-top:20px;
}

#Aktuell
{
	font-size: 150%;
	font-weight: bold;
	line-height: 130%;
}

div#Informationen {
    margin-top: 3%;
    padding-left: 2%;
    width: 94%;
    padding-right: 2%;
}

.GerichtName {
    font-size: 120%;
    line-height: 135%;
	margin-top: 1%;
	display: inline-block;
}

sup.GerichtKennzeichnung {
    display: inline;
}

p.GerichtBeschreibung {
    margin-bottom: 1%;
}

.gericht,
.GerichtKategorie
{
	padding-left: 2vw;
}

.gericht:nth-child(odd) {
  background-color: #19dc3c;
}

h2 {
    margin-bottom: 1%;
    margin-top: 3%;
}

.MarginTop40
{
	margin-top: 40px;
}

.PreisButton
{
	margin-left: 1.8% !important;
	margin-top: 1%;
}

.ui-dialog-content label {
    display: inline-block;
    margin-top: 0.2%;
    padding-top: 0.2%;
    margin-left: 0.2vw;
}

.fa-input {
    font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-top: 1%;
    margin-bottom: 1%;
}

table.Warenkorb_Tabelle tbody tr td,
table.Warenkorb_Tabelle tbody tr th
{
	font-size: 85%;
}

.Warenkorb.showOnMobile
{
	display: none !important;
}

#WarenkorbZusammenfassung table.Warenkorb_Tabelle tbody tr td,
#WarenkorbZusammenfassung table.Warenkorb_Tabelle tbody tr th
{
	font-size: 100%;
}

table.Warenkorb_Tabelle tbody tr td {
    padding-top: 1%;
    padding-left: 0.5vw;
	text-align: left;
}

table.Warenkorb_Tabelle tbody tr {
    border-bottom: 1px solid #d4d3d3;
}

table.Warenkorb_Tabelle tbody th {
   
    text-align: center;
	padding-left: 0.5vw;
}

table#Warenkorb_Tabelle tbody tr td:nth-child(1),
table#Warenkorb_Tabelle tbody th:nth-child(1)
{
	width: 50px;
}

table#Warenkorb_Tabelle tbody tr td:nth-child(2),
table#Warenkorb_Tabelle tbody th:nth-child(2)
{
	width: 140px;
}

table#Warenkorb_Tabelle tbody tr td:nth-child(3),
table#Warenkorb_Tabelle tbody th:nth-child(3) 
{
	width: 100px;
}

table#Warenkorb_Tabelle tbody tr td:nth-child(4),
table#Warenkorb_Tabelle tbody th:nth-child(4) 
{
	width: 60px;
}

table#Warenkorb_Tabelle tbody tr td:nth-child(5),
table#Warenkorb_Tabelle tbody th:nth-child(5) 
{
	width: 27px;
}

.Warenkorb {
    position: fixed;
    right: 4vw;
    top: 2%;
	max-height: 90%;
	overflow: auto;
	z-index: 400;
}

#WarenkorbAbsenden #ls-logo,
#WarenkorbZusammenfassung #ls-logo,
#BestellAbschluss #ls-logo
{
    position: relative;
}

#WarenkorbAbsenden #Aktuell,
#WarenkorbZusammenfassung,
#BestellAbschluss {
    top: 3%;
    width: 50%;
    margin-left: 20%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 2%;
    padding-bottom: 3%;
    background-color: rgba(255, 255, 255, 0.69);
}

.CheckboxButton {
    border: 1px solid #CCC;
    background: white;
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
    cursor: pointer;
    vertical-align: middle;
    padding-left: 1vw;
    padding-right: 0.5vw;
    padding-top: 3%;
    padding-bottom: 2%;
    text-align: center !important;
}

.CheckboxButton:hover {
    box-shadow: 0 0 5px -1px rgba(0,0,0,0.6);
    background-color: #f5f5f5;
}

.CheckboxButton input
{
	width: 1vw;
    height: 1vw;
    display: block;
    margin: 0 auto;
    margin-top: 2%;
}

.Zeiten {
    font-size: 70%;
    line-height: 125%;
	padding-top: 2%;
    font-weight: normal;
}

.Zeiten span
{
	padding-top: 1%;
	line-height: 140%;
	display: block;
}

.ZusammenfassungDiv span
{
	font-weight: bold;
	display: block;
	margin-top: 40px;
}

.Zahlungsart_Button i {
    font-size: 220%;
    text-align: center;
    display: block;
    margin-bottom: 1%;
}

.Zahlungsart_Button input {
    display: block;
    text-align: center;
    margin-left: 40%;
    margin-top: 1%;
    height: 1vw;
    width: 1vw;
	min-height: 15px;
	min-width: 15px;
}

.Zahlungsart_Button {
    border: 1px solid #b5b5b5;
    background-color: white;
    height: 10%;
    width: 10%;
    padding-left: 1%;
    padding-top: 2%;
    padding-bottom: 1%;
    float: left;
    margin-right: 1%;
    padding-right: 1%;
    text-align: center;
    margin-top: 0.5%;
}

.showOnMobile .moduletable {
    width: 100%;
}

.showOnMobile .container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.showOnMobile div#LieferdienstName {
    font-size: 240%;
}

.showOnMobile div#Slogan {
    font-size: 145%;
}

.showOnMobile .GerichtKategorie h2 {
    font-size: 180%;
}

.showOnMobile input.span2.PreisButton {
    font-size: 115%;
    height: 7%;
    padding-top: 1%;
    padding-bottom: 1%;
}

.showOnMobile div#Lieferdienst {
    left: 0;
    top: 0%;
    padding-top: 1%;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 5%;
    width: 86%;
    margin-left: 3%;
	margin-top:0;
}

.showOnMobile .Provisionsfrei {
    width: 330px;
}

.showOnMobile .Provisionsfrei span {
    padding-left: 20%;
}

.showOnMobile #Speisekarten_Div
{
	padding-left: 3%;
    padding-right: 3%;
    padding-top: 7%;
}

.showOnMobile .MarginTop20 {
    margin-top: 10px !important;
}

.showOnMobile #Aktuell {
    font-size: 125%;
}

.showOnMobile div.gericht {
    padding-top: 2%;
    padding-bottom: 2%;
    margin-bottom: 1%;
    padding-right: 3vw;
}

.showOnMobile .Warenkorb, .showOnMobile .KategorieNav {
    padding-left: 4vw;
    top: 0;
    padding-right: 4vw;
    background-color: white;
    height: 92%;
    overflow: scroll;
    padding-bottom: 10%;
	z-index:129;
}

.showOnMobile .Warenkorb,
.showOnMobile .KategorieNav
{
	right: 0;
	bottom: 0;
}

.showOnMobile .KategorieNav
{
	left: 0;
    margin-left: 0;
	max-height: 100%;
}

#WarenkorbClose,
#KategorieNavClose
{
	display: none;
}

.showOnMobile #WarenkorbClose,
.showOnMobile #KategorieNavClose
{
	display: block;
	right: 4vw;
	padding : 4vw;
    font-size: 300%;
	top:4vw;
}

.showOnMobile .cc-revoke.cc-bottom {
    left: 1%;
}

.showOnMobile .CheckboxButton input {
    height: 2em;
    width: 2em;
}

#WarenkorbButton,
#KategorieNavButton {
    position: fixed;
    bottom: 0;
    z-index: 100;
    padding: 2%;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
	z-index: 130;
}

div#KategorieNavButton {
    left: 31.5%;
    background-color: white;
    padding-left: 6.8%;
    padding-right: 7%;
    padding-top: 2.5%;
    padding-bottom: 2.5%;
    font-size: 183%;
    box-shadow: 1px -2px 11px 1px grey;
}

#WarenkorbButton {
	right: 1%;
    height: 4%;
    color: white;
}

div#GesamtPreis {
    padding-top: 2%;
    padding-bottom: 3%;
}

.DisplayNone
{
	display: none !important;
}

marquee {
    max-width: 800px;
}

.showOnMobile #WarenkorbAbsenden #Aktuell, 
.showOnMobile #WarenkorbZusammenfassung,
.showOnMobile #BestellAbschluss {
    width: 94%;
    margin-left: -3%;
    position: relative;
    margin-top: 10% !important;
    padding-top: 7%;
    padding-bottom: 20%;
}

div#ls-promowrap {
    padding: 0;
}

#SliderBackground {
    z-index: 500;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

.DatenschutzText {
    display: inline;
}

#BestellAbschluss div
{
	margin-bottom: 1%;
    margin-top: 3%;
	font-family: 'Oswald';
	line-height: 1.3em;
	
}

.ui-dialog { z-index: 1000 !important ;}

@media (max-width: 768px)
{
	#SliderBackground
	{
		padding-left: 0px!important;
		padding-top: 5%!important;
		padding-bottom: 0%!important;
		margin-bottom: 7%!important;
	}
}

.KategorieBeschreibung {
    margin-left: 0 !important;
    font-style: italic;
}

input.PreisButton {
    width: 90%;
}

.Extras_Anmerkung
{
	font-size: 86%;
    font-style: italic;
}

input#LieferPlz.desktop{
    width: 12%;
}

.showOnMobile .Zahlungsart_Button {
    width: 18%;
    height: 14%;
}

input[id^=Dialog_Anzahl_] {
    width: 35px;
    padding-left: 15px;
}

button.AnzahlWeniger, button.AnzahlMehr {
    margin-top: -10px;
}

select#LieferOrt {
    width: 218px;
}

#WarenkorbLeer {
    color: red;
    font-size: 80%;
}

.postit {
    background: #fefabc;
    padding: 15px;
    font-family: 'Oswald';
    color: #000;
    width: 292px;
    -moz-transform: rotate(8deg);
    height: 161px;
    z-index: 1000;
    /* margin-left: 21px; */
    position: relative;
    font-size: 145%;
    float: left;
    top: 50px;
    left: 5%;
    -webkit-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    box-shadow: 0px 4px 6px #333;
    -moz-box-shadow: 0px 4px 6px #333;
    -webkit-box-shadow: 0px 4px 6px #333;
    line-height: 122%;
}


.postit p{
	font-size: 100%;
    line-height: 100%;
    font-weight: 400;
    margin-top: 10px;
}

.showOnMobile .postit
{
	display: none;
}

.GerichtFoto {
    float: left;
    width: 180px;
    margin-right: 6px;
}

.Provisionsfrei {
    position: relative;
    top: 0;
    left: -46px;
    z-index: 127;
    display: inline-block;
    font-size: 26px;
    width: 361px;
    padding: 0.5em 8px;
    color: white;
    transform: rotate(326deg);
    border: 2px solid silver;
    background: #de0a0a;
    text-align: left;
    font-family: 'Oswald';
    box-shadow: 1px 3px 2px #00000052;
    float: left;
}

.Provisionsfrei span {
    padding-left: 15%;
    display: block;
}

#video_background {
	position: absolute;
	top: 0px;
	right: 0px;
	min-width: 100%;
	min-height: auto;
	width: auto;
	height: auto;
	overflow: hidden;
}

#SliderBackground, #ls-promowrap {
    background-image: none !important;
}

#ls-container
{
	margin-top: 0px !important;
}

#ls-logo {
    max-width: 250px !important;
}

@media (max-width: 1030px)
{
	#Liefergebiete td {
		border: 1px solid #dcd4d4;
		text-align: center;
	}
	
	div#Speisekarten_Div.span6 {
		width: 92% !important;
		margin-left: 4% !important;
	}
}


.Rabatt
{
	margin-top: 5%;
    font-size: 70%;
    font-weight: 400;
    line-height: 105%;
}

#Bestellung_Rabatt_Label
{
	font-size: 110%;
    font-weight: bold;
}

span.NurNoch {
    margin-top: 5px;
    font-size: 120%;
    color: forestgreen;
}

div#Lieferkosten {
    font-size: 110%;
    color: dodgerblue;
}

@media(min-width: 1301px) and (max-width: 1750px)
{
	
	body
	{
		font-size: 14px;
	}
	
	.KategorieNav
	{
		padding-left: 0;
		padding-right: 0;
	}
	
	.Warenkorb
	{
		right: 10px;
	}
	
	#ls-logo {
		max-width: 215px !important;
	}
	
	div#Speisekarten_Div {
		width: 45%;
	}
}

@media(min-width: 1751px)
{
	body
	{
		font-size: 17px;
	}
}



.gerichtIcon
{
	display: inline-block;
    min-width: 24px;
    background-size: cover;
    background-position: center;
    min-height: 24px;
}

.vegan 
{
	background-image: url('/modules/mod_lieferservicespeisekarte/tmpl/icons/vegan.png');
}

.vegetarisch 
{
	background-image: url('/modules/mod_lieferservicespeisekarte/tmpl/icons/vegetarisch.png');
}

.pikant 
{
	background-image: url('/modules/mod_lieferservicespeisekarte/tmpl/icons/pikant.png');
}

.scharf 
{
	background-image: url('/modules/mod_lieferservicespeisekarte/tmpl/icons/scharf.png');
	min-width: 58px;
    min-height: 27px;
}

.sehr-scharf 
{
	background-image: url('/modules/mod_lieferservicespeisekarte/tmpl/icons/sehr-scharf.png');
	min-width: 58px;
    min-height: 27px;
}

.DialogPreis {
    margin-left: 7%;
    font-size: 135%;
    font-weight: bold;
    inline-size: 135%;
}

@media (max-width: 1210px)
{
	div#Lieferdienst {
		font-size: 14px;
		width: 85%;
		line-height: 14px;
	}
	
	div#Speisekarten_Div {
		width: 80%;
		margin-left: 10%;
	}
	
	input.PreisButton {
		font-size: 70%;
		white-space: normal;
	}
	
	#WarenkorbClose, #KategorieNavClose {
		display: block;
	}
	
	ul.KategorieNav {
		width: 80% !important;
	}
	
	.Warenkorb {
		background-color: white;
		padding: 2%;
		border: 3px solid black;
	}
}