/* Theme Name: Hotel Ahrbella
 * Description: Theme für Hotel Ahrbella
 * Author: Arne Christiansen
 * Author URI: http://medien.codes
 * Template: genesis
 * Version: 0.1 Alpha
 */


/* # WARNING

This file is part of the core Genesis Framework. DO NOT edit this file under any circumstances. Please do all modifications in the form of a child theme.
Copy the contents of this file to the child theme. Do not use @import, as the CSS included with Genesis might change in the future.

*/

/* # Table of Contents
- Imports
- HTML5 Resetf
        - Baseline Normalize
        - Box Sizing
        - Float Clearing
- Defaults
        - Typographical Elements
        - Headings
        - Objects
        - Gallery
        - Forms
        - Tables
- Structure and Layout
        - Site Containers
        - Column Widths and Positions
        - Column Classes
- Common Classes
        - Avatar
        - Genesis
        - Search Form
        - Titles
        - WordPress
- Widgets
        - Featured Content
- Plugins
        - Genesis eNews Extended
        - Jetpack
- Site Header
        - Title Area
        - Widget Area
- Site Navigation
        - Header Navigation
        - Primary Navigation
        - Secondary Navigation
- Content Area
        - Entries
        - Entry Meta
        - Pagination
        - Comments
- Sidebars
- Footer Widgets
- Site Footer
- Media Queries
        - Retina Display
        - Max-width: 1200px
        - Max-width: 960px
        - Max-width: 800px
*/


/* # Imports
---------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);


/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ## Box Sizing
--------------------------------------------- */

*,
input[type="search"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing:    border-box;
        box-sizing:         border-box;
}

/* ## Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.footer-widgets:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
        content: " ";
        display: table;
}

.author-box:after,
.clearfix:after,
.entry:after,
.entry-content:after,
.footer-widgets:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
        clear: both;
        content: " ";
        display: table;
}


/* # Defaults
---------------------------------------------------------------------------------------------------- */

/* ## Typographical Elements
--------------------------------------------- */

body {
        background-color: #f6f2e8;
        color: #333;
        font-family: Lato, sans-serif;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.625;
        margin: 0;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition:    all 0.1s ease-in-out;
        -ms-transition:     all 0.1s ease-in-out;
        -o-transition:      all 0.1s ease-in-out;
        transition:         all 0.1s ease-in-out;
}

::-moz-selection {
        background-color: #333;
        color: #fff;
}

::selection {
        background-color: #333;
        color: #fff;
}

a {
        color: #e5554e;
        text-decoration: none;
}

a:hover {
        color: #333;
}

p {
        margin: 0 0 28px;
        padding: 0;
}

ol,
ul {
        margin: 0;
        padding: 0;
}

li {
        list-style-type: none;
}

b,
strong {
        font-weight: 700;
}

blockquote,
cite,
em,
i {
        font-style: italic;
}

blockquote {
        margin: 40px;
}

blockquote::before {
        content: "\201C";
        display: block;
        font-size: 30px;
        height: 0;
        left: -20px;
        position: relative;
        top: -10px;
}


/* ## Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
        color: #333;
        font-family: Lato, sans-serif;
        font-weight: 400;
        line-height: 1.2;
        margin: 0 0 10px;
}

h1 {
        font-size: 36px;
}

h2 {
        font-size: 30px;
}

h3 {
        font-size: 24px;
}

h4 {
        font-size: 20px;
}

h5 {
        font-size: 18px;
}

h6 {
        font-size: 16px;
}

/* ## Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
        max-width: 100%;
}

img {
        height: auto;
}

.featured-content img,
.gallery img {
        width: auto;
}

/* ## Gallery
--------------------------------------------- */

.gallery {
        overflow: hidden;
}

.gallery-item {
        float: left;
        margin: 0 0 28px;
        text-align: center;
}

.gallery-columns-2 .gallery-item {
        width: 50%;
}

.gallery-columns-3 .gallery-item {
        width: 33%;
}

.gallery-columns-4 .gallery-item {
        width: 25%;
}

.gallery-columns-5 .gallery-item {
        width: 20%;
}

.gallery-columns-6 .gallery-item {
        width: 16.6666%;
}

.gallery-columns-7 .gallery-item {
        width: 14.2857%;
}

.gallery-columns-8 .gallery-item {
        width: 12.5%;
}

.gallery-columns-9 .gallery-item {
        width: 11.1111%;
}

.gallery img {
        border: 1px solid #ddd;
        height: auto;
        padding: 4px;
}

.gallery img:hover {
        border: 1px solid #999;
}

/* ## Forms
--------------------------------------------- */

input,
select,
textarea {
        background-color: #f6f2e8;
        border: 1px solid #ddd;
        color: #333;
        font-size: 18px;
        font-weight: 300;
        padding: 16px;
        width: 100%;
}

input:focus,
textarea:focus {
        border: 1px solid #999;
        outline: none;
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
        width: auto;
}

::-moz-placeholder {
        color: #333;
        font-weight: 300;
        opacity: 1;
}

::-webkit-input-placeholder {
        color: #333;
        font-weight: 300;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
        background-color: #453e33;
        border: none;
        color: #fff;
        cursor: pointer;
        font-size: 16px;
        font-weight: 300;
        padding: 16px 24px;
        text-transform: uppercase;
        width: auto;
}

.footer-widgets button,
.footer-widgets input[type="button"],
.footer-widgets input[type="reset"],
.footer-widgets input[type="submit"],
.footer-widgets .button {
        background-color: #e5554e;
        color: #fff;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
        background-color: #453e33;
        color: #fff;
}

.entry-content .button:hover {
        color: #fff;
}

.footer-widgets button:hover,
.footer-widgets input:hover[type="button"],
.footer-widgets input:hover[type="reset"],
.footer-widgets input:hover[type="submit"],
.footer-widgets .button:hover {
        background-color: #fff;
        color: #333;
}

.button {
        display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
        display: none;
}

/* ## Tables
--------------------------------------------- */

table {
        border-collapse: collapse;
        border-spacing: 0;
        line-height: 2;
        margin-bottom: 40px;
        width: 100%;
}

tbody {
        border-bottom: 1px solid #ddd;
}

td,
th {
        text-align: left;
}

td {
        border-top: 1px solid #ddd;
        padding: 6px 0;
}

th {
        font-weight: 400;
}


/* # Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* ## Site Containers
--------------------------------------------- */

.site-inner,
.wrap {
        margin: 0 auto;
        max-width: 1280px;
}

.site-inner {
        clear: both;
        padding-top: 0px;
}

/* ## Column Widths and Positions
--------------------------------------------- */

/* ### Wrapping div for .content and .sidebar-primary */

.content-sidebar-sidebar .content-sidebar-wrap,
.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
        width: 980px;
}

.content-sidebar-sidebar .content-sidebar-wrap {
        float: left;
}

.sidebar-content-sidebar .content-sidebar-wrap,
.sidebar-sidebar-content .content-sidebar-wrap {
        float: right;
}

/* ### Content */

.content {
        float: right;
        width: 800px;
}

.content-sidebar .content,
.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content {
        float: left;
}

.content-sidebar-sidebar .content,
.sidebar-content-sidebar .content,
.sidebar-sidebar-content .content {
        width: 580px;
}

.full-width-content .content {
        width: 100%;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);


        box-shadow:
                 7px 0px 10px -7px rgba(0,0,0,0.8),
                 -7px 0px 10px -7px rgba(0,0,0,0.8);
}


}

/* ### Primary Sidebar */

.sidebar-primary {
        float: right;
        width: 360px;
}

.sidebar-content .sidebar-primary,
.sidebar-sidebar-content .sidebar-primary {
        float: left;
}

/* ### Secondary Sidebar */

.sidebar-secondary {
        float: left;
        width: 180px;
}

.content-sidebar-sidebar .sidebar-secondary {
        float: right;
}

/* ## Column Classes
--------------------------------------------- */
/* Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
        float: left;
        margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
        width: 48.717948717948715%;
}

.one-third,
.two-sixths {
        width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
        width: 65.81196581196582%;
}

.one-fourth {
        width: 23.076923076923077%;
}

.three-fourths {
        width: 74.35897435897436%;
}

.one-sixth {
        width: 14.52991452991453%;
}

.five-sixths {
        width: 82.90598290598291%;
}

.first {
        clear: both;
        margin-left: 0;
}


/* # Common Classes
---------------------------------------------------------------------------------------------------- */

/* ## Avatar
--------------------------------------------- */

.avatar {
        float: left;
}

.alignleft .avatar,
.author-box .avatar {
        margin-right: 24px;
}

.alignright .avatar {
        margin-left: 24px;
}

.comment .avatar {
        margin: 0 16px 24px 0;
}

/* ## Genesis
--------------------------------------------- */

.breadcrumb {
        margin-bottom: 20px;
}

.archive-description,
.author-box {
        background-color: #fff;
        font-size: 16px;
        margin-bottom: 40px;
        padding: 40px;
}

.author-box-title {
        font-size: 16px;
        margin-bottom: 4px;
}

.archive-description p:last-child,
.author-box p:last-child {
        margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */

.search-form {
        overflow: hidden;
}

.site-header .search-form {
        float: right;
        margin-top: 12px;
}

.entry-content .search-form,
.site-header .search-form {
        width: 50%;
}

.genesis-nav-menu .search input[type="submit"],
.widget_search input[type="submit"] {
        border: 0;
        clip: rect(0, 0, 0, 0);
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        width: 1px;
}

/* ## Titles
--------------------------------------------- */

.archive-title {
        font-size: 20px;
}

.entry-title {
        font-size: 36px;
}

.entry-title a,
.sidebar .widget-title a {
        color: #333;
}

.entry-title a:hover {
        color: #e5554e;
}

.widget-title {
        font-size: 18px;
        margin-bottom: 20px;
}

.footer-widgets .widget-title {
        color: #fff;
}

/* ## WordPress
--------------------------------------------- */

a.aligncenter img {
        display: block;
        margin: 0 auto;
}

a.alignnone {
        display: inline-block;
}

.alignleft {
        float: left;
        text-align: left;
}

.alignright {
        float: right;
        text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright {
        max-width: 100%;
}

img.centered,
.aligncenter {
        display: block;
        margin: 0 auto 24px;
}

img.alignnone,
.alignnone {
        margin-bottom: 12px;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
        margin: 0 24px 24px 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
        margin: 0 0 24px 24px;
}

.wp-caption-text {
        font-size: 14px;
        font-weight: 700;
        text-align: center;
}

.entry-content p.wp-caption-text {
        margin-bottom: 0;
}

.sticky {
}


/* # Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
        word-wrap: break-word;
}

.widget ol > li {
        list-style-position: inside;
        list-style-type: decimal;
        padding-left: 20px;
        text-indent: -20px;
}

.widget li li {
        border: none;
        margin: 0 0 0 30px;
        padding: 0;
}

.widget_calendar table {
        width: 100%;
}

.widget_calendar td,
.widget_calendar th {
        text-align: center;
}

/* ## Featured Content
--------------------------------------------- */

.featured-content .entry {

        margin-bottom: 20px;
        padding: 0 0 24px;
}

.footer-widgets .entry {
        border-bottom: 1px dotted #666;
}

.featured-content .entry-title {
        font-size: 20px;
}


/* # Plugins
---------------------------------------------------------------------------------------------------- */

/* ## Genesis eNews Extended
--------------------------------------------- */

.enews-widget,
.enews-widget .widget-title {
        color: #fff;
}

.sidebar .widget.enews-widget {
        background-color: #333;
}

.enews-widget input,
.enews-widget input:focus {
        border: 1px solid #333;
}

.enews-widget input {
        font-size: 16px;
        margin-bottom: 16px;
}

.enews-widget input[type="submit"] {
        background-color: #e5554e;
        color: #fff;
        margin: 0;
        width: 100%;
}

.enews-widget input:hover[type="submit"] {
        background-color: #fff;
        color: #333;
}

.enews form + p {
        margin-top: 24px;
}

/* ## Jetpack
--------------------------------------------- */

#wpstats {
        display: none;
}


/* # Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
        min-height: 100px;
        font-family: 'Acme';
        text-transform:uppercase;

}

.site-header .wrap {
        height:100px;
        padding: 40px 0;
        padding-top: 0;
        padding-bottom:0;
        background-color:#666;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        background:url("images/site-header.jpg");
}

/* ## Title Area
--------------------------------------------- */

.title-area {
        float: left;
        padding: 0px;
        width: 443px;
}

.header-full-width .title-area {
        width: 100%;
}

.site-title {
        font-size: 32px;
        font-weight: 400;
        line-height: 1.2;
}

.site-title a,
.site-title a:hover {
        color: #333;
}

.header-image .site-title > a {
        background: url(images/ahrbella-ahrvilla-logo.png) no-repeat left;
        float: left;
        min-height: 100px;
        width: 100%;
        background-size: contain !important;
}

.site-description {
        font-size: 16px;
        font-weight: 300;
        line-height: 1.5;
}

.site-description,
.site-title {
        margin-bottom: 0;
}

.header-image .site-description,
.header-image .site-title {
        display: block;
        text-indent: -9999px;
}

/* ## Widget Area
--------------------------------------------- */

.site-header .widget-area {
        float: right;
        text-align: right;
        /* width: 700px; */
}


/* # Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu {
        clear: both;
        font-size: 16px;
        line-height: 1;
        width: 100%;
}

.genesis-nav-menu .menu-item {
        display: inline-block;
        text-align: left;
}

.genesis-nav-menu a {
        color: #fff;
        display: block;
        padding: 45px 14px 0px;
}

.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {
        color: #ddd;
}

.genesis-nav-menu .sub-menu {
        left: -9999px;
        opacity: 0;
        position: absolute;
        -webkit-transition: opacity .4s ease-in-out;
        -moz-transition:    opacity .4s ease-in-out;
        -ms-transition:     opacity .4s ease-in-out;
        -o-transition:      opacity .4s ease-in-out;
        transition:         opacity .4s ease-in-out;
        width: 200px;
        z-index: 99;
}

.genesis-nav-menu .sub-menu a {
        background-color: #ccc4a9;
        border: 1px solid #ccc4a9;
        border-top: none;
        font-size: 14px;
        padding: 20px;
        position: relative;
        width: 200px;
}

.genesis-nav-menu .sub-menu .sub-menu {
        margin: -55px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
        position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
        left: auto;
        opacity: 1;
}

.genesis-nav-menu > .first > a {
        padding-left: 0;
}

.genesis-nav-menu > .last > a {
        padding-right: 0;
}

.genesis-nav-menu > .right {
        color: #fff;
        float: right;
        list-style-type: none;
        padding: 30px 0;
}

.genesis-nav-menu > .right > a {
        display: inline;
        padding: 0;
}

.genesis-nav-menu > .rss > a {
        margin-left: 48px;
}

.genesis-nav-menu > .search {
        padding: 10px 0 0;
}

/* ## Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
        border-top: 0px solid #eee;
}

.site-header .genesis-nav-menu > .menu-item > .sub-menu {
        padding-top:10px;
}

.site-header .sub-menu .sub-menu {
        margin-top: -55px;
}

.site-header .genesis-nav-menu li li {
        margin-left: 0;
}

/* ## Primary Navigation
--------------------------------------------- */

.nav-primary {
        background-color: #333;
}

.nav-primary .genesis-nav-menu a {
        color: #fff;
}

.nav-primary .genesis-nav-menu .sub-menu a {
        color: #333;
}

.nav-primary .genesis-nav-menu a:hover,
.nav-primary .genesis-nav-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
        color: #e5554e;
}

/* ## Secondary Navigation
--------------------------------------------- */

.nav-secondary {
/*        background-color: #fff; */
}

.nav-secondary a {
        color:#333;
        padding-top:0px;
        padding-bottom:0px;
        font-size:11px;
        text-transform:uppercase;
}

.nav-secondary a:hover {
        color:#333;
}

.nav-secondary .wrap {
        background-color:#ccc4a9;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);

}

.nav-secondary li {
        margin-top:10px;
        margin-bottom:10px;
        border-right:1px solid #333;
}
.nav-secondary li:last-child {
        border-right:0px;
}

.nav-secondary ul {
        align:center;
}
/* ## Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
        background-color: #ccc4a9;
        cursor: pointer;
        display: none;
}

.responsive-menu-icon::before {
        content: "\f333";
        display: block;
        font: normal 20px/1 'dashicons';
        margin: 0 auto;
        padding: 10px;
        text-align: center;
}


/* # Content Area
---------------------------------------------------------------------------------------------------- */


/* ## Home Page
--------------------------------------------- */


.home-middle,
.home-top {
        background-color: #ccc4a9;
        background:url("images/bg-hell.jpg");
        clear: both;
        overflow: hidden;
        padding: 60px 30px 0;
}

.home-middle .widget,
.home-top .widget {
        float: left;
        padding: 0 1.2%;
        width: 33.33333333333%;
}

.home-middle .widget:nth-of-type(3n+1),
.home-top .widget:nth-of-type(3n+1) {
        clear: left;
}

.home-middle .widget-title,
.home-top .widget-title {
        text-transform:uppercase;
        text-align:center;
        padding-top:10px;
        color:#ddd;
        font-weight:700;
        font-size:18px;
        margin-bottom:10px;
        padding-left:5px;
        padding-right:5px;
}

.home-middle .widget-wrap,
.home-top .widget-wrap  {
        background:#453E33;
}

.home-middle .widget-wrap .entry,
.home-top .widget-wrap .entry {
        background:#453E33 !important;
}


.home-middle .aligncenter,
.home-top .aligncenter {
        margin-bottom:0px;
}

.home-middle .featured-content .entry,
.home-top .featured-content .entry {
        padding-bottom:0px;
        margin-bottom:60px !important;
}

.ahrbella-home a.more-link {
        clear: both;
        display: block;
        margin: 30px 0 0;
}

.ahrbella-home .home-cta {
        background-color: #222;
        color: #ddd;
        float: left;
        padding:0px 0px;
        width: 100%;
        background:url("images/site-header.jpg");
}

.ahrbella-home .home-cta p {
        color: #ddd;
        padding:55px;
}

.ahrbella-home .home-cta .entry {
        background-color:#453e33;
        margin-bottom:0px;
        padding-bottom:0px;
        padding-top:7px;

}

.ahrbella-home .home-cta .entry-content {
        width:40%;

}

.ahrbella-home .home-cta a.more-link {
        clear:none;
        float:right;
        background:#ccc;
        color:#333;
        padding:5px 10px;
        text-transform:uppercase;
        font-weight:400;
        margin-bottom:10px;
}

.ahrbella-home .home-cta .alignleft {
        margin-bottom:0px;
}
/* ## Home Middle (aka Angebote)
--------------------------------------------- */
.home-middle a {
        margin: 0px auto;
        color:#bdf;
        text-transform:uppercase;
        font-size:16px;
}

.home-middle header {
        background:#453e33;
        color:#rgb(200,200,200);
        padding:7px;
}

.home-middle h2 {
        margin:0px;
}

.home-middle .entry-title {
        font-size:16px;
}

/* ## Entries
--------------------------------------------- */

.entry {
        margin-bottom: 40px;
        padding: 0;
        background:#fff;
}

.content .entry {
        /* background-color: #fff; */
}

.entry-content ol,
.entry-content ul {
        margin-bottom: 28px;
        margin-left: 40px;
}

.entry-content ol > li {
        list-style-type: decimal;
}

.entry-content ul > li {
        list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
        margin-bottom: 0;
}

.entry-content code {
        background-color: #333;
        color: #ddd;
}

/* ## Entry Meta
--------------------------------------------- */

p.entry-meta {
        font-size: 16px;
        margin-bottom: 0;
}

.entry-header .entry-meta {
        margin-bottom: 24px;
}

.entry-footer .entry-meta {
        border-top: 2px solid #f5f5f5;
        padding-top: 24px;
}

.entry-categories,
.entry-tags {
        display: block;
}

.entry-comments-link::before {
        content: "\2014";
        margin: 0 6px 0 2px;
}

/* ## Pagination
--------------------------------------------- */

.pagination {
        clear: both;
        margin: 40px 0;
}

.adjacent-entry-pagination {
        margin-bottom: 0;
}

.archive-pagination li {
        display: inline;
}

.archive-pagination li a {
        background-color: #333;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        padding: 8px 12px;
}

.archive-pagination li a:hover,
.archive-pagination .active a {
        background-color: #e5554e;
}

/* ## Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings {
        background-color: #fff;
        margin-bottom: 40px;
}

.comment-respond,
.entry-pings {
        padding: 40px 40px 16px;
}

.entry-comments {
        padding: 40px;
}

.comment-header {
        font-size: 16px;
}

li.comment {
        background-color: #f5f5f5;
        border: 2px solid #fff;
        border-right: none;
}

.comment-content {
        clear: both;
}

.comment-list li {
        margin-top: 24px;
        padding: 32px;
}

.comment-list li li {
        margin-right: -32px;
}

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] {
        width: 50%;
}

.comment-respond label {
        display: block;
        margin-right: 12px;
}

.entry-comments .comment-author {
        margin-bottom: 0;
}

.entry-pings .reply {
        display: none;
}

.bypostauthor {
}

.form-allowed-tags {
        background-color: #f5f5f5;
        font-size: 16px;
        padding: 24px;
}


/* # Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
        font-size: 16px;
}

.sidebar li {
        border-bottom: 1px dotted #ddd;
        margin-bottom: 10px;
        padding-bottom: 10px;
}

.sidebar p:last-child,
.sidebar ul > li:last-child {
        margin-bottom: 0;
}

.sidebar .widget {
        background-color: #fff;
        margin-bottom: 40px;
        padding: 40px;
}


/* # Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
        clear: both;
        padding-top: 0px;
}

.footer-widgets .wrap {
        background:#453e33;
        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        padding: 30px 60px;
}

.footer-widgets {
        color: #aaa;
}

.footer-widgets a {
        color: #ccc;
        text-transform: uppercase;
    font-weight: 400;
}

.footer-widgets input {
        border: 1px solid #333;
}

.footer-widgets a.button,
.footer-widgets a:hover {
        color: #fff;
}

.footer-widgets li {
        border-bottom: 1px dotted #666;
        margin-bottom: 10px;
        padding-bottom: 10px;
}

.footer-widgets .widget {
        margin-bottom: 40px;
}

.footer-widgets p:last-child {
        margin-bottom: 0;
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
        width: 340px;
}

.footer-widgets-1 {
        margin-right: 60px;
}

.footer-widgets-1,
.footer-widgets-2 {
        float: left;
}

.footer-widgets-3 {
        float: right;
}

.footer-widgets h4 {
        color:#ddd;
}




/* # Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
        font-size: 16px;
        line-height: 1;
        padding: 0px;
        text-align: center;
}

.site-footer .wrap {
        height:100px;
        background-color:#666;
        color:#999;


        -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.8);
        background:url("images/site-header.jpg");
}

.site-footer p {
        margin-bottom: 0;
        margin-top:25px;
}















/* # Dies und das
---------------------------------------------------------------------------------------------------- */

/* ## Language Flags
--------------------------------------------- */

.language-flags-container a {
        padding-left:10px;
        padding-right:10px;
}


/* ## Flexslider
--------------------------------------------- */

.flexslider li, .flex-direction-nav li {
        list-style-type: none !important;
}
.flexslider ul {
        margin-left:0px;
        margin-bottom:0px;
}


/* # Templates
---------------------------------------------------------------------------------------------------- */

/* ## Template Ferienwohnung
--------------------------------------------- */

#booking-object-slider {
        background-color: #453e33;
        border: 0px;
        margin: 0 auto;
        padding: 0px;
        position: relative;
}

.booking-object-slider-wrapper {
        width:60%;
        float:right;

}

#booking-object-slider .flex-direction-nav li a {
        bottom: 0px;
        top:auto;
        text-indent:0;
        background:#453e33;
        text-align:center;

}

#booking-object-slider .flex-direction-nav li a i {
        vertical-align: middle;
        height:40px;
}

#booking-object-slider .flex-direction-nav li a {
        font-size:1.5em;
        display:inline-block;
        width:40px;
        height:40px;
        color:#ddd;
        background:rgba(69,62,51,0.9);
}

#booking-object-slider .flex-direction-nav li a:hover {
        color:#aaa;
}

#booking-object-slider .flex-direction-nav li .prev {
        left:0px;
}

#booking-object-slider .flex-direction-nav li .next {
        left:55px;
        right:auto;
}


/* Entry */

.entry-content {
        width:100%;
        float:left;
        padding-left:40px;
        padding-right:40px;
        padding-top:60px;
        font-size:16px;
}
.entry-header {
        background:#453e33;

        padding-top:5px;
        padding-bottom:5px;
        padding-left:40px;
}

.entry-header h1 {
        color:#ccc;
}





.booking-form-wrapper {
        margin-top:0px;
        padding:10px;
}
.booking-form-wrapper form {
        width:100%;
}

.booking-form-wrapper .input-daterange input {
        width:35%;
}

.booking-info {
        background:url("images/bg-hell.jpg");
        background:#ccc4a9;
        margin-bottom:0px;
        margin-top:0px;
        height:auto;
        background:#453e33;
        overflow:auto;
}

.booking-price {
        width:100%;
        background:#ccc4a9;
        float:left;
        margin-bottom:20px;
}



/*
 * ## Template Hotel-Ahrbella
 */

.hotel-sidebar-wrapper {
        width:50%;
        float:right;
        background:#453e33;
}

.article-hotel {
        margin-bottom:0px;

/*        background:#fff; */
}
.article-hotel .entry-content {
  width:50%;
/*  background:#fff; */
}

.article-hotel .entry-header {
        background:#453e33;
        color:#999;
}

.article-hotel .entry-header h1 {
        color:#ccc;
}

.article-hotel .flexslider {
        background:#453e33 !important;
}

/*
 * ## Template Pauschalen
 */



.article-pauschale {
        margin-bottom:0px;
        background:#453e33;
}
.article-pauschale .entry-content {
  width:40%;
/*  background:#fff;*/
}

.article-pauschale .entry-header {
        background:#453e33;
        color:#999;
}

.article-pauschale .entry-header h1 {
        color:#ccc;
}

.article-pauschale .flexslider {
        background:#453e33 !important;
}

.pauschalen-info {
    margin-bottom: 0px;
    margin-top: 0px;
    height: auto;
    overflow: auto;
}

.hotel-info .one-third {
        text-align:right;
}

.pauschalen-options {
        float:left;
        width:100%;
        background:#ccc4a9;
        color:#333;
        padding:20px;
        padding-bottom:0px;
        margin-top:20px;

}

/*
 #### Ahrvilla Style
 */

.article-ahrvilla {

        margin-bottom:0px;
}

.article-ahrvilla .entry-header {
        background:#453e33;
        color:#999;
}

.article-ahrvilla .entry-header h1 {
        color:#ccc;
}

.article-ahrvilla .entry-content {
        width:40%;
}

.article-ahrvilla .booking-price,
.article-ahrvilla .booking-form-wrapper {
        background:#bacae0; /*d3dcf1;*/
}



/*
 #### Ahrbella Style
 */

.article-ahrbella {

        margin-bottom:0px;
}

.article-ahrbella .entry-header {
        background:#453e33;
        color:#999;
}

.article-ahrbella .entry-header h1 {
        color:#ccc;
}

.article-ahrbella .entry-content {
        width:40%;
}

.article-ahrbella .booking-form-wrapper {
        background:#ccc4a9;

}



/**
 *         ### Ahrvilla & Ahrbella Ferienwohnungen Uebersichtsseiten
 */
.post-6 .entry-content,
.post-8 .entry-content,
.post-25 .entry-content,
.post-609 .entry-content {
        padding:0px;
}
.post-8 .aligncenter,
.post-6 .aligncenter,
.post-25 .aligncenter,
.post-609 .aligncenter {
        margin-bottom:0px;
}



.post-6 a.more-link,
.post-8 a.more-link,
.post-25 a.more-link,
.post-609 a.more-link {
    clear: none;
    float: left;
    background: #CCC none repeat scroll 0% 0%;
    color: #333;
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom:0px;
}

.post-6 .first,
.post-8 .first,
.post-25 .first,
.post-609 .first {
        margin-right:0px;
        margin-top:0px;
        margin-bottom:0px;
}

.post-6 .text-block,
.post-8 .text-block,
.post-25 .text-block,
.post-609 .text-block {
        margin-top:40px;
}


/* Collapseomatic (used at Arrangements Ahrbella Erlebnistage)  */

h4.collapseomatic a {
        text-decoration:none;
}

h4.collapseomatic  {
        margin-bottom:0px;
}

.example {
    width: auto;
    padding: 7px;
    margin: 5px 0px 10px 0px;
    border: 1px solid #453e33;
    background:#ccc4a9;
}

.arrowright {
        background-position:right center !important;
        padding-bottom:0px;
}


/* nowrap */

.nowrap {
        white-space:nowrap;
}



/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {

        .site-inner,
        .wrap {
                max-width: 960px;
        }

        .content-sidebar-sidebar .content-sidebar-wrap,
        .sidebar-content-sidebar .content-sidebar-wrap,
        .sidebar-sidebar-content .content-sidebar-wrap {
                width: 740px;
        }

        .content,
        .site-header .widget-area {
                /* width: 620px; */
        }

        .sidebar-content-sidebar .content,
        .sidebar-sidebar-content .content,
        .content-sidebar-sidebar .content {
                width: 400px;
        }

        .footer-widgets-1,
        .footer-widgets-2,
        .footer-widgets-3,
        .sidebar-primary,
        .title-area {
                width: 443px;
        }

        .footer-widgets-1 {
                margin-right: 30px;
        }



        .ahrbella-home .home-cta .entry-content {
            width: 100%;
            padding-top:0px;
        }


        .article-ahrvilla .entry-content {
            width: 100%;

        }

        .booking-object-slider-wrapper {
    width: 100%;
    }

        /*
         * ## Template Hotel-Ahrbella
         */

        .hotel-sidebar-wrapper {
                width:100%;

        }

        .article-hotel .entry-content{
          width:100%;
        }

        .article-pauschale .entry-content {
      width:100%;
    }

}

@media only screen and (max-width: 960px) {

        .site-inner,
        .wrap {
                max-width: 800px;
        }

        .content,
        .content-sidebar-sidebar .content,
        .content-sidebar-sidebar .content-sidebar-wrap,
        .footer-widgets-1,
        .footer-widgets-2,
        .footer-widgets-3,
        .sidebar-content-sidebar .content,
        .sidebar-content-sidebar .content-sidebar-wrap,
        .sidebar-primary,
        .sidebar-secondary,
        .sidebar-sidebar-content .content,
        .sidebar-sidebar-content .content-sidebar-wrap,
        .site-header .widget-area,
        .title-area {
                width: 100%;
        }

        .site-header .wrap {
                padding: 20px 5%;
                height: 205px;
                background:url("images/site-header-205.jpg");
        }




        .header-image .title-area {
                background-position: center top;
        }

        .genesis-nav-menu li,
        .site-header ul.genesis-nav-menu,
        .site-header .search-form {
                float: none;
        }

        .genesis-nav-menu,
        .site-description,
        .site-header .title-area,
        .site-header .search-form,
        .site-title {
                text-align: center;
        }

        .genesis-nav-menu a,
        .genesis-nav-menu > .first > a,
        .genesis-nav-menu > .last > a {
                padding: 20px 16px;
        }

        .site-header .search-form {
                margin: 16px auto;
        }

        .genesis-nav-menu li.right {
                display: none;
        }

        .footer-widgets-1 {
                margin-right: 0;
        }

        .nav-secondary a {
                padding-top:0px;
                padding-bottom:0px;
        }


        .booking-form-wrapper .input-daterange input {
            width: 100%;
        }

        .booking-form-wrapper button {
                margin-top:10px;
        }


}

@media only screen and (max-width: 800px) {

        body {
                background-color: #fff;
                font-size: 16px;
        }

        .site-inner,
        .wrap {
                padding-left: 0%;
                padding-right: 0%;
        }

        .site-header .wrap {
                padding:0px;
        }

        .archive-description,
        .author-box,
        .comment-respond,
        .entry,
        .entry-comments,
        .entry-pings,
        .sidebar .widget,
        .site-header {
                padding: 0;
        }

        .archive-pagination li a {
                margin-bottom: 4px;
        }

        .five-sixths,
        .four-sixths,
        .one-fourth,
        .one-half,
        .one-sixth,
        .one-third,
        .three-fourths,
        .three-sixths,
        .two-fourths,
        .two-sixths,
        .two-thirds {
                margin: 0;
                width: 100%;
        }

        .home-top .widget,
        .home-middle .widget {
                width:100%;
                text-align:center;
        }

        .sidebar .widget.enews-widget {
                padding: 40px;
        }


        .genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
        .genesis-nav-menu.responsive-menu {
                display: none;
        }

        .genesis-nav-menu.responsive-menu .menu-item,
        .responsive-menu-icon {
                display: block;

        }

        .genesis-nav-menu.responsive-menu > .menu-item {
                position:static;
                background: #ccc4a9;
                color:#ddd;
        }
        .genesis-nav-menu.responsive-menu .menu-item:hover {
                position: static;
                background:#b5ae96;
        }

        .genesis-nav-menu.responsive-menu li a,
        .genesis-nav-menu.responsive-menu li a:hover {
                border: none;
                display: block;
                line-height: 1;
                padding: 16px;
                text-transform: none;
        }

        .genesis-nav-menu.responsive-menu .menu-item-has-children {
                cursor: pointer;
        }

        .genesis-nav-menu.responsive-menu .menu-item-has-children > a {
                margin-right: 60px;
        }

        .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
                content: "\f140";
                background:#453e33;
                float: right;
                font: normal 20px/1 'dashicons';
                height: 20px;
                padding: 12px 20px;
                right: 0;
                text-align: right;
                z-index: 9999;
        }

        .genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
                content: "\f142";
        }

        .genesis-nav-menu.responsive-menu .sub-menu {
                background-color: #ccc4a9;
                color: #222;
                border: none;
                left: auto;
                opacity: 1;
                padding-left: 20px;
                position: relative;
                width: 100%;
                z-index: 99;
        }

        .genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
                margin: 0;
                color:#222;
        }

        .genesis-nav-menu.responsive-menu .sub-menu li a,
        .genesis-nav-menu.responsive-menu .sub-menu li a:hover {
                padding: 12px 16px;
                position: relative;
                text-transform: none;
                width: 100%;
        }

        .genesis-nav-menu.responsive-menu .current-menu-item > a,
        .genesis-nav-menu.responsive-menu .sub-menu a,
        .genesis-nav-menu.responsive-menu a {

                background: none;
                color: #222;
        }

        .genesis-nav-menu.responsive-menu .sub-menu a:hover,
        .genesis-nav-menu.responsive-menu a:hover,
        .genesis-nav-menu.responsive-menu li:hover {
                background: none;
                color: #555;
        }
        .ahrbella-home .home-cta p {
                padding:0px;
                padding-top:10px;
        }

        .home-cta a.alignleft,
        .home-cta img.alignleft,
        .home-cta .wp-caption.alignleft {
                margin: 0 0px 0px 0;
    }


    .phone-color {
            color:#cc2222;
    }




}



/* WP Cloudy Anpassungen */
.location_name, .time_temperature {
font-family: Lato,sans-serif;
font-weight: 400;
line-height: 1.2;
font-size: 18px !important;
color:
}


.time_temperature::after {
        font-size: 30px !important;
        margin-left: 5px !important;
        vertical-align: middle !important;
}

#wpc-weather.small .now .time_symbol svg {
        margin-bottom:0px !important;
}


#genesis-responsive-slider {
    border: 0px solid #eee !important;
    padding: 0px !important;
}

#genesis-responsive-slider .slide-excerpt {
  width:auto;
  bottom:10%;
}

#genesis-responsive-slider .slide-excerpt-border {
  background:rgba(255,255,255,0.7);
  border:0;
  margin: 5px;
  padding: 0px !important;
}