/* general styles 
-------------------------------------------------- */
html, body { height: 100%; width: 100%; font-size: 100%; }

body { padding-top: 100px; font-family: 'Roboto', sans-serif; }

a:active, a:focus { outline: none; }
.shadow { -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); }

@media (max-width: 992px) { body { padding-top: 50px; font-family: 'Roboto', sans-serif; } }

/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/roboto-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/roboto-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/roboto-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/fonts/roboto-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v20-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* 'Courgette', cursive */
@font-face {
  font-family: 'Courgette', cursive;
  font-style: cursive;
  font-weight: 300;
  src: local('Courgette'), local('Courgette'),
       url('/fonts/courgette-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/courgette-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/courgette-regular.svg#Courgette') format('svg'); /* Legacy iOS */
}

.navbar { min-height: 100px; }
.navbar-brand { padding: 0; height: 100px; line-height: 100px; }
.navbar-toggle { margin-top: 33px; padding: 9px 10px !important; } /* (100px - button height 34px) / 2 = 33px */

@media (max-width: 992px) { .navbar { min-height: 50px; }
    .navbar-brand { padding: 0 10px; height: 50px; line-height: 50px; }
    .navbar-toggle { margin-top: 8px; padding: 8px 10px !important; } /* (50px - button height 34px) / 2 = 8px */
 }

@media (min-width: 768px) { .navbar-nav > li > a { padding-top: 36.5px; padding-bottom: 36.5px; line-height: 27px; } /* (100px - line-height of 27px) / 2 = 36.5px */
}

@media (min-width: 1200px) { .navbar-default .navbar-nav > li.dropdown:hover > a, 
.navbar-default .navbar-nav > li.dropdown:hover > a:hover,
.navbar-default .navbar-nav > li.dropdown:hover > a:focus { background-color: rgb(231, 231, 231); color: rgb(85, 85, 85); }
li.dropdown:hover > .dropdown-menu { display: block; } 
}

.mynav { max-width: 1150px; }
.topdist { margin-top: 30px; }

@media (max-width: 992px) { .navbar-header { float: none; }
    .navbar-left,.navbar-right { float: none !important; }
    .navbar-toggle { display: block; }
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); }
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-nav { float: none!important; margin-top: 7.5px; }
    .navbar-nav>li { float: none; }
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
    .collapse.in{ display:block !important; }
}

.container-fluid-header { padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; }
.no-gutter { padding-right:0px; padding-left:0px; margin-right:0px; margin-left:0px; }
img.thumb { padding:2px; }
.angebot { background-color: ; margin-bottom: 30px; }

/* BREADCRUMB */
.breadcrumb { text-transform: uppercase; margin-top: 20px; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; border-radius: 0px; background-color: transparent; }
.devider { margin: 8px 0; padding-top: 4px; border-top: 1px solid #ccc;}

/* TYPO */
h1, h2, h3, h4, h5 { font-family: 'Courgette', cursive; font-size: 2.25rem; font-weight: 300; margin-top: 20px; margin-bottom: 10px; }
h2.marktplatz { font-family: 'Courgette', cursive; font-size: 1.75rem; font-weight: 300; margin-top: 0px; margin-bottom: 20px; }
h2.teaser { font-family: 'Courgette', cursive; font-size: 1.75rem; font-weight: 300; margin-top: 20px; }
h6 { font-family: 'Courgette', cursive; font-size: 1.25rem; font-weight: 400; margin-top: 20px; margin-bottom: 10px; }
h3.liste { font-family: 'Courgette', cursive; font-size: 1.75rem; font-weight: 400; margin-top: 20px; margin-bottom: 10px; }
p { margin-bottom: 20px; font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 1.5; }
p strong, td strong, ul strong, dt { font-weight: 500 !important; }
p.start { margin-top: 26px; }
label { font-size: 16px; font-size: 1.0rem; font-weight: 500; }
.fa-ul { line-height: 1.375rem; margin-bottom: 20px; }
.lead { margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; font-weight: 300; line-height: 1.5; }
.textfooter { margin-bottom: 10px; }
.hyp { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
a { color: #496648; }
p.sitemap { margin-bottom: 10px; }
ul.sitemap { padding-left: 20px; margin-top: 0px; }
.red { font-weight: 500 !important; color: #f30; }

/* Header */
header.bild { position: relative; }
header.bild img { width: 100%; }
.caption-bild-text { position: absolute; right: 0%; bottom: 15%; left: 0%; z-index: 10; }
.caption-bild-text p.header-bild { font-family: 'Courgette', cursive; color: #fff; text-align: center; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 3.5rem; line-height: 3.0rem; }
.caption-bild-text p.header-bild small { font-family: 'Roboto', sans-serif; font-size: 1.5rem; line-height: 1.0rem; }
@media (max-width:769px) { .caption-bild-text p.header-bild { font-size: 1.25rem; line-height: 1.5rem; } .caption-bild-text p.header-bild small { font-size: 0.9rem; line-height: 1.0rem; } .caption-bild-text { position: absolute; right: 0%; bottom: 5%; left: 0%; z-index: 10; } }

p.head1 { font-family: 'Courgette', cursive; color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 3.5rem; line-height: 4.0rem; font-weight: 400; text-align: center;
margin: 0 0 30px 0; padding: 0; }
p.head2 { color: #fff; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.65); font-size: 1.5rem; line-height: 2.75rem; font-weight: 400; text-align: center;
margin: 0 0 100px 0; padding: 0; }

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* padded section */
.pad-section { padding: 50px 0; }
.pad-section img { width: 100%; }

@media (max-width:668px) { p.head1 { font-size: 2.0rem; line-height: 2.5rem; font-weight: 500; width: 70%; margin: 0 0 20px 0; } 
p.head2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 500; width: 70%; margin: 0 0 20px 0; }
}
@media (min-width:669px) and (max-width:1199px) { p.head1 { font-size: 2.0rem; line-height: 3.0rem; font-weight: 500; width: 80%; } 
p.head2 { font-size: 1.25rem; line-height: 2.25rem; font-weight: 500; width: 70%; margin: 0 0 50px 0; }
}

#about { margin-bottom: 50px; }

#elements { margin-bottom: 30px; }
#elements img { margin-bottom: 8px; }

#angebot, .kontakt { margin-bottom: 50px; }
.notiz { background: rgb(250,243,219);
background: -moz-linear-gradient(-45deg, rgba(250,243,219,0.5) 0%, rgba(250,243,219,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(250,243,219,0.5) 0%,rgba(250,243,219,1) 100%);
background: linear-gradient(135deg, rgba(250,243,219,0.5) 0%,rgba(250,243,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff9e8', endColorstr='#fff3db',GradientType=1 ); width: 100%; height: 100%; margin: 0; padding: 0px 15px 15px 15px; }


.border { padding: 0; border-top: 0px solid #ccc; border-bottom: 1px solid #ccc; }
.border2 { padding: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
@media (min-width:669px) { .row-eq-height { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.col-eqheight {
  display: flex;
  flex-direction: column;
}

/* Media
-------------------------------------------------- */
.media {
  margin-top: 35px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
  font-size: 16px;
}
.media-object {
  display: block;
}
.media-object {
  width: 200px;
  height: 200px;
}
.media-left,
.media > .pull-left {
  padding-right: 30px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-heading {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 24px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
@media (max-width:769px) { .media-object { width: 50px; height: 50px; } }

/* Termine NEU */
.media-termine { margin-top: 15px; }
.media-object-termine { width: 50px; height: 50px; }
.media-heading-termine { margin-top: 0px; margin-bottom: 5px; font-size: 24px; }
.media-left-termine, .media-termine > .pull-left { padding-right: 15px; }
.media-left-termine, .media-body-termine { display: table-cell; vertical-align: top; }
@media (max-width: 669px) { .media-object-termine { width: 50px; height: 50px; } }

/* Speisekarten */
.sk-wrapper { margin: 20px 0; width: 100%; }
.sk-title { display: inline; font-size: 1.375rem; font-weight: 400; margin-bottom: 10px; }
.sk-price { display: inline; float: right; text-align: right; font-size: 1.125rem; font-weight: 400; margin-top: 0.5rem; }
.sk-pricevegetarisch { width: 120px; min-height: 55px; background-image: url(/pic/vegetarisch.png); background-repeat: no-repeat; background-position: left top; display: inline; float: right; text-align: right; font-size: 1.125rem; font-weight: 400; margin-top: 0.5rem; }
.sk-pricevegan { width: 120px; min-height: 55px; background-image: url(/pic/vegan.png); background-repeat: no-repeat; background-position: left top; display: inline; float: right; text-align: right; font-size: 1.125rem; font-weight: 400; margin-top: 0.5rem; }
.sk-desc { width: 80%; margin-bottom: 20px; font-size: 1.125rem; font-weight: 300; line-height: 1.5; }
.sk-wrapper-aktion { margin: 0 10px 0 0; }
.sk-title-aktion { display: inline; text-align: left; font-size: 1.125rem; font-weight: 400; margin-bottom: 10px; }
.sk-price-aktion { display: inline; float: right; text-align: left; font-size: 1.0rem; font-weight: 300; margin-top: 0rem; }
.sk-desc-aktion { width: 80%; margin-bottom: 10px; font-size: 1.0rem; font-weight: 300; line-height: 1.25; }
p.aktion { margin: 10px 0 0 0; font-size: 18px; font-size: 1.125rem; font-weight: 500; line-height: 1.5; }
hr.aktion { margin: 0; }
.lead-aktion { margin-bottom: 20px; font-size: 18px; font-size: 1.125rem; font-weight: 400; line-height: 1.5; }

#services { background-color: rgb(250,243,219); padding: 50px 0; border-top: 1px solid #e0e0e0; }
.team { background-color: #fff; padding: 50px 0; }
#services .backhotel { border-top: 6px solid #496648; background-color: #fff; padding-top: 0px; }
#services .backaktion { border-top: 6px solid #d0141b; background-color: #fff; padding-top: 0px; }
#services .backtisch { border-top: 6px solid #41a62a; background-color: #fff; padding-top: 0px; }

/* MYCARD */
.mycard { background-color: #fff; height: 100%; }
.mycard-heading { padding: 10px 15px; font-size: 20px; font-size: 1.25rem; font-weight: 500; border-bottom: 1px solid #ddd; }
.mycard-img { padding: 0px; }
.mycard-img img { width: 100%; height: auto; }
.mycard-body { font-size: 16px; font-size: 1.0rem; padding: 15px; }
.mycard-body strong { font-weight: 500; }
.mycard-footer { font-size: 16px; font-size: 1.0rem; padding: 15px; border-top: 1px solid #ddd; }
.mycard-footer a { font-size: 16px; font-size: 1.0rem; font-weight: 400; text-decoration: none; }
.bottomdist { margin-bottom: 20px; }
/*@media (min-width:669px) { .mycard-body { min-height: 102px; } }*/

#information {
background: url(../images/estate.jpg) no-repeat center center fixed; 
display: table;
height: 800px;
position: relative;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#information .panel {
opacity: 0.85;
}
/* GoogleMap
-------------------------------------------------- */
#google-map-canvas { width: 100%; height: 400px; margin: 0; padding: 0; border: 0; }

footer { padding: 20px 0; background-color: #496648; color: #fff; }
footer a { color: #fff; }
footer a:hover { color: #999; }
footer .glyphicon {
color: #333333;
font-size: 60px;
}
footer .glyphicon:hover {
color: #306d9f;
}

@font-face {
 font-family: 'weather';
 src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
 src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
 url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
 font-weight: normal;
 font-style: normal;
}

i {
 font-family: 'weather';
 font-size: 3.0rem;
 display: inline;
 font-weight: normal;
 font-style: normal;
 text-transform: none;
 line-height: 100%;
 color: #777;
}

.temp { font-size: 1.125rem; }

.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }