/*!
Theme Name: Landhaus
Theme URI: http://underscores.me/
Author: Manuel Michaelis
Author URI: http://www.web2-design.eu
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: landhausvilla
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Landhaus is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
@import url(css/normalize.css );
@import url(css/forms.css );
@import url(css/typography.css );
@import url(css/elements.css );
@import url(css/links.css );
@import url(css/accessibility.css );
@import url(css/alignments-clearins-widgets.css );
@import url(css/accordion.css );
@import url(css/contactform.css );
@import url('https://fonts.googleapis.com/css?family=Raleway|Roboto:100i,300,300i,400');
/* Farben
#f9f8e6 GELB
#ca8c0b Braun
#c3ca0b Grün
*/

.su-column {margin: 0 2.5% 0 0 !important;}
.tab-icon {font-weight: bold; color: #ca8c0b;}
.tab-icon .fa{font-size: 120%;}

.su-tabs-style-default{background: #c3ca0b !important;}
.su-tabs-nav span{color: #ca8c0b !important; font-weight: bold;}
/*==================================================
	TYPO
==================================================*/
body,
button,
input,
select,
optgroup,
textarea {font-family: 'Raleway', sans-serif; color: #383838; letter-spacing: 0.1rem;}
h1{font-family: 'Roboto', sans-serif; font-size: 130%; font-style: italic; color: #ca8c0b; text-transform: uppercase;}
h2{font-size: 115%; text-transform: uppercase; color: #c3ca0b;}
/*==================================================
	LAYOUT
==================================================*/
html, body {
  height: 100%;
}
body{
	background-image: url(images/landhausvilla-bg.jpg);
	background-size:cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
}
#wrapper{
	position: relative;
	float: none;
	max-width: 114rem;
	background: #f9f8e6;
	margin: 0 auto;
}
#page{
	position: relative;
	float: none;
	max-width: 100%;
	min-height: 100%;
  	height: auto !important;
  	height: 100%;
	margin: 0 auto;
}
#masthead{
	position: relative;
	float: left;
	width: 100%;
	height: 20.5rem;
}
.site-branding{
	position: relative;
	float: left;
	width: 100%;
	height: auto;
}
.headerimage{
	position: relative;
	float: left;
	width: 56%;
	height: auto;
	padding-top:2rem;
	z-index: 10000;
}
.headerimage a{line-height: 0 !important;}
.site-description{
	display: table;
	position: relative;
	float: left;
	width: 44%;
	height: 100%;
	font-size: 2vw;
	color: #ca8c0b;
	text-align: center;
	padding-top:2rem;
	margin: 0;
}
.site-description .ferien{
	display: table-cell;
	position: relative;
	float: none;
	width: 100%;
	font-family:'Roboto', sans-serif;
	font-style: italic;
	vertical-align: middle;
	margin: 0 auto;
	padding-top: 3.5rem;
}
.site-description .f1,
.site-description .f2{
	display: block;
	position: relative;
	float: left;
	width: 100%;
	line-height: 110%;
}
.site-description .f2{
	letter-spacing: 0.6vw;
	padding-left: 0.35vw;
}
#site-navigation{
	position: relative;
	float: left;
	width: 100%;
	height: 5rem;
	border-top: 2px solid #c3ca0b;
	border-bottom: 2px solid #c3ca0b;
	z-index:5;
}
#content{
	position: relative;
	padding: 0 3rem;
}

/*--------------------------------------------------------------
	SEITEN
--------------------------------------------------------------*/
.page-id-43 .entry-title{
	display: none;
}
#primary{
	position: relative;
	float: left;
	width: 100%;
	padding-top: 5rem !important;
}
/* IMPRESSUM */
.zusatz{font-size: 80%; color: grey; padding-left: 1rem;}
.source{font-size: 79%; color: grey; text-align: center;padding: 3rem 0;}
.wert a{color: #c3ca0b; text-decoration: none;}
/* FUSSZEILE */
#colophon{
	position: relative; 
	float: left; 
	width: 100%; 
	text-align: center;
	height: 4rem;
	background: #c3ca0b;
	border-top: 2px solid #ca8c0b;
	padding-top: 1rem;
	margin-bottom: 2rem;
}
#colophon a{text-decoration: none;}
.site-info{width: 100%; text-align: center; color: #f9f8e6;}
.site-info a{color: #f9f8e6;}
.adrblock{position: relative; max-width: 70rem; padding-bottom: 1.5rem; margin: 0 auto;}
.f-box{display: inline; position: relative; margin-left: 3rem; text-align: center; white-space: normal;}
.fa{font-size: 150%;margin-right: 1rem;}
.menu-toggle, .skip-link, #site-navigation-small-top{display: none;}
.f-box a:visited{color:white;}
.fb{display: inline; position: relative; margin-left: 5rem; text-align: center; white-space: normal;}
.fbb{position: relative; width: 12px; height: 12px; background-image:url(images/fb.png)}

/* UBERMENU */

#ubermenu-nav-main-3-menu-1 .ubermenu-target{margin: 0 !important; padding: 8px 20px !important;}
.ubermenu-submenu-align-full_width, .ubermenu-widget-area{margin: 0; padding: 0;}
#media_image-2{margin-bottom: 0 !important; padding-bottom: 0 !important;}
.ubermenu-row-id-671, .ubermenu-row-id-810, .ubermenu-row-id-792, .ubermenu-row-id-1028{border-top: 2px solid #ca8c0b !important; border-bottom: 2px solid #ca8c0b !important; margin-bottom: 0 !important;}
.ubermenu-row ul{text-align: center; border-top: 2px solid #ca8c0b;}
.submenue{width: 10.5% !important; text-align: center; padding: 0.5rem 0 !important;}
.submenue .ubermenu-target{margin: 0 !important; padding: 0 !important;}
.ubermenu-row li a{color:#ca8c0b; font-size: 110%; text-align: center; letter-spacing: 0.2rem;}
.ubermenu-row li a:hover{color:#c3ca0b;}
.ubermenu-row li a:active{color:#c3ca0b !important;}
.ubermenu .ubermenu-row {margin-bottom: 0 !important; clear: both;}
/*--------------------------------------------------------------
	AUSBLENDEN
--------------------------------------------------------------*/
.post-navigation{display: none;}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
	margin-top: 5rem;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

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

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

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

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

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

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

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

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

.gallery-caption {
	display: block;
}