html,body {
    width:100%;
    /* //font-family: 'Roboto', sans-serif; */
    font-size:12pt;
    overflow-x:hidden;
    /* color:#444; */
}

h4 {
    font-weight:bold;
}

a {
    text-decoration: none;
}

hr {
    border-color:gray;
    margin-top:5px;
    margin-bottom:5px;
}

.noMargin {
    margin:0px;
}
.smallMargin {
    margin:5px auto;
}
.paddingSmall {
    padding:5px;
}

.marginContainer {
    margin-top:50px;
    margin-bottom:50px;
}

.containerMargin {
    margin-top:50px;
    margin-bottom:50px;
}

.marginRow {
    margin-top:50px;
    margin-bottom:50px;
}

.kategorie-link {
    text-transform: uppercase;
}

.warenkorbGerichtContainer {
    background-color:#ededed;
    border-bottom:1px dashed gray;
    padding:5px 0px;
}

#loading {
    width:100%;
    height:100%;
    text-align:center;
}

.loader {
    margin:100px auto 50px auto;
    color:#e1b15f;
}

.warenkorbCounter {
    padding:8pt;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#MainContentLeft,
#WarenkorbContainer {
    padding:10px 10px;
    border-radius:5px;
}

.cursorPointer {
    cursor:pointer;
}

#mainContent {
    width:100%;
    height:100%;
}

.gerichtIcon {
    font-size:16pt;
}

.kategorieBild {
    width:100%;
    min-height:200px;
    background-size: cover;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
    .xs-center { text-align:center }
    .xs-left { text-align:left }
    .xs-right { text-align:right }
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
    .xs-center { text-align:center }
    .xs-left { text-align:left }
    .xs-right { text-align:right }
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .sm-center { text-align:center }
    .sm-left { text-align:left }
    .sm-right { text-align:right }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .md-center { text-align:center }
    .md-left { text-align:left }
    .md-right { text-align:right }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .lg-center { text-align:center }
    .lg-left { text-align:left }
    .lg-right { text-align:right }
}

.kategorieBeschreibungheadline {
    padding:10px;
}
.kategorieNameheadline {
    padding:10px;
}

.menuLine {
    margin-top:10px;
    margin-bottom:10px;
}

.upper {
    text-transform: uppercase;
}

.fontSmall {
    font-size:8pt;
}

.btn-default {
    border:0px;
    border-radius:5px;
    font-weight:bold;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

.btn-default:hover {
    box-shadow:0px 1px 3px rgba(0,0,0,0.3);
}

.btn-primary {
    color: #444;
    background-color: #dedede;
    border-color: #bbb;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:visited {
    color: #444;
    background-color: #bbb;
    border-color: #dedede;
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    background-image: none;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.form-control:focus {
    border-width:2px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border: 0px;
}

.noPadding {
    padding:0px;
}

.newGerichtTable >tbody> tr:hover {
    cursor:pointer;
}

.newKategorieTable >tbody> tr > td {
    padding:4px !important;
    cursor:pointer;
    font-size:10pt;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

.subKategorieTable > tbody > tr > td {
    cursor:pointer;
    -webkit-transition: all 250ms;
    transition: all 250ms;
}

#warenkorb {
	width: 100%;
	/*min-height: 150px;*/
	position: relative;
    margin-bottom:25px;
    padding-bottom:5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 1px 1px 0 rgba(66,66,66,.3);
}

#warenkorb::before {
	content: '';
	position: absolute;
    margin-top:30px;
	bottom: -30px;
	left: 0;
	right: 0;
	height: 60px;
	background-size: 24px 48px;
	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(45deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%), -webkit-linear-gradient(315deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%);
	background-image: -moz-linear-gradient(45deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%), -moz-linear-gradient(315deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%);
	background-image: linear-gradient(45deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%), linear-gradient(315deg, transparent 34%, #FFFFFF 34%, #FFFFFF 66%, transparent 66%);
}

.warenkorbTable > tbody > tr > td {
    /*padding:3px 8px !important;
    margin:8px auto;*/
}

.modal-content {
    position: relative;
    border-radius:0px;
    box-shadow:0px;
    outline:0;
}


.label_zutat {
    font-weight:normal
}

.input-group-addon {
    background-color: transparent;
    padding:0px;
    margin:0px;
    border:0px;
}

.input-group {
    padding:10px;
}

.owl-theme .owl-nav [class*=owl-] {
    color: rgba(0,0,0,1);
    font-size: 50px;
    margin: 5px;
    padding: 4px 7px;
    background-color: transparent;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
    opacity:0.5;
}

.gradientBackground {
    background: rgb(224,164,0);
    background: -moz-linear-gradient(45deg, rgba(224,164,0,1) 0%, rgba(255,211,0,1) 31%, rgba(255,211,0,1) 75%, rgba(224,164,0,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(224,164,0,1) 0%,rgba(255,211,0,1) 31%,rgba(255,211,0,1) 75%,rgba(224,164,0,1) 100%);
    background: linear-gradient(45deg, rgba(224,164,0,1) 0%,rgba(255,211,0,1) 31%,rgba(255,211,0,1) 75%,rgba(224,164,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0a400', endColorstr='#e0a400',GradientType=1 );
}

.modalSearchBottomBackground {
    background: rgb(125,185,232);
    background: -moz-linear-gradient(top, rgba(125,185,232,1) 0%, rgba(224,164,0,1) 0%, rgba(135,96,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(224,164,0,1) 0%,rgba(135,96,0,1) 100%);
    background: linear-gradient(to bottom, rgba(125,185,232,1) 0%,rgba(224,164,0,1) 0%,rgba(135,96,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#876000',GradientType=0 );
}

.SingleGerichtContainer {
    background-color: #ededed;
    border-bottom: 1px dashed #b5b5b5;
    padding: 3px;
}

.SingleGerichtContainer .GerichtNameHover {
    transition:all 0.5s;
}
.SingleGerichtContainer:hover .GerichtNameHover {
    color:rgba(224,164,0,1);
}

.leftSpanSearch {
    background-color: rgba(242,242,242,1) !important;
    border: 0px !important;
}
.rightSpanSearch {
    background-color: rgba(242,242,242,1) !important;
    border: 0px !important;
}
.form-searchbox {
    border: 0px !important;
}

.FoundLiefergebiet {
    padding:10px;
    border-bottom:1px solid #ededed;
    cursor:pointer
}

.modal-footer {
    text-align:left;
    border-top:0px;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgba(0,0,0,0.6);
}

.passwortKorrekt {
    display:none;
}

.container-header {
    position:relative;
    width:100%;
    max-height:90%;
    min-height:90%;
    overflow:hidden;
}

.rslides {
    z-index:0;
    list-style: none;
    max-height:800px;
    min-height:500px;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
}

.navbar-default .navbar-brand {
    color:white;
}
.navbar-default .navbar-brand:hover {
    color:white;
}
.navbar-default .navbar-nav>li>a {
    color:white;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:active, .navbar-default .navbar-nav>li>a:visited{
    color: white;
    background-color: transparent;
}

.colored {
    color:#d96262;
}

.form-control-search {
    padding:10px;
    text-align:left;
    border:0px;
    border-radius:15px;
    font-size:15pt;
    color:#444;
    outline:transparent;
    border: 5px solid black;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.form-control-search-small {
    padding:5px;
    width:100%;
    text-align:left;
    border:0px;
    border-radius:5px;
    font-size:10pt;
    color:#444;
    outline:transparent;
    border: 1px solid #e1b15f;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

@keyframes bild {
    0% {top:0%}
    50% {top:15%}
    100% {top:0%}
}

.backgroundImage {
    position:absolute; left:0px; top:0px; width:100%;
    min-height:90%;
    background-size:cover;
    z-index:1;
}

.container-smallHeader {
    padding:5px;
}

.btn-facebook {
    background-color:#3b5998;
    color:white
}
.btn-facebook:hover {
    background-color:#3b5998;
    color:#dedede;
}

.selectShopInErgbnis {
    color:#444;
}
.selectShopInErgbnis:hover {
    color:#C25858;
}

.container-smallUnderHeader {
    background-color: #323232;
    padding:5px;
    color:white;
}

.SearchResultSmall {
    display:none;
    position:absolute;
    background-color:white;
    z-index:10;
    border:1px solid #d96262;
    width:100%;
    box-shadow:1px 3px 1px -2px rgba(32,32,32,.4);
}

.alert-warning {
    color: rgba(255,221,0,1);
    background-color: black;
    border-color: rgba(255,221,0,1);
}

#result {
    box-shadow:1px 3px 1px -2px rgba(32,32,32,.4);
    display: none;
    position:relative;
    z-index:1100;
    max-height:150px;
    overflow:auto;
    background-color:rgba(255,255,255,1);
    color:rgba(0,0,0,1);
    top: -10px;
    margin-right: 10px;
    margin-left: 10px;
}

.plzErgebnis {
    padding:5px;
    font-size:12pt;
    border-bottom:1px solid #ededed;
}

.progress-bar-success {
    background-color: #d96262;
}

@keyframes hover-color {
  from {
    border-color: #c0c0c0; }
  to {
    border-color: #d96262; } }

  .headline {
    background-color:rgba(0,0,0,1);
    color:white;
    padding:10px;
  }

  .MainNavi {
    box-shadow:2px 2px 8px rgba(70,70,70,0.6);
    position:absolute;
    width:100%;
    z-index:1000;
    background-color:rgba(255,221,0,1);
    color:rgba(0,0,0,1);
    min-height:50px;
  }

  #contentContainer {
    position:relative;
  }

  .nav>li>a {
    color:rgba(0,0,0,1);
  }

  .nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
    color:gray;
  }

  .dropdown:hover .dropdown-menu {
      display: block;
  }

  .dropdown-menu {
      margin: 0px 0 0;
  }

  .cabSliderCaption {
      position:absolute !important;
      top:0px;
      background-color:rgba(255,221,0,1);
      /*color:rgba(226,6,19,1);*/
      color:rgba(0,0,0,1);
      top:15%;
      padding:10px;
      text-align:left;
      max-width:250px;
      border-radius:10px;
      box-shadow: 0 1px 2px 0 rgba(66,66,66,.3);
      margin-left:10px;
  }

  .item {
      margin-top:0px;
  }

  .imgAnimated {
      transition:all 200ms;
  }

  .imgAnimated:hover {
      transform:scale(1.1);
  }

  .dropdown-menu-right {
       /* background-image:url("../img/plattern.jpg"); */
       min-width:250px;
       color: rgba(0,0,0,1);
       max-height:400px;
       overflow:auto;
       padding:10px;
  }

  .dropdown-menu-left {
       background-image:url("../img/plattern.jpg");
       min-width:250px;
       color: rgba(0,0,0,1);
       max-height:400px;
       overflow:auto;
       padding:10px;
  }

  .sidemenu-kategorien-ul > li {
      list-style-type: none;
      margin-left:-50px;
      padding:10px;
  }

  .storeListe {
      margin-top:10px;
  }

  .back-to-top {
      position: fixed;
      bottom:10px;
      right:10px;
      padding:5px;
      z-index:2010;
      color:white !important;
      background-color:black;
      border-radius:5px;
      opacity:0.45;
      transition:all 200ms;
  }
  .back-to-top:hover {
      opacity:1
  }

  .panel-default>.panel-heading {
      color: black;
      background-color:rgba(255,221,0,1) !important;
      border-color:#dedede !important;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
  }

  .panel-default>.panel-heading >a {
      color: black;
  }

  .smallerheadline {
      background-color:rgba(33,41,43,1);
      padding:5px;
      border-bottom:1px solid rgba(255,221,0,1);
  }

  .closeModal {
      top:-10px;
      text-shadow:-2px 2px 4px rgba(0,0,0,0.4);
  }

  .kategorieOverlay {
      position:absolute;
      top:0px;
      left:0px;
      right:0px;
      bottom:0px;
      background-color:rgba(0,0,0,0.5);
      color:white;
  }

  .GerichtPreis {
      width:100px;
      background-color:rgba(0,0,0,1);
      cursor:pointer;
      transition:all 200ms;
      min-height:50px;
      color:rgba(255,221,0,1);
      display:inline-block;
      text-align:center;
      border-radius:6px;
      border:4px solid rgba(255,221,0,1);
  }


  .GerichtPreis > small {
      font-size:8pt;
      color:rgba(255,255,255,1);
  }

  .GerichtPreis:hover > small {
      color:rgba(0,0,0,1);
  }

  .GerichtPreis:hover {
      background-color:rgba(255,221,0,1);
      cursor:pointer;
      transition:all 200ms;
      color:rgba(0,0,0,1);
  }

  .GerichtPreis[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
  }

  .Gerichtcontainer {
      margin:25px auto;
  }

  .container-singleGericht {
      height:300px;
      background-color:#ededed;
      /*background-image:url('../img/backgroundGericht.jpg');*/
      background-size:cover;
      background-position:center bottom;
      border:1px solid #ededed;
  }
  .backgrounded {
      background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
      color:black;
      min-height:50px;
      padding:10px;
  }

  .breadcrumb {
      background-color: transparent;
  }

  .AngebotMoving {
      position:relative;
      -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
      -webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
      -webkit-animation-delay: 2s;
      -webkit-animation-iteration-count: infinite;
      animation-name: example;
      animation-duration: 10s;
      animation-delay: 2s;
      animation-iteration-count: infinite;
  }

  @-webkit-keyframes example {
      0% {top:0px; left:0px;}
      25% {top:5px; left:5px;}
      50% {top:-5px; left:-5px;}
      75% {top:5px; left:5px;}
      100% {top:0px; left:0px;}
  }

  @keyframes example {
      0% {top:0px; left:0px;}
      25% {top:5px; left:5px;}
      50% {top:-5px; left:-5px;}
      75% {top:5px; left:5px;}
      100% {top:0px; left:0px;}
  }

  .appAdvertise {
      background-color:rgba(255,221,0,1);
      color:black;
      max-height:80px;
      display:none;
  }

  .CollapseZutatHeaderA {
      display:block;
  }
  .CollapseZutatHeaderA:hover,
  .CollapseZutatHeaderA:focus,
  .CollapseZutatHeaderA:active {
      text-decoration:none;
  }

  .TrennerContainer {
      background-color: #ededed;
      padding: 3px 13px;
  }

  .ContainerZusatzstoffe {
      background-color: #ededed;
      padding: 3px 13px;
  }
  .BlinkingBackgroundNoMinDo {
      -webkit-animation-name: blink;
      -webkit-animation-duration: 2s;
      animation-name: blink;
      animation-duration: 2s;
      background-color:#dff0d8;
  }

  @-webkit-keyframes blink {
      0% {background-color: #E47362;}
      10% {background-color: #E4C276;}
      20% {background-color: #E47362;}
      30% {background-color: #E4C276;}
      40% {background-color: #E47362;}
      50% {background-color: #E4C276;}
      60% {background-color: #E47362;}
      70% {background-color: #E4C276;}
      80% {background-color: #E47362;}
      90% {background-color: #E4C276;}
      100% {background-color: #E47362;}
  }

  @keyframes blink {
      0% {background-color: #E47362;}
      10% {background-color: #E4C276;}
      20% {background-color: #E47362;}
      30% {background-color: #E4C276;}
      40% {background-color: #E47362;}
      50% {background-color: #E4C276;}
      60% {background-color: #E47362;}
      70% {background-color: #E4C276;}
      80% {background-color: #E47362;}
      90% {background-color: #E4C276;}
      100% {background-color: #E47362;}
  }


  .errorFORM {
      border:2px solid #a94442 !important;
  }

  .animateBackground {
      position:relative;
      background-size:110%;
      background-position:center;
      height:200px;
      width:100%;
      -webkit-animation-name: example;
      -webkit-animation-duration: 4s;
      animation-name: example;
      animation-duration: 4s;
      background-repeat: no-repeat;
  }
  @-webkit-keyframes example {
      0% {background-size: 100%;}
      100% {background-size: 110%;}
  }
  @keyframes example {
      0% {background-size: 100%;}
      100% {background-size: 110%;}
  }


  .modal_mobile_ul > li {
      margin-left:-40px;
      list-style-type: none;
      padding:5px;
  }

  .fixed {
      position:fixed;
      top:0px;
      left:0px;
      width:100%;
  }

#Treuepreis .modal-cf-footer {
	padding: 10px;
}

.treuepreis-auswahl {
	cursor: pointer;
	padding: 5px;
	background-color: #F0F0F0;
	border-radius: 5px;
	margin-bottom: 5px;
}

.treuepreis-auswahl:hover, .treuepreis-auswahl:active {
	background-color: #D0D0D0;
}

.active-treuepreis {
	background-color: #ffdd00;
}

.row:before, .row:after {display: none !important; width:0px; height:0px;}