/* Generated by Font Squirrel (https://www.fontsquirrel.com) on June 7, 2016 */
/*
 * beige = color:#fbf9f2;
 * darkgrey = color:#2c2e30;
 * gold = color:#857843;
 */
@font-face {
    font-family: 'english_towneregular';
    src: url('englishtowne-webfont.woff2') format('woff2'),
         url('englishtowne-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Roboto';
    src: url('/fonts/roboto-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body {
    font-family: 'Roboto', sans-serif;
    font-size:1em;
     background: url(../assets/bg_raute.png) repeat center center;
        -webkit-animation: fadeIn 2s;
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
h1, h2, h3 {
    color:#857843;
   font-family: 'english_towneregular';
    font-weight:500;
    text-shadow:1px 1px #2c2e30;
}
h1 {
    font-size:4em;
}
h2 {
    font-size:3.5em;
}
h3 {
    font-size:3em;
}
a {
    color:#253661;
    font-weight:100;
    transition:all 0.4s ease;
}
a:hover, a:focus {
      color:#857843;
}
p, .content ul li {
    font-size:1.6em;
    font-weight:100;
    color:#2c2e30;
}
.mobile {
    display: none;
}
.desktop {
    display:block;
}
.align_right img {
   float:right;
}
.align-center {
    text-align: center;
}
#page-1 main {
    background:url(../assets/kraimoos-rahmen.png) no-repeat center 50px ;
    padding-top:150px;
    position:relative;
}
#c68 {
  max-width: 768px;
  margin:0 auto;
  text-align:right !important;
}
.ce-div {
    border:none;
    height:30px;
    background: url(../assets/divider.png) no-repeat center center;
    background-size:auto 100%;
}
.header {
    position:relative;
}
/*email verschlüsselung*/
 .email-show::before {
     content: 'info@'
 }
  .email-show::after {
     content: 'traditionswirtshaus.de';
}
.email-hide {
    display:none;
}
/*menu*/
.mainnav {

   position:relative;
   top:200px;
}
#menu {
    margin:0 auto;
   white-space: nowrap;
}
#menu li {
    display:block;
    position:relative;
    float:left;
    width:250px;
    margin:0 10px;
}
#menu > li > a {
    padding:20px 60px 10px;
    background: url(../assets/menu_bg.png) no-repeat center center;
    font-size:2.8em;
    font-family: 'english_towneregular';
    color:#857843;
    transition:all 0.4s ease;
    text-align: center;
}
#menu > li > a:hover, #menu > li > a:focus , #menu > li.active > a{
   color:#2c2e30;
}
#menu li:hover > .submenu, #menu li:focus > .submenu, #menu li:active > .submenu {
    display:block;
    -webkit-user-select: none;
    -webkit-touch-callout: none
}
#menu .submenu  {
    display:none;
    position:absolute;
    background:rgba(251,249,242,0.8);
    padding:0;
    margin:0;
    box-shadow:none;
    width:220px;
    left:13px;
}
#menu .submenu li a {
    font-size:1.4em;
    font-weight:400;
    text-align:center;
    margin:10px 0;
    color:#857843;
    transition:all 0.4s ease;
    display:block;
}
#menu li .submenu li {
    border-bottom:1px solid #857843;
    width:200px;
}
#menu li .submenu li:last-child {
    border-bottom:none;
}
#menu li .submenu li a:hover, #menu li .submenu li a:focus {
    text-decoration: none;
     color:#2c2e30;
}
#menu .dropdown-menu li {
    background:#fbf9f2;
    padding:20px;
    color:#857843;
    display:block;
    float:none;
}
.nav_container {
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: url(../assets/header_signature_3.png) no-repeat top center;
}
.menu_btn {
    display:none;
}
.menu_btn a {
    height:50px;
    display:block;
    width:40px;
}
.menu_btn a:before, .menu_btn a:after, .menu_btn a span {
    content: '';
    width:100%;
    height:5px;
    border-radius:3px;
    background:#2c2e30;
    margin:8px 0;
    display:block;
    transition:all 0.4s ease;
}
html.mm-opened .menu_btn a:before {
    transform: rotate(45deg);
}
html.mm-opened .menu_btn a:after {
    transform: rotate(-45deg);
     margin-top:-12.5px;
}
html.mm-opened .menu_btn a span {
    display:none;
}
html.mm-opened .menu_btn a {
    margin-top:20px;
}
#mmenu li  a {
    font-size: 1.5em;
}
#mmenu .submenu {
    list-style:none;
    padding:0;
}
#mmenu .submenu li a {
    margin-left:15px;
    padding:10px;
    font-size:1.3em;
    display:block;
}
/*header*/
.quickrequest {
    background:#fbf9f2;
    padding:10px 0 5px;
    border-top:1px solid #857843;
    border-bottom:1px solid #857843;
}
.quick_request {
    float:right;
}
.request {
    padding:0;
}
.request a , .btn-default {
    display:block;
    color:#fbf9f2;
    background:#2c2e30;
    padding:5px 10px;
    text-align:center;
    transition:all 0.4s ease;
    font-size:1.4em;
}
.btn-default {
    display:inline-block;
    font-size:1em;
}
.request a:hover, .request a:focus, .btn-default:hover, .btn-default:focus {
    color:#2c2e30;
    background:#857843;
    text-decoration:none;
}
.quick_request label, .quick_request input {
    color:#2c2e30;
    font-size:1.5em;
}
.quick_request input {
    width:65%;
    line-height: 26px;
    border:1px solid #857843;
    margin-left:8px;
}
.req_label {
    font-size:3em;
    color:#857843;
    font-family: 'english_towneregular';
    text-align:right;
    margin-top:-10px;
}
.contactinfo {
    float:right;
}
.contactinfo p {
    margin:3px 0 3px 0;
}
.contact_info_inner {
    margin-top:5px;
    padding-top:5px;
    border-top:1px solid #857843;
}
/*slider homepage*/

.slider {
    height:100%;
    margin-bottom:0;
}
.slider-item {
    background-size:100% auto !important;
}
.slider .slick-dots {
   bottom:10px;
   z-index:200;
   padding-left:10px;
}
.slider .slick-dots li button {
     border:1px solid #fbf9f2;
}
.slider .slick-dots li.slick-active button {
     background:#fbf9f2;
}
.slider .slick-dots li button:before {
    display:none;
}
.imageslider .slick-dots li button:before {
    color:#857843;
}
.caption_wrap {
    position:relative;
}
.cycle-caption {
    position:absolute;
    background:#2c2e30;
    padding:15px 15px 10px 15px;
    font-weight:100;
    right:15px;
}
.cycle-caption p {
    color:#fbf9f2;
}
/*Teaser top*/
.teaser_top {
    padding:20px 0;
     background: url(../assets/teaser_WOOD.png) no-repeat center center;
    background-size:100% 100%;
    position:absolute;
    top:-10px;
    width:100%;
}
.teaser_label {
    background: url(../assets/teaser_badge.png) no-repeat center center;
    background-size:100% 100%;
    font-size:1.6em;
    line-height:1.6em;
    color:#fff;
     font-family: 'english_towneregular';
    text-align:center;
    position:absolute;
    top:-40px;
    width:250px;
    padding:30px 15px 15px;
}
.teaser_label span {
    margin-left:-18px;
    display:block;
    width:220px;
}
.teaser_label p {
    color:#fff;
}
.teaser_top_txt {
    font-size:1.8em;
    font-weight:100;
    color:#fbf9f2;
    padding-bottom:4px;
    text-align:center;
}
/*content top*/
.content_top {
    text-align:center;
    padding-top:40px;
    padding-bottom:40px;
}
.parallax_shadow {
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
    background: url(../assets/parallax_shadow.png) no-repeat center center;
    background-size:100% 100%;
}
.parallax {
    position:relative;
    height:320px;
    background-repeat:no-repeat;
    background-position:top center;
    background-size: 100% auto;
    background-attachment:fixed;
}
/*teaser bottom*/
.teaser_bottom {
    padding-top:30px;
    padding-bottom:40px;
}
.teaser_bottom .teaser_element {
    margin-top:10px;
}
.teaser_bottom_txt {
    padding:10px 15px;
    background:#2c2e30;
    margin-top:-1px;
    transition:all 0.4s ease;
}
.teaser_bottom_txt a {
    color:#fbf9f2;
    display:block;
     background: url(../assets/arrow_right_beige.png) no-repeat center right;
     background-size:contain;
     padding:10px 0;
     font-size:2em;
}
.teaser_bottom_txt:hover, .teaser_bottom_txt:focus {
    background:#857843;
}
.teaser_bottom_txt a:hover, .teaser_bottom_txt a:focus {
    text-decoration:none;
}
.teaser_element img {
    width:100%;
    height:auto;
}

/*gallery*/
.gallery-item  img {
    width:100%;
    height:auto;
    border:4px solid #857843;
}
.gallery-item {
    padding:5px;
}
.slick-prev:before, .slick-next:before {
    color:#857843;
}
/*header subpage*/
/*Table*/
.footer-wrapper table.contenttable tbody tr td {
     color:#fbf9f2;
    text-shadow:1px 1px #2c2e30;
    font-size:1.6em;
    padding:0 0 5px 0;
}
.footer-wrapper .contenttable {
    width:auto;
    margin:0 auto;
}
/*Formular*/
dl.powermail_all {
    font-size:1.5em;

}
.powermail_submit{
    color:#fbf9f2;
    background:#2c2e30;
    padding:5px 20px;
    text-align:center;
    transition:all 0.4s ease;
    display:inline-block;
    font-size:1.5em;
    border-radius:0 !important;
}
.powermail_input, .form-control, .input-group-addon {
    background:#fbf9f2;
    border:1px solid #857843;
}
.powermail_submit:hover, .powermail_submit:focus {
    color:#2c2e30;
    background:#857843;
    text-decoration:none;
}
.powermail_input_width {
    width:48.8%;
}
.powermail_label {
    font-size:1.5em;
    color:#2c2e30;
}
.input-group[class*="col-"] {
    padding-left:15px;
}
.powermail_legend {
    display:none;
}
.nl_formular .tx-powermail h3 {
    display:none;
}
.nl_formular .powermail_fieldwrap_text {
    color:#fbf9f2;
    font-size:1.6em;
    font-weight:100;
    text-shadow:1px 1px #2c2e30;
    top:0;
    left:0;
    padding:0 0 10px 0;
}
.nl_formular .powermail_label {
    color:#fbf9f2;
    font-size:1.6em;
    font-weight:100;
    text-shadow:1px 1px #2c2e30;
    padding-top:3px;
}
.nl_formular .form-group .col-md-6 {
    width:80%;
}
.nl_formular .powermail_input_width.col-md-6 {
    width:76%;
}
.nl_formular .powermail_input, .nl_formular .form-group, .nl_formular .form-group .powermail_input_width {
        margin-bottom:5px;
}
.nl_formular dl.powermail_all {
    color:#fff;
}
/*footer*/
.footer-wrapper {
       background: url(../assets/footer_bg.jpg) no-repeat center top;
       background-size:100% auto;
       font-size:1em;
       padding:40px 0 30px 0;
}
.footer-wrapper h3,  .footer-wrapper a, .footer-wrapper p {
    color:#fbf9f2;
    text-shadow:1px 1px #2c2e30;
}
.fb_link {
    width:30px;
    height:30px;
    overflow:hidden;
    background:url(../assets/facebook_ro.png) no-repeat center bottom;
    display:block;
    margin:20px auto;
    transition:none;
}
.fb_link:hover, .fb_link:focus {
    background-position:center top;
}
.meta-nav li {
    margin:10px 0 0 25px;
    float:right;
    color:#fbf9f2;
}
.meta-nav li:last-child {
    list-style:none;
}
.meta-nav li a {
    color:#fbf9f2;
}
.copy-wrapper {
    padding-bottom:10px;
}
.copy{
    color:#fbf9f2;
}
.copy a {
    color:#857843;
}
/*mediaqueries*/
@media screen and (max-width:1250px) {

}
@media screen and (max-width:1150px) {
    .nav_container {
        background-size:100% auto;
    }
    .quick_request input {
        width:100%;
    }
    .request {
        padding:26px 0 0;
    }
    .parallax {
        background-attachment:scroll;
        height:280px;
    }
}
@media screen and (max-width:1024px) {
    .mainnav {
        top:170px;
    }
     .footer-wrapper {
        background-size:auto 100%;
        padding-top:20px;
    }
}
@media screen and (max-width:850px) {
     .mainnav {
        top:140px;
    }
    #menu li {
        width:200px;
    }
    .teaser_bottom_txt a {
        font-size:1.7em;
    }
}
@media screen and (max-width:767px) {
    .menu_btn, .mobile{
    display:block;
    }
    #menu, .teaser_top, .desktop, .cycle-caption {
        display:none;
    }
    .contact_header {
        padding-top:5px;
    }
    .contact_header p {
        margin-bottom:0;
        font-size:1.4em;
    }
    .req_label {
        text-align:left;
    }
    .quick_request  {
        display:none;
    }
    .request {
        padding:5px 15px;
        width:69%;
    }
    .content_top {
        padding-top:0;
    }
    .slider .slick-dots {
        width:auto;
    }
    .parallax {
        height:180px;
    }
    .powermail_input_width {
        width:100%;
    }
    .input-group[class*="col-"] {
        padding-right:15px;
    }
    .footer-wrapper h3 {
        font-size:2.2em;
    }
    .footer-wrapper p {
        font-size:1.3em;
    }
    .footer-wrapper h3.align-center {
        text-align:right;
    }

}
@media screen and (max-width:627px) {
    .ce-media img {
        max-width:100%;
    }
}
@media screen and (max-width:375px) {

}