/*
Theme Name: Longhorn
Theme URI: http://www.longhorn.de/
Author: OLShop AG
Version: 1.0
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body,
a,
input,
textarea,
select {
  font-family: 'Open Sans Condensed', sans-serif;
}
a {
  color: #0056a4;
}
body {
  background-color: #f5c15b;
}
.header {
  text-align: left;
  width: 100%;
  background-image: url("img/header.jpg");
  background-repeat: no-repeat;
  background-position: center top;
  border-bottom: 15px solid #333;
  height: 281px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.header > div:first-child {
  margin: 0 auto;
  width: 980px;
  position: relative;
}
.header > div:first-child #menu-kopfmenue {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 52px;
  padding-top: 12px;
  font-size: 16px;
}
.header > div:first-child #menu-kopfmenue a {
  color: #222;
  text-transform: uppercase;
  text-decoration: none;
}
.header > div:first-child #menu-kopfmenue a:hover {
  text-decoration: underline;
}
.header > div:first-child #menu-kopfmenue li {
  display: inline-block;
}
.header > div:first-child #menu-kopfmenue li.current_page_item a {
  text-decoration: underline;
}
.header > div:first-child #menu-kopfmenue li:last-child:before {
  content: "|";
  display: inline-block;
  width: 18px;
  text-align: center;
}
.header > div:first-child .schild {
  position: absolute;
  right: 0;
  top: 0;
  background-image: url("img/schild.png");
  background-repeat: no-repeat;
  background-position: center top;
  width: 264px;
  height: 208px;
  padding-top: 64px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 18px;
  overflow: hidden;
  text-shadow: -2px -2px 3px #e6e6e6;
}
.header > div:first-child .schild .textwidget {
  white-space: pre;
}
.content {
  background-color: #fff;
  margin: 0 auto;
  width: 980px;
}
.panel-grid {
  width: 100%;
  text-align: left;
  margin-bottom: 0 !important;
  font-size: 18px;
  line-height: 24px;
}
.panel-grid .widget-title,
.panel-grid h1,
.panel-grid h2 {
  font-size: 48px;
  padding-top: 28px;
  padding-bottom: 28px;
}
.panel-grid .textwidget p {
  padding-bottom: 28px;
}
.panel-grid .textwidget strong {
  font-weight: bold;
}
.kontakt blockquote p {
  padding-left: 28px;
  background-image: url("img/location.png");
  background-position: left top;
  background-repeat: no-repeat;
}
.kontakt blockquote p:last-child {
  background-image: url("img/tel.png");
}
.panel-row-style-texture,
.panel-row-style.texture {
  background-image: url("img/texture.gif");
}
.panel-row-style-texture,
.panel-row-style.texture2 {
  background-image: url("img/texture2.jpg");
}
.panel-row-style-grau,
.panel-row-style.grau {
  background-color: #e6e6e6;
}
.panel-row-style-grau,
.panel-row-style.weiss {
  background-color: #fff;
}
.panel-grid .mittagskarte blockquote,
.panel-grid .speisekarte blockquote {
  padding-top: 28px;
  color: #0056a4;
  border-bottom: 4px solid #0056a4;
  font-size: 28px;
  margin-bottom: 28px;
}
.panel-grid .mittagskarte blockquote p,
.panel-grid .speisekarte blockquote p {
  padding-bottom: 7px;
}
.panel-grid .mittagskarte blockquote strong,
.panel-grid .speisekarte blockquote strong {
  font-weight: normal;
  font-size: 48px;
  color: #222;
  display: inline-block;
  margin-right: 60px;
}
.speisekarte > .panel-grid-cell:last-child > div {
  display: none;
}
.speisekarte > .panel-grid-cell:last-child > div:first-child {
  display: block;
}
.menu-hauptmenue-container {
  display: table;
  margin-top: -60px;
  z-index: 1;
  width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.menu-hauptmenue-container ul {
  display: table-row;
}
.menu-hauptmenue-container ul li {
  display: table-cell;
  text-align: center;
  line-height: 60px;
}
.menu-hauptmenue-container ul li a {
  text-transform: uppercase;
  font-size: 30px;
  text-decoration: none;
  text-shadow: 0 0 4px #fff;
  color: #222;
  font-weight: bold;
}
.menu-hauptmenue-container ul li a:hover {
  color: #f00;
}
.panel-grid .klein {
  font-size: 14px;
}
.panel-grid .speisekarte {
  font-size: 24px;
  line-height: 28px;
}
.panel-grid .speisekarte > .panel-grid-cell:last-child > div {
  display: none;
}
.panel-grid .speisekarte > .panel-grid-cell:last-child > div:first-child {
  display: block;
}
.panel-grid .speisekarte .seite li {
  display: block;
  text-align: right;
  padding-bottom: 28px;
  overflow: hidden;
}
.panel-grid .speisekarte .seite strong {
  font-weight: normal;
  float: left;
}
.panel-grid .speisekarte .seite em {
  clear: both;
  float: left;
  font-size: 16px;
  text-align: left;
}
.panel-grid .speisekarte .menu ul {
  padding-bottom: 28px;
}
.panel-grid .speisekarte .menu li {
  border-bottom: 4px solid #fff;
  padding-top: 7px;
  padding-bottom: 7px;
}
.panel-grid .speisekarte .menu li:first-child {
  padding-top: 0;
}
.panel-grid .speisekarte .menu li.active {
  border-color: #0056a4;
}
.panel-grid .speisekarte .menu li.active a {
  color: #0056a4;
}
.panel-grid .speisekarte .menu li a {
  text-decoration: none;
  color: #222;
}
.panel-grid .speisekarte .menu li a:hover {
  text-decoration: underline;
}
.panel-grid .reiter {
  background-image: url("img/logoreiter.png");
  background-position: top right;
  background-repeat: no-repeat;
}
.panel-grid .mittagskarte {
  font-size: 24px;
  background-image: url("img/logoreiter.png");
  background-position: top right;
  background-repeat: no-repeat;
  line-height: 28px;
}
.panel-grid .mittagskarte ul {
  font-size: 24px;
  vertical-align: top;
}
.panel-grid .mittagskarte ul > li {
  border-bottom: 1px dotted #222;
  padding-bottom: 14px;
  margin-bottom: 14px;
}
.panel-grid .mittagskarte ul > li > strong {
  width: 19%;
  display: inline-block;
}
.panel-grid .mittagskarte ul ol {
  counter-reset: li;
  display: inline-block;
  vertical-align: top;
  width: 80%;
}
.panel-grid .mittagskarte ul ol li {
  text-align: right;
}
.panel-grid .mittagskarte ul ol strong:before {
  content: counter(li) ". ";
  counter-increment: li;
}
.panel-grid .mittagskarte ul ol strong {
  float: left;
}
.panel-grid .mittagskarte strong {
  font-weight: normal;
}
form div.wpcf7-response-output {
  margin: 0;
  padding: 0;
}
form div.wpcf7-validation-errors {
  border: 0;
  color: #f00;
  padding-bottom: 28px;
}
form p:empty {
  display: none;
}
form span.wpcf7-not-valid-tip {
  display: none;
}
form input[type=text],
form input[type=email],
form textarea {
  border: 1px solid #222;
  font-size: 18px;
  padding-left: 7px;
  margin-bottom: 7px;
  width: 48%;
}
form textarea {
  float: right;
  height: 142px;
  margin-top: -1px;
}
form input[type=submit] {
  clear: both;
  float: right;
  background-color: #fff;
  border: 1px solid #222;
  font-size: 18px;
  padding: 7px;
}
.widget_sow-google-map {
  background-color: #fff;
  padding: 2px;
}
.footer {
  border-top: 15px solid #333;
  font-size: 18px;
  line-height: 24px;
}
.footer > div {
  background-image: url("img/logoreiterklein.png");
  background-position: 330px center;
  background-repeat: no-repeat;
  width: 980px;
  margin: 0 auto;
  padding-top: 28px;
  padding-bottom: 28px;
}
.footer > div:after {
  display: block;
  content: " ";
  clear: both;
}
.footer > div .textwidget {
  width: 50%;
  float: right;
  white-space: pre-wrap;
}
.mittagskarte .textwidget > ol {
  text-align: right;
}
.mittagskarte .textwidget > ol > li {
  border-bottom: 1px dotted #222;
  padding-bottom: 14px;
  margin-bottom: 14px;
  overflow: hidden;
}
.mittagskarte .textwidget > ol > li > strong {
  text-align: left;
  float: left;
}
.mittagskarte.special ul > li > strong {
  font-weight: normal;
  width: 100%;
  text-align: left;
  color: #0056a4;
}
.mittagskarte.special ul > li > ol {
  width: 100%;
}
.mittagskarte.special ul > li > ul > li strong {
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: left;
  font-weight: normal;
  color: #000;
}
.mittagskarte.special ul > li {
  text-align: right;
  color: #000;
}
.mittagskarte.special ul > li li {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #000;
}
.hearth {
  color: #c62828;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  transform: rotate(-20deg);
  display: inline-block;
}
.hearth small {
  font-size: 65%;
  -webkit-transform: rotate(40deg) translateY(7px);
  -moz-transform: rotate(40deg) translateY(7px);
  -o-transform: rotate(40deg) translateY(7px);
  -ms-transform: rotate(40deg) translateY(7px);
  transform: rotate(40deg) translateY(7px);
  display: inline-block;
}