/* load */
/* body */


/* load */
.bubbles span {
	background: #03b4ea;
}


/* body */

/* hg color */
.dark {
	background-color: #405e64;
}

.center {
	text-align: center;
	margin:auto;
	height:100%;
}

.img {
	width: 100%;
	height: auto;
	max-width: 1900px;
}


/*  kein Umbruch (zwischen Speise und hochgestelltet Ziffer) */
span.nowrap {
    white-space: nowrap;
}



/*  Bild Slider Speisekarte responsive */
.image {
	width: 100%;
    height: auto;
}


/*  Headline Slider größer */
.parallax-article .subtitle {
    color: #fff;
    font-size: 36px;
	line-height: 36px;
	font-family: "prequel-rough", Montserrat, sans-serif;
	font-feature-settings: "liga" 0; 
	-moz-font-feature-settings: "liga=0";
	font-weight: 400;
}

.creative-square-box .parallax-article .subtitle {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 12px;
	font-family: 'Montserrat', sans-serif;
}




/*  Headline Ambiente Startseite */
.block-header .title {
	font-family: "prequel-rough", Montserrat, sans-serif;
	font-feature-settings: "liga" 0; 
	-moz-font-feature-settings: "liga=0";
}

/*  Headlines DreierBox Startseite */
.creative-square-box .parallax-article .title {
	font-family: "prequel-rough", Montserrat, sans-serif;
	font-feature-settings: "liga" 0; 
	-moz-font-feature-settings: "liga=0";
	font-size: 58px;
    line-height: 60px;
    margin-bottom: 12px;
	font-weight: 400;
}

@media screen and (max-width: 1280px) and (min-width: 991px) {
.creative-square-box .parallax-article .title {
    font-size: 48px;
}
}
	
@media screen and (max-width: 991px) {
.creative-square-box .parallax-article {
    max-width: 630px;
    margin: 0 auto;
        margin-bottom: 0px;
}
	.creative-square-box .parallax-article .title {
    font-size: 46px;
}
}

.parallax-article .subtitle {
	font-weight: 400;
}

.max-height {
	max-height: 360px;
	max-width: 773px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"
}

/* 9-er Block Startseite - Größe Pop-up Container Bilder */
.overlay-popup .popup-container {
    max-width: 1200px;
}

/* beim popup-Aufruf wird der HG mehr ausgegraut*/
.overlay-popup .close-layer {
    background: rgba(0,0,0,0.7);
}


/* Zeilenabstand Headline viererblock Text index */
.block-header .title {
    line-height: 44px;
}


/* Speisekarte Übersicht */



/* Speisekarte Abstand Bild oben */

@media screen and (max-width: 1199px) {
.abstand-speisekarte {
    margin-top: 113px;
}
}

@media screen and (max-width: 500px) {
header.type-2 {
	min-height:113px;
}
}

@media screen and (max-width: 450px) {
header.type-2 {
	min-height:100px;
}
	.abstand-speisekarte {
    margin-top: 100px;
}
}

@media screen and (max-width: 400px) {
header.type-2 {
	min-height:90px;
}
	.abstand-speisekarte {
    margin-top: 90px;
}
}

@media screen and (max-width: 300px) {
header.type-2 {
	min-height:60px;
}
	.abstand-speisekarte {
    margin-top: 67px;
}
}

/* Speisekarte weiße überschrift */

.headline-weiss {
	font-family: "trashhand", Montserrat, sans-serif;
	font-size: 32px;
	color:#fff;
	font-weight: normal;
	line-height: 34px;
	margin-top: 40px;
	padding-bottom: 10px;
	}


/* Speisekarte BUNTE überschrift 
mit Farbe kombiniert wie bei border, Class Name der farbe wie Seite
*/

h1.headline-color {
	font-family: "prequel-rough", Montserrat, sans-serif;
	font-size: 48px;
	line-height: 52px;
	margin-top: 40px;
	padding-bottom: 30px;
	font-feature-settings: "liga" 0; 
	-moz-font-feature-settings: "liga=0";
	}


.headline-color {
	font-family: "prequel-rough", Montserrat, sans-serif;
	font-size: 48px;
	line-height: 52px;
	margin-top: 40px;
	padding-bottom: 30px;
	font-feature-settings: "liga" 0; 
	-moz-font-feature-settings: "liga=0";
	}




/* Speisekarte Überschrift responsive*/

@media screen and (max-width: 600px) {
h1.headline-color {
font-size: 34px;
line-height: 48px;
	}
}

@media screen and (max-width: 400px) {
h1.headline-color {
font-size: 26px;
line-height: 34px;
	}
} 


@media screen and (max-width: 280px) {
h1.headline-color {
    font-size: 24px;
    line-height: 30px;
	}
}





@media screen and (max-width: 600px) {
.headline-color {
font-size: 34px;
line-height: 48px;
	}
}

@media screen and (max-width: 400px) {
.headline-color {
font-size: 26px;
line-height: 34px;
	}
} 


@media screen and (max-width: 280px) {
.headline-color {
    font-size: 24px;
    line-height: 30px;
	}
}


/* Speisekarte weiße überschrift in groß 
jetzt gleich wie kleinere weisse Überschrift- 
VORHER: 
font-size: 44px;
margin-bottom: 20px;
line-height: 44px;
}
*/

.big {
	font-size: 32px;
	margin-bottom: 10px;
	line-height: 34px;
}

/* zeilenabstand kleiner */
.zeilenabstand {
	line-height: 0.5;
}

/* Speisekarte weiße überschrift Schriftart */

 @font-face {
    font-family: trashhand;
    src: url(../fonts/TrashHand.ttf);
}

/* Speisekarte BUNTE überschrift Schriftart */
 @font-face {
    font-family: prequel-rough;
    src: url(../fonts/Prequel-rough.ttf);
}



.weiss {
	color:#fff;
	font-size: 16px;
	line-height: 24px;
}

/* Speisekarte weiße KLEINE überschrift an oberer Stelle - gleicher Abstand wie andere Überschriften*/
.margin20 {
	 margin-top: 20px;
}

/* Eigenschaft für column-1 (breiter), wenn der Preis bei column-2 zu breit ist */
.xtramargin {
margin-right: 120px;
}

/* Text bricht nicht um (z.B. Titel und hochgestellte Zahl) */
.nowrap {
	white-space: nowrap;
	font-weight: 400 !important;
}

/* bild weinkarte nummer*/
.nummer {
	float: left;
	margin-top:0;
	margin-right:10px;
}
.nummer img{
	max-height: 32px;
}

.clear {
	clear: both;
}


/* hochgestellt font kleiner */

sup {
	font-size: 12px;
	font-weight: 400;
}

.kleiner {
	font-size: 14px;
	font-family: 'Raleway', sans-serif;
}

/*  Überschrift */
.headline-speise {
    font-size: 22px;
    line-height: 28px;
    color: #c1c388;
    font-weight: 900;
    display: block;
    margin-bottom: 10px;
	margin-top: 20px;
	text-transform: uppercase;
}

/* Abstand nach oben kleiner, wenn headline weiss big und farbige headline in einer Linie ausgerichtet sein sollen */
.headline-speise-first {
    font-size: 22px;
    line-height: 28px;
    color: #c1c388;
    font-weight: 900;
    display: block;
    margin-bottom: 10px;
	margin-top: 10px;
	text-transform: uppercase;
}

/* "leere" column die nur Abstahndhalter ist blendet aus */
@media screen and (max-width: 991px) {
.hidden-sm {
    display: none !important;
}
}



/*  große Überschrift Abstand über der Überschrift */
.block-header {
    text-align: left;
	padding: 40px 0 0 0;
}

/*  Block Abstand nach großer Überschrift */
body.style-7 .information-blocks {
    margin-bottom: 40px !important;
}

.block-header {
	max-width: 100%;
}

.block-header .zutaten {font-size: 11px; line-height: 15px; color: #fff; font-weight: 400; margin-bottom: 5px;}
.block-header .zutaten span {font-size: 11px; line-height: 15px; color: #fff; font-weight: 800; margin-bottom: 5px;}


/*  Überschrift keine Linie unten und weniger Abstand */
.wishlist-header {
    border-bottom: none;
	margin-bottom: 0;
}

/* Platzhalter für Bild entfernt  */
.traditional-cart-entry .content {
    margin-left: 0;
}

/* keine erzwungene Höhe  */
.traditional-cart-entry .cell-view {
    height: inherit;
}

/* Abstand zum preis durch margin-right definiert  */
.wishlist-entry .column-1 {
    margin-right: 100px;
}

/* einzelne Punkte auf der Speisekarte Abstände  */
.wishlist-entry {
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 2px #c1c388 solid;
    position: relative;
}

/* Überschriften Linie oben entfernt  */
.wishlist-header1 {
    border-top: none;
}

/*  DEFAULT 
###############################################################
###############################################################
*/

/*  Unterseiten Überschrift Farbe */
.default {
	color: #999;
}
.default_border {
border-bottom: 2px #999 solid;
}

/*  Links Unterseiten Farbe / hover */
a.default:link {
    color: #999;
}
a.default:visited {
    color: #999;
}
a.default:hover {
    color: #fff;
}
a.default:active {
    color: #fff;
} 

/*  verschiedene Farben der einzelnen Speisekarten 
###############################################################
###############################################################
*/


/*  LECKEREIEN 
###############################################################
###############################################################
*/
.leckereien {
	color: #c1c388;
}

/*  Links leckereien Farbe / hover */
a.leckereien:link {
    color: #c1c388;
}
a.leckereien:visited {
    color: #c1c388;
}
a.leckereien:hover {
    color: #999;
}
a.leckereien:active {
    color: #999;
} 

/*  SALATE 
###############################################################
###############################################################
*/
.salate {
	color: #bbd146;
}
.salate_border {
border-bottom: 2px #bbd146 solid;
}

/*  Links salate Farbe / hover */
a.salate:link {
    color: #bbd146;
}
a.salate:visited {
    color: #bbd146;
}
a.salate:hover {
    color: #999;
}
a.salate:active {
    color: #999;
} 

/*  PIZZEN 
###############################################################
###############################################################
*/
.pizzen {
	color: #8297c2;
}
.pizzen_border {
border-bottom: 2px #8297c2 solid;
}

/*  Links salate Farbe / hover */
a.pizzen:link {
    color: #8297c2;
}
a.pizzen:visited {
    color: #8297c2;
}
a.pizzen:hover {
    color: #999;
}
a.pizzen:active {
    color: #999;
} 

/*  BURGER 
###############################################################
###############################################################
*/
.burger {
	color: #f9b32a;
}
.burger_border {
border-bottom: 2px #f9b32a solid;
}

/*  Links salate Farbe / hover */
a.burger:link {
    color: #f9b32a;
}
a.burger:visited {
    color: #f9b32a;
}
a.burger:hover {
    color: #999;
}
a.burger:active {
    color: #999;
} 

/*  STEAKS 
###############################################################
###############################################################
*/
.steaks {
	color: #d1303a;
}
.steaks_border {
border-bottom: 2px #d1303a solid;
}
/*  Links salate Farbe / hover */
a.steaks:link {
    color: #d1303a;
}
a.steaks:visited {
    color: #d1303a;
}
a.steaks:hover {
    color: #999;
}
a.steaks:active {
    color: #999;
} 

/*  DESSERTS 
###############################################################
###############################################################
*/
.desserts {
	color: #99637b;
}
.desserts_border {
border-bottom: 2px #99637b solid;
}
/*  Links salate Farbe / hover */
a.desserts:link {
    color: #99637b;
}
a.desserts:visited {
    color: #99637b;
}
a.desserts:hover {
    color: #999;
}
a.desserts:active {
    color: #999;
} 

/*  GETRÄNKE 
###############################################################
###############################################################
*/
.getraenke {
	color: #bfc0e2;
}
.getraenke_border {
border-bottom: 2px #bfc0e2 solid;
}

.getraenke_noborder {
border-bottom: none;
}

/*  Links salate Farbe / hover */
a.getraenke:link {
    color: #bfc0e2;
}
a.getraenke:visited {
    color: #bfc0e2;
}
a.getraenke:hover {
    color: #999;
}
a.getraenke:active {
    color: #999;
} 

/*  WEIN 
###############################################################
###############################################################
*/
.wein {
	color: #a91736;
}
.wein_border {
border-bottom: 2px #a91736 solid;
}
/*  Links salate Farbe / hover */
a.wein:link {
    color: #a91736;
}
a.wein:visited {
    color: #a91736;
}
a.wein:hover {
    color: #999;
}
a.wein:active {
    color: #999;
} 


/* Preis */
.wishlist-entry .column-2 {
	font-size: 20px;
    color: #fff;
    font-weight: 600;
	right: 0;
	top: 0;
	margin-top: 0;
}

.wishlist-entry .klein {
	font-size: 16px;
    color: #2e2e2e;
    font-weight: 600;
	right: 0;
	top: 0;
	margin-top: 0;
}


/* Preis in kleiner Anicht linksbündig */
@media screen and (max-width: 767px) {
.wishlist-entry .column-2 {
    margin: 0;
	text-align: left;
}
}

/* Platz zwischen columns */
.abstand-rechts {
	padding-right: 35px;
}


.spinner {
  width: 40px;
  height: 40px;
  margin: 100px auto;
  background-color: #333;

  border-radius: 100%;  
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes sk-scaleout {
  0% { -webkit-transform: scale(0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes sk-scaleout {
  0% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 100% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    opacity: 0;
  }
}

/* Platz im ARCCORDION */

.food-entry{padding-bottom: 32px; margin-bottom: 27px; border-bottom: 1px #ebebeb solid; position: relative;}
.food-entry .content{margin-left: 10px;}

/* Preis in kleiner Anicht linksbündig 
	border blendet sich aus, ist sonst zwischen den beiden cols doppelt
*/
@media screen and (max-width: 768px) {
.abstand-rechts {
	padding-right: 15px;
}
	div.col-sm-6:last-child div.wishlist-header {
	border-top: none;
}
}