/*
Theme Name: scheunecafe
Theme URL: scheunecafe.de
Description: Simpless Theme ohne Nachladerei von dritter Seite
Version: 1.0
Author: Flo
Author URL: datenkollektiv.net
Tags: datenkollektiv
*/



@font-face {
    font-family: 'SuisseRegular';
    src: url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.eot');
    src: url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.eot#iefix') format('embedded-opentype'),
         url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.woff2') format('woff2'),
         url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.woff') format('woff'),
         url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.ttf') format('truetype'),
         url('fonts/SuisseIntl-Regular-Web/S/SuisseIntl-Regular-WebS.svg') format('svg');
}

@font-face {
    font-family: 'SuisseSemiBold';
    src: url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.eot');
    src: url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.eot#iefix') format('embedded-opentype'),
         url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.woff2') format('woff2'),
         url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.woff') format('woff'),
         url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.ttf') format('truetype'),
         url('fonts/SuisseIntl-SemiBold-Web/S/SuisseIntl-SemiBold-WebS.svg') format('svg');
}

@font-face {
    font-family: 'SuisseLight';
    src: url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.eot');
    src: url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.eot#iefix') format('embedded-opentype'),
         url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.woff2') format('woff2'),
         url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.woff') format('woff'),
         url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.ttf') format('truetype'),
         url('fonts/SuisseIntl-Light-Web/S/SuisseIntl-Light-WebS.svg') format('svg');
}

@font-face {
    font-family: 'SuisseLightItalic';
    src: url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.eot');
    src: url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.eot#iefix') format('embedded-opentype'),
         url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.woff2') format('woff2'),
         url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.woff') format('woff'),
         url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.ttf') format('truetype'),
         url('fonts/SuisseIntl-LightItalic-Web/S/SuisseIntl-LightItalic-WebS.svg') format('svg');
}

@font-face {
    font-family: 'SuisseRegularItalic';
    src: url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.eot');
    src: url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.eot#iefix') format('embedded-opentype'),
         url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.woff2') format('woff2'),
         url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.woff') format('woff'),
         url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.ttf') format('truetype'),
         url('fonts/SuisseIntl-RegularItalic-Web/S/SuisseIntl-RegularItalic-WebS.svg') format('svg');
}


/*
blogweite Einstellungen - versteckte Elemente etc.
*/

.comments,.date,.author {display: none;}


* {padding: 0; margin:0;font-style:normal;font-variant:normal;font-weight:normal;text-decoration:none;}
*:focus{outline:none;}
strong {font-family:'SuisseSemiBold';}

li {list-style:none;}

html {
     margin: 0 auto !important;
    background-color:#e9e3d9;
		padding: 0;
}

a{color:black;}

p{hyphens:auto;-moz-hyphens: auto;}

body{
    font-family:'SuisseLight';
    font-size:17px;
    letter-spacing: 0.1em;	
    line-height: 27px;	
    color: black;
    height:100%;
    background-color:#e9e3d9;
    text-align: center;
}

parkplatz {		padding-left:5%; padding-right:5%;
}

img {max-width: 100%; margin-top:30px; margin-bottom:30px;text-align:center;}

.header, .content, .tabelle {margin:0;}
.content {padding-top: 100px;
		padding-left:5%; padding-right:5%;
}

.subtext {right:0px; left:0px; letter-spacing: 6px;font-size:12px; text-transform: uppercase;line-height: 23px;}
#subtitle {margin-bottom:0px;text:align_left;margin-left:5%; margin-right:5%:}


#geoeffnet {letter-spacing: 0.327em !important;max-width: 604px; margin: 20px auto; margin-top:-px;text-align: left;}
.entry {max-width: 604px; margin: 0 auto; text-align: left;}
.header img {margin-bottom: 10px; text-align:left;}

h2 
{margin: 0 auto; text-align:left;font-family:'SuisseRegular';font-size:22px;line-height: 34px;letter-spacing: 0.07em;max-width:604px;margin-bottom:20px;margin-top:52px;padding-top:25px;}



.anker {margin-top:-50px;margin-bottom:50px;color:transparent;line-height:0px;}


.header {
position:fixed;
 margin: 0 auto; // Will not center vertically and won't work in IE6/7.
top: 0px;
left: 0px;

width: 100vw !important;
		top: 0px;
    background-color:#e9e3d9;
    z-index: 999;
    -webkit-transition: height 0.7s;
    -moz-transition: height 0.7s;
    -ms-transition: height 0.7s;
    -o-transition: height 0.7s;
    transition: height 0.7s;
    display: inline-block;
    text-align:left;
}

.header img.logo {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
		max-height:30px;
    margin-top: 20px;
		margin-bottom: 20px;
    margin-left:5%;
    max-width: 75%;
}
.header.smaller {
		min-height: 0px;
}

.header.smaller p#subtitle {
		font-size:0px;
		margin-bottom:0px;
		line-height:0px;
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
}

.header.smaller img {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
		margin-bottom: 20px;
}

.menu-main-container a {
    font-family:'SuisseSemiBold';
    letter-spacing: 0.4em;
    color: white;
		display:none;
    text-decoration: none;
    text-transform: uppercase;
    margin-right:-0.4em;
}

li.active a, a:hover {color:#ee0707;}


.page {max-width: 604px; margin: 0 auto; text-align: left; font-family:'SuisseLight';letter-spacing:0.1em;}

/*Format Auftaktext*/

#post-16 
{font-family:'SuisseRegular';font-size:20px;line-height: 32px;letter-spacing: 0.07em;padding-bottom:10px;}

#post-16 em {font-family:'SuisseRegularItalic';}
#post-16 .post-header {display: none;}

/*Formatierungen der Speisekarte:*/

li.fdm-section-header ul {display:none;}
.fdm-menu-shortcode {max-width:604px;margin:0 auto;}
.fdm-section-header {list-style: none; border-bottom:10px;position:relative;}
.fdm-section-header h3 {font-family:'SuisseSemiBold'; font-size:15px;color: #ee0707; text-transform: uppercase;letter-spacing:0.3em;padding-bottom:13px;}
.fdm-section-header img {margin:1px 0; margin-left: 8px;}
.fdm-item-title {font-size:24px;font-family:'SuisseRegular';letter-spacing:0.07em;font-weight:normal;margin-bottom:10px;line-height: 38px;}
.fdm-item-panel {margin-bottom: 15px;}
.fdm-item-price {font-family:'SuisseLightItalic';padding-top:5px;}
.list {
    display:none; 
    height:auto !important;
		width:100%;
    margin:0;
    float: left;
		padding-top:7px;
		padding-bottom:7px;
}
.show {
    display: none; 
}
.hide:target + .show {
    display: inline; 
    height:auto !important; 
}
.hide:target {
    display: none; 
}
.hide:target ~ .list {
    display:inline; 
    height:auto !important; 
}



/*Formular Reservierungen:*/


/*------------------------------------------------*/
/*-----------[Fast Secure Contact Form]-----------*/
/*------------------------------------------------*/

/* Alignment DIVs */
.fscf-div-form              { width:100%; }
.fscf-div-left-box          { float:left; width:100%; }
.fscf-div-right-box         { float:left; width:0px; }
.fscf-div-clear             { clear:both; width:100%; }
.fscf-div-field-left        { clear:left; float:left; width:100%; }
.fscf-div-field-prefollow   { clear:left; float:left; width:100%; }
.fscf-div-field-follow      { float:left; padding-left:0px; width: 100%; }
.fscf-div-label             { width:100%; float:left; clear:left; text-align:left; padding-top:7px; padding-right:10px; }
.fscf-div-field             { width:100%; text-align:left; float:left; line-height:30px;background-color:#F7EFEF;}
.fscf-div-captcha-sm        { float:left; width:162px; height:50px; padding-top:5px; }
.fscf-div-captcha-m         { float:left; width:362px; height:65px; padding-top:5px; }
.fscf-image-captcha         { border-style:none; margin:0; padding:0px; padding-right:5px; float:left; }
.fscf-image-captcha-refresh { border-style:none; margin:0; padding:0px; vertical-align:bottom; }
.fscf-div-submit            { width: 100%; float:left; clear:left; text-align:left; padding-top:30px;}
.fscf-fieldset              { border:0; width:99%; max-width:450px; padding:10px; }


/* Styles of labels, fields and text */
.fscf-required-indicator { text-align:left; }
.fscf-required-text      { text-align:left; }
.fscf-hint-text          { font-size:x-small; font-weight:normal; }
.fscf-div-error          { text-align:left; color:red; }
.fscf-div-redirecting    { text-align:left; }
.fscf-fieldset-field     { border:0; width:97%; max-width:500px; padding:10px; }
.fscf-label              { text-align:left;background-image:'images/scafe-karte-closed.png';   }
.fscf-option-label       { display:inline; }
.fscf-input-text         { background-color:#F7EFEF;text-align:left; margin:0; width:99%; max-width:4000px; font-family:'SuisseRegular';font-size:24px;line-height: 37px;letter-spacing: 0.07em; }
.fscf-input-captcha      { text-align:left; margin:0; width:50px; }
.fscf-input-textarea     { background-color:#F7EFEF;text-align:left; margin:0; width:99%; max-width: 500px; height:80px; font-family:'SuisseRegular';font-size:24px;line-height: 37px;letter-spacing: 0.07em; }
.fscf-input-select       { background-color:#F7EFEF;text-align:left; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border:none; padding-top: 4px;padding-left: 4px;color: #BFB9B8;
													 font-family:'SuisseRegular';font-size:24px;letter-spacing: 0.07em;}

/* background-color: rgba(255, 255, 255, 0.4)}*/
.fscf-input-checkbox     { width:22px; height:32px; }
.fscf-input-radio        { width:22px; height:32px; }
.fscf-button-submit      { cursor:pointer; margin:0; background-color:#e9e3d9; color: black; font-family:'SuisseSemiBold'; font-size:15px;margin-top:5px;padding:0;width:45%;text-align: left;}
.fscf-button-reset       { cursor:pointer; margin:0; background-color:#e9e3d9; color: black; font-family:'SuisseSemiBold'; font-size:15px;margin-top:5px;padding:0;text-align: left;}
.fscf-button-submit:focus      { cursor:pointer; margin:0; background-color:#e9e3d9; color: black; font-family:'SuisseSemiBold'; font-size:15px;margin-top:5px;padding:0;width:45%;text-align: left;}
.fscf-button-reset:focus       { cursor:pointer; margin:0; background-color:#e9e3d9; color: black; font-family:'SuisseSemiBold';font-size:15px;margin-top:5px;padding:0;text-align: left;}

.fscf-button-vcita       { text-decoration:none; display:block; text-align:center; background:linear-gradient(to bottom, #ed6a31 0%, #e55627 100%); color:#fff !important; padding:8px; }
.fscf-button-div-vcita   { border-left:1px dashed #ccc; margin-top:25px; padding:8px 20px; }
.fscf-powered-by         { font-size:x-small; font-weight:normal; padding-top:5px; text-align:center; }

/* Anpassungen Flo fscf */
#FSContact1 {margin-top:20px;}

textarea:focus, input:focus, textarea, input {
    outline: none; border:none;
    color: #bfb9b8;
    font-size:25px;
		letter-spacing:0.07em;
		padding: 3px;
}

#fcsf_submit1 {background-color:#e9e3d9;}

.fscf-input-text {line-height: 30px; max-width:700px; width:100%;}

.fscf-div-field{ background-color:#F7EFEF;text-align:left; margin:0; width:99%; max-width:4000px; font-family:'SuisseRegular';font-size:24px;line-height: 37px;letter-spacing: 0.07em;color:#bfb9b8;}
/* Placeholder Style - WebKit browsers - Safari, Chrome */
::-webkit-input-placeholder { opacity:0.6; color: #bfb9b8; }

/* Placeholder Style - Mozilla Firefox 4 - 18 */
:-moz-placeholder { opacity:0.6; color: #bfb9b8; }

/* Placeholder Style - Mozilla Firefox 19+ */
::-moz-placeholder { opacity:0.6; color: #bfb9b8; }

/* Placeholder Style - Internet Explorer 10+ */
:-ms-input-placeholder { opacity:0.6; color: #bfb9b8; }


/* Formatierung Kontaktseite*/
#contact {text-align:justify;}
#contact-left, #contact-right {width:300px; min-height:500px;display: inline-block;vertical-align:top;}
#contact-map-text {vertical-align:bottom;margin-top:20px;}

/*Footer*/
.footer {background-color:#2c2d33;min-h:100%;margin-top:20px;padding-top:30px;padding-bottom:30px;width:100%;}
.footer * {color:white; text-align:left;}
.tabelle {
    display: table;
    width: 100%;
    table-layout:fixed;
		text-align:justify;
}

.footer .tabelle {font-family: "SuisseLight"; line-height: 25px; margin-left:5%;}

#footer_right {font-size: 12px; letter-spacing: 0.3em; line-height: 25px;}

.zelle {
    
		text-align:left;
		vertical-align:top;
    border: 0;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

#wpgmza_map {width: 100% !important;}

.zz{letter-spacing: 0.3em; } 


 /* Menugrafik */
#menuImg {float:right; height:25px;margin-top:22px;max-width:8% !important;margin-right:5%;}


 /* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */   
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    background-color:#2c2d33;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    width: 100%; /* 100% width */
    text-align: left; /* Centered text/links */
    padding-left:5%;
    padding-right:5%;
}


.overlay p {
		text-transform:uppercase;
		color: white;
		padding: 8px;
}

/* The navigation links inside the overlay */
.overlay a, .overlay a:visited {
    padding: 8px;
    text-decoration: none;
    color: white;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color:#ee0707;;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 40px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}