/*
Theme Name: Vierra-child
Theme URI: http://vierra.themenesia.com
Description: Child Theme for Vierra
Author: Designesia
Author URI: http://themeforest.net/user/designesia/
Tags: brown, purple, two-columns, custom-background
Template: vierra
Version: 2.0.0
*/

@import url("../vierra/css/style.css");
/*--------------------------------------------------------------------------------------------*/
/* maven-pro-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v39-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* maven-pro-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* maven-pro-900 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Maven Pro';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/maven-pro-v32-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons-v143-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* kontaktform CF7 Buchungsanfrage */
/* RUSC 2025_08_30 */

.wpcf7 input {
	width:85% 
}

div#wpcf7-f1223-p294-o1{
background-color: #fbefde;
border: 1px solid #f28f27;
padding:20px;
}
#wpcf7-f1223-p294-o1 input[type="text"],
#wpcf7-f1223-p294-o1 input[type="email"],
#wpcf7-f1223-p294-o1 textarea {
font-family:"Maven Pro";
#font-style:normal;
}
#wpcf7-f1223-p294-o1 input[type="submit"],
#wpcf7-f1223-p294-o1 input[type="button"] {

width:100%;
text-align:center;
text-transform:uppercase;
}
/* -----------------------------------------------------------*/


*/

/* Header ContactForm7 */


.wpcf7 form.sent .wpcf7-response-output {
    /*border-color: #333333;*/
}
.wpcf7
{
    background-color: #d4cfcf;
    border: 0px solid #0f0;
	font-family: "Maven Pro";
	font-size: 16px;
	margin-right: 10px;
	padding: 10px;
	color: #54504f;
	opacity: 0.7;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #f56e28; /* Orange */
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
}



/* Header */

a {
    color: #333333;
    text-decoration: underline;
}

header {height: 100px;background: rgba(51, 51, 51, 0.5) !important; opacity: 1 !important}
header .bg-header {background:none !important}
#nav.de-menu {background:none !important}
.de-menu a {background:none !important;color:#ead858 !important}
.de-menu a:hover {color:#ead858 !important}
.de-menu li li a {background: rgba(51, 51, 51, 0.5) !important; opacity: 1 !important}
/*.de-menu li ul {margin-top: 3px;}*/
#mainlogo img {height: 90px;max-height: 90px;width: auto;}
#mainlogo .inner {padding-left: 0;}


.de-menu li a:hover {color:#ffffff !important;}

/* Slider */
#slidecaption h2 {background: rgba(51, 51, 51, 0.6) !important; opacity: 1 !important}
.slide-desc {background: rgba(51, 51, 51, 0.6) !important; opacity: 1 !important}
.slide-desc {font-size: 26px !important;}
.slide-desc a {color:#ffffff !important; text-decoration: underline !important}
.slide-desc a:hover {color:#ddd873 !important}

/* Revolution */

#slider_text_white {background: rgba(51, 51, 51, 0.5) none repeat scroll 0 0 !important; padding:15px 15px 10px 15px}
#slider_text_white p {color:#ddd873}
#slider_text_white p a {color:#ffffff; text-decoration: underline}
#slider_text_white p a:hover {color:#ddd873; text-decoration: underline}
#slider_text_black p {color:#000000}
#slider_text_black p a {color:#000000; text-decoration: underline}
#slider_text_black p a:hover {color:#ddd873; text-decoration: underline}
.tparrows::before {font-size:48px;opacity:0.7}
.tparrows {background:none}
.tparrows:hover {background:none;}


/* Footer */
#footer .footer-inner {background: rgba(51, 51, 51, 0.6) !important; opacity: 1 !important}
#footer .social-icon-footer img {width: 30px;}
#footer {font-size: 14px;}

/* Booking */
.booking-form i {color: #333333;}
.btn-custom {font-size: 26px; background: rgba(51, 51, 51, 0.8) !important;}
.col-md-12 div.inner-page, .page-inner, .booking-form {background: rgba(216, 215, 215, 0.8) none repeat scroll 0 0;}


/* Anzeige Liste RoomCategorie unten Details Anzeigen*/
a.btn-custom, a.btn-custom-2 {
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
	
}



/* Rooms */
.room-item-one-column a.btn-custom-2 {background: rgba(51, 51, 51, 0.8) !important;}

/* Verschiedenes */
span.overlay {background: rgba(51, 51, 51, 0.8) !important;}
.pagination .current {background: #ead858 none repeat scroll 0 0;}
.pagination a:hover{background: rgba(51, 51, 51, 0.8) !important;}
::-moz-selection{background:#ead858 !important; color:#FFF;}
::selection{background:#ead858 !important; color:#FFF;}


/* Menu */

.de-menu>li li {
	font-weight: normal;
	font-size: 20px;
}
.de-menu li li a {
	padding: 2px 15px 2px 15px;
	background: #64483E;
	border-top: none;




/* Mobile Menu */
/* RUSC 2021_07_25*/



/*#menu-btn {right: 20px;top: 32px;}*/
#menu-btn {
	vertical-align: middle;
	float: right;
	position: fixed;
	top: 32px;
	right: 20px;
	display: none;
	z-index: 1000;
	cursor: pointer;
}



#menu-btn::before {color:#ddd873;font-size:36px}
/*
#menu-btn::before {
	content: "\f0c9";
	font-family: "Maven Pro";
	font-size: 36px;
	margin-right: 10px;
	padding: 6px;
	color: #ddd873;
	float: left;
	width: 36px;
	height: 36px;
}
*/





.de-menu-mobile a:hover {opacity: 0.5 !important; color:#ffffff !important;}
.de-menu-mobile li a { font-size: 30px; color: #ead858 !important; opacity: 0.7 !important;}
.de-menu-mobile a {color: #ead858 !important; text-decoration: none !important;}



/* Mobile */

@media screen and (max-width: 800px) {
header #mainlogo .inner {height: 80px;}
header #mainlogo img {height: 100%;}
header #mainlogo{ height:60px; position:fixed; left:15px; top:12px;}

.btn-custom-2 {margin:20px 0 40px}
#slider_text_white {margin:0 0 0 40px;font-size:30px}
}



@media screen and (max-width: 677px) {
header #mainlogo .inner {height: 80px;}
header #mainlogo img {height: 100%;}
header #mainlogo{ height:80px; position:fixed; left:15px; top:12px;}

.btn-custom-2 {margin:20px 0 40px}
#slider_text_white {margin:0 0 0 40px;font-size:30px}
}

@media screen and (max-width: 375px) {
#mainlogo img {
    height: 60px;
    max-height: 60px;
}

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

}